diff --git a/src/components/ImageProjectCard.tsx b/src/components/ImageProjectCard.tsx
index 5c78f76..41be4cb 100644
--- a/src/components/ImageProjectCard.tsx
+++ b/src/components/ImageProjectCard.tsx
@@ -14,7 +14,6 @@ interface Props {
 
     onOpenPopup : () => void;
 
-    key: number;
 }
 
 const ImageProjectCard = forwardRef<HTMLDivElement, Props>((props : Props, ref) => {
diff --git a/src/components/JoinUs.tsx b/src/components/JoinUs.tsx
new file mode 100644
index 0000000..076df99
--- /dev/null
+++ b/src/components/JoinUs.tsx
@@ -0,0 +1,29 @@
+function JoinUs() {
+    return (
+        <section className='box2 box2-override' style={{ marginTop: '-1px' }}>
+        <div className='box1_5-textLeft' id="aboutus-howtoJoin"> How to join us! </div>
+        <div className='joinInstructions'>
+          <div>Feel free to drop in on one of our meetings!</div>
+          <div>
+            Join our discord server to and reach out to one of our officers to get more information!
+          </div>
+          <div>
+            <a href='https://discord.gg/tgbvpCjNgV' target={'_blank'}>
+              {/* <img className='discordLogo' src={discordPng} /> */}
+              <svg className='discordSVG'>
+                <defs>
+                  <style>{`.cls-1{fill:#fff;}`}</style>
+                </defs>
+                <path className="cls-1"
+                  d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z" />
+              </svg>
+            </a>
+          </div>
+        </div>
+
+      </section>
+    )
+    
+}
+
+export default JoinUs
\ No newline at end of file
diff --git a/src/components/OfficerCards.tsx b/src/components/OfficerCards.tsx
index a38a4c8..8b00447 100644
--- a/src/components/OfficerCards.tsx
+++ b/src/components/OfficerCards.tsx
@@ -11,7 +11,6 @@ interface Props {
   linkedIn?: string;
   email?: string;
   bio: string;
-  topAlignImage: boolean;
 }
 
 
@@ -53,12 +52,7 @@ function OfficerCards(props: Props) {
     <div ref={hoverRef} className={`baseOfficerCard ${isDrawerOpen ? 'open' : ''}`} onClick={handleClick}>
       <div className='officerCardOverlay'>
         <div className="imageContainer">
-          {props.topAlignImage ?
-          <img src={props.img} className="officerImageTopAlign"/>
-          :
-          <img src={props.img} className="officerImage"/>  
-        }
-          
+          <img src={props.img} className="officerImage"/>
         </div>
         <div className="officerInformation">
           <div className="officerName">{props.name}</div>
@@ -73,7 +67,7 @@ function OfficerCards(props: Props) {
             display: 'flex',
             flexDirection: 'column',
             justifyContent: 'space-between',
-            height: '14rem',
+            height: '20rem',
           }}>
             <div className='cardDrawerContent'>
               {props.bio}
diff --git a/src/pages/About.tsx b/src/pages/About.tsx
index 9fd938f..f3d52b0 100644
--- a/src/pages/About.tsx
+++ b/src/pages/About.tsx
@@ -6,28 +6,29 @@ import '../styles/about.css'
 import aboutUsBackground from '../static/vectors/about-us-background.svg'
 import foundersBackground from '../static/vectors/founders-background.svg'
 import foundersBackground2 from '../static/vectors/founders-background-2.svg'
-import tanayImg from '../static/images/officer/tanay.webp'
-import tanayTechImg from '../static/images/officer/tanayTech.webp'
-import angelicaImg from '../static/images/officer/angelica.webp'
-import angelicaTechImg from '../static/images/officer/angelicaTech.webp'
-import vishalImg from '../static/images/officer/vishal.webp'
-import vishalTechImg from '../static/images/officer/vishalTech.webp'
+import {
+  OFFICER_KEYS,
+  OFFICER_NAMES,
+  OFFICER_POSITIONS,
+  OFFICER_EMAILS,
+  OFFICER_LINKED_INS,
+  OFFICER_DESCS,
+  OFFICER_FUN_IMAGES,
+  TECH_LEAD_KEYS,
+  TECH_LEAD_NAMES,
+  TECH_LEAD_EMAILS,
+  TECH_LEAD_LINKED_INS,
+  TECH_LEAD_DESCS,
+  TECH_LEAD_FUN_IMAGES,
+} from "../static/constants/About";
+
+import {
+  PROJECT_NAMES
+} from "../static/constants/Projects"
+
 import conradImg from '../static/images/officer/conrad.webp'
 import sahilImg from '../static/images/officer/sahil.webp'
-import sahanaImg from '../static/images/officer/sahana.webp'
-import nikhilImg from '../static/images/officer/nikhil.webp'
-import hurshImg from '../static/images/officer/hursh.webp'
-import cameronImg from '../static/images/officer/cameron.webp'
-import manasImg from '../static/images/officer/manas.webp'
-import nathanImg from '../static/images/officer/nathan.webp'
-import alexzanderImg from '../static/images/officer/alexzander.webp'
-import arnavImg from '../static/images/officer/arnav.webp'
-import thidaImg from '../static/images/officer/thida.webp'
-import zoeImg from '../static/images/officer/zoe.webp'
-import rizkyImg from '../static/images/officer/rizky.webp'
-import anikImage from '../static/images/officer/anik.webp'
-import umerImage from '../static/images/officer/umer.webp'
-import placeholderImg from '../static/images/officer/placeholder.webp'
+import JoinUs from '../components/JoinUs';
 
 function About() {
   const [aBGLoaded, setABGLoaded] = useState(false);
@@ -76,99 +77,20 @@ function About() {
       }} >
         <img className='contactBackground' ref={aElementRef}  src={aboutUsBackground} onLoad={handleLoad}></img>
         <div className="officerGridHolder">
-          <Grid container rowSpacing={10} columnSpacing={0} sx={{ paddingTop: '8em', paddingBottom: '8em' }}>
-
-            <Grid className="cardContainer" item xs={12} sm={6} md={4}>
-              <OfficerCards
-                name='Tanay Garg'
-                position='President'
-                img={tanayImg} bio="Hi! I am Tanay, and I am a CS major at UT Austin. I love Formula 1, soccer, and playing the guitar! I want to use AI to revolutionize educational technology! "
-                linkedIn='https://www.linkedin.com/in/tanay-garg-89004b184/'
-                email='tanay.garg@utexas.edu' topAlignImage={false}/>
-            </Grid>
-
-            <Grid className="cardContainer" item xs={12} sm={6} md={4}>
-              <OfficerCards
-                name='Angelica Sharma'
-                position='President'
-                img={angelicaImg} bio="Hi I'm Angelica! I'm a computer science & pre-medical student with a love for music and entrepreneurship. I love ECLAIR for its vibes and amazing robotics projects and look foward to meeting you all!"
-                linkedIn='https://www.linkedin.com/in/angelica-s-sharma/'
-                email='angelicasharma@utexas.edu' topAlignImage={false}/>
-            </Grid>
-
-            <Grid className="cardContainer" item xs={12} sm={6} md={4}>
-              <OfficerCards
-                name='Vishal Kantharaju'
-                position='Vice President'
-                img={vishalImg} bio="Hi! I'm a computer science major at UT Austin, and some of my hobbies include playing the violin, running, and reading. I look forward to exploring innovative applications of AI and robotics."
-                linkedIn='https://www.linkedin.com/in/vishal-kantharaju/'
-                email='vishal.kantharaju@utexas.edu' topAlignImage={false}/>
-            </Grid>
-
-            <Grid className="cardContainer" item xs={12} sm={6} md={4}>
-              <OfficerCards
-                name='Cameron Cox'
-                position='Corporate Director'
-                img={cameronImg} bio="Hey y'all, I'm Cameron. I'm a computer Science Major with a passion for robotics and in my freetime I play D&D, piano and cook a lot."
-                linkedIn='https://www.linkedin.com/in/cameron-cox-ut/'
-                email='cameron.cox@utexas.edu' topAlignImage={false}/>
-            </Grid>
-
-            <Grid className="cardContainer" item xs={12} sm={6} md={4}>
-              <OfficerCards
-                name='Thida Lay-Sok'
-                position='Outreach Director'
-                img={thidaImg} bio="Hello, my name is Thida because my actual name is too long. I'm an Aerospace Engineering and Physics double major. But when I'm not struggling, I enjoy fencing and drawing. My goal in life is to marry Zoe Vo <3"
-                linkedIn='https://www.linkedin.com/in/thidalaysok/'
-                email='laysok@utexas.edu' topAlignImage={false}/>
+            <Grid container rowSpacing={10} columnSpacing={0} sx={{ paddingTop: '8em', paddingBottom: '8em' }}>
+              {OFFICER_KEYS.map((key) => (
+                <Grid key={key} className="cardContainer" item xs={12} sm={6} md={4}>
+                  <OfficerCards
+                    name={OFFICER_NAMES[key]}
+                    position={OFFICER_POSITIONS[key]}
+                    img={OFFICER_FUN_IMAGES[key]}
+                    bio={OFFICER_DESCS[key]}
+                    linkedIn={OFFICER_LINKED_INS[key]}
+                    email={OFFICER_EMAILS[key]}
+                  />
+                </Grid>
+              ))}
             </Grid>
-
-            <Grid className="cardContainer" item xs={12} sm={6} md={4}>
-              <OfficerCards
-                name='Arnav Joshi'
-                position='Event Director'
-                img={arnavImg} bio="Hi, my name is Arnav. I'm a Computer Science major with a Robotics minor. I've led hydroponics and currently lead the TRACE subteam. I'm also an officer in Texas Aerial Robotics!"
-                linkedIn='https://www.linkedin.com/in/arnavsjoshi/'
-                email='arnavjoshi@utexas.edu' topAlignImage={false}/>
-            </Grid>
-
-            <Grid className="cardContainer" item xs={12} sm={6} md={4}>
-              <OfficerCards
-                name='Zoe Vo'
-                position='Public Relations Director'
-                img={zoeImg} bio="Hi I'm Zoe and I'm a pyschology and aspiring Mechanical Engineering major. My favorite book series, movie franchise, and religion is The Hunger Games. Please marry me Thida"
-                linkedIn='https://www.linkedin.com/in/zoe-vo-b73b9b317/'
-                email='zk4thyv@gmail.com' topAlignImage={true} />
-            </Grid>
-
-            <Grid className="cardContainer" item xs={12} sm={6} md={4}>
-              <OfficerCards
-                name='Manas Agrawal'
-                position='Technology Director'
-                img={manasImg} bio="Hi, my name is Manas! I'm a Computer Science and Mathematics double major. I enjoy chess, strategy video games, and am interested in Computer Vision applications in Robotics."
-                linkedIn='https://www.linkedin.com/in/manas-agrawal-41231a245/'
-                email='manas.agrawal2@utexas.edu' topAlignImage={true} />
-            </Grid>
-
-            <Grid className="cardContainer" item xs={12} sm={6} md={4}>
-              <OfficerCards
-                name='Nathan Chase'
-                position='Financial Director'
-                img={nathanImg} bio="Hey, the name is Nathan. I'm a double major in Computer Science and Asian Languages and Cultures. On my free time I enjoy engaging in community organizing, reading history, and cooking comfort food like Gumbo. And yes, it's okay to have tomatoes in your Gumbo!"
-                linkedIn='https://www.linkedin.com/in/nathan-t-chase/'
-                email='ntc477@utexas.edu' topAlignImage={true} />
-            </Grid>
-
-            <Grid className="cardContainer" item xs={12} sm={6} md={4}>
-              <OfficerCards
-                name='Alexzander Wilburn'
-                position='Freshman Representative'
-                img={alexzanderImg} bio="Wassup, everyone! It's Alexzander! I'm a computer science major who loves playing games and sports (especially baseball). I am an avid note-taker because I have an atrocious memory :D. "
-                linkedIn=''
-                email='alexzanderwilburn2424@outlook.com' topAlignImage={true} />
-            </Grid>
-
-          </Grid>
           <div className="custom-shape-divider-bottom-1684603760">
             <svg id="dividerVisual" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
               <path id="wave1" d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" className="shape-fill"></path>
@@ -185,95 +107,30 @@ function About() {
       <section className='aboutUsFoundersSection' style={{
         background: `url(${foundersBackground})  center center no-repeat `,
         backgroundSize: 'cover',
-        marginTop: '-1rem'
+        marginTop: '-1px'
       }}>
-        <div style={{paddingTop:"1em", paddingBottom:"1em"}}>
-          <Grid container rowGap={10} spacing={2}>
-            <Grid className="cardContainerFounder" item xs={12} sm={12} md={4}>
-              <OfficerCards
-                name='Rizky Pratama'
-                position='Tech Lead, T.R.A.C.E'
-                img={rizkyImg} bio="Hi! I’m Rizky. I’m a computer science major from Katy, Texas with an interest in Robotics and Computer Vision. Apart from that I enjoy D&D, collecting Bicycle Cards, and Big Backing. Never play against me in a board game :D"
-                linkedIn='https://www.linkedin.com/in/rapratama1/'
-                email='rapratama2005@gmail.com' topAlignImage={false}/>
-            </Grid>
-            <Grid className="cardContainerFounder" item xs={12} sm={12} md={4}>
-              <OfficerCards
-                name='Arnav Joshi'
-                position='Tech Lead, T.R.A.C.E'
-                img={arnavImg} bio="Hi, I'm Arnav, a second-year CS student minoring in Robotics. I'm really passionate about working on the intersection between hardware and software, with interests in controls, simulation, embedded software, and computer vision. In my spare time, I like playing music and running!"
-                linkedIn='https://www.linkedin.com/in/arnavsjoshi/'
-                email='arnavjoshi@utexas.edu' topAlignImage={false}/>
-            </Grid>
-            <Grid className="cardContainerFounder" item xs={12} sm={12} md={4}>
-              <OfficerCards
-                name='Anik Patel'
-                position='Tech Lead, Chess Teacher'
-                img={anikImage} bio="Hi, I'm Anik Patel, a junior majoring in Electrical and Computer Engineering. Outside of school, I have a passion for working on cars and tinkering with 3d printers. My goal in life is to hopefully restore a 1966 Jaguar E-type."
-                linkedIn='www.linkedin.com/in/anik-patel-800a8322a'
-                email='' topAlignImage={false}/>
-            </Grid>
-            <Grid className="cardContainerFounder" item xs={12} sm={12} md={4}>
-              <OfficerCards
-                name='Umer Khan'
-                position='Tech Lead, Texel Arts'
-                img={umerImage} bio="Hi! I am a Computer Science Sophomore who likes doing silly projects"
-                linkedIn='https://www.linkedin.com/in/umerkhan000/'
-                email='umerkhan5110@gmail.com' topAlignImage={false}/>
-            </Grid>
-            <Grid className="cardContainerFounder" item xs={12} sm={12} md={4}>
-              <OfficerCards
-                name='Hursh Jha'
-                position='Tech Lead, Chess Teacher'
-                img={hurshImg} bio="Hi my name is Hursh! I am a senior studying computer science and mathematics. In my own time I play TCG's and strategy games and like reading."
-                linkedIn='https://www.linkedin.com/in/hursh-jha-713820220/'
-                email='hursh.jha@gmail.com' topAlignImage={true}/>
-            </Grid>
-            
-            <Grid className="cardContainerFounder" item xs={12} sm={12} md={4}>
-              <OfficerCards
-                name='Sahana Ganapathy'
-                position='Tech Lead, Autonomous Car'
-                img={sahanaImg} bio="Hi, I'm a junior from Houston, currently pursuing my Bachelor’s in Computer Science. I want to specialize in AI and cybersecurity. Beyond academics, I enjoy reading, drawing and painting, sports, and trying out new cooking recipes."
-                linkedIn='https://www.linkedin.com/in/sahana-ganapathy/'
-                email='' topAlignImage={false}/>
-            </Grid>
-            <Grid className="cardContainerFounder" item xs={12} sm={12} md={4}>
-              <OfficerCards
-                name='Nikhil Kalidasu'
-                position='Tech Lead, Autonomous Car'
-                img={nikhilImg} bio="I’m a CS major working to solve complex problems across domains using AI and ML. My areas of experience include computational biology, software engineering, and aerospace"
-                linkedIn='https://www.linkedin.com/in/nikhil-kalidasu'
-                email='srikarnikhil.kaidasu@gmail.com' topAlignImage={false}/>
-            </Grid>
-            <Grid className="cardContainerFounder" item xs={12} sm={12} md={4}>
-              <OfficerCards
-                name='Tanay Garg'
-                position='Tech Lead, C.R.A.C.K.L.E'
-                img={tanayTechImg} bio="I am a Junior in Computer Science and Robotics at UT Austin. I can do a really sick Doofenshmirtz impression."
-                linkedIn='https://www.linkedin.com/in/tanay-garg/'
-                email='tanay.garg@utexas.edu' topAlignImage={false}/>
-            </Grid>
-            <Grid className="cardContainerFounder" item xs={12} sm={12} md={4}>
-              <OfficerCards
-                name='Angelica Sharma'
-                position='Tech Lead, PCR'
-                img={angelicaTechImg} bio="I’m a third year computer science and pre-medical student passionate about computers, medicine, and entrepreneurship. In my free time, I love to play the violin and paint!"
-                linkedIn='https://www.linkedin.com/in/vishal-kantharaju/'
-                email='angelicasharma@utexas.edu' topAlignImage={false}/>
-            </Grid>
-            <Grid className="cardContainerFounder" item xs={12} sm={12} md={4}>
-              <OfficerCards
-                name='Vishal Kantharaju'
-                position='Tech Lead, PCR'
-                img={vishalTechImg} bio="Hey, I'm Vishal! I'm a pre-medical computer science student aspiring to be a physician scientist. In my free time, I love painting & reading. I'm excited to be working on the PCR project and other projects with real-world impacts at ECLAIR. :)"
-                linkedIn='https://www.linkedin.com/in/vishal-kantharaju/'
-                email='vishal.kantharaju@utexas.edu' topAlignImage={false}/>
-            </Grid>
-            
-            
-            
-          </Grid>
+        <div className="officerGridHolder">
+          <Grid container rowSpacing={10} columnSpacing={0} sx={{ paddingTop: '8em', paddingBottom: '8em' }}>
+          {TECH_LEAD_KEYS.map((key) => {
+            // remove trailing numbers from key
+            const projectKey = key.replace(/[0-9]/g, "");
+            const projectName = PROJECT_NAMES[projectKey];
+
+            return (
+              <Grid key={key} className="cardContainer" item xs={12} sm={6} md={4}>
+                <OfficerCards
+                  name={TECH_LEAD_NAMES[key]}
+                  position={`Tech Lead, ${projectName}`}
+                  img={TECH_LEAD_FUN_IMAGES[key]}
+                  bio={TECH_LEAD_DESCS[key]}
+                  linkedIn={TECH_LEAD_LINKED_INS[key]}
+                  email={TECH_LEAD_EMAILS[key]}
+                />
+              </Grid>
+            );
+          })}
+        </Grid>
+
         </div>
         <div className="custom-shape-divider-bottom-168484035ab0">
           <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
@@ -294,7 +151,7 @@ function About() {
                 position='Founder'
                 img={sahilImg} bio="Alo, I'm Sahil! I'm a software developer interested in robotics, creative writing, and pandas (especially those that know kung fu) "
                 linkedIn='https://www.linkedin.com/in/sahil-jain-ab012614b/'
-                email='sahil.jain.1@outlook.com' topAlignImage={false}/>
+                email='sahil.jain.1@outlook.com'/>
             </Grid>
             <Grid className="cardContainerFounder" item xs={12} sm={12} md={6}>
               <OfficerCards
@@ -302,7 +159,7 @@ function About() {
                 position='Founder'
                 img={conradImg} bio="I am a recently graduated computer science, neuroscience, and chemistry major from UT Austin. I aspire to be a physician working at this intersection of medicine and technology."
                 linkedIn='https://www.linkedin.com/in/conradfli/'
-                email='conradliste@utexas.edu' topAlignImage={true}/>
+                email='conradliste@utexas.edu'/>
             </Grid>
           </Grid>
 
@@ -311,28 +168,7 @@ function About() {
       </section>
 
       
-      <section className='box2 box2-override' style={{ marginTop: '-1px' }}>
-        <div className='box1_5-textLeft' id="aboutus-howtoJoin"> How to join us! </div>
-        <div className='joinInstructions'>
-          <div>Feel free to drop in on one of our meetings!</div>
-          <div>
-            Or join our discord server to and reach out to one of our officers to get more information!
-          </div>
-          <div>
-            <a href='https://discord.gg/tgbvpCjNgV' target={'_blank'}>
-              {/* <img className='discordLogo' src={discordPng} /> */}
-              <svg className='discordSVG'>
-                <defs>
-                  <style>{`.cls-1{fill:#fff;}`}</style>
-                </defs>
-                <path className="cls-1"
-                  d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z" />
-              </svg>
-            </a>
-          </div>
-        </div>
-
-      </section>
+      <JoinUs/>
 
 
       <section className='box2 box2-override2'>
diff --git a/src/pages/Homepage.tsx b/src/pages/Homepage.tsx
index 5f57ff6..1a9ffe6 100644
--- a/src/pages/Homepage.tsx
+++ b/src/pages/Homepage.tsx
@@ -13,6 +13,7 @@ import headerImage_1 from '../static/images/homepage/drone.webp';
 import headerImage_2 from '../static/images/homepage/eclair_group.webp';
 import CalendarEmbed from '../components/CalendarEmbed';
 import CurrentSponsorRow from '../components/CurrentSponsorRow';
+import JoinUs from '../components/JoinUs';
 
 function Homepage() {
   const [screenSize, setScreenSize] = useState(getCurrentDimension());
@@ -75,7 +76,6 @@ function Homepage() {
 
     <>
 
-      {/* Section 1 */}
       <section >
         <div className='box2' style={{
           paddingTop: '15em',
@@ -109,15 +109,12 @@ function Homepage() {
         </div>
 
       </section>
-
-      {/* Section 2 */}
       <section className='box2 box2-override'>
         <div className='box1_5-textLeft' id="informationHeading"> Geared Toward Helping Students Pursue Their Passion for Robotics </div>
         <div className='box1_5-textRight' id="informationSubtext">
           The Engineering and Computational Learning of Artificial Intelligence in Robotics (ECLAIR) is a club at UT Austin dedicated to helping all robot-loving students to transform their passionate robotics ideas into reality. We provide the robotics parts and teach members state-of-the-art machine learning techiniques such as neural networks and reinforcement learning to give students the ability to pursue their robotics projects. If you have a cool robot you want to build, come join us!
         </div>
       </section>
-      {/* Section 3*/}
       <section className='box2 box2-override2'>
         <div className='box1_5-textRight' id="infoImageContainer">
           <img className="infoImage" src={headerImage_1}></img>
@@ -133,7 +130,6 @@ function Homepage() {
         </div>
       </section>
 
-      {/* Section  4*/}
       <section className='box2 box2-override3'>
         <div className='box2-encloser'>
           <div className='box1_5-textLeft' id='boldText'>
@@ -147,19 +143,22 @@ function Homepage() {
           <img className="infoImage" src={headerImage_2}></img>
         </div>
       </section>
+
       
-      {/* Section 5*/}
+      <JoinUs/>
+
       <section className='box2 box2-override4'
         style={{
           background: `url(${wavesHeader})  center center no-repeat `,
-          backgroundSize: 'cover',
+          backgroundSize: 'auto 100%',
         }}
       >
         <div className="custom-shape-divider-top-1681028846" style={{ marginTop: '-1px' }}>
-          <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
-            <path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" className="shape-fill"></path>
-            <path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" opacity=".5" className="shape-fill"></path>
-            <path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" className="shape-fill"></path>
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
+            <path
+              d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" fill="#191e28"/>
+            <path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" opacity=".5" fill="#191e28"/>
+            <path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" fill="#191e28"/>
           </svg>
         </div>
         <div className="animatedBlob"> {/* This entire div is just a vector that contains the blob, a rectangle, and text at the bottom of the homepage */}
@@ -194,7 +193,6 @@ function Homepage() {
         </div>
       </section>
       
-      {/* Section 6*/}
       <section className='box2 box2-override4'
         style={{
           backgroundSize: 'cover',
diff --git a/src/pages/Projects.tsx b/src/pages/Projects.tsx
index 682b993..57158fb 100644
--- a/src/pages/Projects.tsx
+++ b/src/pages/Projects.tsx
@@ -124,7 +124,7 @@ function Projects() {
       desc: 'We are automating PCR, a medical technique used to duplicate DNA. We have most individual components working, so this semester, we will focus on putting it all together, testing it with PCR, and writing a research paper to publish our robot',
       git:"https://github.com/ECLAIR-Robotics/PCR_Automation", 
       gantt:"https://docs.google.com/spreadsheets/d/1qEEfA078V_SaOaCuu-pih-EUJhn9BdbRNVKUYMlfKlY/edit?usp=sharing",
-      finished:0,
+      finished:1,
       video: pcrVid,
       SliderData : [
         {
@@ -150,7 +150,7 @@ function Projects() {
       desc: 'Chess Teacher is a robot that is designed to not only play a game of chess, but also teach the player how to improve, and adjust its style to allow the player to maximize their learning opportunities. We use an overhead camera coupled with computer vision to enable the robot to have an accurate understanding of the game, while using our own in house chess engine to play the game - enabling the robot to have a comprehensive understanding over every position.',
       git:"https://github.com/ECLAIR-Robotics/Chess_Teacher", 
       gantt:"https://docs.google.com/spreadsheets/d/1CbTH5hqcQgmXZnDkoqhe9yYVnaWjdlhSyqxfz_0mcEA/edit?usp=sharing",
-      finished:0,
+      finished:1,
       video: chessVid,
       SliderData : [
         {
@@ -274,7 +274,7 @@ function Projects() {
       id: 7,
       img : carP,
       name:'Autonomous Car', 
-      lName:"Sahana Ganapathy, Nikhil Kalidasu", 
+      lName:"", 
       members:"Sahana, Nikhil, Ayaan, Jerry, Vinaenae, Cameron, Alexzander, Marcus, Miles, Tommy, Masamu, Hannah",
       desc: 'The goal of the autonomous car project is to build a fully autonomous RC car that has support for natural language intake and feedback. Overall, we are trying to establish a greater bond of trust between the user and the car, something that the industry is still working on today.',
       git: "https://github.com/ECLAIR-Robotics/nlp-car", 
@@ -289,7 +289,7 @@ function Projects() {
       id: 8,
       img : crackleP,
       name:'CRACKLE', 
-      lName:"Tanay Garg", 
+      lName:"", 
       members:"Tanay, Manas, Leo, Yash, Gaurav, Tanay, Manav, Shalani, Ayaan, Isabella, Keshav, Sanskar",
       desc: "Crackle's goal is to emulate DUM-E from Iron Man. This means fully resolving voice commands spoken into dynamically generated plans using GPT. The finished product will be able to perform any physically possible task requested by a user",
       git:"https://github.com/ECLAIR-Robotics/crackle", 
@@ -303,7 +303,7 @@ function Projects() {
       id: 9,
       img : texelArtsP,
       name:'Texel Arts', 
-      lName:"Umer Khan",
+      lName:"",
       members:"Kevin, Anna, Umer",
       desc: 'The Texel Arts project is a machine learning system that takes videos and transforms them into animation files applied on given rigs. The final goal is an online library of animations that can be readily downloaded, where processed animations are continuously added to the website',
       git:"", 
@@ -316,7 +316,7 @@ function Projects() {
       id: 10,
       img : traceP,
       name: "TRACE",
-      lName: "Arnav Joshi, Rizky Pratama",
+      lName: "",
       members: "Arnav, Rizky, Chris, Dan, Rishab, Isabella, Cameron",
       desc: "TRACE is a project to track and control the position of a ball on a tilting platform. The goals of this project are to exhibit a basic control system with two degrees of freedom that also implements computer vision. This will help develop member skills with CV, controls, simulation, and hardware design.",
       git: "",
diff --git a/src/static/constants/About.ts b/src/static/constants/About.ts
new file mode 100644
index 0000000..0f481f2
--- /dev/null
+++ b/src/static/constants/About.ts
@@ -0,0 +1,262 @@
+import arnavImg from '../images/officer/arnav.webp'
+import cameronImg from '../images/officer/cameron.webp'
+import manasImg from '../images/officer/manas.webp'
+import zoeImg from '../images/officer/zoe.webp'
+import rizkyImg from '../images/officer/rizky.webp'
+import aniketImg from '../images/officer/aniket.webp'
+import annaImg from '../images/officer/anna.webp'
+import manavImg from '../images/officer/manav.webp'
+
+import tanayImg from '../images/officer/tanay.webp'
+import sahanaImg from '../images/officer/sahana.webp'
+import umerImg from '../images/officer/umer.webp'
+import tanyaImg from '../images/officer/tanya.webp'
+import tanviImg from '../images/officer/tanvi.webp'
+import isabellaImg from '../images/officer/isabella.webp'
+
+import tonyStark from '../images/officer/joke/tony_stark.webp'
+import spiderMan from '../images/officer/joke/spider_man.webp'
+import maLong from '../images/officer/joke/ma_long.webp'
+import chaz from '../images/officer/joke/frat_bro.webp'
+import lightningMcqueen from '../images/officer/joke/lightning_mcqueen.webp'
+import woodenModel from '../images/officer/joke/wooden_model.webp'
+import octane from '../images/officer/joke/octane.webp'
+import messi from '../images/officer/joke/lionel_messi.webp'
+import tightrope from '../images/officer/joke/tightrope_walker.webp'
+import leBronJames from '../images/officer/joke/lebron_james.webp'
+import ducky from '../images/officer/joke/ducky.webp'
+
+
+import placeholderImg from '../images/officer/placeholder.webp'
+
+export const OFFICER_KEYS = [
+  "PRESIDENT",
+  "VICE_PRESIDENT",
+  "CORPORATE",
+  "OUTREACH",
+  "EVENT",
+  "PR",
+  "TECHNOLOGY",
+  "FINANCIAL",
+];
+
+export const OFFICER_POSITIONS: { [key: string]: string } = {
+    PRESIDENT: "President",
+    VICE_PRESIDENT: "Vice President",
+    CORPORATE: "Corporate Director",
+    OUTREACH: "Outreach Director",
+    EVENT: "Event Director",
+    PR: "Public Relations Director",
+    TECHNOLOGY: "Technology Director",
+    FINANCIAL: "Financial Director",
+}
+
+export const OFFICER_NAMES: { [key: string]: string } = {
+    PRESIDENT: "Arnav Joshi",
+    VICE_PRESIDENT: "Cameron Cox",
+    CORPORATE: "Aniket Gupta",
+    OUTREACH: "Anna Iskra",
+    EVENT: "Manav Karonde",
+    PR: "Zoe Vo",
+    TECHNOLOGY: "Manas Agrawal",
+    FINANCIAL: "Rizky Pratama",
+}
+
+export const OFFICER_EMAILS: { [key: string]: string } = {
+    PRESIDENT: "arnavjoshi@utexas.edu",
+    VICE_PRESIDENT: "campatcox@gmail.com",
+    CORPORATE: "aniketg@utexas.edu",
+    OUTREACH: "anna.iskra@utexas.edu",
+    EVENT: "karonde.manav@gmail.com",
+    PR: "zk4thyv@gmail.com",
+    TECHNOLOGY: "manas.agrawal2@utexas.edu",
+    FINANCIAL: "rizkyapratama100@gmail.com",
+}
+
+export const OFFICER_LINKED_INS: { [key: string]: string } = {
+    PRESIDENT: "https://www.linkedin.com/in/arnavsjoshi/",
+    VICE_PRESIDENT: "https://www.linkedin.com/in/cameron-cox-ut/",
+    CORPORATE: "https://www.linkedin.com/in/aniketgupta25/",
+    OUTREACH: "https://www.linkedin.com/in/a-spark/",
+    EVENT: "https://www.linkedin.com/in/manav-karonde-678b39319/",
+    PR: "https://www.linkedin.com/in/zoe-vo-b73b9b317/",
+    TECHNOLOGY: "https://www.linkedin.com/in/manas-agrawal-41231a245/",
+    FINANCIAL: "https://www.linkedin.com/in/rapratama1/",
+}
+
+export const OFFICER_DESCS: { [key: string]: string } = {
+    PRESIDENT: "Our unprofessional president does not know how to send descriptions on time so the technology director is leaving this here until he fixes it",
+    VICE_PRESIDENT: "Hey y'all, my name is Cameron! I'm a CS major minoring in robotics. I love combat robotics but my end goal is to make robots that improve our home lives. In my free time I play the piano, sing, ballroom dance, and play chess, D&D, and Zelda games.",
+    CORPORATE: "Hi, I’m Aniket Gupta, a junior majoring in Computer Science at UT Austin, from Bentonville, Arkansas. I previously led ECLAIR’s Beginner’s Track for two semesters and enjoy delivering technical lectures at hackathons. I’m passionate about AI and SWE, and I’m excited to help expand ECLAIR’s corporate footprint this year (please dm me on LinkedIn!)",
+    OUTREACH: "Hi y’all, I’m Anna! I’m a Mathematics and Plan II dual major pursing a minor in SDS and way too many certificates (all related to scientific computing, my hopeful career field!). In my free time, I love to read and write screenplays, develop interactive fiction games, and GM tabletop RPGs. Honk if you love computer vision :)",
+    EVENT: "Hello friend, My name is Manav and I'm a sophmore in Computer Science here at UT. I've lived in Austin for the past decade, but am from New York originally. I've spent the past two semesters on CRACKLE, but when I'm not doing that or building wacky personal robotics projects, I like to play the drums / guitar (especially rock punk and blues), dabble in photography, drive around windows down with my dog, or just stare at a blank wall and contemplate life.",
+    PR: "Hi I'm Zoe and I'm a Mechanical Engineering major. My favorite book series, movie franchise, and religion is The Hunger Games. Please marry me Thida",
+    TECHNOLOGY: "Hi, my name is Manas. I'm the technology director at ECLAIR. I'm majoring in Computer Science and have a minor in Robotics. I love TTRPGs, swimming, and trying out new foods. I'm super interested in Robot Perception and Computer Vision. Join me in CRACKLE (the best ECLAIR Project). We have tons of fun!",
+    FINANCIAL: "Hi! I'm Rizky. I'm a 2nd year CS major from Katy, Texas with an interest in Robotics, Computer Vision, and AI. Outside of that, I boulder, play D&D, dance, and eat lots. Never challenge me to a card game.",
+}
+
+export const OFFICER_FUN_IMAGES: { [key: string]: any } = {
+    PRESIDENT: arnavImg,
+    VICE_PRESIDENT: cameronImg,
+    CORPORATE: aniketImg,
+    OUTREACH: annaImg,
+    EVENT: manavImg,
+    PR: zoeImg,
+    TECHNOLOGY: manasImg,
+    FINANCIAL: rizkyImg,
+}
+
+export const TECH_LEAD_KEYS = [
+    "CRACKLE1",
+    "CRACKLE2",
+    "TRACE1",
+    "TRACE2",
+    "AUTONOMOUS_CAR",
+    "TEXEL_ARTS",
+    "BEGINNERS_TRACK1",
+    "BEGINNERS_TRACK2",
+    "EPIC1",
+    "EPIC2",
+    "DUCKDUCKFLOW"
+];
+
+
+export const TECH_LEAD_NAMES: { [key: string]: string} = {
+    CRACKLE1: "Tony Stark",
+    CRACKLE2: "Spider-Man",
+    TRACE1: "Table Tennis Legend Ma Long",
+    TRACE2: "Chaz McFratson",
+    AUTONOMOUS_CAR: "Lightning McQueen",
+    TEXEL_ARTS: "Wood N. Model",
+    BEGINNERS_TRACK1: "Blue Octane",
+    BEGINNERS_TRACK2: "Lionel Messi",
+    EPIC1: "Will Balance",
+    EPIC2: "LeBron James",
+    DUCKDUCKFLOW: "Rubber Ducky"
+}
+
+export const TECH_LEAD_EMAILS: { [key: string]: string } = {
+    CRACKLE1: "",
+    CRACKLE2: "",
+    TRACE1: "",
+    TRACE2: "",
+    AUTONOMOUS_CAR: "",
+    TEXEL_ARTS: "",
+    BEGINNERS_TRACK1: "",
+    BEGINNERS_TRACK2: "",
+    EPIC1: "",
+    EPIC2: "",
+    DUCKDUCKFLOW: ""
+}
+
+export const TECH_LEAD_LINKED_INS: { [key: string]: string } = {
+    CRACKLE1: "",
+    CRACKLE2: "",
+    TRACE1: "",
+    TRACE2: "",
+    AUTONOMOUS_CAR: "",
+    TEXEL_ARTS: "",
+    BEGINNERS_TRACK1: "",
+    BEGINNERS_TRACK2: "",
+    EPIC1: "",
+    EPIC2: "",
+    DUCKDUCKFLOW: ""
+}
+
+export const TECH_LEAD_DESCS: { [key: string]: string } = {
+    CRACKLE1: "I’m Tony Stark — billionaire, philanthropist, and occasional troublemaker, who just so happens to tinker with engineering projects in my spare time. Right now, my pet project is building DUM-E, a robotic arm that’s supposed to help… when it’s not setting things on fire",
+    CRACKLE2: "I’m Spider-Man — just your friendly neighborhood hero who spends his free time buried in textbooks and half-finished gadgets. Between late-night web fluid experiments and keeping my grades barely alive, I’m trying to prove that even a kid from Queens can build something amazing.",
+    TRACE1: "I’m Ma Long — world champion of hitting tiny balls really hard, which obviously makes me the perfect lead for a project about gently balancing one. When I’m not smashing forehands at 70 mph, I’m lending my “expertise” to making sure this platform doesn’t embarrass us by dropping the ball.",
+    TRACE2: "I’m Chaz McFratson — frat legend, triple-kegger MVP, and undisputed beer pong champion of the tri-state area. My entire life has been training for this project, because if there’s one thing I know, it’s how to keep a ball on a table",
+    AUTONOMOUS_CAR: "I’m Lightning McQueen — speed is my middle name, winning is my game, and fun is how I roll… KACHOW!",
+    TEXEL_ARTS: "I’m Wood N. Model — crafting modeling software that’s solid as a plank and smooth as fine sandpaper. I handle every detail with care.",
+    BEGINNERS_TRACK1: "I’m Blue Octane — the ace of the arena, turning every kickoff into a goal-den opportunity. Don’t blink, or you’ll miss my aerial maneuvers.",
+    BEGINNERS_TRACK2: "I’m Lionel Messi — weaving through challenges like defenders and kicking ideas into the back of the net. I play to win.",
+    EPIC1: "I’m Will Balance — master of the tightrope and now mastering self-balancing robots. Life’s all about keeping steady, and I make sure nothing wobbles… unless it’s part of the show.",
+    EPIC2: "I’m LeBron James — slam-dunking every project and always driving innovation to the hoop. I bring court-level precision and a championship mentality to every team I join.",
+    DUCKDUCKFLOW: "I’m Rubber Ducky — floating through problems and making waves wherever I go. I may squeak a lot, but I always quack the code before anyone else does."
+}
+
+export const TECH_LEAD_FUN_IMAGES: { [key: string]: any }  = {
+    CRACKLE1: tonyStark,
+    CRACKLE2: spiderMan,
+    TRACE1: maLong,
+    TRACE2: chaz,
+    AUTONOMOUS_CAR: lightningMcqueen,
+    TEXEL_ARTS: woodenModel,
+    BEGINNERS_TRACK1: octane, //Need
+    BEGINNERS_TRACK2: messi, //Need
+    EPIC1: tightrope,
+    EPIC2: leBronJames,
+    DUCKDUCKFLOW: ducky
+}
+
+// export const TECH_LEAD_NAMES: { [key: string]: string} = {
+//     CRACKLE1: "Tanay Garg",
+//     CRACKLE2: "Manav Karonde",
+//     TRACE1: "Arnav Joshi",
+//     TRACE2: "Rizky Pratama",
+//     AUTONOMOUS_CAR: "Sahana Ganapathy",
+//     TEXEL_ARTS: "Umer Khan",
+//     BEGINNERS_TRACK1: "Daniel Lagoye",
+//     BEGINNERS_TRACK2: "Tanooj Kanike",
+//     EPIC1: "Tanya Nikam",
+//     EPIC2: "Tanvi Nikam",
+//     DUCKDUCKFLOW: "Isabella Yim"
+// }
+
+// export const TECH_LEAD_EMAILS: { [key: string]: string } = {
+//     CRACKLE1: "tanay.garg@utexas.edu",
+//     CRACKLE2: "karonde.manav@gmail.com",
+//     TRACE1: "arnavjoshi@utexas.edu",
+//     TRACE2: "rapratama2005@gmail.com",
+//     AUTONOMOUS_CAR: "sahanagana@utexas.edu",
+//     TEXEL_ARTS: "umerkhan5110@gmail.com",
+//     BEGINNERS_TRACK1: "dan.lagoye@utexas.edu",
+//     BEGINNERS_TRACK2: "tanoojk.kanike@gmail.com",
+//     EPIC1: "tanyanikam@utexas.edu",
+//     EPIC2: "tanviknikam@utexas.edu",
+//     DUCKDUCKFLOW: "iyim@utexas.edu"
+// }
+
+// export const TECH_LEAD_LINKED_INS: { [key: string]: string } = {
+//     CRACKLE1: "https://www.linkedin.com/in/tanay-garg/",
+//     CRACKLE2: "https://www.linkedin.com/in/manav-karonde-678b39319/",
+//     TRACE1: "https://www.linkedin.com/in/arnavsjoshi/",
+//     TRACE2: "https://www.linkedin.com/in/rapratama1/",
+//     AUTONOMOUS_CAR: "https://www.linkedin.com/in/sahana-ganapathy/",
+//     TEXEL_ARTS: "https://www.linkedin.com/in/umerkhan000/",
+//     BEGINNERS_TRACK1: "https://www.linkedin.com/in/daniel-lagoye/",
+//     BEGINNERS_TRACK2: "",
+//     EPIC1: "https://www.linkedin.com/in/tanyaknikam/",
+//     EPIC2: "https://www.linkedin.com/in/tanvi-nikam-6736a827b/",
+//     DUCKDUCKFLOW: "https://www.linkedin.com/in/iyim/"
+// }
+
+// export const TECH_LEAD_DESCS: { [key: string]: string } = {
+//     CRACKLE1: "",//Need
+//     CRACKLE2: "Hello friend, My name is Manav and I'm a sophmore in Computer Science here at UT. I've lived in Austin for the past decade, but am from New York originally. I've spent the past two semesters on CRACKLE, but when I'm not doing that or building wacky personal robotics projects, I like to play the drums / guitar (especially rock punk and blues), dabble in photography, drive around windows down with my dog, or just stare at a blank wall and contemplate life.",
+//     TRACE1: "Our unprofessional president does not know how to send descriptions on time so the technology director is leaving this here until he fixes it",
+//     TRACE2: "Hi! I'm Rizky. I'm a CS major from Katy, Texas with an interest in Robotics, Computer Vision, and AI. Outside of that, I boulder, dance, play D&D, and eat lots. Never challenge me to a card game:P",
+//     AUTONOMOUS_CAR: "Hello, I am Sahana. I'm a CS major and a senior with interests in system security and machine learning. Aside from that, I love painting, climbing, and gaming >:D",
+//     TEXEL_ARTS: "Hey yall, I am CS and Math major that do be working on stuff.",
+//     BEGINNERS_TRACK1: " Hey! My name is Daniel and I'm an ECE major from Houston. I have quite a few things I'm interested in, but currently my main hobbies include badly learning guitar, making odd battlebots, and catching up on anime.",
+//     BEGINNERS_TRACK2: " I am a freshman at UT majoring in ECE Honors. I gained interest in robotics during my years competing in FTC, and have an interest in video game designing. I compete in online hackathons and program in MHCP",
+//     EPIC1: "Hi, I'm Tanvi! I'm a sophomore ECE major with a focus in power systems and power electronics. I love Formula !, dogs, and board games. In the furture, I hope to use electircal engineering to improve sustainable energy technology.",
+//     EPIC2: "Hi! My name is Tanya, and I’m studying ECE (Power Track) + Robotics. I like memes, escape rooms, Brawl Stars, and meeting/talking to people. I’m excited to be co-leading EPIC (self balancing robot :), and outside of that, I work at the Texas Inventionworks makerspace! My ultimate goal is to use engineering to protect our planet.",
+//     DUCKDUCKFLOW: "Hi! I'm a senior Computer Science major interested in website development and AI. I enjoy drawing, gardening, puns, and cooking (especially cooking up puns!)"
+// }
+
+// export const TECH_LEAD_FUN_IMAGES: { [key: string]: any }  = {
+//     CRACKLE1: tanayImg,
+//     CRACKLE2: manavImg,
+//     TRACE1: arnavImg,
+//     TRACE2: rizkyImg,
+//     AUTONOMOUS_CAR: sahanaImg,
+//     TEXEL_ARTS: umerImg,
+//     BEGINNERS_TRACK1: placeholderImg, //Need
+//     BEGINNERS_TRACK2: placeholderImg, //Need
+//     EPIC1: tanyaImg,
+//     EPIC2: tanviImg,
+//     DUCKDUCKFLOW: isabellaImg
+// }
\ No newline at end of file
diff --git a/src/static/constants/Projects.ts b/src/static/constants/Projects.ts
new file mode 100644
index 0000000..187d157
--- /dev/null
+++ b/src/static/constants/Projects.ts
@@ -0,0 +1,39 @@
+export const PROJECT_KEYS = [
+    "CRACKLE",
+    "TRACE",
+    "AUTONOMOUS_CAR",
+    "TEXEL_ARTS",
+    "BEGINNERS_TRACK",
+    "EPIC",
+    "DUCKDUCKFLOW"
+]
+
+export const PROJECT_NAMES: { [key: string]: string } = {
+    CRACKLE: "C.R.A.C.K.L.E.",
+    TRACE: "T.R.A.C.E.",
+    AUTONOMOUS_CAR: "Autonomous Car",
+    TEXEL_ARTS: "Texel Arts",
+    BEGINNERS_TRACK: "Beginner's Track",
+    EPIC: "E.P.I.C.",
+    DUCKDUCKFLOW: "DuckDuckFlow",
+}
+
+
+export const PROJECT_TEAM_PAGES: { [key: string]: any} = {
+    CRACKLE: "https://befitting-galliform-d9c.notion.site/Crackle-Teamspace-Home-9e32fd2ea0ca4e4695607c16f522433f",
+    TRACE: "https://www.notion.so/TRACE-18feaa211e138031b1b3cc379fa48413?cookie_sync_completed=true",
+    AUTONOMOUS_CAR: "", //Need?
+    TEXEL_ARTS: "https://eclair-texel-arts.notion.site/Texel-Arts-19ac77b011c880428939f28b8f068d94",
+    BEGINNERS_TRACK: "",
+    EPIC: "https://docs.google.com/document/d/1gbFuBh5Rj6CCqdpV75lZLSzmt4x5dXSdN6iSoQHVaYI/edit?usp=sharing",
+    DUCKDUCKFLOW: ["https://www.notion.so/DuckDuckHome-22fd0549950a8075bed4d31c18fd877b", "https://drive.google.com/drive/folders/1HiiFXGnvp3E9dYJ0V1BHyFgouFjwxMa7?usp=sharing"],
+}
+export const PROJECT_CODEBASES: { [key: string]: any} = {
+    CRACKLE: "https://github.com/ECLAIR-Robotics/crackle",
+    TRACE: "https://github.com/ECLAIR-Robotics/TRACE",
+    AUTONOMOUS_CAR: "https://github.com/ECLAIR-Robotics/nlp-car",
+    TEXEL_ARTS: ["https://github.com/Umer-K-PersonOOO/Texel-Art-Media", "https://github.com/Umer-K-PersonOOO/Texel-Art-Website"],
+    BEGINNERS_TRACK: "", //Need
+    EPIC: "", //Need
+    DUCKDUCKFLOW: "https://github.com/ECLAIR-Robotics/duck-duck-flow",
+}
\ No newline at end of file
diff --git a/src/static/images/homepage/uncompressed/drone_header.png b/src/static/images/homepage/uncompressed/drone_header.png
deleted file mode 100644
index e570130..0000000
Binary files a/src/static/images/homepage/uncompressed/drone_header.png and /dev/null differ
diff --git a/src/static/images/homepage/uncompressed/eclair_group.png b/src/static/images/homepage/uncompressed/eclair_group.png
deleted file mode 100644
index acff9b6..0000000
Binary files a/src/static/images/homepage/uncompressed/eclair_group.png and /dev/null differ
diff --git a/src/static/images/lectures/uncompressed/cv.png b/src/static/images/lectures/uncompressed/cv.png
deleted file mode 100644
index 51aeca0..0000000
Binary files a/src/static/images/lectures/uncompressed/cv.png and /dev/null differ
diff --git a/src/static/images/lectures/uncompressed/deepLearning.png b/src/static/images/lectures/uncompressed/deepLearning.png
deleted file mode 100644
index 298d64d..0000000
Binary files a/src/static/images/lectures/uncompressed/deepLearning.png and /dev/null differ
diff --git a/src/static/images/lectures/uncompressed/introToCV.png b/src/static/images/lectures/uncompressed/introToCV.png
deleted file mode 100644
index 45ac614..0000000
Binary files a/src/static/images/lectures/uncompressed/introToCV.png and /dev/null differ
diff --git a/src/static/images/lectures/uncompressed/introToML.png b/src/static/images/lectures/uncompressed/introToML.png
deleted file mode 100644
index a24ec7d..0000000
Binary files a/src/static/images/lectures/uncompressed/introToML.png and /dev/null differ
diff --git a/src/static/images/lectures/uncompressed/introToRL.png b/src/static/images/lectures/uncompressed/introToRL.png
deleted file mode 100644
index 5599650..0000000
Binary files a/src/static/images/lectures/uncompressed/introToRL.png and /dev/null differ
diff --git a/src/static/images/lectures/uncompressed/markovModelFree.png b/src/static/images/lectures/uncompressed/markovModelFree.png
deleted file mode 100644
index f25b510..0000000
Binary files a/src/static/images/lectures/uncompressed/markovModelFree.png and /dev/null differ
diff --git a/src/static/images/lectures/uncompressed/qL.png b/src/static/images/lectures/uncompressed/qL.png
deleted file mode 100644
index e0ea05f..0000000
Binary files a/src/static/images/lectures/uncompressed/qL.png and /dev/null differ
diff --git a/src/static/images/logo/uncompressed/ECLAIR_logo2.png b/src/static/images/logo/uncompressed/ECLAIR_logo2.png
deleted file mode 100644
index 96b91e3..0000000
Binary files a/src/static/images/logo/uncompressed/ECLAIR_logo2.png and /dev/null differ
diff --git a/src/static/images/logo/uncompressed/ECLAIR_logo3.png b/src/static/images/logo/uncompressed/ECLAIR_logo3.png
deleted file mode 100644
index 612237a..0000000
Binary files a/src/static/images/logo/uncompressed/ECLAIR_logo3.png and /dev/null differ
diff --git a/src/static/images/officer/alexzander.webp b/src/static/images/officer/alexzander.webp
deleted file mode 100644
index 506f092..0000000
Binary files a/src/static/images/officer/alexzander.webp and /dev/null differ
diff --git a/src/static/images/officer/angelica.webp b/src/static/images/officer/angelica.webp
deleted file mode 100644
index a0a662e..0000000
Binary files a/src/static/images/officer/angelica.webp and /dev/null differ
diff --git a/src/static/images/officer/angelicaTech.webp b/src/static/images/officer/angelicaTech.webp
deleted file mode 100644
index 7d5c6ce..0000000
Binary files a/src/static/images/officer/angelicaTech.webp and /dev/null differ
diff --git a/src/static/images/officer/anik.webp b/src/static/images/officer/anik.webp
deleted file mode 100644
index 82a037a..0000000
Binary files a/src/static/images/officer/anik.webp and /dev/null differ
diff --git a/src/static/images/officer/aniket.webp b/src/static/images/officer/aniket.webp
new file mode 100644
index 0000000..6619aa4
Binary files /dev/null and b/src/static/images/officer/aniket.webp differ
diff --git a/src/static/images/officer/aniketProfessional.webp b/src/static/images/officer/aniketProfessional.webp
new file mode 100644
index 0000000..99779e1
Binary files /dev/null and b/src/static/images/officer/aniketProfessional.webp differ
diff --git a/src/static/images/officer/anna.webp b/src/static/images/officer/anna.webp
new file mode 100644
index 0000000..33bd905
Binary files /dev/null and b/src/static/images/officer/anna.webp differ
diff --git a/src/static/images/officer/cameron.webp b/src/static/images/officer/cameron.webp
index 475a2c5..2f33e11 100644
Binary files a/src/static/images/officer/cameron.webp and b/src/static/images/officer/cameron.webp differ
diff --git a/src/static/images/officer/cameronProfessional.webp b/src/static/images/officer/cameronProfessional.webp
new file mode 100644
index 0000000..ce5211d
Binary files /dev/null and b/src/static/images/officer/cameronProfessional.webp differ
diff --git a/src/static/images/officer/henry.webp b/src/static/images/officer/henry.webp
deleted file mode 100644
index 7993655..0000000
Binary files a/src/static/images/officer/henry.webp and /dev/null differ
diff --git a/src/static/images/officer/hursh.webp b/src/static/images/officer/hursh.webp
deleted file mode 100644
index 0360e1c..0000000
Binary files a/src/static/images/officer/hursh.webp and /dev/null differ
diff --git a/src/static/images/officer/isabella.webp b/src/static/images/officer/isabella.webp
new file mode 100644
index 0000000..58da017
Binary files /dev/null and b/src/static/images/officer/isabella.webp differ
diff --git a/src/static/images/officer/joke/ducky.webp b/src/static/images/officer/joke/ducky.webp
new file mode 100644
index 0000000..10b1256
Binary files /dev/null and b/src/static/images/officer/joke/ducky.webp differ
diff --git a/src/static/images/officer/joke/frat_bro.webp b/src/static/images/officer/joke/frat_bro.webp
new file mode 100644
index 0000000..f6d6446
Binary files /dev/null and b/src/static/images/officer/joke/frat_bro.webp differ
diff --git a/src/static/images/officer/joke/lebron_james.webp b/src/static/images/officer/joke/lebron_james.webp
new file mode 100644
index 0000000..6e2699e
Binary files /dev/null and b/src/static/images/officer/joke/lebron_james.webp differ
diff --git a/src/static/images/officer/joke/lightning_mcqueen.webp b/src/static/images/officer/joke/lightning_mcqueen.webp
new file mode 100644
index 0000000..9dce5b6
Binary files /dev/null and b/src/static/images/officer/joke/lightning_mcqueen.webp differ
diff --git a/src/static/images/officer/joke/lionel_messi.webp b/src/static/images/officer/joke/lionel_messi.webp
new file mode 100644
index 0000000..99f9e25
Binary files /dev/null and b/src/static/images/officer/joke/lionel_messi.webp differ
diff --git a/src/static/images/officer/joke/ma_long.webp b/src/static/images/officer/joke/ma_long.webp
new file mode 100644
index 0000000..481d747
Binary files /dev/null and b/src/static/images/officer/joke/ma_long.webp differ
diff --git a/src/static/images/officer/joke/octane.webp b/src/static/images/officer/joke/octane.webp
new file mode 100644
index 0000000..b7eba01
Binary files /dev/null and b/src/static/images/officer/joke/octane.webp differ
diff --git a/src/static/images/officer/joke/spider_man.webp b/src/static/images/officer/joke/spider_man.webp
new file mode 100644
index 0000000..42b7771
Binary files /dev/null and b/src/static/images/officer/joke/spider_man.webp differ
diff --git a/src/static/images/officer/joke/tightrope_walker.webp b/src/static/images/officer/joke/tightrope_walker.webp
new file mode 100644
index 0000000..c0c5f5a
Binary files /dev/null and b/src/static/images/officer/joke/tightrope_walker.webp differ
diff --git a/src/static/images/officer/joke/tony_stark.webp b/src/static/images/officer/joke/tony_stark.webp
new file mode 100644
index 0000000..1e16467
Binary files /dev/null and b/src/static/images/officer/joke/tony_stark.webp differ
diff --git a/src/static/images/officer/joke/wooden_model.webp b/src/static/images/officer/joke/wooden_model.webp
new file mode 100644
index 0000000..41db749
Binary files /dev/null and b/src/static/images/officer/joke/wooden_model.webp differ
diff --git a/src/static/images/officer/manas.webp b/src/static/images/officer/manas.webp
index 100292e..403dbb5 100644
Binary files a/src/static/images/officer/manas.webp and b/src/static/images/officer/manas.webp differ
diff --git a/src/static/images/officer/manav.webp b/src/static/images/officer/manav.webp
new file mode 100644
index 0000000..3a7f6cd
Binary files /dev/null and b/src/static/images/officer/manav.webp differ
diff --git a/src/static/images/officer/nathan.webp b/src/static/images/officer/nathan.webp
deleted file mode 100644
index a69d50f..0000000
Binary files a/src/static/images/officer/nathan.webp and /dev/null differ
diff --git a/src/static/images/officer/nikhil.webp b/src/static/images/officer/nikhil.webp
deleted file mode 100644
index 69bd260..0000000
Binary files a/src/static/images/officer/nikhil.webp and /dev/null differ
diff --git a/src/static/images/officer/rizky.webp b/src/static/images/officer/rizky.webp
index b0da4de..9f6aa3f 100644
Binary files a/src/static/images/officer/rizky.webp and b/src/static/images/officer/rizky.webp differ
diff --git a/src/static/images/officer/rizkyProfessional.webp b/src/static/images/officer/rizkyProfessional.webp
new file mode 100644
index 0000000..55177c5
Binary files /dev/null and b/src/static/images/officer/rizkyProfessional.webp differ
diff --git a/src/static/images/officer/tanay.webp b/src/static/images/officer/tanay.webp
index 6755002..2b620f6 100644
Binary files a/src/static/images/officer/tanay.webp and b/src/static/images/officer/tanay.webp differ
diff --git a/src/static/images/officer/tanayTech.webp b/src/static/images/officer/tanayTech.webp
deleted file mode 100644
index 2a7deaf..0000000
Binary files a/src/static/images/officer/tanayTech.webp and /dev/null differ
diff --git a/src/static/images/officer/tanvi.webp b/src/static/images/officer/tanvi.webp
new file mode 100644
index 0000000..53190f4
Binary files /dev/null and b/src/static/images/officer/tanvi.webp differ
diff --git a/src/static/images/officer/tanya.webp b/src/static/images/officer/tanya.webp
new file mode 100644
index 0000000..b4001a2
Binary files /dev/null and b/src/static/images/officer/tanya.webp differ
diff --git a/src/static/images/officer/uncompressed/alexzander.jpg b/src/static/images/officer/uncompressed/alexzander.jpg
deleted file mode 100644
index d51171e..0000000
Binary files a/src/static/images/officer/uncompressed/alexzander.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/angelica.jpg b/src/static/images/officer/uncompressed/angelica.jpg
deleted file mode 100644
index 42fc07b..0000000
Binary files a/src/static/images/officer/uncompressed/angelica.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/angelicaTech.jpeg b/src/static/images/officer/uncompressed/angelicaTech.jpeg
deleted file mode 100644
index 6fb9af2..0000000
Binary files a/src/static/images/officer/uncompressed/angelicaTech.jpeg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/anik.jpeg b/src/static/images/officer/uncompressed/anik.jpeg
deleted file mode 100644
index 9ba76a9..0000000
Binary files a/src/static/images/officer/uncompressed/anik.jpeg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/arnav.jpg b/src/static/images/officer/uncompressed/arnav.jpg
deleted file mode 100644
index 93c681e..0000000
Binary files a/src/static/images/officer/uncompressed/arnav.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/cameron.jpg b/src/static/images/officer/uncompressed/cameron.jpg
deleted file mode 100644
index b78db97..0000000
Binary files a/src/static/images/officer/uncompressed/cameron.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/conrad.jpg b/src/static/images/officer/uncompressed/conrad.jpg
deleted file mode 100644
index 7c8e0d6..0000000
Binary files a/src/static/images/officer/uncompressed/conrad.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/henry.jpg b/src/static/images/officer/uncompressed/henry.jpg
deleted file mode 100644
index 96a3790..0000000
Binary files a/src/static/images/officer/uncompressed/henry.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/hursh.jpeg b/src/static/images/officer/uncompressed/hursh.jpeg
deleted file mode 100644
index 5ff0b90..0000000
Binary files a/src/static/images/officer/uncompressed/hursh.jpeg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/manas.jpg b/src/static/images/officer/uncompressed/manas.jpg
deleted file mode 100644
index 75b1c5c..0000000
Binary files a/src/static/images/officer/uncompressed/manas.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/nathan.jpg b/src/static/images/officer/uncompressed/nathan.jpg
deleted file mode 100644
index 580d62b..0000000
Binary files a/src/static/images/officer/uncompressed/nathan.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/nikhil.jpeg b/src/static/images/officer/uncompressed/nikhil.jpeg
deleted file mode 100644
index 278b073..0000000
Binary files a/src/static/images/officer/uncompressed/nikhil.jpeg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/old_officers_and_leads/abbhinav.jpeg b/src/static/images/officer/uncompressed/old_officers_and_leads/abbhinav.jpeg
deleted file mode 100644
index 8b5557f..0000000
Binary files a/src/static/images/officer/uncompressed/old_officers_and_leads/abbhinav.jpeg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/old_officers_and_leads/anjali.png b/src/static/images/officer/uncompressed/old_officers_and_leads/anjali.png
deleted file mode 100644
index 08c76b1..0000000
Binary files a/src/static/images/officer/uncompressed/old_officers_and_leads/anjali.png and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/old_officers_and_leads/annabel.png b/src/static/images/officer/uncompressed/old_officers_and_leads/annabel.png
deleted file mode 100644
index 8834b86..0000000
Binary files a/src/static/images/officer/uncompressed/old_officers_and_leads/annabel.png and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/old_officers_and_leads/carson.jpg b/src/static/images/officer/uncompressed/old_officers_and_leads/carson.jpg
deleted file mode 100644
index 3bf732c..0000000
Binary files a/src/static/images/officer/uncompressed/old_officers_and_leads/carson.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/old_officers_and_leads/kyrylo.png b/src/static/images/officer/uncompressed/old_officers_and_leads/kyrylo.png
deleted file mode 100644
index 0f0ddf1..0000000
Binary files a/src/static/images/officer/uncompressed/old_officers_and_leads/kyrylo.png and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/old_officers_and_leads/riley.jpg b/src/static/images/officer/uncompressed/old_officers_and_leads/riley.jpg
deleted file mode 100644
index 8a38673..0000000
Binary files a/src/static/images/officer/uncompressed/old_officers_and_leads/riley.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/old_officers_and_leads/savvy.jpg b/src/static/images/officer/uncompressed/old_officers_and_leads/savvy.jpg
deleted file mode 100644
index 853de15..0000000
Binary files a/src/static/images/officer/uncompressed/old_officers_and_leads/savvy.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/placeholder.png b/src/static/images/officer/uncompressed/placeholder.png
deleted file mode 100644
index 89134a7..0000000
Binary files a/src/static/images/officer/uncompressed/placeholder.png and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/rizky.jpg b/src/static/images/officer/uncompressed/rizky.jpg
deleted file mode 100644
index 1d88c56..0000000
Binary files a/src/static/images/officer/uncompressed/rizky.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/sahana.jpeg b/src/static/images/officer/uncompressed/sahana.jpeg
deleted file mode 100644
index 8b4b7a6..0000000
Binary files a/src/static/images/officer/uncompressed/sahana.jpeg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/sahil.jpg b/src/static/images/officer/uncompressed/sahil.jpg
deleted file mode 100644
index 8337fec..0000000
Binary files a/src/static/images/officer/uncompressed/sahil.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/tanay.png b/src/static/images/officer/uncompressed/tanay.png
deleted file mode 100644
index b8005d3..0000000
Binary files a/src/static/images/officer/uncompressed/tanay.png and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/tanayTech.jpg b/src/static/images/officer/uncompressed/tanayTech.jpg
deleted file mode 100644
index 4fb8ad3..0000000
Binary files a/src/static/images/officer/uncompressed/tanayTech.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/thida.jpg b/src/static/images/officer/uncompressed/thida.jpg
deleted file mode 100644
index 83dfc28..0000000
Binary files a/src/static/images/officer/uncompressed/thida.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/umer.jpg b/src/static/images/officer/uncompressed/umer.jpg
deleted file mode 100644
index 6d76b4c..0000000
Binary files a/src/static/images/officer/uncompressed/umer.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/vishal.png b/src/static/images/officer/uncompressed/vishal.png
deleted file mode 100644
index e289436..0000000
Binary files a/src/static/images/officer/uncompressed/vishal.png and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/vishalTech.jpg b/src/static/images/officer/uncompressed/vishalTech.jpg
deleted file mode 100644
index 1e78307..0000000
Binary files a/src/static/images/officer/uncompressed/vishalTech.jpg and /dev/null differ
diff --git a/src/static/images/officer/uncompressed/zoe.png b/src/static/images/officer/uncompressed/zoe.png
deleted file mode 100644
index a22162d..0000000
Binary files a/src/static/images/officer/uncompressed/zoe.png and /dev/null differ
diff --git a/src/static/images/officer/vishal.webp b/src/static/images/officer/vishal.webp
deleted file mode 100644
index 192cef1..0000000
Binary files a/src/static/images/officer/vishal.webp and /dev/null differ
diff --git a/src/static/images/officer/vishalTech.webp b/src/static/images/officer/vishalTech.webp
deleted file mode 100644
index d2a16ad..0000000
Binary files a/src/static/images/officer/vishalTech.webp and /dev/null differ
diff --git a/src/styles/about.css b/src/styles/about.css
index 8247efa..80df4d8 100644
--- a/src/styles/about.css
+++ b/src/styles/about.css
@@ -43,8 +43,8 @@
     align-items: center;
     justify-content: center;
     width: fit-content;
-    width: 30em;
-    height: 30em;
+    width: 40em;
+    height: 40em;
     flex-direction: column;
     flex-wrap: wrap;
 
diff --git a/src/styles/officerCard.css b/src/styles/officerCard.css
index f367c54..c4e853e 100644
--- a/src/styles/officerCard.css
+++ b/src/styles/officerCard.css
@@ -1,7 +1,7 @@
 :root {
     --standard-gap: 0.5em;
     --card-closed-height: 25em;
-    --card-extended-height: 43em;
+    --card-extended-height: 50em;
 }
 
 .cardContainer {