From 95a77539d62d74490dedff34c6383b42e0b9ee1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20Ven=C3=A2ncio?= <ph.venancio2@gmail.com>
Date: Sat, 19 Apr 2025 10:53:21 -0300
Subject: [PATCH 01/12] refactor: updating home page data

---
 public/assets/images/sponsors/hersheys.svg    |  1 +
 public/assets/images/sponsors/intel.svg       |  7 ++++
 public/assets/images/sponsors/k4c.svg         | 42 +++++++++++++++++++
 src/pages/Home/Hero/Hero.vue                  |  7 +---
 src/pages/Home/Home.vue                       |  6 +--
 src/pages/Home/Impact/Impact.vue              | 17 ++++----
 src/pages/Home/Sponsors/Sponsors.vue          | 14 ++++++-
 .../SponsorsCarousel/SponsorsCarousel.vue     |  3 ++
 src/pages/Home/TechShowcase/TechShowcase.vue  |  2 +-
 src/pages/Home/Testimonials/Testimonials.vue  | 21 ++++------
 10 files changed, 87 insertions(+), 33 deletions(-)
 create mode 100644 public/assets/images/sponsors/hersheys.svg
 create mode 100644 public/assets/images/sponsors/intel.svg
 create mode 100644 public/assets/images/sponsors/k4c.svg

