diff --git a/src/components/About.astro b/src/components/About.astro
index 64666f4..1230344 100644
--- a/src/components/About.astro
+++ b/src/components/About.astro
@@ -1,10 +1,10 @@
 ---
 import { Image } from 'astro:assets';
 import working from '../graphics/about/working.webp';
-import crowdLarge from '../graphics/about/crowd-large.webp';
+import crowdLarge from '../graphics/about/crowd_large.webp';
 import fourppl from '../graphics/about/fourppl.webp';
 import bear from '../graphics/about/bear.webp';
-import annie from '../graphics/about/anniew.webp';
+import tools from '../graphics/about/tools.webp';
 import crowd from '../graphics/about/crowd.webp';
 ---
 
@@ -26,13 +26,13 @@ import crowd from '../graphics/about/crowd.webp';
       src={crowdLarge}
       alt="Large group of people coding at hackathon"
     />
-    <Image class="img" src={fourppl} alt="Picture of Calhacks members" />
+    <Image class="img" src={fourppl} alt="Picture of CalHacks members" />
     <Image
       class="img"
       src={bear}
       alt="Hackathon attendees posing with stuffed bear"
     />
-    <Image class="img" src={annie} alt="Girl with tools" />
+    <Image class="img" src={tools} alt="Girl with tools" />
     <Image
       class="img"
       src={crowd}
@@ -86,6 +86,7 @@ import crowd from '../graphics/about/crowd.webp';
   @use '../styles/fonts';
 
   section {
+    position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -167,5 +168,6 @@ import crowd from '../graphics/about/crowd.webp';
     border-radius: 8px;
     width: 264px;
     height: 171px;
+    object-fit: cover;
   }
 </style>
diff --git a/src/components/Contact.astro b/src/components/Contact.astro
index a24e80c..c7ec4ab 100644
--- a/src/components/Contact.astro
+++ b/src/components/Contact.astro
@@ -1,30 +1,37 @@
-<section> 
+<section>
   <h4 id="contact">CONTACT US</h4>
   <div class="spacer"></div>
   <div class="row">
     <h3>Any other&nbsp;</h3><h2>questions?</h2>
   </div>
   <div class="spacer"></div>
-  <p class="description">We are here to help you! Please check the FAQ first; 
-    If your question is not already answered, you can reach us at 
-    <a class="email" href="mailto:external@calblueprint.org">external@calblueprint.org</a>.<br>
-    <br>
-    Please email <a class="email" href="mailto:allisonhong1023@berkeley.edu">allisonhong1023@berkeley.edu</a>
-    if you need a particular accommodation.
-    Note that requests made less than 24 hours before the event will likely not be accommodated.
+  <p class="description">
+    We are here to help you! Please check the FAQ first; If your question is not
+    already answered, you can reach us at
+    <a class="email" href="mailto:external@calblueprint.org"
+      >external@calblueprint.org</a
+    >.<br />
+    <br />
+    Please email <a class="email" href="mailto:allisonhong1023@berkeley.edu"
+      >allisonhong1023@berkeley.edu</a
+    >
+    if you need a particular accommodation. Note that requests made less than 24
+    hours before the event will likely not be accommodated.
   </p>
 </section>
 
 <style lang="scss">
   section {
+    position: relative;
     display: flex;
     flex-direction: column;
-    align-items: center; 
+    align-items: center;
     text-align: center;
-    width: 46.5rem;
     margin: 0 auto;
+    padding: 0 20%;
     padding-top: 10.75rem;
   }
+
   div.spacer {
     height: 1.5rem;
   }
