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;
+}