diff --git a/public/assets/images/sponsors/hersheys.svg b/public/assets/images/sponsors/hersheys.svg
new file mode 100644
index 00000000..804d9210
--- /dev/null
+++ b/public/assets/images/sponsors/hersheys.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="192" height="30" viewBox="0 0 18 6.012"><path d="M0 .038h.819v2.463h.416V.038h.819v5.944h-.819V3.101H.819v2.881H0V.038zm3.987 0v.6h-.705v1.864h.705v.6h-.705v2.281h.705v.6H2.464V.038h1.523zm1.942 2.73c.076.047.464.178.463.648V5.28c0 .324.072.626.121.702h-.819c-.084-.136-.152-.444-.152-.781V3.419c0-.211-.044-.318-.159-.318h-.22v2.881h-.819V.038h1.229c.527 0 .83.302.83.815v1.133c-.001.687-.444.74-.474.782zm-.766-.267h.212c.118 0 .179-.086.179-.196V.815c0-.104-.059-.178-.152-.178h-.239v1.864zm2.351 1.26v1.414c0 .128.06.178.13.197a.334.334 0 0 0 .19-.007c.056-.026.097-.082.097-.187V3.92c0-.591-1.236-.961-1.236-2.001V.91C6.694.319 7.005 0 7.718 0c.652 0 .993.223.993.85v1.19h-.818V.777c0-.109-.037-.157-.09-.176a.292.292 0 0 0-.158 0c-.059.02-.101.069-.101.176v1.148c0 .516 1.236.993 1.236 1.926v1.13c0 .723-.349 1.031-1.024 1.031-.624 0-1.069-.126-1.069-.94V3.761h.827zM9.039.038h.819v2.463h.416V.038h.819v5.944h-.819V3.101h-.417v2.881h-.818V.038zm3.986 0v.6h-.704v1.864h.704v.6h-.704v2.281h.704v.6h-1.523V.038h1.523zm1.534 3.063v2.881h-.819V3.101L13.049.038h.819l.349 2.017.395-2.017h.606l-.659 3.063zM15.96.038l-.319 1.183h-.493l.258-1.183h.554zm-.647 5.961a.281.281 0 1 1 0-.562.28.28 0 0 1 .283.28.28.28 0 0 1-.283.282zm-.228-.282a.227.227 0 1 0 .455 0 .227.227 0 0 0-.227-.233.226.226 0 0 0-.228.233zm.169.022v.141h-.049v-.324h.123c.076 0 .114.028.114.092 0 .059-.036.083-.083.09l.091.142h-.055l-.085-.141h-.056zm0-.042h.059c.041 0 .078-.003.078-.053 0-.04-.036-.047-.07-.047h-.066v.1zm1.479-1.937v1.414c0 .128.06.179.13.198a.326.326 0 0 0 .19-.008c.056-.025.097-.081.097-.187V3.92c0-.592-1.235-.961-1.235-2.002V.91c0-.592.311-.91 1.023-.91.652 0 .993.223.993.85v1.19h-.819V.777c0-.11-.037-.157-.09-.176a.274.274 0 0 0-.158 0c-.059.02-.102.069-.102.177v1.148c.002.515 1.238.993 1.238 1.926v1.129c0 .723-.349 1.031-1.023 1.031-.625 0-1.069-.126-1.069-.94V3.76h.825z"/></svg>
\ No newline at end of file
diff --git a/public/assets/images/sponsors/intel.svg b/public/assets/images/sponsors/intel.svg
new file mode 100644
index 00000000..a4316e2c
--- /dev/null
+++ b/public/assets/images/sponsors/intel.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="192" height="30" version="1.1" viewBox="0 0 264.58 111.61" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(81.212 -76.85)" stroke-width=".74113">
+  <rect class="st0" x="-81.212" y="78.407" width="20.826" height="20.826" fill="#0068b5"/>
+  <path class="st1" d="m-60.905 186.91v-75.076h-19.788v75.002h19.788zm131.03.74112v-18.38c-2.8904 0-5.3361-.14818-7.1148-.44467-2.0752-.29645-3.6315-1.0376-4.6691-2.0752-1.0376-1.0376-1.7046-2.5198-2.0752-4.5209-.29645-1.8528-.44468-4.2986-.44468-7.2631v-26.162h14.304v-16.972h-14.304v-29.201h-19.788v72.557c0 6.1514.51879 11.339 1.5564 15.49 1.0376 4.0762 2.8163 7.4113 5.262 9.9311 2.4457 2.5198 5.7067 4.2986 9.6347 5.4103 4.0021 1.1117 9.0418 1.6305 15.045 1.6305zm113.24-.74112v-110.06h-19.788v110.06zm-166.38-67.665c-5.4844-5.929-13.192-8.8936-22.975-8.8936-4.7432 0-9.1159.96347-12.97 2.8904-3.928 1.927-7.189 4.595-9.857 8.0042l-1.0376 1.4082v-10.82h-19.492v75.002h19.64v-39.947 2.7422-1.334c.22232-7.0408 1.9269-12.229 5.1879-15.564 3.4833-3.5574 7.7078-5.3361 12.525-5.3361 5.7067 0 10.079 1.7787 12.97 5.1879 2.8163 3.4092 4.2986 8.2265 4.2986 14.378v39.873h19.936v-42.541c.07412-10.672-2.7422-19.121-8.2265-25.05zm136.37 30.016c0-5.4102-.96347-10.45-2.8163-15.193-1.9269-4.6691-4.595-8.8195-7.9301-12.377-3.4092-3.5574-7.4854-6.2996-12.229-8.3006-4.7432-2.001-10.005-2.9645-15.712-2.9645-5.4102 0-10.524 1.0376-15.267 3.0386-4.7432 2.0752-8.8936 4.8173-12.377 8.3006-3.4833 3.4833-6.2996 7.6336-8.3007 12.377-2.0752 4.7432-3.0386 9.857-3.0386 15.267 0 5.4103.96347 10.524 2.8904 15.267 1.9269 4.7432 4.6691 8.8936 8.0783 12.377 3.4092 3.4833 7.6336 6.2996 12.525 8.3006 4.8915 2.0752 10.302 3.1128 16.083 3.1128 16.75 0 27.125-7.6336 33.351-14.748l-14.23-10.82c-2.9645 3.5574-10.079 8.3748-18.973 8.3748-5.5585 0-10.153-1.2599-13.637-3.8539-3.4833-2.5199-5.8549-6.0773-7.1148-10.45l-.22235-.667h58.92zm-58.772-6.8925c0-5.4844 6.2996-15.045 19.862-15.119 13.563 0 19.936 9.5606 19.936 15.045z"/>
+ </g>
+</svg>
diff --git a/public/assets/images/sponsors/k4c.svg b/public/assets/images/sponsors/k4c.svg
new file mode 100644
index 00000000..f4f883d4
--- /dev/null
+++ b/public/assets/images/sponsors/k4c.svg
@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="192" height="40" viewBox="0 0 169 104" style="enable-background:new 0 0 169 104;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#68C6C2;}
+	.st1{fill:#5AC4C3;}
+	.st2{fill:#F49224;}
+	.st3{fill:#F26F21;}
+	.st4{fill:#857C3C;}
+	.st5{fill:#231F20;}
+</style>
+<g>
+	<path class="st0" d="M66.7,58.9C66.7,58.9,66.7,58.9,66.7,58.9C66.7,58.9,66.7,58.9,66.7,58.9L66.7,58.9z"/>
+	<path class="st1" d="M18.9,66.2c0,19.1,10.4,45.5,20.8,35.1c12.7-12.7,27.9-34.9,27.7-41.4C50,75.3,32.2,73.5,18.9,66.2"/>
+	<path class="st2" d="M66.7,59.1c0,0,0-0.1,0-0.2L66.7,59.1C66.7,59.1,66.7,59.1,66.7,59.1"/>
+	<path class="st3" d="M20.7,54.6c6.6-16.2,45.9,4.6,46.7,5c-1.1-5-25.4-76.9-65.2-55.1C-0.6,6.7,4,12.9,2.6,21.4   C1.2,29.8-4.1,48,9.4,59.6c2.8,2.4,6,4.7,9.4,6.6C18.9,61.7,19.4,57.7,20.7,54.6"/>
+	<path class="st4" d="M67.4,59.8c0-0.1,0-0.1,0-0.2c0,0,0-0.1,0-0.1c-0.8-0.4-40.1-21.2-46.7-5c-1.3,3.1-1.8,7.1-1.8,11.6   C32.2,73.5,50,75.3,67.4,59.8"/>
+	<path class="st5" d="M79.6,32.1c0-5.4-0.1-6.2-3.1-6.4l-1.3-0.1c-0.3-0.2-0.2-1.1,0.1-1.3c2.5,0.1,4.1,0.2,6.4,0.2   c2,0,3.7,0,5.9-0.2c0.3,0.2,0.4,1.1,0.1,1.3l-1,0.1c-3,0.3-3.1,1.1-3.1,6.4V38c0,1,0.1,1.9,0.7,1.9c0.5,0,1.1-0.3,1.4-0.6   c0.7-0.6,2.1-1.9,2.6-2.4l5.5-5.4c1-0.9,3.5-3.5,4-4.2c0.2-0.4,0.4-0.6,0.4-0.8c0-0.2-0.2-0.4-0.9-0.5l-1.4-0.3   c-0.4-0.4-0.3-1,0.1-1.3c1.8,0.1,3.8,0.2,5.6,0.2c1.8,0,3.5,0,5-0.2c0.4,0.3,0.4,1,0.1,1.3c-1.3,0.1-3.3,0.6-4.7,1.4   c-1.4,0.8-4.3,3.2-7.1,5.9l-4.6,4.3c-0.7,0.7-1.2,1.2-1.2,1.6c0,0.4,0.3,0.8,1,1.6C95.1,46,99,50.6,103,54.7   c1.2,1.2,2.3,1.9,4.1,2.1l1.4,0.1c0.4,0.3,0.3,1.1-0.1,1.3c-1.3-0.1-3.3-0.1-5.7-0.1c-2.1,0-3.9,0-6.2,0.1c-0.4-0.1-0.5-1-0.2-1.3   l1.2-0.2c0.7-0.1,1.2-0.3,1.2-0.5c0-0.3-0.4-0.7-0.7-1.2c-1-1.2-2.3-2.6-4.2-4.8l-4.1-4.6c-2.9-3.3-3.7-4.3-4.9-4.3   c-0.8,0-0.9,0.7-0.9,2.4v6.6c0,5.3,0.1,6.1,3,6.4l1.4,0.1c0.3,0.2,0.2,1.1-0.1,1.3c-2.5-0.1-4.2-0.1-6.2-0.1c-2.1,0-3.8,0-5.9,0.1   c-0.3-0.1-0.4-0.9-0.1-1.3l1-0.1c2.7-0.4,2.8-1,2.8-6.4V32.1z"/>
+	<path class="st5" d="M109.2,48.5c-0.4,0-0.7-0.4-0.7-0.9c0-0.6,0.2-0.9,0.9-1.9l16.3-22.8c0.4-0.5,0.7-0.7,1.2-0.7h0.9   c0.5,0,0.8,0.2,0.8,0.4c0,0.2-0.1,0.4-0.3,0.6l-16.2,22.4c-0.6,0.8,0.1,0.8,1.4,0.8h7.9c1.2,0,1.4-0.2,1.4-1.3v-9.4   c0-0.4,0-0.8,0.5-1c0.6-0.4,1.8-0.8,2.6-0.9c0.7-0.1,0.7,0.6,0.7,1.6v9.8c0,1,0.2,1.2,1,1.2h3.3c0.4,0.4,0.4,1.7,0,2.1h-2.7   c-1.3,0-1.5,0.1-1.5,1.1v2.3c0,4,0.1,4.7,2.2,4.9l1.3,0.1c0.3,0.3,0.3,1.1-0.1,1.3c-1.8-0.1-3.7-0.1-5.3-0.1c-1.8,0-4.1,0-6.4,0.1   c-0.4-0.1-0.4-1-0.1-1.3l2.3-0.1c2.1-0.2,2.3-1,2.3-4.9v-2.1c0-1.2-0.2-1.3-1.5-1.3H109.2z"/>
+	<path class="st5" d="M142.6,28c3.7-2.9,8.5-4.3,13.7-4.3c2.8,0,6.6,0.6,9,1.2c0.6,0.2,1,0.3,1.4,0.2c0.1,1.2,0.3,4.4,0.7,7.5   c-0.3,0.4-1,0.4-1.4,0.1c-0.8-3.5-3-7.4-10.4-7.4c-7.8,0-14.4,4.9-14.4,15.5c0,10.7,6.8,16.6,15.1,16.6c6.6,0,9.5-4.3,10.6-7.3   c0.4-0.3,1.1-0.2,1.3,0.2c-0.4,2.6-1.7,6-2.4,7c-0.6,0.1-1.2,0.3-1.8,0.5c-1.1,0.4-4.8,1.2-8,1.2c-4.6,0-9-0.9-12.7-3.4   c-4.1-2.8-7.2-7.4-7.2-14C136.2,35.9,138.7,31,142.6,28"/>
+	<path class="st5" d="M81.6,73c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.3-0.1-0.3-0.2   l-2.6-3.4l-1.2,1.2v1.9c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3V67   c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3v3.2l3.5-3.5c0.1-0.1,0.2-0.2,0.3-0.2   c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3l-2.3,2.3L81.6,73z"/>
+	<path class="st5" d="M86.9,71l-1.4-3.3L84.2,71H86.9z M88.8,73.1c0,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3   c-0.1,0.1-0.2,0.1-0.4,0.1c-0.2,0-0.3-0.1-0.4-0.3l-0.7-1.6h-3.5l-0.7,1.6c-0.1,0.2-0.2,0.3-0.4,0.3c-0.2,0-0.3,0-0.4-0.1   c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0-0.3l2.6-6.1c0.1-0.3,0.3-0.4,0.6-0.4h0.1c0.3,0,0.5,0.1,0.6,0.4L88.8,73.1z"/>
+	<path class="st5" d="M92.9,70c0.6,0,1-0.1,1.4-0.3c0.3-0.2,0.5-0.5,0.5-1c0-0.4-0.1-0.7-0.4-0.9c-0.3-0.2-0.8-0.3-1.5-0.3H91V70   H92.9z M95.6,73.3c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3V73   c0-0.5-0.1-1-0.2-1.2c-0.1-0.3-0.3-0.5-0.5-0.6c-0.2-0.2-0.5-0.2-0.9-0.2H91v2.4c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1   c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3V67c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h2.4c0.9,0,1.6,0.2,2.1,0.6   c0.4,0.4,0.7,0.9,0.7,1.5c0,0.4-0.1,0.8-0.3,1.1c-0.2,0.3-0.5,0.6-1,0.7c0.5,0.1,0.8,0.5,1.1,1.1c0.1,0.4,0.2,0.8,0.2,1.3V73.3z"/>
+	<path class="st5" d="M105,66.7c0.1,0.1,0.2,0.3,0.2,0.5v6.1c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1   c-0.1-0.1-0.1-0.2-0.1-0.3v-5.8l-2.3,5.8c-0.1,0.1-0.1,0.2-0.3,0.3c-0.1,0.1-0.2,0.1-0.4,0.1c-0.1,0-0.3,0-0.4-0.1   c-0.1-0.1-0.2-0.2-0.3-0.3l-2.3-5.8v5.8c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1   c-0.1-0.1-0.1-0.2-0.1-0.3v-6.1c0-0.2,0.1-0.3,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2h0.3c0.1,0,0.3,0,0.4,0.1c0.1,0.1,0.2,0.2,0.2,0.3   l2.3,5.8l2.3-5.8c0.1-0.1,0.1-0.2,0.3-0.3c0.1-0.1,0.2-0.1,0.4-0.1h0.3C104.7,66.5,104.9,66.6,105,66.7"/>
+	<path class="st5" d="M111.1,71l-1.4-3.3l-1.4,3.3H111.1z M113,73.1c0,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3   c-0.1,0.1-0.2,0.1-0.4,0.1c-0.2,0-0.3-0.1-0.4-0.3l-0.7-1.6H108l-0.7,1.6c-0.1,0.2-0.2,0.3-0.4,0.3c-0.2,0-0.3,0-0.4-0.1   c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0.1-0.3l2.6-6.1c0.1-0.3,0.3-0.4,0.6-0.4h0.1c0.3,0,0.5,0.1,0.6,0.4L113,73.1z"/>
+	<path class="st3" d="M117.9,67.4v2.3h3.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3   c-0.1,0.1-0.2,0.1-0.3,0.1h-3.1v2.7c0,0.1-0.1,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1   c-0.1-0.1-0.1-0.2-0.1-0.3V67c0-0.1,0-0.3,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h4c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3   c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1H117.9z"/>
+	<path class="st3" d="M126.3,72.9c0.8,0,1.5-0.3,2-0.8c0.5-0.5,0.7-1.2,0.7-2c0-0.8-0.2-1.5-0.7-2c-0.5-0.5-1.1-0.8-2-0.8   c-0.8,0-1.5,0.3-2,0.8c-0.5,0.5-0.7,1.2-0.7,2c0,0.8,0.2,1.5,0.7,2C124.8,72.6,125.5,72.9,126.3,72.9 M126.3,66.5   c1.1,0,1.9,0.3,2.6,1c0.6,0.7,1,1.5,1,2.6c0,1.1-0.4,2-1,2.6c-0.7,0.7-1.5,1-2.6,1c-1.1,0-1.9-0.3-2.6-1c-0.7-0.7-1-1.6-1-2.6   c0-1.1,0.3-1.9,1-2.6C124.3,66.8,125.2,66.5,126.3,66.5"/>
+	<path class="st3" d="M134.2,70c0.6,0,1-0.1,1.4-0.3c0.4-0.2,0.5-0.5,0.5-1c0-0.4-0.1-0.7-0.4-0.9c-0.3-0.2-0.8-0.3-1.5-0.3h-1.8V70   H134.2z M136.9,73.3c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3V73   c0-0.5-0.1-1-0.2-1.2c-0.1-0.3-0.3-0.5-0.5-0.6c-0.2-0.2-0.5-0.2-0.9-0.2h-2.1v2.4c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1   c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3V67c0-0.1,0.1-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h2.4c0.9,0,1.6,0.2,2.1,0.6   c0.4,0.4,0.7,0.9,0.7,1.5c0,0.4-0.1,0.8-0.3,1.1c-0.2,0.3-0.6,0.6-1,0.7c0.5,0.1,0.8,0.5,1.1,1.1c0.1,0.4,0.2,0.8,0.2,1.3V73.3z"/>
+	<path class="st5" d="M146.4,72.4c0.1,0,0.1-0.1,0.2-0.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3c0,0.2-0.1,0.3-0.2,0.4   c-0.3,0.2-0.7,0.3-1,0.5c-0.4,0.1-0.8,0.2-1.3,0.2c-0.5,0-1-0.1-1.4-0.3c-0.4-0.2-0.8-0.4-1.1-0.7c-0.7-0.7-1-1.6-1-2.7   c0-1.1,0.3-2,1-2.7c0.7-0.7,1.5-1,2.6-1c0.5,0,0.9,0.1,1.3,0.2c0.4,0.1,0.6,0.2,0.8,0.3c0.2,0.1,0.3,0.2,0.4,0.2   c0,0.1,0.1,0.1,0.1,0.3c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.2,0c-0.3-0.1-0.6-0.3-0.8-0.3   c-0.3-0.1-0.6-0.1-1.1-0.1c-0.4,0-0.8,0.1-1.1,0.2c-0.3,0.1-0.6,0.3-0.9,0.6c-0.5,0.5-0.7,1.1-0.7,2c0,0.8,0.2,1.5,0.7,2   c0.5,0.5,1.2,0.8,2,0.8c0.4,0,0.7,0,1-0.1C145.8,72.7,146.1,72.6,146.4,72.4"/>
+	<path class="st5" d="M152.3,71l-1.4-3.3l-1.4,3.3H152.3z M154.2,73.1c0,0.1,0.1,0.2,0.1,0.3c0,0.1-0.1,0.2-0.1,0.3   c-0.1,0.1-0.2,0.1-0.4,0.1c-0.2,0-0.3-0.1-0.4-0.3l-0.7-1.6h-3.5l-0.7,1.6c-0.1,0.2-0.2,0.3-0.4,0.3c-0.2,0-0.3,0-0.4-0.1   c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0-0.3l2.6-6.1c0.1-0.3,0.3-0.4,0.6-0.4h0.1c0.3,0,0.5,0.1,0.6,0.4L154.2,73.1z"/>
+	<path class="st5" d="M158.3,70c0.6,0,1-0.1,1.4-0.3c0.4-0.2,0.5-0.5,0.5-1c0-0.4-0.1-0.7-0.4-0.9c-0.3-0.2-0.8-0.3-1.5-0.3h-1.8V70   H158.3z M161,73.3c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3V73   c0-0.5-0.1-1-0.2-1.2c-0.1-0.3-0.3-0.5-0.5-0.6c-0.2-0.2-0.5-0.2-0.9-0.2h-2.1v2.4c0,0.1-0.1,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1   c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3V67c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h2.4c0.9,0,1.6,0.2,2.1,0.6   c0.4,0.4,0.7,0.9,0.7,1.5c0,0.4-0.1,0.8-0.3,1.1c-0.2,0.3-0.6,0.6-1,0.7c0.5,0.1,0.8,0.5,1.1,1.1c0.1,0.4,0.2,0.8,0.2,1.3V73.3z"/>
+	<path class="st5" d="M166.7,71l-1.4-3.3l-1.4,3.3H166.7z M168.6,73.1c0,0.1,0,0.2,0,0.3c0,0.1,0,0.2-0.1,0.3   c-0.1,0.1-0.2,0.1-0.4,0.1c-0.2,0-0.3-0.1-0.4-0.3l-0.7-1.6h-3.5l-0.7,1.6c-0.1,0.2-0.2,0.3-0.4,0.3c-0.2,0-0.3,0-0.4-0.1   c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0-0.3l2.6-6.1c0.1-0.3,0.3-0.4,0.6-0.4h0.1c0.3,0,0.5,0.1,0.6,0.4L168.6,73.1z"/>
+	<path class="st5" d="M77.1,78v2.2h3.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1   h-3.1v2.7c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3v-6.2c0-0.1,0-0.2,0.1-0.3   c0.1-0.1,0.2-0.1,0.3-0.1h4c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1H77.1z"/>
+	<path class="st5" d="M85.5,83.4c0.8,0,1.5-0.3,2-0.8c0.5-0.5,0.7-1.2,0.7-2c0-0.8-0.2-1.5-0.7-2c-0.5-0.5-1.1-0.8-2-0.8   c-0.8,0-1.5,0.3-1.9,0.8c-0.5,0.5-0.7,1.2-0.7,2c0,0.8,0.2,1.5,0.7,2C84.1,83.2,84.7,83.4,85.5,83.4 M85.5,77c1.1,0,1.9,0.3,2.6,1   c0.6,0.7,1,1.5,1,2.6c0,1.1-0.4,2-1,2.6c-0.6,0.7-1.5,1-2.6,1c-1.1,0-1.9-0.3-2.6-1c-0.6-0.7-1-1.6-1-2.6c0-1.1,0.3-1.9,1-2.6   C83.6,77.3,84.5,77,85.5,77"/>
+	<path class="st5" d="M96,77c0.1,0,0.2,0.1,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3v4c0,0.9-0.3,1.6-1,2.1c-0.6,0.4-1.2,0.7-2,0.7   c-0.8,0-1.4-0.2-2-0.7c-0.6-0.5-0.9-1.2-0.9-2.1v-4c0-0.1,0-0.3,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1c0.1,0,0.2,0.1,0.3,0.1   c0.1,0.1,0.1,0.2,0.1,0.3v4c0,0.6,0.2,1.1,0.6,1.4c0.4,0.3,0.8,0.5,1.4,0.5s1-0.2,1.4-0.5c0.4-0.3,0.6-0.8,0.6-1.4v-4   c0-0.1,0-0.3,0.1-0.3C95.7,77.1,95.8,77,96,77"/>
+	<path class="st5" d="M104.1,77c0.1,0,0.2,0.1,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3v6.1c0,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2   h-0.1c-0.2,0-0.4-0.1-0.5-0.3l-3.9-5.7v5.5c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1   c-0.1-0.1-0.1-0.2-0.1-0.3v-6.1c0-0.2,0.1-0.3,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2h0.1c0.2,0,0.4,0.1,0.6,0.3l3.9,5.7v-5.5   c0-0.1,0-0.3,0.1-0.3C103.9,77.1,104,77,104.1,77"/>
+	<path class="st5" d="M108.9,83.3c0.8,0,1.5-0.2,2-0.7c0.5-0.5,0.7-1.1,0.7-1.9c0-0.8-0.2-1.4-0.7-1.9c-0.5-0.5-1.2-0.7-2-0.7h-1.5   v5.4H108.9z M109.1,77.1c1.1,0,2,0.4,2.7,1.1c0.3,0.3,0.5,0.7,0.7,1.1c0.1,0.4,0.2,0.9,0.2,1.3c0,0.4-0.1,0.9-0.2,1.3   c-0.1,0.4-0.4,0.8-0.7,1.1c-0.7,0.8-1.6,1.1-2.7,1.1h-2c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3v-6.2c0-0.1,0-0.2,0.1-0.3   c0.1-0.1,0.2-0.1,0.3-0.1H109.1z"/>
+	<path class="st5" d="M118,81.5l-1.4-3.3l-1.4,3.3H118z M119.8,83.6c0,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3   c-0.1,0.1-0.2,0.1-0.4,0.1c-0.2,0-0.3-0.1-0.4-0.3l-0.7-1.6h-3.5l-0.7,1.6c-0.1,0.2-0.2,0.3-0.4,0.3c-0.2,0-0.3,0-0.4-0.1   c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0-0.3l2.6-6.1c0.1-0.3,0.3-0.4,0.6-0.4h0.1c0.3,0,0.5,0.1,0.6,0.4L119.8,83.6z"/>
+	<path class="st5" d="M126.1,77.2c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1h-2.1v5.8   c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3V78h-2.1c-0.1,0-0.2,0-0.3-0.1   c-0.1-0.1-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h5.1C125.9,77.1,126,77.1,126.1,77.2"/>
+	<path class="st5" d="M127.8,77c0.1,0,0.2,0.1,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3v6.3c0,0.1-0.1,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1   c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3v-6.3c0-0.1,0-0.3,0.1-0.3C127.6,77.1,127.7,77,127.8,77"/>
+	<path class="st5" d="M133.4,83.4c0.8,0,1.5-0.3,2-0.8c0.5-0.5,0.7-1.2,0.7-2c0-0.8-0.2-1.5-0.7-2c-0.5-0.5-1.1-0.8-2-0.8   c-0.8,0-1.5,0.3-1.9,0.8c-0.5,0.5-0.7,1.2-0.7,2c0,0.8,0.2,1.5,0.7,2C131.9,83.2,132.6,83.4,133.4,83.4 M133.4,77   c1.1,0,1.9,0.3,2.6,1c0.6,0.7,1,1.5,1,2.6c0,1.1-0.4,2-1,2.6c-0.7,0.7-1.5,1-2.6,1c-1.1,0-1.9-0.3-2.6-1c-0.6-0.7-1-1.6-1-2.6   c0-1.1,0.3-1.9,1-2.6C131.5,77.3,132.3,77,133.4,77"/>
+	<path class="st5" d="M144.2,77c0.1,0,0.2,0.1,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3v6.1c0,0.2-0.1,0.3-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2   h-0.1c-0.2,0-0.4-0.1-0.5-0.3l-3.9-5.7v5.5c0,0.1-0.1,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.3,0.1c-0.1,0-0.2,0-0.3-0.1   c-0.1-0.1-0.1-0.2-0.1-0.3v-6.1c0-0.2,0.1-0.3,0.2-0.5c0.1-0.1,0.3-0.2,0.5-0.2h0.1c0.2,0,0.4,0.1,0.6,0.3l3.9,5.7v-5.5   c0-0.1,0.1-0.3,0.1-0.3C144,77.1,144.1,77,144.2,77"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/pages/Home/Hero/Hero.vue b/src/pages/Home/Hero/Hero.vue
index ffdd58c3..74045c61 100644
--- a/src/pages/Home/Hero/Hero.vue
+++ b/src/pages/Home/Hero/Hero.vue
@@ -7,8 +7,7 @@
                 <h1
                     class="text-4xl tablet:text-[24px] mobile:text-[24px] leading-normal text-title"
                 >
-                    Have fun and learn with <br />
-                    our educational games!
+                Learning Made Fun and Inclusive
                 </h1>
             </div>
 
@@ -16,9 +15,7 @@
                 <p
                     class="font-poppins text-body text-xl mobile:text-[16px] max-w-md leading-8"
                 >
-                    Explore our free, interactive, audio-based games designed to
-                    make learning engaging and inclusive for blind and visually
-                    impaired children.
+                Try our free audio-based games—interactive, accessible, and built to empower blind and visually impaired children through fun learning.
                 </p>
             </div>
 
diff --git a/src/pages/Home/Home.vue b/src/pages/Home/Home.vue
index e90b06ca..fac150c5 100644
--- a/src/pages/Home/Home.vue
+++ b/src/pages/Home/Home.vue
@@ -63,6 +63,7 @@ onUnmounted(() => {
   >
     <Header :logoPath="'/assets/images/header/header-logo-2.png'" />
     <Hero />
+    <Impact />
   </div>
   <div 
     :class="[
@@ -71,9 +72,8 @@ onUnmounted(() => {
       isMobile ? 'px-5 mt-20' : ''
     ]"
   >
-    <AboutUs />
     <Sponsors />
-    <Impact />
+    <TechShowcase />
   </div>
   <Testimonials />
   <div 
@@ -83,9 +83,7 @@ onUnmounted(() => {
       isMobile ? 'px-5' : ''
     ]"
   >
-    <TechShowcase />
     <Events />
-    <CTA />
   </div>
   <Footer />
 </template>
diff --git a/src/pages/Home/Impact/Impact.vue b/src/pages/Home/Impact/Impact.vue
index fce04bd9..5488aa07 100644
--- a/src/pages/Home/Impact/Impact.vue
+++ b/src/pages/Home/Impact/Impact.vue
@@ -20,8 +20,7 @@ import Globe from "/assets/images/impact/globe 1.svg";
             <p
                 class="font-poppins text-body text-xl leading-8 text-wrap max-w-[65%] tablet:max-w-[85%] mobile:text-[16px] mobile:text-center mobile:max-w-full"
             >
-                Bridging the educational gap for visually impaired learners with
-                interactive audio learning.
+            Did you know that over 70% of blind students are at least a grade level behind in school due to a lack of resources? We are bridging the educational gap for visually impaired learners with interactive audio learning.
             </p>
             <a
                 href="/impact"
@@ -41,13 +40,13 @@ import Globe from "/assets/images/impact/globe 1.svg";
                     <h1
                         class="font-poppins font-medium text-2xl text-wrap mobile:text-[24px]"
                     >
-                        1000+
+                        5.000+
                     </h1>
                     <p
                         class="font-poppins text-base text-center mobile:text-[12px]"
                     >
-                        students <br />
-                        impacted
+                        blind and visually impaired <br>
+                        students impacted
                     </p>
                 </div>
             </div>
@@ -60,12 +59,12 @@ import Globe from "/assets/images/impact/globe 1.svg";
                     <h1
                         class="font-poppins font-medium text-2xl text-wrap mobile:text-[24px]"
                     >
-                        20000+
+                        100.000+
                     </h1>
                     <p
                         class="font-poppins text-base text-center mobile:text-[12px]"
                     >
-                        problems <br />
+                        educational problems <br />
                         solved
                     </p>
                 </div>
@@ -79,12 +78,12 @@ import Globe from "/assets/images/impact/globe 1.svg";
                     <h1
                         class="font-poppins font-medium text-2xl text-wrap mobile:text-[24px]"
                     >
-                        7+
+                        19
                     </h1>
                     <p
                         class="font-poppins text-base text-center mobile:text-[12px]"
                     >
-                        collaborating <br />
+                        partnering <br />
                         schools
                     </p>
                 </div>
diff --git a/src/pages/Home/Sponsors/Sponsors.vue b/src/pages/Home/Sponsors/Sponsors.vue
index 48b3e3fa..c3ef003e 100644
--- a/src/pages/Home/Sponsors/Sponsors.vue
+++ b/src/pages/Home/Sponsors/Sponsors.vue
@@ -11,7 +11,7 @@ import SponsorsCarousel from "./SponsorsCarousel/SponsorsCarousel.vue";
         </h1>
         <div class="sponsors-carousel w-full">
             <div
-                class="w-full scroll-auto grid grid-cols-4 grid-row-a items-center"
+                class="w-full scroll-auto grid grid-cols-7 grid-row-a items-center justify-center"
             >
                 <img
                     src="/assets/images/sponsors/google.png"
@@ -26,6 +26,18 @@ import SponsorsCarousel from "./SponsorsCarousel/SponsorsCarousel.vue";
                     src="/assets/images/sponsors/wolframalpha.svg"
                     alt="wolframalpha logo"
                 />
+                <img
+                    src="/assets/images/sponsors/intel.svg"
+                    alt="intel logo"
+                />
+                <img
+                    src="/assets/images/sponsors/hersheys.svg"
+                    alt="hersheys logo"
+                />
+                <img
+                    src="/assets/images/sponsors/k4c.svg"
+                    alt="k4c logo"
+                />
             </div>
         </div>
         <div class="sponsors-carousel-small w-full">
diff --git a/src/pages/Home/Sponsors/SponsorsCarousel/SponsorsCarousel.vue b/src/pages/Home/Sponsors/SponsorsCarousel/SponsorsCarousel.vue
index f9877e18..e7ad5729 100644
--- a/src/pages/Home/Sponsors/SponsorsCarousel/SponsorsCarousel.vue
+++ b/src/pages/Home/Sponsors/SponsorsCarousel/SponsorsCarousel.vue
@@ -7,6 +7,9 @@ const items = [
     "/assets/images/sponsors/desmos.png",
     "/assets/images/sponsors/aops.svg",
     "/assets/images/sponsors/wolframalpha.svg",
+    "/assets/images/sponsors/intel.svg",
+    "/assets/images/sponsors/hersheys.svg",
+    "/assets/images/sponsors/k4c.svg",
 ];
 
 let interval;
diff --git a/src/pages/Home/TechShowcase/TechShowcase.vue b/src/pages/Home/TechShowcase/TechShowcase.vue
index f6d33052..ea891e1d 100644
--- a/src/pages/Home/TechShowcase/TechShowcase.vue
+++ b/src/pages/Home/TechShowcase/TechShowcase.vue
@@ -58,7 +58,7 @@ let videoStoped = () => {
 
 <template>
     <div
-      class="mt-[44px] mb-[8rem] mobile:mb-[128px] flex items-center justify-around mobile:gap-[64px] text-left mobile:flex-col"
+      class="mt-[44px] mb-[2rem] mobile:mb-[128px] flex items-center justify-around mobile:gap-[64px] text-left mobile:flex-col"
       :class="{ 'tablet-showcase': isTablet }"
     >
       <div
diff --git a/src/pages/Home/Testimonials/Testimonials.vue b/src/pages/Home/Testimonials/Testimonials.vue
index 92ede852..32d182cd 100644
--- a/src/pages/Home/Testimonials/Testimonials.vue
+++ b/src/pages/Home/Testimonials/Testimonials.vue
@@ -1,11 +1,9 @@
 <script setup>
-import Comment from "/assets/images/testimonials/comment.png";
-import Star from "/assets/images/testimonials/star.svg";
 </script>
 
 <template>
   <div
-    class="flex flex-col items-center gap-y-12 self-center mt-20 pt-80 mobile:pt-64 pb-[18rem] mobile:mt-5 mobile:pb-40 px-20 mobile:px-0 relative z-10"
+    class="flex flex-col items-center gap-y-12 self-center pt-80 mobile:pt-64 pb-[18rem] mobile:mt-5 mobile:pb-40 px-20 mobile:px-0 relative z-10"
   >
     <img
       src="/assets/images/testimonials/testimonials-bg.png"
@@ -30,7 +28,7 @@ import Star from "/assets/images/testimonials/star.svg";
         >
           <div class="w-4/12 mobile:w-[285px]">
             <div
-              class="relative bg-[#fff] shadow-[3px_4px_0px_#0C0D0D] border-2 border-[#2A3338] py-20 mobile:py-16 px-8 rounded-lg min-h-[344px] w-11/12 mobile:w-[285px] mobile:h-[280px]"
+              class="relative bg-[#fff] shadow-[3px_4px_0px_#0C0D0D] border-2 border-[#2A3338] py-20 mobile:py-16 px-8 rounded-lg min-h-[443px] w-11/12 mobile:w-[285px] mobile:h-[280px]"
             >
               <img
                 src="/assets/images/testimonials/yellowStar2.svg"
@@ -40,11 +38,10 @@ import Star from "/assets/images/testimonials/star.svg";
 
               <div class="max-w-52 w-full flex flex-col gap-y-4 mobile:justify-between mobile:h-full font-poppins">
                 <p class="">
-                  “The blind students who played the games were very into it!”
+                  “Audemy has been an invaluable tool within my classroom. My students who played the games were very into it, and the games cover tons of educational topics like math and language!”
                 </p>
                 <h2 class="text-small">
-                  &mdash; Teacher from the Texas School for the Blind and
-                  Visually Impaired
+                  &mdash; Teacher from the Texas School for the Blind and Visually Impaired
                 </h2>
               </div>
             </div>
@@ -52,7 +49,7 @@ import Star from "/assets/images/testimonials/star.svg";
 
           <div class="w-4/12 mobile:w-[285px]">
             <div
-              class="relative bg-[#fff] shadow-[3px_4px_0px_#0C0D0D] border-2 border-[#2A3338] py-20 mobile:py-16 px-8 rounded-lg min-h-[344px] w-11/12 mobile:w-[285px] mobile:h-[280px]"
+              class="relative bg-[#fff] shadow-[3px_4px_0px_#0C0D0D] border-2 border-[#2A3338] py-20 mobile:py-16 px-8 rounded-lg min-h-[443px] w-11/12 mobile:w-[285px] mobile:h-[280px]"
             >
               <img
                 src="/assets/images/testimonials/chatBalloon.svg"
@@ -62,8 +59,7 @@ import Star from "/assets/images/testimonials/star.svg";
 
               <div class="max-w-52 w-full flex flex-col gap-y-4 mobile:justify-between mobile:h-full font-poppins">
                 <p class="">
-                  “Audemy’s games provide accessible and engaging educational
-                  content for our blind students.”
+                  “Audemy’s games provide accessible and engaging educational content for our blind students.”
                 </p>
                 <h3 class="text-small">
                   &mdash; Staff from Kansas School for the Blind
@@ -74,7 +70,7 @@ import Star from "/assets/images/testimonials/star.svg";
 
           <div class="w-4/12 mobile:w-[285px]">
             <div
-              class="relative bg-[#fff] shadow-[3px_4px_0px_#0C0D0D] border-2 border-[#2A3338] py-20 mobile:py-16 px-8 rounded-lg min-h-[344px] w-11/12 mobile:w-[285px] mobile:h-[280px]"
+              class="relative bg-[#fff] shadow-[3px_4px_0px_#0C0D0D] border-2 border-[#2A3338] py-20 mobile:py-16 px-8 rounded-lg min-h-[443px] w-11/12 mobile:w-[285px] mobile:h-[280px]"
             >
               <img
                 src="/assets/images/testimonials/orangeStar.svg"
@@ -84,8 +80,7 @@ import Star from "/assets/images/testimonials/star.svg";
 
               <div class="max-w-52 w-full flex flex-col gap-y-4 mobile:justify-between mobile:h-full font-poppins">
                 <p class="">
-                  “Audemy’s audio games are unique...my favorite game was car
-                  counting because I love cars and math.”
+                  “Audemy’s audio games are really cool! My favorite game was car counting because I love cars and math.”
                 </p>
                 <h4 class="text-small">&mdash; Blind Student from Houston</h4>
               </div>

From 08cfd369d8fb2d913c90cb5b973833f3deb55d3f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20Ven=C3=A2ncio?= <ph.venancio2@gmail.com>
Date: Sat, 19 Apr 2025 11:05:37 -0300
Subject: [PATCH 02/12] refactor: updating about us page data

---
 src/pages/AboutUs/AboutUs.vue                 |  8 +---
 src/pages/AboutUs/Foundation/Foundation.vue   | 44 -------------------
 .../AboutUs/TopDecoration/TopDecoration.vue   | 18 ++++++++
 3 files changed, 20 insertions(+), 50 deletions(-)
 delete mode 100644 src/pages/AboutUs/Foundation/Foundation.vue
 create mode 100644 src/pages/AboutUs/TopDecoration/TopDecoration.vue

diff --git a/src/pages/AboutUs/AboutUs.vue b/src/pages/AboutUs/AboutUs.vue
index 127e611a..8bc57b00 100644
--- a/src/pages/AboutUs/AboutUs.vue
+++ b/src/pages/AboutUs/AboutUs.vue
@@ -2,11 +2,9 @@
 import Header from "../../components/Header/Header.vue";
 import Footer from "../../components/Footer/Footer.vue";
 import ScrollUpButton from "../../components/ScrollUpButton/ScrollUpButton.vue";
-import Foundation from "./Foundation/Foundation.vue";
 import CarlsJourney from "./CarlsJourney/CarlsJourney.vue";
 import Volunteers from "./Volunteers/Volunteers.vue";
-import WeAreCommitted from "./WeAreCommitted/WeAreCommitted.vue";
-import CallToAction from "./CallToAction/CallToAction.vue";
+import TopDecoration from "./TopDecoration/TopDecoration.vue";
 </script>
 
 <template>
@@ -14,11 +12,9 @@ import CallToAction from "./CallToAction/CallToAction.vue";
 
     <div class="px-20 relative" ref="content">
         <Header :logoPath="'/assets/images/header/header-logo-2.png'" />
-        <Foundation />
+        <TopDecoration />
         <Volunteers />
         <CarlsJourney />
-        <WeAreCommitted />
-        <CallToAction />
     </div>
 
     <Footer />
diff --git a/src/pages/AboutUs/Foundation/Foundation.vue b/src/pages/AboutUs/Foundation/Foundation.vue
deleted file mode 100644
index 6d4556e1..00000000
--- a/src/pages/AboutUs/Foundation/Foundation.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<script setup></script>
-
-<template>
-    <div
-        class="flex flex-col items-center justify-start mobile:justify-center w-full h-auto mt-24 mb-16 tablet:mb-32 mobile:mb-24"
-    >
-        <img
-            src="/assets/images/about-us/top-blue-bg.png"
-            class="absolute w-full -top-[22rem] right-0 -z-10"
-            alt="Background image"
-        />
-        <img
-            src="/assets/images/about-us/Group 1206.png"
-            class="absolute top-[10rem] -z-10"
-            alt="Background image"
-        />
-
-        <div class="w-full">
-            <h3
-                class="font-poppins text-small-text-color text-[12px] font-[500] mobile:w-auto text-center tracking-[3.6px] mb-4 text-[#6E777C] font-semibold"
-            >
-                FOUNDATION
-            </h3>
-        </div>
-
-        <div class="w-full mb-8">
-            <h2
-                class="text-center font-poppins text-[40px] tablet:text-[32px] mobile:text-[24px] mobile:text-center font-[400] text-[#151E22]"
-            >
-                A spark of inspiration ignites a mission
-            </h2>
-        </div>
-
-        <div class="w-[45%]">
-            <p
-                class="text-center font-poppins text-xl tablet:text-[32px] mobile:text-[24px] mobile:text-center font-[400] text-[#2f3e45]"
-            >
-                Our journey began with our founder, Crystal, who recognized the
-                exclusion of blind and visually impaired individuals from
-                engaging in her favorite game Wordle, due to its visual nature.
-            </p>
-        </div>
-    </div>
-</template>
diff --git a/src/pages/AboutUs/TopDecoration/TopDecoration.vue b/src/pages/AboutUs/TopDecoration/TopDecoration.vue
new file mode 100644
index 00000000..47490a33
--- /dev/null
+++ b/src/pages/AboutUs/TopDecoration/TopDecoration.vue
@@ -0,0 +1,18 @@
+<script setup></script>
+
+<template>
+    <div
+        class="flex flex-col items-center justify-start mobile:justify-center w-full h-auto mt-24 mb-5"
+    >
+        <img
+            src="/assets/images/about-us/top-blue-bg.png"
+            class="absolute w-full -top-[22rem] right-0 -z-10"
+            alt="Background image"
+        />
+        <img
+            src="/assets/images/about-us/Group 1206.png"
+            class="absolute top-[10rem] -z-10"
+            alt="Background image"
+        />
+    </div>
+</template>

From 1d8888963ce6e40d9ad51ced79d7e8e89ccea759 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20Ven=C3=A2ncio?= <ph.venancio2@gmail.com>
Date: Sat, 19 Apr 2025 13:24:27 -0300
Subject: [PATCH 03/12] refactor: updating impact page data

---
 src/pages/Impact/Impact.vue                   | 20 +++++++++----------
 .../Impact/ImpactInAction/ImpactInAction.vue  |  2 +-
 src/pages/Impact/OurReach/OurReach.vue        |  8 ++++----
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/pages/Impact/Impact.vue b/src/pages/Impact/Impact.vue
index a64824c9..5b08a617 100644
--- a/src/pages/Impact/Impact.vue
+++ b/src/pages/Impact/Impact.vue
@@ -10,16 +10,16 @@ import CollaboratingSchools from "./CollaboratingSchools/CollaboratingSchools.vu
 import ImpactInAction from "./ImpactInAction/ImpactInAction.vue";
 </script>
 <template>
-    <ScrollUpButton />
+  <ScrollUpButton />
 
-    <div class="px-20 relative" ref="content">
-        <Header :logoPath="'/assets/images/header/header-logo-2.png'" />
-        <OurReach />
-    </div>
-    <CollaboratingSchools />
+  <div class="px-20 relative" ref="content">
+    <Header :logoPath="'/assets/images/header/header-logo-2.png'" />
+  </div>
+  <ImpactInAction />
+  <PressList />
+  <CollaboratingSchools />
+  <Accolades />
+  <OurReach />
 
-    <ImpactInAction />
-    <Accolades />
-    <PressList />
-    <Footer />
+  <Footer />
 </template>
diff --git a/src/pages/Impact/ImpactInAction/ImpactInAction.vue b/src/pages/Impact/ImpactInAction/ImpactInAction.vue
index d523dee0..c4fc0f6c 100644
--- a/src/pages/Impact/ImpactInAction/ImpactInAction.vue
+++ b/src/pages/Impact/ImpactInAction/ImpactInAction.vue
@@ -3,7 +3,7 @@ import Carousel from "./Carousel.vue";
 </script>
 
 <template>
-    <div class="flex gap-24 w-full mb-[28rem] mobile:flex-col">
+    <div class="flex gap-24 w-full mb-[12rem] mobile:flex-col">
         <!-- CAROUSEL COMPONENT -->
         <div class="relative w-1/2 mobile:hidden">
             <img src="/assets/images/impact/Union.png" class="max-w[100px]" alt="Union Image" />
diff --git a/src/pages/Impact/OurReach/OurReach.vue b/src/pages/Impact/OurReach/OurReach.vue
index 84fe7a67..41a6e8cc 100644
--- a/src/pages/Impact/OurReach/OurReach.vue
+++ b/src/pages/Impact/OurReach/OurReach.vue
@@ -5,7 +5,7 @@
         <div class="flex flex-col justify-center items-center">
             <div>
                 <h3
-                    class="font-poppins text-small-text-color text-[12px] font-[500] mobile:w-auto text-center tracking-[3.6px] mb-4 text-[#6E777C] font-semibold"
+                    class="font-poppins text-small-text-color text-[12px] font-[500] mobile:w-auto text-center tracking-[3.6px] mb-4 text-[#6E777C]"
                 >
                     OUR REACH
                 </h3>
@@ -32,7 +32,7 @@
                     class="mx-auto relative -top-12"
                 />
                 <div>
-                    <h3 class="font-poppins text-3xl mb-2">1,000 +</h3>
+                    <h3 class="font-poppins text-3xl mb-2">5,000+</h3>
                     <p class="font-poppins text-lg mt-2 font-semibold">
                         Blind students impacted
                     </p>
@@ -51,7 +51,7 @@
                     alt="Problems Solved Icon"
                     class="mx-auto relative -top-12"
                 />
-                <h3 class="font-poppins text-3xl mb-2">20,000 +</h3>
+                <h3 class="font-poppins text-3xl mb-2">100,000+</h3>
                 <p class="font-poppins text-lg mt-2 font-semibold">
                     Problems solved
                 </p>
@@ -69,7 +69,7 @@
                     alt="Collaborating Schools Icon"
                     class="mx-auto relative -top-12"
                 />
-                <h3 class="font-poppins text-3xl mb-2">7 +</h3>
+                <h3 class="font-poppins text-3xl mb-2">19+</h3>
                 <p class="font-poppins text-lg mt-2 font-semibold">
                     Collaborating schools for the blind
                 </p>

From 06d29bf3d9051a2ec5d6a85fdc5e5b91cbf2f899 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20Ven=C3=A2ncio?= <ph.venancio2@gmail.com>
Date: Sat, 19 Apr 2025 13:28:29 -0300
Subject: [PATCH 04/12] style: impact component adjustments

---
 src/pages/Home/Impact/Impact.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Home/Impact/Impact.vue b/src/pages/Home/Impact/Impact.vue
index 5488aa07..bc964ab2 100644
--- a/src/pages/Home/Impact/Impact.vue
+++ b/src/pages/Home/Impact/Impact.vue
@@ -40,7 +40,7 @@ import Globe from "/assets/images/impact/globe 1.svg";
                     <h1
                         class="font-poppins font-medium text-2xl text-wrap mobile:text-[24px]"
                     >
-                        5.000+
+                        5,000+
                     </h1>
                     <p
                         class="font-poppins text-base text-center mobile:text-[12px]"
@@ -59,7 +59,7 @@ import Globe from "/assets/images/impact/globe 1.svg";
                     <h1
                         class="font-poppins font-medium text-2xl text-wrap mobile:text-[24px]"
                     >
-                        100.000+
+                        100,000+
                     </h1>
                     <p
                         class="font-poppins text-base text-center mobile:text-[12px]"

From 6ee018a68c79e0384dd8d0fdd7b4c12a1385e66d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20Ven=C3=A2ncio?= <ph.venancio2@gmail.com>
Date: Sat, 19 Apr 2025 16:48:07 -0300
Subject: [PATCH 05/12] refactor: adding new locations to map

---
 .../CollaboratingSchools/Affiliates.vue       |  98 +++++++--
 src/pages/Impact/CollaboratingSchools/Map.vue | 201 ++++++++++--------
 2 files changed, 200 insertions(+), 99 deletions(-)

diff --git a/src/pages/Impact/CollaboratingSchools/Affiliates.vue b/src/pages/Impact/CollaboratingSchools/Affiliates.vue
index e795d676..221c7c6f 100644
--- a/src/pages/Impact/CollaboratingSchools/Affiliates.vue
+++ b/src/pages/Impact/CollaboratingSchools/Affiliates.vue
@@ -10,33 +10,105 @@ const changeCurrentPage = (page) => {
 };
 
 const schools = [
+    // {
+    //     name: "California School for the Blind",
+    //     link: "https://www.csb-cde.ca.gov/",
+    // },
+    // {
+    //     name: "Texas School for the Blind and Visually Impaired",
+    //     link: "https://www.tsbvi.edu/",
+    // },
+    // {
+    //     name: "Kansas School for the Blind",
+    //     link: "https://kssb.net/",
+    // },
+    // {
+    //     name: "Illinois School for the Visually Impaired",
+    //     link: "https://www.dhs.state.il.us/page.aspx?item=84503",
+    // },
+    // {
+    //     name: "Arizona State School for the Deaf and the Blind",
+    //     link: "https://asdb.az.gov/",
+    // },
+    // {
+    //     name: "Obra D. Tompkins High School",
+    //     link: "https://www.katyisd.org/tompkins",
+    // },
+    // {
+    //     name: "HeZe Special Education Center (菏泽市特殊教育中心)",
+    //     link: "http://www.hzstjzx.cn/",
+    // },
+    {
+        name: "Alabama Institute for the Deaf and Blind",
+        link: "https://www.aidb.org",
+    },
+    {
+        name: "Arizona State School for the Deaf and the Blind",
+        link: "https://asdb.az.gov/",
+    },
     {
         name: "California School for the Blind",
         link: "https://www.csb-cde.ca.gov/",
     },
     {
-        name: "Texas School for the Blind and Visually Impaired",
-        link: "https://www.tsbvi.edu/",
+        name: "Florida School for the Deaf and the Blind",
+        link: "https://www.fsdbk12.org'",
     },
     {
-        name: "Kansas School for the Blind",
-        link: "https://kssb.net/",
+        name: "Georgia Academy for the Blind",
+        link: "https://www.gabmacon.org",
+    },
+    {
+        name: "Hadley (IL)",
+        link: "https://hadleyhelps.org",
+    },
+    {
+        name: "Idaho Educational Services for the Deaf and the Blind",
+        link: "https://www.iesdb.org",
     },
     {
         name: "Illinois School for the Visually Impaired",
         link: "https://www.dhs.state.il.us/page.aspx?item=84503",
     },
     {
-        name: "Arizona State School for the Deaf and the Blind",
-        link: "https://asdb.az.gov/",
+        name: "Indiana School for the Blind and Visually Impaired",
+        link: "https://www.in.gov/isbvi/",
+    },
+    {
+        name: "Iowa Educational Services for the Blind and Visually Impaired",
+        link: "https://www.iesbvi.org",
+    },
+    {
+        name: "Kansas State School for the Blind",
+        link: "https://kansasblind.gov",
+    },
+    {
+        name: "Kentucky School for the Blind",
+        link: "https://www.ksb.k12.ky.us",
+    },
+    {
+        name: "Louisiana School for the Visually Impaired",
+        link: "https://www.ssdofla.org/o/lsvi",
+    },
+    {
+        name: "Maryland School for the Blind",
+        link: "https://www.marylandschoolfortheblind.org",
+    },
+    {
+        name: "Missouri School for the Blind",
+        link: "https://msb.dese.mo.gov",
+    },
+    {
+        name: "Perkins School for the Blind (MA)",
+        link: "https://www.perkins.org",
     },
     {
-        name: "Obra D. Tompkins High School",
-        link: "https://www.katyisd.org/tompkins",
+        name: "Vermont Association for the Blind and Visually Impaired",
+        link: "https://www.vabvi.org",
     },
     {
-        name: "HeZe Special Education Center (菏泽市特殊教育中心)",
-        link: "http://www.hzstjzx.cn/",
+        name: "Visually Impaired Preschool Services (KY + IN)",
+        link: "https://vips.org/vips-louisville/",
     },
 ];
 
@@ -89,9 +161,9 @@ const teachers = [
     </div>
 
     <div
-        class="relative w-[33vw] pl-[1rem] py-[2rem] rounded-b-[8px] bg-white border-b-2 border-l-2 border-r-2 border-black shadow-[1px_3px_4px_#2F3E45] mobile:w-[80vw] mobile:h-[80vw] mobile:-ml-10"
+        class="relative max-h-[270px] h-[270px] w-[33vw] pl-[1rem] py-[2rem] rounded-b-[8px] bg-white border-b-2 border-l-2 border-r-2 border-black shadow-[1px_3px_4px_#2F3E45] mobile:w-[80vw] mobile:h-[80vw] mobile:-ml-10"
     >
-        <div v-if="currentPage != 2">
+        <div v-if="currentPage != 2" class="overflow-y-auto h-[200px]">
             <SchoolsList
                 v-for="(school, index) in schools"
                 :key="index"
@@ -99,7 +171,7 @@ const teachers = [
                 :link="school.link"
             />
         </div>
-        <div v-if="currentPage === 2">
+        <div v-if="currentPage === 2" class="overflow-y-auto h-[200px]">
             <TeachersList
                 v-for="(teacher, index) in teachers"
                 :key="index"
diff --git a/src/pages/Impact/CollaboratingSchools/Map.vue b/src/pages/Impact/CollaboratingSchools/Map.vue
index 362bd6f7..b5c03d7f 100644
--- a/src/pages/Impact/CollaboratingSchools/Map.vue
+++ b/src/pages/Impact/CollaboratingSchools/Map.vue
@@ -2,106 +2,135 @@
 import { onMounted, ref } from "vue";
 
 export default {
-    name: "Map",
-    setup() {
-        const mapRef = ref(null);
-        onMounted(() => {
-            const tt = window.tt;
-            var map = tt.map({
-                key: "1JNM9zmAHGoFlR8FiiV1syDoa05dafLP",
-                container: mapRef.value,
-                style: "tomtom://vector/1/basic-main",
-                center: [-97.7431, 30.2672],
-                zoom: 2.5,
-            });
-            map.addControl(new tt.FullscreenControl());
-            map.addControl(new tt.NavigationControl());
+  name: "Map",
+  setup() {
+    const mapRef = ref(null);
+    onMounted(() => {
+      const tt = window.tt;
+      var map = tt.map({
+        key: "1JNM9zmAHGoFlR8FiiV1syDoa05dafLP",
+        container: mapRef.value,
+        style: "tomtom://vector/1/basic-main",
+        center: [-97.7431, 30.2672],
+        zoom: 2.5,
+      });
+      map.addControl(new tt.FullscreenControl());
+      map.addControl(new tt.NavigationControl());
 
-            function addMarker(map) {
-                const tt = window.tt;
+      addMarker(map);
 
-                var location1 = [-119.4179, 36.7783];
-                var location2 = [-97.7431, 30.2672];
-                var location3 = [-98, 38.5];
-                var location4 = [-89, 40];
-                var location5 = [-111.0937, 34.0489];
-                var location6 = [117.0208, 36.6683];
-                var location7 = [-95.3698, 29.7604];
-                var popupOffset = 25;
+      function addMarker(map) {
+        const locations = [
+          {
+            name: "Alabama Institute for the Deaf and Blind",
+            coordinates: [-86.121667, 33.423889],
+          },
+          {
+            name: "Arizona State School for the Deaf and the Blind",
+            coordinates: [-110.9904206, 32.2370163],
+          },
+          {
+            name: "California School for the Blind",
+            coordinates: [-121.965, 37.561389],
+          },
+          {
+            name: "Florida School for the Deaf and the Blind",
+            coordinates: [-121.965, 37.561389],
+          },
+          {
+            name: "Georgia Academy for the Blind",
+            coordinates: [-83.6387611, 32.8388194],
+          },
+          {
+            name: "Hadley (IL)",
+            coordinates: [-87.7305, 42.1056],
+          },
+          {
+            name: "Idaho Educational Services for the Deaf and the Blind",
+            coordinates: [],
+          },
+          {
+            name: "Illinois School for the Visually Impaired",
+            coordinates: [],
+          },
+          {
+            name: "Indiana School for the Blind and Visually Impaired",
+            coordinates: [],
+          },
+          {
+            name: "Iowa Educational Services for the Blind and Visually Impaired",
+            coordinates: [],
+          },
+          {
+            name: "Kansas State School for the Blind",
+            coordinates: [-94.6395, 39.11653],
+          },
+          {
+            name: "Kentucky School for the Blind",
+            coordinates: [-85.713383, 38.255933],
+          },
+          {
+            name: "Louisiana School for the Visually Impaired",
+            coordinates: [-91.188055, 30.393055],
+          },
+          {
+            name: "Maryland School for the Blind",
+            coordinates: [-76.536111, 39.3675],
+          },
+          {
+            name: "Missouri School for the Blind",
+            coordinates: [-90.245, 38.608333],
+          },
+          {
+            name: "Perkins School for the Blind (MA)",
+            coordinates: [-71.1755, 42.362],
+          },
+          {
+            name: "Vermont Association for the Blind and Visually Impaired",
+            coordinates: [-73.212074, 44.475883],
+          },
+          {
+            name: "Visually Impaired Preschool Services (KY + IN)",
+            coordinates: [],
+          },
+        ];
 
-                var marker1 = new tt.Marker().setLngLat(location1).addTo(map);
-                var marker2 = new tt.Marker().setLngLat(location2).addTo(map);
-                var marker3 = new tt.Marker().setLngLat(location3).addTo(map);
-                var marker4 = new tt.Marker().setLngLat(location4).addTo(map);
-                var marker5 = new tt.Marker().setLngLat(location5).addTo(map);
-                var marker6 = new tt.Marker().setLngLat(location6).addTo(map);
-                var marker7 = new tt.Marker().setLngLat(location7).addTo(map);
-
-                var popup1 = new tt.Popup({
-                    offset: popupOffset,
-                    closeButton: false,
-                }).setText("California School for the Blind");
-                var popup2 = new tt.Popup({
-                    offset: popupOffset,
-                    closeButton: false,
-                }).setText("Texas School for the Blind and Visually Impaired");
-                var popup3 = new tt.Popup({
-                    offset: popupOffset,
-                    closeButton: false,
-                }).setText("Kansas School for the Blind");
-                var popup4 = new tt.Popup({
-                    offset: popupOffset,
-                    closeButton: false,
-                }).setText("Illinois School for the Visually Impaired");
-                var popup5 = new tt.Popup({
-                    offset: popupOffset,
-                    closeButton: false,
-                }).setText("Arizona State School for the Deaf and the Blind");
-                var popup6 = new tt.Popup({
-                    offset: popupOffset,
-                    closeButton: false,
-                }).setText(
-                    "HeZe Special Education Center (菏泽市特殊教育中心)"
-                );
-                var popup7 = new tt.Popup({
-                    offset: popupOffset,
-                    closeButton: false,
-                }).setText("Obra D. Tompkins High School");
-
-                marker1.setPopup(popup1);
-                marker2.setPopup(popup2);
-                marker3.setPopup(popup3);
-                marker4.setPopup(popup4);
-                marker5.setPopup(popup5);
-                marker6.setPopup(popup6);
-                marker7.setPopup(popup7);
-            }
-
-            addMarker(map);
+        const tt = window.tt;
+        locations.forEach((location) => {
+          let marker = new tt.Marker()
+            .setLngLat(location.coordinates)
+            .addTo(map);
+          let popup = new tt.Popup({
+            offset: 25,
+            closeButton: false,
+          }).setText(location.name);
+          marker.setPopup(popup);
         });
+      }
+    });
 
-        return { mapRef };
-    },
+    return { mapRef };
+  },
 };
 </script>
 
 <template>
-    <div id="map" ref="mapRef"></div>
+  <div id="map" ref="mapRef"></div>
 </template>
 
 <style>
 #map {
-    height: 45vh;
-    width: 35vw;
-    border-radius: 16px;
+  height: 45vh;
+  width: 35vw;
+  border-radius: 16px;
 }
 @media (max-width: 768px) {
-    #map {
-        height: 80vw;
-        width: 80vw;
-        border-radius: 12px;
-        margin: 0 auto;
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-    }
+  #map {
+    height: 80vw;
+    width: 80vw;
+    border-radius: 12px;
+    margin: 0 auto;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  }
 }
 </style>

From 58685e982ddb677f15718110506102a70faede64 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20Ven=C3=A2ncio?= <ph.venancio2@gmail.com>
Date: Thu, 24 Apr 2025 13:37:23 -0300
Subject: [PATCH 06/12] style: alter sponsors row

---
 public/assets/images/sponsors/ncwit.png       | Bin 0 -> 4623 bytes
 src/pages/Home/Sponsors/Sponsors.vue          |  39 +++++++++++++-----
 .../SponsorsCarousel/SponsorsCarousel.vue     |   1 +
 3 files changed, 30 insertions(+), 10 deletions(-)
 create mode 100644 public/assets/images/sponsors/ncwit.png

diff --git a/public/assets/images/sponsors/ncwit.png b/public/assets/images/sponsors/ncwit.png
new file mode 100644
index 0000000000000000000000000000000000000000..351821f022481caed79c79af1a0c310848724755
GIT binary patch
literal 4623
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
FV1iF}7;*pr

literal 0
HcmV?d00001

diff --git a/src/pages/Home/Sponsors/Sponsors.vue b/src/pages/Home/Sponsors/Sponsors.vue
index c3ef003e..036b6a67 100644
--- a/src/pages/Home/Sponsors/Sponsors.vue
+++ b/src/pages/Home/Sponsors/Sponsors.vue
@@ -11,32 +11,51 @@ import SponsorsCarousel from "./SponsorsCarousel/SponsorsCarousel.vue";
         </h1>
         <div class="sponsors-carousel w-full">
             <div
-                class="w-full scroll-auto grid grid-cols-7 grid-row-a items-center justify-center"
+                class="w-full scroll-auto grid grid-cols-4 grid-row-a items-center justify-center text-center mb-5"
             >
+                <img
+                    src="/assets/images/sponsors/intel.svg"
+                    alt="intel logo"
+                    class="mx-auto"
+                />
                 <img
                     src="/assets/images/sponsors/google.png"
                     alt="google logo"
+                    class="mx-auto"
                 />
                 <img
-                    src="/assets/images/sponsors/desmos.png"
-                    alt="desmos logo"
+                    src="/assets/images/sponsors/hersheys.svg"
+                    alt="hersheys logo"
+                    class="mx-auto"
                 />
-                <img src="/assets/images/sponsors/aops.svg" alt="aops logo" />
                 <img
-                    src="/assets/images/sponsors/wolframalpha.svg"
-                    alt="wolframalpha logo"
+                    src="/assets/images/sponsors/desmos.png"
+                    alt="desmos logo"
+                    class="mx-auto"
                 />
+            </div>
+            <div
+                class="w-full scroll-auto grid grid-cols-4 grid-row-a items-center justify-center text-center"
+            >
                 <img
-                    src="/assets/images/sponsors/intel.svg"
-                    alt="intel logo"
+                    src="/assets/images/sponsors/aops.svg"
+                    alt="aops logo"
+                    class="mx-auto"
                 />
                 <img
-                    src="/assets/images/sponsors/hersheys.svg"
-                    alt="hersheys logo"
+                    src="/assets/images/sponsors/wolframalpha.svg"
+                    alt="wolframalpha logo"
+                    class="mx-auto"
                 />
                 <img
                     src="/assets/images/sponsors/k4c.svg"
                     alt="k4c logo"
+                    class="mx-auto"
+                />
+                <img
+                    src="/assets/images/sponsors/ncwit.png"
+                    alt="ncwit logo"
+                    class="w-[45%] h-auto mx-auto"
                 />
             </div>
         </div>
diff --git a/src/pages/Home/Sponsors/SponsorsCarousel/SponsorsCarousel.vue b/src/pages/Home/Sponsors/SponsorsCarousel/SponsorsCarousel.vue
index e7ad5729..3ee3ba9d 100644
--- a/src/pages/Home/Sponsors/SponsorsCarousel/SponsorsCarousel.vue
+++ b/src/pages/Home/Sponsors/SponsorsCarousel/SponsorsCarousel.vue
@@ -10,6 +10,7 @@ const items = [
     "/assets/images/sponsors/intel.svg",
     "/assets/images/sponsors/hersheys.svg",
     "/assets/images/sponsors/k4c.svg",
+    "/assets/images/sponsors/ncwit.png",
 ];
 
 let interval;

From 4dabc0b3b7840ff47d63beeaa1091adef7c6b102 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20Ven=C3=A2ncio?= <ph.venancio2@gmail.com>
Date: Thu, 24 Apr 2025 13:40:19 -0300
Subject: [PATCH 07/12] style: alter home/impact text

---
 src/pages/Home/Impact/Impact.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/Home/Impact/Impact.vue b/src/pages/Home/Impact/Impact.vue
index bc964ab2..c76f1f77 100644
--- a/src/pages/Home/Impact/Impact.vue
+++ b/src/pages/Home/Impact/Impact.vue
@@ -12,15 +12,15 @@ import Globe from "/assets/images/impact/globe 1.svg";
             class="w-6/12 mobile:w-full flex flex-col justify-start gap-y-8 mobile:gap-y-3 mobile:items-center mobile:text-center mobile:mb-8"
         >
             <h1
-                class="font-poppins text-4xl max-w-[50%] leading-normal text-title mobile:text-[22px] mobile:max-w-full"
+                class="font-poppins text-3xl max-w-[90%] leading-normal text-title mobile:text-[22px] mobile:max-w-full"
             >
-                Our impact in less than a year
+            Did you know that over 70% of blind students are at least a grade level behind in school due to a lack of resources?
             </h1>
 
             <p
                 class="font-poppins text-body text-xl leading-8 text-wrap max-w-[65%] tablet:max-w-[85%] mobile:text-[16px] mobile:text-center mobile:max-w-full"
             >
-            Did you know that over 70% of blind students are at least a grade level behind in school due to a lack of resources? We are bridging the educational gap for visually impaired learners with interactive audio learning.
+            We are bridging the educational gap for visually impaired learners with interactive audio learning.
             </p>
             <a
                 href="/impact"

From 7d670fa3c822a57422d69ffe2f46bdf7149166c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20Ven=C3=A2ncio?= <ph.venancio2@gmail.com>
Date: Thu, 24 Apr 2025 13:47:19 -0300
Subject: [PATCH 08/12] style: alter rotating  about us top decorations

---
 src/pages/AboutUs/TopDecoration/TopDecoration.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/AboutUs/TopDecoration/TopDecoration.vue b/src/pages/AboutUs/TopDecoration/TopDecoration.vue
index 47490a33..0ac5771f 100644
--- a/src/pages/AboutUs/TopDecoration/TopDecoration.vue
+++ b/src/pages/AboutUs/TopDecoration/TopDecoration.vue
@@ -11,7 +11,7 @@
         />
         <img
             src="/assets/images/about-us/Group 1206.png"
-            class="absolute top-[10rem] -z-10"
+            class="absolute top-[10rem] -z-10 rotate-45"
             alt="Background image"
         />
     </div>

From d66b45979309d05ecfa6500e1ccef2f9a8c7142b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20Ven=C3=A2ncio?= <ph.venancio2@gmail.com>
Date: Thu, 24 Apr 2025 13:57:09 -0300
Subject: [PATCH 09/12] style: alter gap between sections on Collaborating
 Schools

---
 src/pages/Impact/CollaboratingSchools/CollaboratingSchools.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Impact/CollaboratingSchools/CollaboratingSchools.vue b/src/pages/Impact/CollaboratingSchools/CollaboratingSchools.vue
index ed56e66d..ab476df3 100644
--- a/src/pages/Impact/CollaboratingSchools/CollaboratingSchools.vue
+++ b/src/pages/Impact/CollaboratingSchools/CollaboratingSchools.vue
@@ -5,7 +5,7 @@ import Affiliates from "./Affiliates.vue";
 
 <template>
     <div
-        class="relative flex flex-col items-start justify-center mobile:justify-center w-full h-[10%] px-[15rem] mt-[21rem] mb-36 tablet:mb-[265px] mobile:mb-[129px]"
+        class="relative flex flex-col items-start justify-center mobile:justify-center w-full h-[10%] px-[15rem] mt-[7rem] mb-36 tablet:mb-[265px] mobile:mb-[129px]"
     >
         <img
             src="/assets/images/impact/light-green-bg-2.png"

From 3a35e75d7ee7cf465b9c8bf92cf446178170ded9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20Ven=C3=A2ncio?= <ph.venancio2@gmail.com>
Date: Thu, 24 Apr 2025 13:58:40 -0300
Subject: [PATCH 10/12] style: removing background on accolades

---
 src/pages/Impact/Accolades/Accolades.vue | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/pages/Impact/Accolades/Accolades.vue b/src/pages/Impact/Accolades/Accolades.vue
index 64bd5e2a..718c5c1a 100644
--- a/src/pages/Impact/Accolades/Accolades.vue
+++ b/src/pages/Impact/Accolades/Accolades.vue
@@ -41,13 +41,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-    <div class="flex w-full px-20 mt-60 mb-20 relative">
-        <img
-            src="/assets/images/impact/light-green-bg-2.png"
-            class="absolute w-full h-[125%] -top-[12rem] right-0 -z-10"
-            alt="Background image"
-        />
-
+    <div class="flex w-full px-20 mt-40 mb-20 relative">
         <!-- MAIN CONTENT -->
         <div
             class="flex flex-col items-center justify-center mobile:justify-center w-full h-[10%] mb-36 tablet:mb-[265px] mobile:mb-[129px]"

From 81fbe750b9868d0e9d6b20371ab221ca458abc7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20Ven=C3=A2ncio?= <ph.venancio2@gmail.com>
Date: Thu, 24 Apr 2025 14:39:05 -0300
Subject: [PATCH 11/12] refactor: adding pending coordinates to map

---
 .../CollaboratingSchools/Affiliates.vue       | 28 -------------------
 src/pages/Impact/CollaboratingSchools/Map.vue | 16 +++++------
 2 files changed, 8 insertions(+), 36 deletions(-)

diff --git a/src/pages/Impact/CollaboratingSchools/Affiliates.vue b/src/pages/Impact/CollaboratingSchools/Affiliates.vue
index 221c7c6f..00142b7b 100644
--- a/src/pages/Impact/CollaboratingSchools/Affiliates.vue
+++ b/src/pages/Impact/CollaboratingSchools/Affiliates.vue
@@ -10,34 +10,6 @@ const changeCurrentPage = (page) => {
 };
 
 const schools = [
-    // {
-    //     name: "California School for the Blind",
-    //     link: "https://www.csb-cde.ca.gov/",
-    // },
-    // {
-    //     name: "Texas School for the Blind and Visually Impaired",
-    //     link: "https://www.tsbvi.edu/",
-    // },
-    // {
-    //     name: "Kansas School for the Blind",
-    //     link: "https://kssb.net/",
-    // },
-    // {
-    //     name: "Illinois School for the Visually Impaired",
-    //     link: "https://www.dhs.state.il.us/page.aspx?item=84503",
-    // },
-    // {
-    //     name: "Arizona State School for the Deaf and the Blind",
-    //     link: "https://asdb.az.gov/",
-    // },
-    // {
-    //     name: "Obra D. Tompkins High School",
-    //     link: "https://www.katyisd.org/tompkins",
-    // },
-    // {
-    //     name: "HeZe Special Education Center (菏泽市特殊教育中心)",
-    //     link: "http://www.hzstjzx.cn/",
-    // },
     {
         name: "Alabama Institute for the Deaf and Blind",
         link: "https://www.aidb.org",
diff --git a/src/pages/Impact/CollaboratingSchools/Map.vue b/src/pages/Impact/CollaboratingSchools/Map.vue
index b5c03d7f..4c90712f 100644
--- a/src/pages/Impact/CollaboratingSchools/Map.vue
+++ b/src/pages/Impact/CollaboratingSchools/Map.vue
@@ -35,11 +35,11 @@ export default {
           },
           {
             name: "Florida School for the Deaf and the Blind",
-            coordinates: [-121.965, 37.561389],
+            coordinates: [-81.31568, 29.91387],
           },
           {
             name: "Georgia Academy for the Blind",
-            coordinates: [-83.6387611, 32.8388194],
+            coordinates: [-83.6686, 32.8481],
           },
           {
             name: "Hadley (IL)",
@@ -47,19 +47,19 @@ export default {
           },
           {
             name: "Idaho Educational Services for the Deaf and the Blind",
-            coordinates: [],
+            coordinates: [-114.71018377937226, 42.930033266556364],
           },
           {
             name: "Illinois School for the Visually Impaired",
-            coordinates: [],
+            coordinates: [-90.21798754611584, 39.73565543633133],
           },
           {
             name: "Indiana School for the Blind and Visually Impaired",
-            coordinates: [],
+            coordinates: [-86.08515046145114, 39.83401516509762],
           },
           {
             name: "Iowa Educational Services for the Blind and Visually Impaired",
-            coordinates: [],
+            coordinates: [-95.82260501904825, 41.22588929543891],
           },
           {
             name: "Kansas State School for the Blind",
@@ -87,11 +87,11 @@ export default {
           },
           {
             name: "Vermont Association for the Blind and Visually Impaired",
-            coordinates: [-73.212074, 44.475883],
+            coordinates: [-73.150000, 44.466667],
           },
           {
             name: "Visually Impaired Preschool Services (KY + IN)",
-            coordinates: [],
+            coordinates: [-85.68384087502888, 38.20048802883136],
           },
         ];
 

From 8f35344ea76b6e8ef24ff57c3ddd574e23868675 Mon Sep 17 00:00:00 2001
From: Jennifer <22698132+jschhie@users.noreply.github.com>
Date: Wed, 30 Apr 2025 08:21:51 -0700
Subject: [PATCH 12/12] Refactor: Added responsive footer & navbar, fixed
 layout, and aligned logo & nav items (#141)

* Refactor: Added responsive footer & navbar with consistent margins/UI

Fixed logo/nav overlap, aligned items, improved RWD with grid, refactored device type logic.

* fix: resolve case sensitivity issues in imports for deployment

Corrected import paths to 'Utilities'
---
 src/Utilities/checkDeviceType.js      |  39 ++++
 src/components/Footer/Footer.vue      | 321 ++++++++++++++++++++------
 src/components/Header/Header.vue      | 183 +++++++++++----
 src/pages/AboutUs/AboutUs.vue         |  20 +-
 src/pages/GameZone/GameZone.vue       |  24 +-
 src/pages/Home/Home.vue               |  43 +---
 src/pages/Impact/Impact.vue           |  40 ++--
 src/pages/OurProjects/OurProjects.vue |  14 +-
 8 files changed, 502 insertions(+), 182 deletions(-)
 create mode 100644 src/Utilities/checkDeviceType.js

diff --git a/src/Utilities/checkDeviceType.js b/src/Utilities/checkDeviceType.js
new file mode 100644
index 00000000..997720d3
--- /dev/null
+++ b/src/Utilities/checkDeviceType.js
@@ -0,0 +1,39 @@
+// Returns device type based on viewport size.
+// Used across all navbar pages to ensure consistent margins and responsive behavior on resize.
+import { ref, onMounted, onUnmounted } from 'vue';
+
+export function useDeviceType() {
+  const isTablet = ref(false);
+  const isMobile = ref(false);
+
+  const checkDeviceType = () => {
+    const width = window.innerWidth;
+    if (width >= 640 && width < 768) {
+      isTablet.value = false;
+      isMobile.value = true;
+    } else if (width >= 768 && width < 1024) {
+      isTablet.value = true;
+      isMobile.value = false;
+    } else if (width >= 1024) {
+      isTablet.value = false;
+      isMobile.value = false;
+    } else {
+      isTablet.value = false;
+      isMobile.value = true;
+    }
+  };
+
+  onMounted(() => {
+    checkDeviceType();
+    window.addEventListener('resize', checkDeviceType);
+  });
+
+  onUnmounted(() => {
+    window.removeEventListener('resize', checkDeviceType);
+  });
+
+  return {
+    isMobile,
+    isTablet,
+  };
+}
\ No newline at end of file
diff --git a/src/components/Footer/Footer.vue b/src/components/Footer/Footer.vue
index 70852688..641e47c9 100644
--- a/src/components/Footer/Footer.vue
+++ b/src/components/Footer/Footer.vue
@@ -1,103 +1,270 @@
-<script setup>
-
-
-</script>
+<script setup></script>
 
 <template>
-  <footer class="bg-[#2F3E45] mobile:min-w-full w-full px-40 mobile:px-0 h-[400px] mobile:h-[518px] pt-[41px]  mobile:pt-[28px]">
-
-    <!-- First Column "AUDEMY" -->
-    <div class="max-w-[1040px] tablet:max-w-[742px] text-white text-left flex justify-between mobile:justify-start">
-      <div class="mobile:hidden">
-        <a href="#" class="font-poppins font-semiBold text-[16px] leading-[24px] text-[#B9D6DF]">AUDEMY</a>
-        <h1
-          class="font-poppins font-bold text-[16px] text-[#B9D6DF] leading-[24px] mt-[36px] mb-[15px] whitespace-nowrap pt-[2px] pb-[2px]">
-          Contact</h1>
-        <a href="mailto:connect.audemy@gmail.com"
-          class="font-jakarta font-bold text-[14px] leading-[17.64px]">connect.audemy@gmail.com</a>
-      </div>
+  <footer class="bg-[#2F3E45] text-center w-full px-20 md:px-10 h-[580px] md:h-[380px] md:pt-[41px] pt-[28px]">
+    <div id="ftr-grid">
 
-      <!-- Second Column "Quick Links" -->
-      <div class="mobile:pl-[16px] flex w-[364px] tablet:max-w-[329px] justify-between">
-        <div class="w-[86px]">
-          <h2 class="mobile:hidden font-jakarta font-bold text-[16px] leading-[20px] text-[#B9D6DF] mb-[25px]">Quick links
-          </h2>
-          <ul>
-            <li
-              class="mb-[17px] font-jakarta font-bold text-[14px] text-white mobile:text-[#B9D6DF] leading-[18px]  w-max">
-              <a href="/home">Home</a>
-            </li>
-            <li
-              class="mb-[17px] font-jakarta font-bold text-[14px] text-white mobile:text-[#B9D6DF] leading-[18px]  w-max">
-              <a href="/about-us">About us</a>
-            </li>
-            <li
-              class="mb-[17px] font-jakarta font-bold text-[14px] text-white mobile:text-[#B9D6DF] leading-[18px]  w-max">
-              <a href="/our-projects">Our projects</a>
-            </li>
-            <li
-              class="mb-[17px] font-jakarta font-bold text-[14px] text-white mobile:text-[#B9D6DF] leading-[18px]  w-max">
-              <a href="/game-zone">Game zone</a>
-            </li>
-            <li
-              class="mb-[17px] font-jakarta font-bold text-[14px] text-white mobile:text-[#B9D6DF] leading-[18px]  w-max">
-              <a href="/impact">Impact</a>
-            </li>
-          </ul>
+      <!-- First Row "AUDEMY" -->
+      <div id="ftr-title-subgrid">
+        <div id="ftr-title">
+          <a href="#" class="font-poppins font-extrabold text-[24px] text-[#B9D6DF]">
+            AUDEMY
+          </a>
+        </div>
+        <hr id="ftr-title-divider" class="mt-[5px] mb-[5px] bg-[#2F3E45]">
+      </div> 
+      
+      <!-- First Column "Contact" -->
+      <div id="ftr-contact-subgrid" class="text-white">
+        <div
+          id="ftr-contact"
+          class="mb-[17px] font-jakarta font-bold text-[16px] text-[#B9D6DF] leading-[18px] pt-[2px] pb-[2px]">
+          Contact
         </div>
+        <div id="ftr-contact-email">
+          <a href="mailto:connect.audemy@gmail.com"
+            class="font-jakarta font-bold text-[14px] leading-[18px]">
+            connect.audemy@gmail.com
+          </a>
+        </div>
+      </div>
 
-        <!-- Third Column "Social Media" -->
-        <div class="w-[100px] mobile:hidden">
-          <h3 class="font-jakarta font-bold text-[16px] leading-[20px] text-[#B9D6DF] mb-[25px]">Social Media</h3>
-          <ul>
-            <li class="mb-[17px] font-jakarta font-bold text-[14px] text-white leading-[18px]  w-max">
-              <a href="https://www.instagram.com/audemyapp" target="_blank">Instagram</a>
-            </li>
-            <li class="mb-[17px] font-jakarta font-bold text-[14px] text-white leading-[18px]  w-max">
-              <a href="https://www.linkedin.com/company/audemy/" target="_blank">Linkedin</a>
-            </li>
-            <li class="mb-[17px] font-jakarta font-bold text-[14px] text-white leading-[18px]  w-max">
-              <a href="https://github.com/Crustaly/audemy" target="_blank">Github</a>
-            </li>
-            <li class="mb-[17px] font-jakarta font-bold text-[14px] text-white leading-[18px]  w-max">
-              <a href="https://x.com/AudemyApp" target="_blank">X</a>
-            </li>
-          </ul>
+      <!-- Second Column "Quick Links" -->
+      <div id="ftr-links-subgrid" class="mt-[10px]">
+        <div id="ftr-links" class="mb-[17px] font-jakarta font-bold text-[16px] leading-[18px] text-[#B9D6DF] pt-[2px] pb-[2px]">
+          Quick Links
         </div>
+        <ul id="ftr-links-inner-subgrid">
+          <li
+            id="ftr-home-item"
+            class="mb-[17px] font-jakarta font-bold text-[14px] text-white leading-[18px]">
+            <a href="/home">Home</a>
+          </li>
+          <li
+            id="ftr-about-item"
+            class="mb-[17px] font-jakarta font-bold text-[14px] text-white leading-[18px]">
+            <a href="/about-us">About us</a>
+          </li>
+          <li
+            id="ftr-projects-item"
+            class="mb-[17px] font-jakarta font-bold text-[14px] text-white leading-[18px]">
+            <a href="/our-projects">Our projects</a>
+          </li>
+          <li
+            id="ftr-impact-item"
+            class="mb-[17px] font-jakarta font-bold text-[14px] text-white leading-[18px]">
+            <a href="/impact">Impact</a>
+          </li>
+          <li
+            id="ftr-games-item"
+            class="font-jakarta font-bold text-[14px] text-white leading-[18px]">
+            <a href="/game-zone">Game zone</a>
+          </li>
+        </ul>
       </div>
-    </div>
+    
+      <!-- Third Column "Social Media" --> 
+      <div id="ftr-socials-subgrid"  >
+        <div id="ftr-socials" class="font-jakarta font-bold text-[16px] leading-[18px] text-[#B9D6DF] pt-[2px] pb-[2px]">
+          Social Media
+        </div>
+
+        <!-- Medium, Large Views: Social Media Links -->
+        <ul id="ftr-socials-list">
+          <li class="mb-[17px] font-jakarta font-bold text-[14px] text-white leading-[18px]">
+            <a href="https://www.instagram.com/audemyapp" target="_blank">Instagram</a>
+          </li>
+          <li class="mb-[17px] font-jakarta font-bold text-[14px] text-white leading-[18px]">
+            <a href="https://www.linkedin.com/company/audemy/" target="_blank">LinkedIn</a>
+          </li>
+          <li class="mb-[17px] font-jakarta font-bold text-[14px] text-white leading-[18px]">
+            <a href="https://github.com/Crustaly/audemy" target="_blank">Github</a>
+          </li>
+          <li class="mb-[17px] font-jakarta font-bold text-[14px] text-white leading-[18px]">
+            <a href="https://x.com/AudemyApp" target="_blank">X</a>
+          </li>
+          <li class="mb-[17px] font-jakarta font-bold text-[14px] text-white leading-[18px]">
+            <a href="https://www.youtube.com/@applelooeducationalvideosf1743/featured" target="_blank">Youtube</a>
+          </li>
+        </ul>
 
-    <div class="hidden mobile:block">
-      <div class="w-[248px] mx-auto mt-[54px]">
-        <p
-          class="w-max mx-auto mb-[21.32px] tracking-wide font-jakarta font-bold text-[14px] leading-[17.64px] text-white">
-          connect.audemy@gmail.com</p>
-        <div class="flex h-[44px] justify-between items-center">
-          <a href="https://www.instagram.com/audemyapp" target="_blank" class="w-[44px] h-[44px]">
+        <!-- Mobile, Small Views: Social Media Icons -->
+        <!-- Note: Added aria-labels to improve screen reader accessibility --> 
+        <ul id="small-ftr-socials-inner-subgrid" class="mt-[17px]">
+          <!-- Instagram --> 
+          <a id="insta-icon" href="https://www.instagram.com/audemyapp" target="_blank" 
+            class="w-[44px] h-[44px]"
+            aria-label="Visit Audemy's Instagram"
+          >
             <box-icon type="logo" name="instagram" class="fill-[#fff] w-[44px] h-[44px] text-white p-0"></box-icon>
           </a>
-          <a href="https://www.linkedin.com/company/audemy/" target="_blank" class="w-[44px] h-[44px]">
+          <!-- LinkedIn --> 
+          <a id="linkedin-icon" href="https://www.linkedin.com/company/audemy/" target="_blank" 
+            class="w-[44px] h-[44px]"
+            aria-label="Visit Audemy's LinkedIn"
+          >
             <box-icon type="logo" name="linkedin-square" class="fill-[#fff] w-[44px] h-[44px] text-white p-0"></box-icon>
           </a>
-          <a href="https://github.com/Crustaly/audemy" target="_blank" class="w-[44px] h-[44px]">
+          <!-- GitHub -->
+          <a id="github-icon" href="https://github.com/Crustaly/audemy" target="_blank" class="w-[44px] h-[44px]" aria-label="Visit Audemy's GitHub">
             <box-icon type="logo" name="github" class="fill-[#fff] w-[44px] h-[44px] text-white p-0"></box-icon>
           </a>
-          <a href="https://x.com/AudemyApp" target="_blank" class="w-[44px] h-[44px]">
-            <svg class="fill-[#fff] text-white p-0" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
+          <!-- X (fka Twitter) -->
+          <a id="twitter-icon" href="https://x.com/AudemyApp" target="_blank" aria-label="Visit Audemy's X (fka Twitter)">
+            <svg height="44" width="44" class="fill-[#fff] w-[44px] h-[44px] text-white p-0" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
               <path
                 d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z">
               </path>
             </svg>
           </a>
-        </div>
+          <!-- Youtube -->
+          <a id="youtube-icon" href="https://www.youtube.com/@applelooeducationalvideosf1743/featured" target="_blank" class="w-[44px] h-[44px]" aria-label="Visit Audemy's Youtube">
+            <box-icon type="logo" name="youtube" class="fill-[#fff] w-[44px] h-[44px] text-white p-0"></box-icon>
+          </a>
+        </ul>
       </div>
-      <hr class="mt-[45px] mb-[23px] w-[358px] mobile:w-[90%] mx-auto bg-[#2F3E45]">
-      <a href="#" class="block text-center font-poppins font-bold text-[24px] leading-[36px] text-[#B9D6DF]">AUDEMY</a>
     </div>
   </footer>
 </template>
 
+<style lang="scss" scoped>
+/* * * * * Default: Mobile-first, Small Viewports * * * * */
+/* * * * * The following refers to the footer as ftr * * * * */
+
+#ftr-contact-email a:hover, #ftr-links-inner-subgrid a:hover, #ftr-socials-list a:hover {
+  color: #087bb4;
+  border-bottom: 2px solid #087bb4;
+  padding-bottom: 5px;
+}
+
+#small-ftr-socials-inner-subgrid box-icon:hover, #small-ftr-socials-inner-subgrid svg:hover {
+  fill: #087bb4;
+}
+
+#ftr-grid {
+  display: grid;
+  grid-template-columns: auto auto auto auto auto; /* 5-column grid */
+  gap: 4px;
+}
+
+#ftr-title-subgrid {
+  display: grid;
+  grid-area: 1 / span 5;
+  grid-template-rows: auto auto; /* 2-column subgrid */
+}
+
+#ftr-title {
+  grid-area: 1 / span 5;
+}
+
+#ftr-title-divider {
+  grid-area: 2 / span 5;
+}
+
+#ftr-contact-subgrid {
+  grid-area: 3 / span 5;
+  display: grid;
+  grid-template-rows: auto auto; /* 2-column subgrid */
+}
+
+#ftr-contact {
+  grid-area: 1 / span 5;
+}
+
+#ftr-contact-email {
+  grid-area: 2 / span 5;
+}
+
+#ftr-links-subgrid {
+  grid-area: 5 / span 5;
+  display: grid;
+  grid-template-rows: auto auto auto auto auto auto; /* 6-column subgrid */
+}
+
+#ftr-links {
+  grid-area: 1 / span 5;
+}
+
+#ftr-links-inner-subgrid {
+  grid-area: 2 / span 5;
+} 
+
+#ftr-socials-subgrid {
+  grid-area: 10 / span 5;
+  display: grid;
+  grid-template-columns: auto auto auto auto auto; /* 5-column subgrid */
+}
+
+#ftr-socials {
+  grid-area: 1 / span 5;
+}
+
+#ftr-socials-list {
+  display: none;
+}
+
+#small-ftr-socials-inner-subgrid {
+  grid-area: 2 / span 5;
+  display: grid;
+  grid-template-columns: auto auto auto auto auto; /* 5-column subgrid */
+  justify-content: space-evenly;
+} 
+
+#small-ftr-socials-inner-subgrid > a {
+  grid-area: 1 / span 1;
+}
+
+#twitter-icon {
+  display: inline-block;
+}
+
+/* * * * * Responsive Media Queries: Medium and Large Devices (≥768px) * * * * */
+@media only screen and (min-width: 768px) {
+  footer {
+    height: 380px;
+  }
+
+  #ftr-grid {
+    grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
+    grid-template-areas: 
+                      "title title title" 
+                      "contact links social";
+  }
+
+  #ftr-title-subgrid {
+    grid-area: title;
+  }
+
+  #ftr-contact-subgrid {
+    grid-area: contact;
+  }
+
+  #ftr-links-subgrid {
+    margin-top: 0;
+    grid-area: links;
+  }
+
+  #ftr-contact {
+    margin-bottom: 0;
+  }
+
+  #ftr-links, #ftr-socials, #ftr-games-item {
+    margin-bottom: 17px;
+  } 
+
+  #ftr-socials-subgrid {
+    display: grid;
+    grid-area: social;
+  }
 