@@ -39,6 +46,7 @@
   }
 
   a.email {
-    text-decoration-line: underline; // the underline is too close to the text... 
+    text-decoration-line: underline; // the underline is too close to the text...
+    text-underline-offset: 2px;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/FAQ.astro b/src/components/FAQ.astro
index 94b07ae..4703848 100644
--- a/src/components/FAQ.astro
+++ b/src/components/FAQ.astro
@@ -73,9 +73,9 @@ const faqsCol1 = faqs.slice(0, split);
 const faqsCol2 = faqs.slice(split);
 ---
 
-<section id="faq">
+<section>
   <div class="faq-headers">
-    <h4>FAQ</h4>
+    <h4 id="faq">FAQ</h4>
     <h2>
       Frequently asked questions <span>– we've got the answers</span>
     </h2>
@@ -101,13 +101,15 @@ const faqsCol2 = faqs.slice(split);
 </section>
 
 <style lang="scss">
-  @use '../styles/_fonts.scss';
+  @use '../styles/fonts';
+  @use '../styles/breakpoints';
 
-  #faq {
+  section {
+    position: relative;
     display: flex;
     flex-direction: column;
-    width: 80vw;
-    margin: 10rem auto 0;
+    width: 100%;
+    margin: 160px auto 0;
   }
 
   .faq-headers {
@@ -127,15 +129,22 @@ const faqsCol2 = faqs.slice(split);
   .faq-content {
     display: flex;
     gap: 32px;
-    width: 62rem;
+    width: 100%;
+    flex-direction: column;
     align-items: flex-start;
     margin: 0 auto;
+
+    @media (min-width: breakpoints.$laptop) {
+      width: 900px;
+      flex-direction: row;
+    }
   }
+
   .faq-container {
     display: flex;
     flex-direction: column;
     gap: 35px;
-    width: 50%;
+    flex: 1;
     padding: 0 0.7rem;
   }
 </style>
diff --git a/src/components/Header.astro b/src/components/Header.astro
index e40810a..9c51a46 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -23,5 +23,7 @@ import Hero from './Hero.astro';
     width: 100%;
     display: flex;
     flex-direction: column;
+    justify-content: center;
+    align-items: center;
   }
 </style>
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index dd49087..956d081 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -26,10 +26,8 @@ import arrowsIcon from '../graphics/arrows.svg';
       <a
         href="https://www.instagram.com/calblueprint/"
         target="_blank"
-        referrerpolicy="no-referrer"
+        referrerpolicy="no-referrer">@calblueprint</a
       >
-        @calblueprint
-      </a>
 
       and
 
@@ -37,9 +35,7 @@ import arrowsIcon from '../graphics/arrows.svg';
         href="https://www.instagram.com/calhacks/"
         target="_blank"
         referrerpolicy="no-referrer"
-      >
-        @calhacks
-      </a>
+      >@calhacks</a>
 
       on Instagram for updates.
     </span>
@@ -70,6 +66,10 @@ import arrowsIcon from '../graphics/arrows.svg';
       width: min-content;
       gap: 20px;
     }
