diff --git a/frontend/src/components/About/HowToJoin.tsx b/frontend/src/components/About/HowToJoin.tsx
index 54d08a43..d3473a4b 100644
--- a/frontend/src/components/About/HowToJoin.tsx
+++ b/frontend/src/components/About/HowToJoin.tsx
@@ -2,10 +2,12 @@ import { useNavigate } from 'react-router-dom';
 import { Container, Box, Grid, Typography, Button as MuiButton, useMediaQuery } from '@mui/material';
 import about3 from '../../images/aboutpage/about_3.jpg';
 import { aboutStyles } from './styles';
+import { homeStyles } from '../Home/styles';
 
 const HowtoJoin = () => {
   const navigate = useNavigate();
   const styles = aboutStyles();
+  const homeStyle = homeStyles();
   const isMobile = useMediaQuery('(max-width:600px)');
 
   return (
@@ -85,6 +87,67 @@ const HowtoJoin = () => {
             socials to be notified of when board applications open on a rolling basis.
           </Typography>
           <Box sx={{ marginTop: '40px'}}>
+            <Typography
+              variant="h5"
+              sx={{
+                color: 'white',
+                fontSize: 'clamp(20px, 3vw, 28px)',
+                marginBottom: '20px',
+                fontWeight: 600,
+              }}
+            >
+              Apply to Our Teams:
+            </Typography>
+            
+            <Grid container spacing={2} sx={{ marginTop: '10px' }}>
+              <Grid item xs={12} sm={6}>
+                <MuiButton
+                  variant="outlined"
+                  href="https://forms.gle/Xu2hzJuTkykeMyzdA" 
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  sx={{ ...homeStyle.ctaButton, width: '100%' }}
+                >
+                  General Board
+                </MuiButton>
+              </Grid>
+              
+              <Grid item xs={12} sm={6}>
+                <MuiButton
+                  variant="outlined"
+                  href="https://forms.gle/1TiCjRtjsaB4eEAB6"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  sx={{ ...homeStyle.ctaButton, width: '100%' }}
+                >
+                  Open Source
+                </MuiButton>
+              </Grid>
+              
+              <Grid item xs={12} sm={6}>
+                <MuiButton
+                  variant="outlined"
+                  href="https://forms.gle/atoFPypgiV5rzE6i6" 
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  sx={{ ...homeStyle.ctaButton, width: '100%' }}
+                >
+                  Innovate
+                </MuiButton>
+              </Grid>
+              
+              <Grid item xs={12} sm={6}>
+                <MuiButton
+                  variant="outlined"
+                  href="https://forms.gle/VRzyTK1z7R72j6nW6"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  sx={{ ...homeStyle.ctaButton, width: '100%' }}
+                >
+                  Dev
+                </MuiButton>
+              </Grid>
+            </Grid>
         {/* <MuiButton
           variant="outlined"
           onClick={() => navigate('/membership')}
diff --git a/frontend/src/components/About/OurCommunities.tsx b/frontend/src/components/About/OurCommunities.tsx
index 03218eed..8f1043fd 100644
--- a/frontend/src/components/About/OurCommunities.tsx
+++ b/frontend/src/components/About/OurCommunities.tsx
@@ -1,8 +1,8 @@
 import { Container, Box, Grid, Typography, Link, useMediaQuery } from '@mui/material';
 import { aboutStyles } from './styles';
-import dev from '../../images/ourCommunitiesImages/cses_dev.png';
-import opensource from '../../images/ourCommunitiesImages/cses_opensource.png';
-import innovate from '../../images/ourCommunitiesImages/cses_innovate.png';
+import dev from '../../images/ourCommunitiesImages/DevLogo.png';
+import opensource from '../../images/ourCommunitiesImages/OpenSourceLogo.png';
+import innovate from '../../images/ourCommunitiesImages/InnovateLogo.png';
 
 const Communities = () => {
   const styles = aboutStyles();
diff --git a/frontend/src/components/Home/Home.tsx b/frontend/src/components/Home/Home.tsx
index 47d081fc..ace6c00d 100644
--- a/frontend/src/components/Home/Home.tsx
+++ b/frontend/src/components/Home/Home.tsx
@@ -2,9 +2,9 @@ import React, { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { Container, Box, Grid, Button as MuiButton } from '@mui/material';
 import { homeStyles } from './styles';
-import DevLogo from '../../images/DevLogo.png';
-import InnovateLogo from '../../images/InnovateLogo.png';
-import OpenSourceLogo from '../../images/OpenSourceLogo.png';
+import DevLogo from '../../images/ourCommunitiesImages/DevLogo.png';
+import InnovateLogo from '../../images/ourCommunitiesImages/InnovateLogo.png';
+import OpenSourceLogo from '../../images/ourCommunitiesImages/OpenSourceLogo.png';
 import HomeLogo from '../../images/HomeLogo.png';
 import ASLogo from '../../images/sponsors/AS_Logo.png';
 import CSEDeptLogo from '../../images/sponsors/CSEDept_Logo.png';
diff --git a/frontend/src/images/DevLogo.png b/frontend/src/images/ourCommunitiesImages/DevLogo.png
similarity index 100%
rename from frontend/src/images/DevLogo.png
rename to frontend/src/images/ourCommunitiesImages/DevLogo.png
diff --git a/frontend/src/images/InnovateLogo.png b/frontend/src/images/ourCommunitiesImages/InnovateLogo.png
similarity index 100%
rename from frontend/src/images/InnovateLogo.png
rename to frontend/src/images/ourCommunitiesImages/InnovateLogo.png
diff --git a/frontend/src/images/OpenSourceLogo.png b/frontend/src/images/ourCommunitiesImages/OpenSourceLogo.png
similarity index 100%
rename from frontend/src/images/OpenSourceLogo.png
rename to frontend/src/images/ourCommunitiesImages/OpenSourceLogo.png
diff --git a/frontend/src/images/ourCommunitiesImages/cses_dev.png b/frontend/src/images/ourCommunitiesImages/cses_dev.png
deleted file mode 100644
index 1add56a3..00000000
Binary files a/frontend/src/images/ourCommunitiesImages/cses_dev.png and /dev/null differ
diff --git a/frontend/src/images/ourCommunitiesImages/cses_innovate.png b/frontend/src/images/ourCommunitiesImages/cses_innovate.png
deleted file mode 100644
index a8549338..00000000
Binary files a/frontend/src/images/ourCommunitiesImages/cses_innovate.png and /dev/null differ
diff --git a/frontend/src/images/ourCommunitiesImages/cses_opensource.png b/frontend/src/images/ourCommunitiesImages/cses_opensource.png
deleted file mode 100644
index 4f81fee7..00000000
Binary files a/frontend/src/images/ourCommunitiesImages/cses_opensource.png and /dev/null differ