-<style lang="scss" scoped></style>
-   
+  #ftr-socials-list {
+    display: grid;
+    grid-column: 1 / -1; /* Span from first (1) to last column (-1) of #ftr-socials-subgrid to fill full width */
+  }
 
+  #small-ftr-socials-inner-subgrid {
+    /* Hide Social Media Icons for Mobile and Small Viewports */
+    display: none;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Header/Header.vue b/src/components/Header/Header.vue
index 5cd21a15..10a57bc7 100644
--- a/src/components/Header/Header.vue
+++ b/src/components/Header/Header.vue
@@ -1,12 +1,15 @@
 <template>
-    <header class="relative py-8">
+    <!-- Header = 51px logo + 32px top offset + 32px bottom padding = 115px total height. -->
+    <!-- Logo size fixed at 155x51px (width x height) for consistent UI across viewports. -->
+    <header id="header-grid" class="relative h-[115px]">
         <!-- Logo Section -->
-        <div class="text-lg font-bold absolute left-4 top-6 z-10">
+        <div id="logo-item" class="text-lg font-bold absolute left-2 top-8 z-10">
             <RouterLink to="/home">
                 <img
+                    id="header-logo"
                     :src="logoPath"
                     alt="logo"
-                    class="hover:cursor-pointer h-[60px]"
+                    class="hover:cursor-pointer h-[51px] w-[155px]"
                     v-if="logoPath"
                 />
             </RouterLink>
