diff --git a/frontend/src/components/Home/Home.tsx b/frontend/src/components/Home/Home.tsx
index ae92e068..47d081fc 100644
--- a/frontend/src/components/Home/Home.tsx
+++ b/frontend/src/components/Home/Home.tsx
@@ -6,8 +6,17 @@ import DevLogo from '../../images/DevLogo.png';
import InnovateLogo from '../../images/InnovateLogo.png';
import OpenSourceLogo from '../../images/OpenSourceLogo.png';
import HomeLogo from '../../images/HomeLogo.png';
-import ASLogo from '../../images/AS.png';
-import CSEDeptLogo from '../../images/csedeplogo.png';
+import ASLogo from '../../images/sponsors/AS_Logo.png';
+import CSEDeptLogo from '../../images/sponsors/CSEDept_Logo.png';
+import BasementLogo from '../../images/sponsors/Basement_Logo.jpeg';
+import EyePopAILogo from '../../images/sponsors/EyePopAI_Logo.png';
+import GoogleLogo from '../../images/sponsors/Google_Logo.webp';
+import IGELogo from '../../images/sponsors/IGE_Logo.png';
+import LinuxLogo from '../../images/sponsors/Linux_Logo.png';
+import LovableLogo from '../../images/sponsors/Lovable_Logo.png';
+import OSPOLogo from '../../images/sponsors/OSPO_Logo.png';
+import PersonaLogo from '../../images/sponsors/Persona_Logo.png';
+import RobloxLogo from '../../images/sponsors/Roblox_Logo.png';
import Sithu from '../../images/homepage/sithu.jpg';
import axios from 'axios';
import CountUp from 'react-countup';
@@ -54,7 +63,7 @@ const Home = () => {
},
{
name: "Shree Venkatesh",
- position: "Software Development Engineer",
+ position: "Software Development Engineer Intern",
company: "Amazon Web Services",
photo: shreevenkatesh // placeholder for now
},
@@ -410,9 +419,17 @@ const Home = () => {
-
-
-
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/Home/styles.ts b/frontend/src/components/Home/styles.ts
index 86f6956b..339e815d 100644
--- a/frontend/src/components/Home/styles.ts
+++ b/frontend/src/components/Home/styles.ts
@@ -464,6 +464,10 @@ export const homeStyles = () => ({
height: "150px",
objectFit: "contain" as const,
filter: "brightness(1.1)",
+ background: "white",
+ borderRadius: "12px",
+ boxShadow: "0 4px 6px rgba(0,0,0,0.2)",
+ padding: "10px",
'@media (max-width: 600px)': {
width: "100px",
height: "100px"
diff --git a/frontend/src/components/Opportunities/Opportunities.tsx b/frontend/src/components/Opportunities/Opportunities.tsx
index 9cdc7052..250aa81f 100644
--- a/frontend/src/components/Opportunities/Opportunities.tsx
+++ b/frontend/src/components/Opportunities/Opportunities.tsx
@@ -2,13 +2,13 @@ import { ReactNode, useEffect, useRef, useState } from 'react';
import { Container, Typography, Grid, Link, Box, useTheme } from '@mui/material';
import MuiButton from '@mui/material/Button';
import bg from '../../images/shape2.svg';
-import sponsor from '../../images/cseLogo.gif';
-import sponsor2 from '../../images/AS.png';
+import sponsor from '../../images/sponsors/CSEDept_Logo.png';
+import sponsor2 from '../../images/sponsors/AS_Logo.png';
import { opportunitiesStyles } from './styles';
import members from '../../images/opportunitiespage/members.jpg';
import sponsors from '../../images/opportunitiespage/sponsors.png';
import { useNavigate } from 'react-router-dom';
-
+// NOTE: THIS PAGE IS NOT BEING USED ANYMORE
interface ImageWithBoxShadowProps {
src: string;
alt: string;
diff --git a/frontend/src/components/Sponsorships/Sponsorships.css b/frontend/src/components/Sponsorships/Sponsorships.css
index c77799cd..7b8df022 100644
--- a/frontend/src/components/Sponsorships/Sponsorships.css
+++ b/frontend/src/components/Sponsorships/Sponsorships.css
@@ -21,18 +21,18 @@
}
.sponsorships h1 {
- font-size: 4.5rem;
+ font-size: 3.5rem;
margin: 0;
}
.sponsorships h2 {
- font-size: 4.5rem;
+ font-size: 2.8rem;
margin: 0;
margin-bottom: 10px;
}
.sponsorships p {
- font-size: 2.25rem;
+ font-size: 1.5rem;
line-height: 1.2;
margin: 0;
margin-top: 10px;
@@ -53,23 +53,29 @@
.yellow { color: #ebb111;}
.sponsorships a {
- color: #e2b340;
- text-decoration: none;
+ color: #64c3e3;
+ text-decoration: underline;
}
.sponsorships a:hover {
- color: #f7dc55;
+ color: #4a9bb8;
}
.logos {
display: flex;
justify-content: center;
- gap: 4.5rem;
+ gap: 2rem;
+ flex-wrap: wrap;
+ margin-bottom: 2rem;
}
.logos img {
- height: 140px;
+ height: 120px;
+ width: auto;
+ max-width: 200px;
background: white;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
+ padding: 10px;
+ object-fit: contain;
}
@media (max-width: 650px){
@@ -78,21 +84,18 @@
}
.sponsorships h1 {
- font-size: 3rem;
padding: 0 5rem;
margin-top: 10px;
margin-bottom: 30px;
}
.sponsorships h2 {
- font-size: 3rem;
padding: 0 5rem;
margin-top: 30px;
margin-bottom: 20px;
}
.sponsorships p {
- font-size: 1.1rem;
line-height: 1.2;
margin-bottom: 30px;
}
@@ -108,14 +111,15 @@
}
.logos {
- flex-direction: column;
- gap: 5em;
+ flex-direction: row;
+ gap: 1rem;
align-items: center;
+ justify-content: center;
}
.logos img {
- height: 150px;
- max-width: 100%;
+ height: 80px;
+ max-width: 120px;
object-fit: contain;
}
}
diff --git a/frontend/src/components/Sponsorships/Sponsorships.tsx b/frontend/src/components/Sponsorships/Sponsorships.tsx
index 8e6145e8..983804f1 100644
--- a/frontend/src/components/Sponsorships/Sponsorships.tsx
+++ b/frontend/src/components/Sponsorships/Sponsorships.tsx
@@ -1,13 +1,22 @@
import React from "react";
import "./Sponsorships.css";
-import picOne from "../../images/ucsdcseWorld.jpg";
-import picTwo from "../../images/AssociatedStudent.jpg";
+import ASLogo from "../../images/sponsors/AS_Logo.png";
+import CSEDeptLogo from "../../images/sponsors/CSEDept_Logo.png";
+import BasementLogo from "../../images/sponsors/Basement_Logo.jpeg";
+import EyePopAILogo from "../../images/sponsors/EyePopAI_Logo.png";
+import GoogleLogo from "../../images/sponsors/Google_Logo.webp";
+import IGELogo from "../../images/sponsors/IGE_Logo.png";
+import LinuxLogo from "../../images/sponsors/Linux_Logo.png";
+import LovableLogo from "../../images/sponsors/Lovable_Logo.png";
+import OSPOLogo from "../../images/sponsors/OSPO_Logo.png";
+import PersonaLogo from "../../images/sponsors/Persona_Logo.png";
+import RobloxLogo from "../../images/sponsors/Roblox_Logo.png";
export default function Sponsorships() {
return (
-
Become a part of the Team
+
Become a part of the Team!
Join us in our mission to{" "}
@@ -27,8 +36,17 @@ export default function Sponsorships() {
Thank You to our Current Partners
-

-

+

+

+

+

+

+

+

+

+

+

+
diff --git a/frontend/src/images/AS.png b/frontend/src/images/AS.png
deleted file mode 100644
index 421a27f4..00000000
Binary files a/frontend/src/images/AS.png and /dev/null differ
diff --git a/frontend/src/images/AssociatedStudent.jpg b/frontend/src/images/AssociatedStudent.jpg
deleted file mode 100644
index 5e2e463e..00000000
Binary files a/frontend/src/images/AssociatedStudent.jpg and /dev/null differ
diff --git a/frontend/src/images/cseLogo.gif b/frontend/src/images/cseLogo.gif
deleted file mode 100644
index fe9594ba..00000000
Binary files a/frontend/src/images/cseLogo.gif and /dev/null differ
diff --git a/frontend/src/images/sponsors/AS_Logo.png b/frontend/src/images/sponsors/AS_Logo.png
new file mode 100644
index 00000000..e99be6d0
Binary files /dev/null and b/frontend/src/images/sponsors/AS_Logo.png differ
diff --git a/frontend/src/images/sponsors/Basement_Logo.jpeg b/frontend/src/images/sponsors/Basement_Logo.jpeg
new file mode 100644
index 00000000..629c2d82
Binary files /dev/null and b/frontend/src/images/sponsors/Basement_Logo.jpeg differ
diff --git a/frontend/src/images/csedeplogo.png b/frontend/src/images/sponsors/CSEDept_Logo.png
similarity index 100%
rename from frontend/src/images/csedeplogo.png
rename to frontend/src/images/sponsors/CSEDept_Logo.png
diff --git a/frontend/src/images/sponsors/EyePopAI_Logo.png b/frontend/src/images/sponsors/EyePopAI_Logo.png
new file mode 100644
index 00000000..f40e8c32
Binary files /dev/null and b/frontend/src/images/sponsors/EyePopAI_Logo.png differ
diff --git a/frontend/src/images/sponsors/Google_Logo.webp b/frontend/src/images/sponsors/Google_Logo.webp
new file mode 100644
index 00000000..64501df0
Binary files /dev/null and b/frontend/src/images/sponsors/Google_Logo.webp differ
diff --git a/frontend/src/images/sponsors/IGE_Logo.png b/frontend/src/images/sponsors/IGE_Logo.png
new file mode 100644
index 00000000..6a9493c5
Binary files /dev/null and b/frontend/src/images/sponsors/IGE_Logo.png differ
diff --git a/frontend/src/images/sponsors/Linux_Logo.png b/frontend/src/images/sponsors/Linux_Logo.png
new file mode 100644
index 00000000..819f4f2a
Binary files /dev/null and b/frontend/src/images/sponsors/Linux_Logo.png differ
diff --git a/frontend/src/images/sponsors/Lovable_Logo.png b/frontend/src/images/sponsors/Lovable_Logo.png
new file mode 100644
index 00000000..36c220ac
Binary files /dev/null and b/frontend/src/images/sponsors/Lovable_Logo.png differ
diff --git a/frontend/src/images/sponsors/OSPO_Logo.png b/frontend/src/images/sponsors/OSPO_Logo.png
new file mode 100644
index 00000000..7686b722
Binary files /dev/null and b/frontend/src/images/sponsors/OSPO_Logo.png differ
diff --git a/frontend/src/images/sponsors/Persona_Logo.png b/frontend/src/images/sponsors/Persona_Logo.png
new file mode 100644
index 00000000..d49aed63
Binary files /dev/null and b/frontend/src/images/sponsors/Persona_Logo.png differ
diff --git a/frontend/src/images/sponsors/Roblox_Logo.png b/frontend/src/images/sponsors/Roblox_Logo.png
new file mode 100644
index 00000000..3afb8a4a
Binary files /dev/null and b/frontend/src/images/sponsors/Roblox_Logo.png differ
diff --git a/frontend/src/images/ucsdcseWorld.jpg b/frontend/src/images/ucsdcseWorld.jpg
deleted file mode 100644
index 69a4bcb1..00000000
Binary files a/frontend/src/images/ucsdcseWorld.jpg and /dev/null differ