@@ -209,16 +277,20 @@ const Home = () => {
- navigate('/membership')}>
- Become a member now!
-
+ {/* navigate('/membership')}
+ sx={styles.ctaButton}
+ >
+ Become a member now!
+ */}
{/* Events Section REDO THE WHOLE THING*/}
{"{Events}"}
- ‹
+ ‹
{displayedFutureEvents.length > 0 ? (
@@ -243,13 +315,17 @@ const Home = () => {
)}
- ›
+ ›
- navigate('/events')}>
- See Events Page
-
+ navigate('/events')}
+ sx={styles.ctaButton}
+ >
+ See Events Page
+
@@ -263,9 +339,13 @@ const Home = () => {
- navigate('/about')}>
- About us
-
+ navigate('/about')}
+ sx={styles.ctaButton}
+ >
+ About us
+
@@ -291,7 +371,7 @@ const Home = () => {
{currentMember.position} | {currentMember.company}
- Class of {currentMember.classOf}
+ {/* {currentMember.classOf} */}
{currentMember.name}
@@ -305,9 +385,13 @@ const Home = () => {
))}
- navigate('/about')}>
- Meet the Team
-
+ navigate('/about')}
+ sx={styles.ctaButton}
+ >
+ Meet the Team
+
{/* Current Sponsors */}
diff --git a/frontend/src/components/Home/styles.ts b/frontend/src/components/Home/styles.ts
index 2d9b0146..86f6956b 100644
--- a/frontend/src/components/Home/styles.ts
+++ b/frontend/src/components/Home/styles.ts
@@ -164,26 +164,31 @@ export const homeStyles = () => ({
/* ===== CTA Button ===== */
ctaButton: {
- border: '2px solid #FF6B35',
- borderRadius: '25px',
- padding: '12px 24px',
- display: 'inline-block',
- background: '#020F5D',
- cursor: 'pointer',
- position: 'relative',
- '&::before': {
- content: '""',
- position: 'absolute',
- top: '-2px',
- left: '-2px',
- right: '-2px',
- bottom: '-2px',
- background: 'linear-gradient(45deg, #FF6B35, #00E5FF)',
- borderRadius: '25px',
- zIndex: '-1'
- },
+ borderRadius: '40px',
+ border: '2px solid transparent',
+ backgroundImage:
+ 'linear-gradient(#0b0b0b, #0b0b0b), linear-gradient(to right, #FFCE00, #00F0FF)',
+ backgroundOrigin: 'border-box',
+ backgroundClip: 'padding-box, border-box',
+ paddingX: '20px',
+ paddingY: '11px',
+ color: 'white',
+ fontSize: '20px',
+ textTransform: 'none',
'&:hover': {
- background: 'rgba(2, 15, 93, 0.9)'
+ backgroundImage:
+ 'linear-gradient(rgba(255,255,255,0.05), rgba(255,255,255,0.05)), linear-gradient(to right, #FFCE00, #00F0FF)',
+ color: 'black'
+ },
+ '@media (max-width: 600px)': {
+ fontSize: '18px',
+ paddingX: '16px',
+ paddingY: '9px'
+ },
+ '@media (min-width: 1200px)': {
+ fontSize: '22px',
+ paddingX: '24px',
+ paddingY: '13px'
}
},
diff --git a/frontend/src/components/NavBar/NavBar.tsx b/frontend/src/components/NavBar/NavBar.tsx
index 1050f5d3..0438ec50 100644
--- a/frontend/src/components/NavBar/NavBar.tsx
+++ b/frontend/src/components/NavBar/NavBar.tsx
@@ -35,7 +35,7 @@ const NavBar = () => {
const navItems = [
{ text: 'About', link: '/about' },
{ text: 'Events', link: '/events' },
- { text: 'Sponsors', link: '/sponsors' },
+ { text: 'Sponsors', link: '/sponsorships' },
{ text: 'Initiatives', link: '/initiatives' },
];
@@ -83,7 +83,7 @@ const NavBar = () => {
))}
{/* Gradient Join Us Button */}
- {!isLoggedIn && location.pathname !== '/login' && (
+ {/* {!isLoggedIn && location.pathname !== '/login' && (
navigate('/login')}
sx={{
@@ -117,7 +117,7 @@ const NavBar = () => {
- )}
+ )} */}
{isLoggedIn && userData && (
@@ -170,7 +170,7 @@ const NavBar = () => {
))}
- {!isLoggedIn && location.pathname !== '/login' && (
+ {/* {!isLoggedIn && location.pathname !== '/login' && (
clickItem('/login')}>
{
}
/>
- )}
+ )} */}
diff --git a/frontend/src/components/Sponsorships/Sponsorships.css b/frontend/src/components/Sponsorships/Sponsorships.css
index 4b933660..c77799cd 100644
--- a/frontend/src/components/Sponsorships/Sponsorships.css
+++ b/frontend/src/components/Sponsorships/Sponsorships.css
@@ -1,5 +1,5 @@
-html, body, #root {
- height: 100%;
+.sponsorships {
+ min-height: 100vh;
margin: 0;
background-color: #040f59;
color: white;
@@ -7,7 +7,7 @@ html, body, #root {
text-align: center;
}
-.container {
+.sponsorships-container {
height: 100%;
display: flex;
flex-direction: column;
@@ -20,18 +20,18 @@ html, body, #root {
text-align: center;
}
-h1 {
+.sponsorships h1 {
font-size: 4.5rem;
margin: 0;
}
-h2 {
+.sponsorships h2 {
font-size: 4.5rem;
margin: 0;
margin-bottom: 10px;
}
-p {
+.sponsorships p {
font-size: 2.25rem;
line-height: 1.2;
margin: 0;
@@ -46,17 +46,17 @@ p {
display: block;
}
-/* Accent colors for special words */
+/* Accent colors */
.blue { color: #64c3e3;}
-.purple {color: #725df0;}
+.purple { color: #725df0;}
.teal { color: #5df0c4;}
.yellow { color: #ebb111;}
-a {
+.sponsorships a {
color: #e2b340;
text-decoration: none;
}
-a:hover {
+.sponsorships a:hover {
color: #f7dc55;
}
@@ -73,25 +73,25 @@ a:hover {
}
@media (max-width: 650px){
- .container{
+ .sponsorships-container {
margin-top: 120px;
}
- h1 {
+ .sponsorships h1 {
font-size: 3rem;
padding: 0 5rem;
margin-top: 10px;
margin-bottom: 30px;
}
- h2 {
+ .sponsorships h2 {
font-size: 3rem;
padding: 0 5rem;
margin-top: 30px;
margin-bottom: 20px;
}
- p {
+ .sponsorships p {
font-size: 1.1rem;
line-height: 1.2;
margin-bottom: 30px;
@@ -102,7 +102,7 @@ a:hover {
white-space: nowrap;
}
- .sponsorship-link{
+ .sponsorship-link {
display: inline;
white-space: nowrap;
}
diff --git a/frontend/src/components/Sponsorships/Sponsorships.tsx b/frontend/src/components/Sponsorships/Sponsorships.tsx
index e1fec6ac..8e6145e8 100644
--- a/frontend/src/components/Sponsorships/Sponsorships.tsx
+++ b/frontend/src/components/Sponsorships/Sponsorships.tsx
@@ -5,29 +5,31 @@ import picTwo from "../../images/AssociatedStudent.jpg";
export default function Sponsorships() {
return (
-
-
Become a part of the Team
+
+
+
);
diff --git a/frontend/src/images/aboutpage/ourfuture.png b/frontend/src/images/aboutpage/ourfuture.png
new file mode 100644
index 00000000..a37c14cf
Binary files /dev/null and b/frontend/src/images/aboutpage/ourfuture.png differ
diff --git a/frontend/src/images/aboutpage/ourhistory.png b/frontend/src/images/aboutpage/ourhistory.png
new file mode 100644
index 00000000..81342685
Binary files /dev/null and b/frontend/src/images/aboutpage/ourhistory.png differ
diff --git a/frontend/src/images/homepage/jesusgonzalez.png b/frontend/src/images/homepage/jesusgonzalez.png
new file mode 100644
index 00000000..247cf25d
Binary files /dev/null and b/frontend/src/images/homepage/jesusgonzalez.png differ
diff --git a/frontend/src/images/homepage/nikithaM.jpg b/frontend/src/images/homepage/nikithaM.jpg
new file mode 100644
index 00000000..ae0b99eb
Binary files /dev/null and b/frontend/src/images/homepage/nikithaM.jpg differ
diff --git a/frontend/src/images/homepage/pranavsoma.jpg b/frontend/src/images/homepage/pranavsoma.jpg
new file mode 100644
index 00000000..16eec7bb
Binary files /dev/null and b/frontend/src/images/homepage/pranavsoma.jpg differ
diff --git a/frontend/src/images/homepage/shreevenkatesh.jpg b/frontend/src/images/homepage/shreevenkatesh.jpg
new file mode 100644
index 00000000..3dfc8fd2
Binary files /dev/null and b/frontend/src/images/homepage/shreevenkatesh.jpg differ
diff --git a/frontend/src/images/aboutpage/sithu.jpg b/frontend/src/images/homepage/sithu.jpg
similarity index 100%
rename from frontend/src/images/aboutpage/sithu.jpg
rename to frontend/src/images/homepage/sithu.jpg
diff --git a/frontend/src/images/homepage/vanditajain.jpg b/frontend/src/images/homepage/vanditajain.jpg
new file mode 100644
index 00000000..db0d2f1b
Binary files /dev/null and b/frontend/src/images/homepage/vanditajain.jpg differ
diff --git a/frontend/src/images/homepage/westonzong.jpg b/frontend/src/images/homepage/westonzong.jpg
new file mode 100644
index 00000000..5e81483d
Binary files /dev/null and b/frontend/src/images/homepage/westonzong.jpg differ
Become a part of the Team
-- Join us in our mission to{" "} - build,{" "} - innovate, and{" "} - lead the future of{" "} - computer science. -
- -- Check out our sponsorship package{" "} - - here. - -
- -Thank You to our Current Partners
- -
- 
- 
+
+ Join us in our mission to{" "} + build,{" "} + innovate, and{" "} + lead the future of{" "} + computer science. +
+ ++ Check out our sponsorship package{" "} + + here. + +
+ +Thank You to our Current Partners
+ +
+
+
+