+
+    span > a:hover {
+      text-decoration-line: underline;
+    }
   }
 
   .btn-text {
diff --git a/src/components/Navbar/style.module.scss b/src/components/Navbar/style.module.scss
index c07e1d3..3084c86 100644
--- a/src/components/Navbar/style.module.scss
+++ b/src/components/Navbar/style.module.scss
@@ -2,10 +2,12 @@
 @use '../../styles/breakpoints';
 
 nav {
+  position: fixed;
+  top: 0;
+
   display: flex;
   justify-content: space-between;
   align-items: center;
-  position: fixed;
   width: 100%;
   height: 4.5rem;
   padding: 8px 4.5rem;
@@ -74,6 +76,10 @@ nav {
 
 .links a {
   color: colors.$text;
+
+  h5:hover {
+    text-decoration-line: underline;
+  }
 }
 
 .mobileLinks {
diff --git a/src/components/NonProfit.astro b/src/components/NonProfit.astro
index 5536652..7f47a40 100644
--- a/src/components/NonProfit.astro
+++ b/src/components/NonProfit.astro
@@ -1,46 +1,87 @@
 ---
+interface Props {
+  name: string;
+  description: string;
+  image: string;
+  startColor: string;
+  endColor: string;
+  url?: string;
+}
+
 const { name, description, image, startColor, endColor, url } = Astro.props;
 ---
 
-<a class="card" href={url || "#"} target="_blank">
-  <h3>
-    {name}
-  </h3>
-  {description}
-</a>
+<div class="card">
+  <div class="bg"></div>
+  <a href={url || null} target="_blank">
+    <h3>
+      {name}
+    </h3>
+    <p>
+      {description}
+    </p>
+  </a>
+</div>
 
-<style lang="scss" define:vars={{ image: `url(${image})`, startColor, endColor }}>
+<style
+  lang="scss"
+  define:vars={{ image: `url(${image})`, startColor, endColor }}
+>
   @use '../styles/breakpoints';
   @use '../styles/colors';
 
   .card {
-    background-image: linear-gradient(var(--startColor), var(--endColor)), var(--image);
-    background-size: cover;
-    background-position: center;
-    border-radius: 12px; 
-    padding: 32px;
-    display: flex; 
-    flex-direction: column;
-    justify-content: flex-end;
-    gap: 12px; 
-    padding-top: 180px;
-    height: 360px;
-    color: white;
-    font-weight: 400;
-    line-height: 100%;
-  }
-  
-  .card:hover {
-    transform: scale(1.05);
-    transition: transform .225s ease-in-out;
-  }
-  
-  .card:hover > h3 {
-    text-decoration: underline;
+    position: relative;
+    overflow: hidden;
+    border-radius: 12px;
+
+    .bg {
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: -1;
+      width: 100%;
+      height: 100%;
+      background-image: linear-gradient(var(--startColor), var(--endColor)),
+        var(--image);
+      background-size: cover;
+      background-position: center;
+      transition: transform 0.225s ease-in-out;
+    }
+
+    &:hover > .bg {
+      transform: scale(1.05);
+    }
+
+    a {
+      width: 100%;
+      padding-top: 160px;
+      padding: 32px;
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-end;
+      gap: 12px;
+      color: white;
+      font-weight: 400;
+      line-height: 100%;
+
+      @media (min-width: breakpoints.$laptop) {
+        padding-top: 0;
+        aspect-ratio: 10 / 9;
+      }
+    }
+
+    &:hover > h3 {
+      text-decoration: underline;
+    }
   }
-  
+
   h3 {
-    font-family: "new-spirit", serif;
+    font-family: 'new-spirit', serif;
     line-height: 1;
   }
-</style>
\ No newline at end of file
+
+  p {
+    font-weight: 400;
+  }
+</style>
diff --git a/src/components/NonProfits.astro b/src/components/NonProfits.astro
index 22b8120..ff458b2 100644
--- a/src/components/NonProfits.astro
+++ b/src/components/NonProfits.astro
@@ -2,56 +2,60 @@
 import NonProfit from './NonProfit.astro';
 ---
 
-<section class="lead" id="nonprofits">
-  <h4>NON-PROFITS</h4>
-  <h3>We’re a hackathon with <b class="emphasis">social good</b> at its heart.</h3>
+<section class="lead">
+  <h4 id="nonprofits">NON-PROFITS</h4>
+  <h3>
+    We’re a hackathon with <b class="emphasis">social good</b> at its heart.
+  </h3>
   <p>
-    Our nonprofits have presented several problem areas and projects to tackle their most pressing needs. Here are the incredible organizations that we’ve partnered with:
+    Our nonprofits have presented several problem areas and projects to tackle
+    their most pressing needs. Here are the incredible organizations that we’ve
+    partnered with:
   </p>
 </section>
 
 <section class="nonprofits">
-  <NonProfit 
-    name="Bay Area Street Soccer" 
-    description="Building life-changing community-based sports programs reaching the least-served communities across the U.S." 
+  <NonProfit
+    name="Bay Area Street Soccer"
+    description="Building life-changing community-based sports programs reaching the least-served communities across the U.S."
     image="/nonprofits/street-soccer.webp"
     startColor="rgba(223, 114, 145, 0.3)"
     endColor="rgba(223, 114, 145, 1)"
     url="https://www.streetsoccerusa.org/cities/san-francisco/"
   />
-  <NonProfit 
-    name="1951 Coffee" 
-    description="Promoting the well-being of the refugee community in the U.S. through job training and employment" 
+  <NonProfit
+    name="1951 Coffee"
+    description="Promoting the well-being of the refugee community in the U.S. through job training and employment"
     image="/nonprofits/1951-coffee-company.webp"
     startColor="rgba(247, 207, 82, 0.3)"
     endColor="rgba(247, 207, 82, 1)"
     url="https://www.1951coffee.com/"
   />
-  <NonProfit 
-    name="The Dancing Cat" 
-    description="Animal rescue organization dedicated to saving at-risk cats from the San Jose Animal Care Center" 
+  <NonProfit
+    name="The Dancing Cat"
+    description="Animal rescue organization dedicated to saving at-risk cats from the San Jose Animal Care Center"
     image="/nonprofits/dancing-cat.webp"
     startColor="rgba(128, 211, 241, 0.3)"
     endColor="rgba(128, 211, 241, 1)"
     url="https://www.thedancingcat.org/"
   />
-  <NonProfit 
-    name="Coming soon..." 
-    description="This amazing nonprofit will be announced soon!" 
+  <NonProfit
+    name="Coming soon..."
+    description="This amazing nonprofit will be announced soon!"
     image="/nonprofits/coming-soon.webp"
     startColor="rgba(120, 120, 120, 0.3)"
     endColor="rgba(120, 120, 120, 1)"
   />
-  <NonProfit 
-    name="Coming soon..." 
-    description="This amazing nonprofit will be announced soon!" 
+  <NonProfit
+    name="Coming soon..."
+    description="This amazing nonprofit will be announced soon!"
     image="/nonprofits/coming-soon.webp"
     startColor="rgba(120, 120, 120, 0.3)"
     endColor="rgba(120, 120, 120, 1)"
   />
-  <NonProfit 
-    name="Coming soon..." 
-    description="This amazing nonprofit will be announced soon!" 
+  <NonProfit
+    name="Coming soon..."
+    description="This amazing nonprofit will be announced soon!"
     image="/nonprofits/coming-soon.webp"
     startColor="rgba(120, 120, 120, 0.3)"
     endColor="rgba(120, 120, 120, 1)"
@@ -61,47 +65,44 @@ import NonProfit from './NonProfit.astro';
 <style lang="scss">
   @use '../styles/breakpoints';
   @use '../styles/colors';
-  
+
   .lead {
     width: 100%;
     padding-left: 1rem;
     position: relative;
-    display: flex; 
+    display: flex;
     flex-direction: column;
     gap: 16px;
     justify-content: center;
     text-align: center;
     color: colors.$text;
-  
+    padding-bottom: 2rem;
+    margin-top: 180px;
+
     @media (min-width: breakpoints.$laptop) {
-      padding: 0 5rem 2rem 5rem;
-      grid-template-columns: 1fr 1fr 1fr; 
-      max-width: 800px;
-      margin: auto;
+      padding: 0 20%;
+      padding-bottom: 80px;
+      grid-template-columns: 1fr 1fr 1fr;
     }
   }
-  
+
   .emphasis {
-    font-family: "new-spirit", serif;
+    font-family: 'new-spirit', serif;
     font-weight: 600;
   }
-  
 
   .nonprofits {
     width: 100%;
     padding-left: 1rem;
     position: relative;
-    display: grid; 
-    grid-template-columns: 1fr; 
+    display: grid;
+    grid-template-rows: min-content;
+    grid-template-columns: 1fr;
     gap: 24px;
 
     @media (min-width: breakpoints.$laptop) {
-      padding: 0 5rem 5rem 5rem;
-      grid-template-columns: 1fr 1fr 1fr; 
+      padding: 0 156px;
+      grid-template-columns: 1fr 1fr 1fr;
     }
   }
-  
-  #nonprofits {
-    margin-top: 180px;
-  }
 </style>
diff --git a/src/components/Schedule.astro b/src/components/Schedule.astro
index 98db80e..9b041b1 100644
--- a/src/components/Schedule.astro
+++ b/src/components/Schedule.astro
@@ -1,6 +1,6 @@
-<section id="schedule">
+<section>
   <div class="header-container">
-    <h4>SCHEDULE</h4>
+    <h4 id="schedule">SCHEDULE</h4>
     <h3>1 day, but <b>countless</b> possibilities</h3>
     <p>
       From workshops to speaker events, we are dedicated to creating an
@@ -71,7 +71,9 @@
 
 <style lang="scss">
   @use '../styles/fonts';
-  #schedule {
+
+  section {
+    position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
diff --git a/src/components/Sponsors.astro b/src/components/Sponsors.astro
index 102ec61..14a265f 100644
--- a/src/components/Sponsors.astro
+++ b/src/components/Sponsors.astro
@@ -8,39 +8,43 @@ import ffwdLogo from '../graphics/sponsors/ffwd.webp';
 import witiLogo from '../graphics/sponsors/witi.webp';
 ---
 
-<section id="sponsors">
+<section>
   <div class="header-container">
-    <h4>SPONSORS & PARTNERS</h4>
+    <h4 id="sponsors">SPONSORS & PARTNERS</h4>
     <h3>A round of applause for our <b>past sponsors</b></h3>
     <p>Stay tuned — Hack for Impact sponsors will be released soon!</p>
   </div>
 
   <div class="sponsors-container">
-    <div class="image-container">
+    <a href="https://citris-uc.org/" target="_blank">
       <Image src={citrisLogo} alt="CITRIS and the Banatao Institute" />
-    </div>
-    <div class="image-container">
+    </a>
+    <a href="https://www.wealthfront.com/" target="_blank">
       <Image src={wealthfrontLogo} alt="Wealthfront" />
-    </div>
-    <div class="image-container">
+    </a>
+    <a href="https://techfund.berkeley.edu/home" target="_blank">
       <Image src={bstfLogo} alt="Berkeley Student Technology Fund" />
-    </div>
-    <div class="image-container">
+    </a>
+    <a href="https://www.notion.so/product" target="_blank">
       <Image src={notionLogo} alt="Notion" />
-    </div>
-    <div class="image-container">
+    </a>
+    <a href="https://www.ffwd.org/" target="_blank">
       <Image src={ffwdLogo} alt="Fast Forward" />
-    </div>
-    <div class="image-container">
+    </a>
+    <a
+      href="https://citris-uc.org/research/edge-in-tech-initiative/"
+      target="_blank"
+    >
       <Image src={witiLogo} alt="Women in Tech Initiaive" />
-    </div>
+    </a>
   </div>
 </section>
 
 <style lang="scss">
   @use '../styles/fonts';
 
-  #sponsors {
+  section {
+    position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -64,19 +68,25 @@ import witiLogo from '../graphics/sponsors/witi.webp';
 
     .sponsors-container {
       display: flex;
-      width: 48.125rem;
+      width: 770px;
       justify-content: center;
       align-content: center;
-      gap: 3rem 5rem;
+      gap: 6px 80px;
       flex-shrink: 0;
       flex-wrap: wrap;
 
-      .image-container {
-        display: flex;
-        max-width: 13.75rem;
-        max-height: 6.25rem;
-        justify-content: center;
-        align-items: center;
+      a {
+        transition: 200ms ease-in-out;
+
+        &:hover {
+          transform: scale(1.025);
+        }
+      }
+
+      img {
+        height: 100px;
+        width: auto;
+        object-fit: cover;
         flex-shrink: 0;
       }
     }
diff --git a/src/components/TitleAccent.astro b/src/components/TitleAccent.astro
index 1ebc97b..748b11f 100644
--- a/src/components/TitleAccent.astro
+++ b/src/components/TitleAccent.astro
@@ -63,7 +63,7 @@ const longestWord = words.reduce((prev, curr) =>
     left: 0;
     display: inline-flex;
     flex-direction: column;
-    animation: scrollUp 4s infinite;
+    animation: scrollUp 5s infinite;
   }
 
   // each word
diff --git a/src/graphics/about/anniew.webp b/src/graphics/about/anniew.webp
deleted file mode 100644
index 2b36d03..0000000
Binary files a/src/graphics/about/anniew.webp and /dev/null differ
diff --git a/src/graphics/about/bear.webp b/src/graphics/about/bear.webp
index 693922a..0756eed 100644
Binary files a/src/graphics/about/bear.webp and b/src/graphics/about/bear.webp differ
diff --git a/src/graphics/about/crowd-large.webp b/src/graphics/about/crowd-large.webp
deleted file mode 100644
index ccef187..0000000
Binary files a/src/graphics/about/crowd-large.webp and /dev/null differ
diff --git a/src/graphics/about/crowd.webp b/src/graphics/about/crowd.webp
index 9e78622..3594035 100644
Binary files a/src/graphics/about/crowd.webp and b/src/graphics/about/crowd.webp differ
diff --git a/src/graphics/about/crowd_large.webp b/src/graphics/about/crowd_large.webp
new file mode 100644
index 0000000..a50e64d
Binary files /dev/null and b/src/graphics/about/crowd_large.webp differ
diff --git a/src/graphics/about/fourppl.webp b/src/graphics/about/fourppl.webp
index 99a4bdc..5084ade 100644
Binary files a/src/graphics/about/fourppl.webp and b/src/graphics/about/fourppl.webp differ
diff --git a/src/graphics/about/tools.webp b/src/graphics/about/tools.webp
new file mode 100644
index 0000000..b491402
Binary files /dev/null and b/src/graphics/about/tools.webp differ
diff --git a/src/graphics/about/working.webp b/src/graphics/about/working.webp
index 4a50c68..41d16ba 100644
Binary files a/src/graphics/about/working.webp and b/src/graphics/about/working.webp differ
diff --git a/src/graphics/sponsors/bstf.webp b/src/graphics/sponsors/bstf.webp
index c464ff3..0ade1b1 100644
Binary files a/src/graphics/sponsors/bstf.webp and b/src/graphics/sponsors/bstf.webp differ
diff --git a/src/graphics/sponsors/citris.webp b/src/graphics/sponsors/citris.webp
index c150938..4f46370 100644
Binary files a/src/graphics/sponsors/citris.webp and b/src/graphics/sponsors/citris.webp differ
diff --git a/src/graphics/sponsors/ffwd.webp b/src/graphics/sponsors/ffwd.webp
index a2e6e5c..1cff327 100644
Binary files a/src/graphics/sponsors/ffwd.webp and b/src/graphics/sponsors/ffwd.webp differ
diff --git a/src/graphics/sponsors/notion.webp b/src/graphics/sponsors/notion.webp
index 48f39ea..3cc26d9 100644
Binary files a/src/graphics/sponsors/notion.webp and b/src/graphics/sponsors/notion.webp differ
diff --git a/src/graphics/sponsors/wealthfront.webp b/src/graphics/sponsors/wealthfront.webp
index 324e18a..815575e 100644
Binary files a/src/graphics/sponsors/wealthfront.webp and b/src/graphics/sponsors/wealthfront.webp differ
diff --git a/src/graphics/sponsors/witi.webp b/src/graphics/sponsors/witi.webp
index 365bd5e..23404fb 100644
Binary files a/src/graphics/sponsors/witi.webp and b/src/graphics/sponsors/witi.webp differ