hackhpi.github.io/src/components/Sponsors/Sponsors26.tsx at 2f9513e61b8a96d7a0c7beb546d4edfe50128e59 · HackHPI/hackhpi.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
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 Optiver from "../../assets/images/sponsors/2026/optiver_white.svg";
import React from "react";
import HackHPIWrapper from "../Theme/HackHPIWrapper.jsx";
import { SponsorObject } from "./sponsor.interface";

function Sponsors() {
  const primarySponsors: SponsorObject[] = [
    {
      logo: Cula.src,
      alt: "Logo of Cula Technologies",
      link: "https://cula.tech",
    },
  ];

  const sponsors: SponsorObject[] = [
    {
      logo: AWS.src,
      alt: "Logo of AWS",
      link: "https://aws.amazon.com/",
      customHeight: "5rem",
    },
    {
      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",
    },
    {
      logo: Optiver.src,
      alt: "Logo of Optiver",
      link: "https://optiver.com/",
      customHeight: "7rem",
    },
    {
      logo: Engine.src,
      alt: "Logo of HPI Engine",
      link: "https://engine.hpi.de",
    },
  ];

  return (
    <HackHPIWrapper>
      <Box sx={{ paddingBottom: 10 }}>
        <Container maxWidth={"xl"}>
          <Grid
            container
            sx={{ paddingTop: "5rem", paddingBottom: "3rem" }}
            justifyContent={"center"}
            spacing={10}
          >
            {primarySponsors.map((sponsor, idx) => (
              <Grid item xs={12} md={6} lg={3} key={idx}>
                <Link
                  href={sponsor.link}
                  target={"_blank"}
                  rel="noopener noreferrer"
                >
                  <Box
                    style={{
                      backgroundImage: `url(${sponsor.logo})`,
                      backgroundPosition: "center",
                      backgroundSize: "contain",
                      backgroundRepeat: "no-repeat",
                      width: "100%",
                      height: "6rem",
                    }}
                  />
                </Link>
              </Grid>
            ))}
          </Grid>
          <Grid
            container
            sx={{ paddingTop: "5rem" }}
            justifyContent={"center"}
            spacing={10}
          >
            {sponsors.map((sponsor, idx) => (
              <Grid
                item
                xs={12}
                md={6}
                lg={4}
                key={idx}
                style={{
                  display: "flex",
                  justifyContent: "center",
                  alignItems: "center",
                }}
              >
                <Link
                  sx={{ width: "70%" }}
                  href={sponsor.link}
                  target={"_blank"}
                  rel="noopener noreferrer"
                  style={{

                  }}
                >
                  <Box
                    style={{
                      backgroundImage: `url(${sponsor.logo})`,
                      backgroundPosition: "center",
                      backgroundSize: "contain",
                      backgroundRepeat: "no-repeat",
                      height: sponsor.customHeight
                        ? sponsor.customHeight
                        : "4rem",
                    }}
                  />
                </Link>
              </Grid>
            ))}
          </Grid>
        </Container>
      </Box>
    </HackHPIWrapper>
  );
}

export default Sponsors;