@@ -14,77 +17,72 @@
         </div>
 
         <!-- Hamburger Button for Mobile -->
-        <div v-if="isMobileView" class="absolute right-4 top-8 z-30">
-            <button @click="toggleMenu" class="text-4xl">&#9776;</button>
+        <div id="nav-btn-item" v-if="isMobileView" class="absolute right-4 top-12 z-30">
+            <button @click="toggleMenu" class="text-2xl">&#9776;</button>
         </div>
 
         <!-- Desktop Navigation Links -->
-        <nav v-if="!isMobileView" class="flex justify-end items-center gap-4 py-2">
-            <ul class="flex font-poppins font-semibold" 
+        <nav id="nav-links-grid" v-if="!isMobileView" class="justify-end py-2">
+            <ul id="router-links-grid" class="font-poppins font-semibold" 
                 :class="[
                     textColor ?? 'text-[#151e22]',
                     isTabletView ? 'space-x-2x text-sm' : 'space-x-4'
                 ]">
-                <li>
+                <li id="home-item">
                     <RouterLink
                         to="/home"
                         class="px-2 pb-2 hover:text-[#087bb4] hover:border-b-2 border-[#087bb4]"
                         >Home</RouterLink
                     >
                 </li>
-                <li>
+                <li id="about-item">
                     <RouterLink
                         to="/about-us"
                         class="px-2 pb-2 hover:text-[#087bb4] hover:border-b-2 border-[#087bb4]"
                         >About us</RouterLink
                     >
                 </li>
