diff --git a/src/assets/images/sponsors/2026/Amazon_Web_Services_Logo_white.svg b/src/assets/images/sponsors/2026/Amazon_Web_Services_Logo_white.svg new file mode 100644 index 0000000..615b53e --- /dev/null +++ b/src/assets/images/sponsors/2026/Amazon_Web_Services_Logo_white.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/assets/images/sponsors/2026/claas_white.svg b/src/assets/images/sponsors/2026/claas_white.svg new file mode 100644 index 0000000..445b3bb --- /dev/null +++ b/src/assets/images/sponsors/2026/claas_white.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/images/sponsors/2026/quantco_white.svg b/src/assets/images/sponsors/2026/quantco_white.svg new file mode 100644 index 0000000..feef0a8 --- /dev/null +++ b/src/assets/images/sponsors/2026/quantco_white.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/Sponsors/Sponsors26.jsx b/src/components/Sponsors/Sponsors26.tsx similarity index 62% rename from src/components/Sponsors/Sponsors26.jsx rename to src/components/Sponsors/Sponsors26.tsx index 6dbb07d..bcbc9ad 100644 --- a/src/components/Sponsors/Sponsors26.jsx +++ b/src/components/Sponsors/Sponsors26.tsx @@ -1,11 +1,15 @@ import { Box, Container, Grid, Link } from "@mui/material"; import Engine from "../../assets/images/sponsors/2026/engine.svg"; import Cula from "../../assets/images/sponsors/2026/Lockup-White.svg"; +import Claas from "../../assets/images/sponsors/2026/claas_white.svg"; +import Quantco from "../../assets/images/sponsors/2026/quantco_white.svg"; +import AWS from "../../assets/images/sponsors/2026/Amazon_Web_Services_Logo_white.svg"; import React from "react"; import HackHPIWrapper from "../Theme/HackHPIWrapper.jsx"; +import { SponsorObject } from "./sponsor.interface"; function Sponsors() { - const primarySponsors = [ + const primarySponsors: SponsorObject[] = [ { logo: Cula.src, alt: "Logo of Cula Technologies", @@ -13,12 +17,29 @@ function Sponsors() { }, ]; - const sponsors = [ + const sponsors: SponsorObject[] = [ + { + logo: AWS.src, + alt: "Logo of AWS", + link: "https://aws.amazon.com/", + customHeight: "5rem", + }, { logo: Engine.src, alt: "Logo of HPI Engine", link: "https://engine.hpi.de", }, + { + logo: Claas.src, + alt: "Logo of Claas", + link: "https://www.claas.com/", + }, + { + logo: Quantco.src, + alt: "Logo of Quantco", + link: "https://www.quantco.com/", + customHeight: "7rem", + }, ]; return ( @@ -27,7 +48,7 @@ function Sponsors() { @@ -45,7 +66,7 @@ function Sponsors() { backgroundSize: "contain", backgroundRepeat: "no-repeat", width: "100%", - height: "5.5rem", + height: "6rem", }} /> @@ -59,11 +80,26 @@ function Sponsors() { spacing={10} > {sponsors.map((sponsor, idx) => ( - + diff --git a/src/components/Sponsors/sponsor.interface.ts b/src/components/Sponsors/sponsor.interface.ts new file mode 100644 index 0000000..3eba5d1 --- /dev/null +++ b/src/components/Sponsors/sponsor.interface.ts @@ -0,0 +1,6 @@ +export interface SponsorObject { + logo: string; + alt: string; + link: string; + customHeight?: string; +}