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 = () => { - Associated Student - CSE Department - + Associated Student + CSE Department + Google + Roblox + Persona + Lovable + EyePop AI + IGE + Linux Foundation + OSPO + Basement 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

- UCSD CSE Logo - Associated Students Logo + Associated Students Logo + CSE Department Logo + Google Logo + Roblox Logo + Persona Logo + Lovable Logo + EyePop AI Logo + IGE Logo + Linux Foundation Logo + OSPO Logo + Basement Logo
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