-                <li>
+                <li id="projects-item">
                     <RouterLink
                         to="/our-projects"
                         class="px-2 pb-2 hover:text-[#087bb4] hover:border-b-2 border-[#087bb4]"
                         >Our projects</RouterLink
                     >
                 </li>
-                <li>
+                <li id="impact-item">
                     <RouterLink
                         to="/impact"
                         class="px-2 pb-2 hover:text-[#087bb4] hover:border-b-2 border-[#087bb4]"
                         >Impact</RouterLink
                     >
                 </li>
-                <li>
+                <li id="games-item">
                     <RouterLink
                         to="/game-zone"
                         class="px-2 pb-2 hover:text-[#087bb4] hover:border-b-2 border-[#087bb4]"
                         >Game zone</RouterLink
                     >
                 </li>
-            </ul>
-            
-            <div v-if="userSession">
-                <button
-                    class="flex justify-center items-center bg-[#FE892A] text-black font-bold py-3 px-6 rounded-lg border-[1.5px] shadow-[3px_4px_0px_#0C0D0D] border-black hover:bg-[#D6711F]"
-                    @click="logout"
-                >Log out&nbsp;
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                        <path d="M5 12h14"></path>
-                        <path d="m12 5 7 7-7 7"></path>
-                    </svg>
-                </button>
-            </div>
-            <div v-else>
-                <router-link
-                    to="/login"
-                    class="flex justify-center items-center login-button text-white font-bold py-3 px-6 rounded-lg border-[1.5px] shadow-[3px_4px_0px_#0C0D0D] border-black bg-[#087BB4] hover:bg-[#0C587D]"
+
+                <li v-if="userSession" id="logout-btn-item">
+                    <button
+                        id="logout-btn-desktop"
+                        class="flex justify-center items-center bg-[#FE892A] text-black font-bold py-3 px-6 rounded-lg border-[1.5px] shadow-[3px_4px_0px_#0C0D0D] border-black hover:bg-[#D6711F]"
+                        @click="logout"
                     >
-                    Log in &nbsp;
-                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                        <path d="M5 12h14"></path>
-                        <path d="m12 5 7 7-7 7"></path>
-                    </svg>
-                </router-link>
-            </div>
+                    Log out
+                    </button>
+                </li>
+                <li v-else id="login-btn-item">
+                    <router-link
+                        id="login-btn-desktop"
+                        to="/login"
+                        class="flex justify-center items-center login-button text-white font-bold py-3 px-6 rounded-lg border-[1.5px] shadow-[3px_4px_0px_#0C0D0D] border-black bg-[#087BB4] hover:bg-[#0C587D]"
+                    >
+                    Log in
+                    </router-link>
+                </li>
+            </ul>
         </nav>
 
         <!-- Mobile Menu Overlay -->
@@ -100,7 +98,7 @@
             class="fixed inset-y-0 right-0 bg-white z-50 w-4/5 max-w-xs flex flex-col overflow-hidden"
         >
             <div class="flex justify-end p-7 px-10">
-                <button @click="closeMenu" class="text-4xl">&times;</button>
+                <button @click="closeMenu" class="text-4xl hover:text-[#087bb4]">&times;</button>
             </div>
             
             <nav class="flex-1">
@@ -143,9 +141,9 @@
                     <li>
                         <router-link
                             to="/login"
-                            class="flex justify-center items-center login-button text-white font-bold py-3 px-6 rounded-lg border-[1.5px] shadow-[3px_4px_0px_#0C0D0D] border-black bg-[#087BB4] hover:bg-[#0C587D]"
+                            class="flex justify-center items-center login-button text-white font-bold py-3 px-6 rounded-lg border-[1.5px] shadow-[3px_4px_0px_#0C0D0D] border-black bg-[#087BB4] hover:bg-[#0C587D] mt-8"
                             >
-                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                 <path d="M5 12h14"></path>
                                 <path d="m12 5 7 7-7 7"></path>
                             </svg>
@@ -163,27 +161,30 @@
             </nav>
 
             <div class="border-t py-6 px-6">
-                <div class="flex justify-around">
-                    <a href="#" aria-label="Instagram">
+                <div id="mobile-nav-socials" class="flex justify-around">
+                    <a href="https://www.instagram.com/audemyapp" aria-label="Instagram" target="_blank">
                         <svg class="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
                             <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
                         </svg>
                     </a>
-                    <a href="#" aria-label="LinkedIn">
+                    <a href="https://www.linkedin.com/company/audemy/" aria-label="LinkedIn" target="_blank">
                         <svg class="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
                             <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
                         </svg>
                     </a>
-                    <a href="#" aria-label="GitHub">
+                    <a href="https://github.com/Crustaly/audemy" aria-label="GitHub" target="_blank">
                         <svg class="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
                             <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
                         </svg>
                     </a>
-                    <a href="#" aria-label="Twitter/X">
+                    <a href="https://x.com/AudemyApp" aria-label="X (fka Twitter)" target="_blank">
                         <svg class="w-6 h-6" viewBox="0 0 24 24" fill="currentColor">
                             <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
                         </svg>
                     </a>
+                    <a href="https://www.youtube.com/@applelooeducationalvideosf1743/featured" target="_blank" class="w-6 h-6" aria-label="Youtube">
+                        <box-icon type="logo" name="youtube" class="fill-[#000000] text-white p-0"></box-icon>
+                    </a>
                 </div>
             </div>
         </div>
@@ -199,12 +200,13 @@
     </div>
 </template>
 
+
+
 <script setup>
 import { defineProps, ref, onMounted, onUnmounted, nextTick } from "vue";
 import Cookies from "js-cookie";
 import { useRouter } from "vue-router";
 
-
 const router = useRouter();
 const userSession = ref(null);
 const showAlert = ref(false);
@@ -297,4 +299,93 @@ onUnmounted(() => {
     window.removeEventListener("resize", checkScreenSize);
     document.body.style.overflow = '';
 });
-</script>
\ No newline at end of file
+</script>
+
+
+
+<style>
+/* * * * * Default: Mobile view (max-width: 639px) * * * * */
+#mobile-nav-socials svg:hover, #mobile-nav-socials box-icon:hover {
+    fill: #087bb4;
+}
+
+#nav-btn-item button:hover {
+    color: #087bb4; /* Use text color on hover since mobile (hamburger) nav uses text, not SVG */
+}
+
+#header-grid {
+    display: grid;
+    grid-template-areas: 'logo . . . . rightmost';
+}
+
+#logo-item {
+    grid-column: 1 / span 5;
+}
+
+#nav-btn-item {
+    grid-column: 6 / span 1;
+}
+
+/* Align nav links with logo */
+#router-links-grid > li {
+    align-self: center;
+}
+
+/* * * * * Medium and Large Devices (≥768px) * * * * */
+@media only screen and (min-width: 768px) {
+    #header-grid {
+        display: grid;
+        grid-template-areas: 'logo . . . . . . . . . . rightmost'; /* 12-column grid */
+        gap: 21px; 
+    }
+
+    #logo-item {
+        grid-column: 1 / span 9;
+    }
+
+    #nav-links-grid {
+        grid-column: 10 / span 3;
+        display: grid;
+        grid-template-areas: '. . . . . .';
+    }
+
+    #router-links-grid {
+        grid-column: 1 / span 6;
+        display: grid;
+        /* Let 'account' = placeholder for Log In / Out button */
+        grid-template-areas: 'home about projects impact games account'; 
+        gap: 10px;
+    }
+
+    #home-item {
+        grid-column: 1 / span 1;
+    }
+
+    #about-item {
+        grid-column: 2 / span 1;
+    }
+
+    #projects-item {
+        grid-column: 3 / span 1;
+    }
+
+    #impact-item {
+        grid-column: 4 / span 1;
+    }
+
+    #games-item {
+        grid-column: 5 / span 1;
+    }
+
+    #logout-btn-item, #login-btn-item {
+        grid-column: 6 / span 1;
+    }
+}
+
+/* * * * * Resize Log In/Out buttons for medium screens (768px–1024px) * * * * */
+@media only screen and (min-width: 768px) and (max-width: 1024px) {
+    #logout-btn-desktop, #login-btn-desktop {
+        padding: 15px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/pages/AboutUs/AboutUs.vue b/src/pages/AboutUs/AboutUs.vue
index 8bc57b00..9951ab24 100644
--- a/src/pages/AboutUs/AboutUs.vue
+++ b/src/pages/AboutUs/AboutUs.vue
@@ -5,17 +5,29 @@ import ScrollUpButton from "../../components/ScrollUpButton/ScrollUpButton.vue";
 import CarlsJourney from "./CarlsJourney/CarlsJourney.vue";
 import Volunteers from "./Volunteers/Volunteers.vue";
 import TopDecoration from "./TopDecoration/TopDecoration.vue";
+
+import { useDeviceType } from "../../Utilities/checkDeviceType";
+const { isMobile, isTablet } = useDeviceType();
+
 </script>
 
 <template>
     <ScrollUpButton />
-
-    <div class="px-20 relative" ref="content">
+    
+    <div 
+        :class="[
+        'relative', 
+        !isTablet && !isMobile ? 'px-14' : '',
+        isTablet ? 'px-6' : '',
+        isMobile ? 'px-8' : ''
+        ]" 
+        ref="content"
+    >
         <Header :logoPath="'/assets/images/header/header-logo-2.png'" />
         <TopDecoration />
         <Volunteers />
         <CarlsJourney />
     </div>
-
+    
     <Footer />
-</template>
+</template>
\ No newline at end of file
diff --git a/src/pages/GameZone/GameZone.vue b/src/pages/GameZone/GameZone.vue
index c9d57635..00e4150c 100644
--- a/src/pages/GameZone/GameZone.vue
+++ b/src/pages/GameZone/GameZone.vue
@@ -2,7 +2,13 @@
 import Header from "../../components/Header/Header.vue";
 import GameZoneList from "../GameZone/GameZoneList/GameZoneList.vue";
 import GameProgress from "../GameZone/GameProgress/GameProgress.vue";
-import { ref, onMounted } from "vue";
+import ScrollUpButton from "../../components/ScrollUpButton/ScrollUpButton.vue";
+import Footer from "../../components/Footer/Footer.vue";
+
+import { ref, onMounted, onUnmounted } from "vue";
+
+import { useDeviceType } from "../../Utilities/checkDeviceType";
+const { isMobile, isTablet } = useDeviceType();
 
 const currentPage = ref(1);
 const changeCurrentPage = (page) => {
@@ -22,6 +28,8 @@ onMounted(() => {
   sessionStorage.removeItem("gameCategory");
 });
 
+
+
 // Reactive flags to track dropdown visibility for each game menu (for 'aria-expanded')
 const isLangMenuOpen = ref(false);
 const isMathMenuOpen = ref(false);
@@ -193,10 +201,19 @@ function hideMenuDropdown(menuBtn, currentDropdown) {
 
 
 <template>
+  <ScrollUpButton />
   <div
     class="relative bg-white h-full overflow-x-hidden flex flex-col justify-center"
   >
-    <div class="px-20">
+    <div 
+      :class="[
+        'relative', 
+        !isTablet && !isMobile ? 'px-14' : '',
+        isTablet ? 'px-6' : '',
+        isMobile ? 'px-8' : ''
+      ]" 
+      ref="content"
+    >
       <Header
         :textColor="'text-black'"
         :logoPath="'/assets/images/header/header-logo-2.png'"
@@ -204,7 +221,7 @@ function hideMenuDropdown(menuBtn, currentDropdown) {
     </div>
     <div class="w-full pt-10 flex align-center justify-center">
       <div class="w-10/12">
-        <h2 id="game-zone-header" class="font-poppins text-black text-[40px] mobile:text-[25px] mobile:text-center mt-10 M-0">
+        <h2 id="game-zone-header" class="font-poppins text-black text-[40px] mobile:text-[25px] mobile:text-center M-0">
           Play and learn with us!
         </h2>
         <div id="game-zone-grid" class="w-full grid grid-rows-3 gap-5 mb-10 mt-10">
@@ -406,6 +423,7 @@ function hideMenuDropdown(menuBtn, currentDropdown) {
       </div>
     </div>
   </div>
+  <Footer />
 </template>
 
 
diff --git a/src/pages/Home/Home.vue b/src/pages/Home/Home.vue
index fac150c5..b7286542 100644
--- a/src/pages/Home/Home.vue
+++ b/src/pages/Home/Home.vue
@@ -11,43 +11,10 @@ import Sponsors from "./Sponsors/Sponsors.vue";
 import TechShowcase from "./TechShowcase/TechShowcase.vue";
 import Impact from "./Impact/Impact.vue";
 import ScrollUpButton from "../../components/ScrollUpButton/ScrollUpButton.vue";
-import { ref, onMounted, onUnmounted } from 'vue';
 
-// Device detection
-const isTablet = ref(false);
-const isMobile = ref(false);
+import { useDeviceType } from "../../Utilities/checkDeviceType";
+const { isMobile, isTablet } = useDeviceType();
 
-// Check device type on mount and on window resize
-const checkDeviceType = () => {
-  const width = window.innerWidth;
-  if (width >= 640 && width < 768) {
-    // Small devices (large phones)
-    isTablet.value = false;
-    isMobile.value = true;
-  } else if (width >= 768 && width < 1024) {
-    // Medium devices (tablets)
-    isTablet.value = true;
-    isMobile.value = false;
-  } else if (width >= 1024) {
-    // Large devices (laptops/desktops)
-    isTablet.value = false;
-    isMobile.value = false;
-  } else {
-    // Extra small devices (phones)
-    isTablet.value = false;
-    isMobile.value = true;
-  }
-};
-
-// Add event listeners
-onMounted(() => {
-  checkDeviceType();
-  window.addEventListener('resize', checkDeviceType);
-});
-
-onUnmounted(() => {
-  window.removeEventListener('resize', checkDeviceType);
-});
 </script>
 
 <template>
@@ -55,9 +22,9 @@ onUnmounted(() => {
   <div 
     :class="[
       'relative', 
-      !isTablet && !isMobile ? 'px-20' : '',
-      isTablet ? 'px-10' : '',
-      isMobile ? 'px-5' : ''
+      !isTablet && !isMobile ? 'px-14' : '',
+      isTablet ? 'px-6' : '',
+      isMobile ? 'px-8' : ''
     ]" 
     ref="content"
   >
diff --git a/src/pages/Impact/Impact.vue b/src/pages/Impact/Impact.vue
index 5b08a617..2821c968 100644
--- a/src/pages/Impact/Impact.vue
+++ b/src/pages/Impact/Impact.vue
@@ -8,18 +8,32 @@ import PressList from "./PressList/PressList.vue";
 import OurReach from "./OurReach/OurReach.vue";
 import CollaboratingSchools from "./CollaboratingSchools/CollaboratingSchools.vue";
 import ImpactInAction from "./ImpactInAction/ImpactInAction.vue";
-</script>
-<template>
-  <ScrollUpButton />
 
-  <div class="px-20 relative" ref="content">
-    <Header :logoPath="'/assets/images/header/header-logo-2.png'" />
-  </div>
-  <ImpactInAction />
-  <PressList />
-  <CollaboratingSchools />
-  <Accolades />
-  <OurReach />
+import { useDeviceType } from "../../Utilities/checkDeviceType";
+const { isMobile, isTablet } = useDeviceType();
 
-  <Footer />
-</template>
+</script>
+
+<template>
+    <ScrollUpButton />
+    
+    <div 
+        :class="[
+        'relative', 
+        !isTablet && !isMobile ? 'px-14' : '',
+        isTablet ? 'px-6' : '',
+        isMobile ? 'px-8' : ''
+        ]" 
+        ref="content"
+    >
+        <Header :logoPath="'/assets/images/header/header-logo-2.png'" />
+    </div>
+    
+    <ImpactInAction />
+    <PressList />
+    <CollaboratingSchools />
+    <Accolades />
+    <OurReach />
+    
+    <Footer />
+</template>
\ No newline at end of file
diff --git a/src/pages/OurProjects/OurProjects.vue b/src/pages/OurProjects/OurProjects.vue
index cd53d683..a8aa0f86 100644
--- a/src/pages/OurProjects/OurProjects.vue
+++ b/src/pages/OurProjects/OurProjects.vue
@@ -8,11 +8,23 @@ import HaveYouHeard from "./Events/HaveYouHeard/HaveYouHeard.vue";
 import KatyYouthHacks from "./Events/KatyYouthHacks/KatyYouthHacks.vue";
 import SocialMedia from "./Social/SocialMedia.vue";
 import Footer from "../../components/Footer/Footer.vue";
+
+import { useDeviceType } from "../../Utilities/checkDeviceType";
+const { isMobile, isTablet } = useDeviceType();
+
 </script>
 
 <template>
     <ScrollUpButton />
-    <div class="px-20 relative" ref="content">
+    <div 
+        :class="[
+        'relative', 
+        !isTablet && !isMobile ? 'px-14' : '',
+        isTablet ? 'px-6' : '',
+        isMobile ? 'px-8' : ''
+        ]" 
+        ref="content"
+    >
         <Header :logoPath="'/assets/images/header/header-logo-2.png'" />
     </div>