diff --git a/src/assets/images/sponsors/2025/aws.svg b/src/assets/images/sponsors/2025/aws.svg new file mode 100644 index 0000000..615b53e --- /dev/null +++ b/src/assets/images/sponsors/2025/aws.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/assets/images/sponsors/2025/ottobock.svg b/src/assets/images/sponsors/2025/ottobock.svg new file mode 100644 index 0000000..b191908 --- /dev/null +++ b/src/assets/images/sponsors/2025/ottobock.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/assets/images/sponsors/2025/quantco.svg b/src/assets/images/sponsors/2025/quantco.svg new file mode 100644 index 0000000..feef0a8 --- /dev/null +++ b/src/assets/images/sponsors/2025/quantco.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/sponsors/2025/tk.svg b/src/assets/images/sponsors/2025/tk.svg new file mode 100644 index 0000000..07bfaef --- /dev/null +++ b/src/assets/images/sponsors/2025/tk.svg @@ -0,0 +1,20 @@ + + + + + + + + Ausgabe Nr. 2 + + + | + + + 2016 + + + + + + diff --git a/src/components/Faq/Faq.jsx b/src/components/Faq/Faq.jsx index a01caba..301bf75 100644 --- a/src/components/Faq/Faq.jsx +++ b/src/components/Faq/Faq.jsx @@ -44,7 +44,7 @@ let faqs = [ text: "This is an all-night Hackathon, meaning that we won't stop until the last one standing. We will provide rooms in which you can sleep or just rest, but you're required to bring your own sleeping bag and air mattress. We're also planning on organizing a couch surfing option from Thursday to Friday for everybody coming early. If you wish to participate in this, whether you want to stay or offer a bed, please note that down when filling in the application form." }, { title: "How can I get to the location?", - text: "Take S7 from Berlin Central Station (\"Hauptbahnhof\") towards Potsdam and exit at Griebnitzsee." + text: "Take the S7 or RB 23 from Berlin Central Station (\"Berlin Hauptbahnhof\") towards Potsdam and exit at Potsdam Griebnitzsee." }, { title: "How should I prepare?", text: "Bring your laptop and a charger, comfortable clothes, and, above all, motivation to hack! You can dive into the topic of health in advance, but there will be introductory sessions as well." diff --git a/src/components/Jury/Jury.jsx b/src/components/Jury/Jury.jsx index 4b5e995..5825502 100644 --- a/src/components/Jury/Jury.jsx +++ b/src/components/Jury/Jury.jsx @@ -1,95 +1,171 @@ -"use client" -import {Box, Chip, Container, Grid, Paper, Stack, Typography, useTheme} from "@mui/material"; -import SebastianUlm from "../../assets/images/jury/SebastianUlm.jpg" -import HolgerRhinow from "../../assets/images/jury/HolgerRhinow.png" -import FlorianBreipohl from "../../assets/images/jury/FlorianBreipohl.jpeg" -import MonaGhazi from "../../assets/images/jury/MonaGhazi.png" -import {WindowCard} from "../WindowCard/WindowCard"; +"use client"; +import { + Box, + Chip, + Container, + Grid, + IconButton, + Paper, + Stack, + Typography, + useTheme, +} from "@mui/material"; +import SebastianUlm from "../../assets/images/jury/SebastianUlm.jpg"; +import HolgerRhinow from "../../assets/images/jury/HolgerRhinow.png"; +import FlorianBreipohl from "../../assets/images/jury/FlorianBreipohl.jpeg"; +import MonaGhazi from "../../assets/images/jury/MonaGhazi.png"; +import { KeyboardArrowLeft, KeyboardArrowRight } from "@mui/icons-material"; +import { useState } from "react"; +import { WindowCard } from "../WindowCard/WindowCard"; +import * as React from "react"; + +const juryYears = [ + { + year: 2025, + jury: [ -const jury = { - primary: [ - { - name: "Sebastian Ulm", - position: "Head of Urban Innovation, Climate Tech Hub e.V.", - profilePicture: SebastianUlm.src, - description: "Sebastian built Urban Innovation, a project of the Climate Tech Hub, and has led it since 2021. His career in business development has included working as a consultant on behalf of the German Federal Ministry for Economic Affairs and Energy, for the German Energy Solutions Initiative and the Ministry's market entry program at eclareon GmbH, as well as working at the German-Indonesian Chamber of Industry and Commerce in Jakarta. With many years of experience in international cooperation around the globe, Sebastian builds strong networks between ecosystems to foster exchange and innovation.", - }, - { - name: "Dr. Holger Rhinow", - position: "Head of HPI Maker Universe", - profilePicture: HolgerRhinow.src, - description: "Dr. Holger Rhinow is an expert in design thinking and innovation management, currently heading the HPI Maker Universe at the Hasso Plattner Institute, Potsdam. His role involves leading projects, aimed at fostering a vibrant research and innovation environment. With a focus on integrating advanced technologies, Holger’s initiatives provide support for student and researcher projects. Holger has authored numerous publications that delve into the nuances of design thinking, organizational learning, and innovation. He holds a doctorate in from the University of Potsdam.", - }, - { - name: "Florian Breipohl", - position: "CEO at EnerKíte", - profilePicture: FlorianBreipohl.src, - description: "As the CEO of EnerKíte Airborne Wind Energy Converters, Florian Breipohl and his team are spearheading the global energy transition. Collaborating with partners from aerospace, industry, and wind energy sectors, EnerKíte aims to revolutionize traditional wind energy infrastructure by substituting conventional turbine towers with sophisticated software systems. Their innovative approach involves harnessing robust, high-altitude winds using kites to generate electricity on the ground. In his capacity within Airborne Wind Europe, Florian Breipohl actively engages with sector companies to craft EU-wide directives facilitating the introduction of airborne wind power systems to the market. This initiative aims to complement existing wind energy infrastructure with decentralized wind power solutions.", - }, - { - name: "Mona Ghazi", - position: "Founder of the Neuropreneur Institute", - profilePicture: MonaGhazi.src, - description: "Mona Ghazi is a multiple award-winning entrepreneur and a PhD(c) in neuro-entrepreneurship. She started studying alongside school at 14 and successfully founded her second software company at 18. At 21, she sold Optimo to a leading global logistics company. As a computer scientist, she learned to program her subconscious to be more efficient and relaxed. She now passes on her experience of starting a business, personal development and neuroscience to other entrepreneurial minds.", - }, ], -} + }, + { + year: 2024, + jury: [ + { + name: "Sebastian Ulm", + position: "Head of Urban Innovation, Climate Tech Hub e.V.", + profilePicture: SebastianUlm.src, + description: + "Sebastian built Urban Innovation, a project of the Climate Tech Hub, and has led it since 2021. His career in business development has included working as a consultant on behalf of the German Federal Ministry for Economic Affairs and Energy, for the German Energy Solutions Initiative and the Ministry's market entry program at eclareon GmbH, as well as working at the German-Indonesian Chamber of Industry and Commerce in Jakarta. With many years of experience in international cooperation around the globe, Sebastian builds strong networks between ecosystems to foster exchange and innovation.", + }, + { + name: "Dr. Holger Rhinow", + position: "Head of HPI Maker Universe", + profilePicture: HolgerRhinow.src, + description: + "Dr. Holger Rhinow is an expert in design thinking and innovation management, currently heading the HPI Maker Universe at the Hasso Plattner Institute, Potsdam. His role involves leading projects, aimed at fostering a vibrant research and innovation environment. With a focus on integrating advanced technologies, Holger’s initiatives provide support for student and researcher projects. Holger has authored numerous publications that delve into the nuances of design thinking, organizational learning, and innovation. He holds a doctorate in from the University of Potsdam.", + }, + { + name: "Florian Breipohl", + position: "CEO at EnerKíte", + profilePicture: FlorianBreipohl.src, + description: + "As the CEO of EnerKíte Airborne Wind Energy Converters, Florian Breipohl and his team are spearheading the global energy transition. Collaborating with partners from aerospace, industry, and wind energy sectors, EnerKíte aims to revolutionize traditional wind energy infrastructure by substituting conventional turbine towers with sophisticated software systems. Their innovative approach involves harnessing robust, high-altitude winds using kites to generate electricity on the ground. In his capacity within Airborne Wind Europe, Florian Breipohl actively engages with sector companies to craft EU-wide directives facilitating the introduction of airborne wind power systems to the market. This initiative aims to complement existing wind energy infrastructure with decentralized wind power solutions.", + }, + { + name: "Mona Ghazi", + position: "Founder of the Neuropreneur Institute", + profilePicture: MonaGhazi.src, + description: + "Mona Ghazi is a multiple award-winning entrepreneur and a PhD(c) in neuro-entrepreneurship. She started studying alongside school at 14 and successfully founded her second software company at 18. At 21, she sold Optimo to a leading global logistics company. As a computer scientist, she learned to program her subconscious to be more efficient and relaxed. She now passes on her experience of starting a business, personal development and neuroscience to other entrepreneurial minds.", + }, + ], + }, +]; function Jury() { - const theme = useTheme(); - return ( - - - Jury - - - - + const theme = useTheme(); + const [currentIndex, setCurrentIndex] = useState(0); + + return ( + + + + Jury + + + { + setCurrentIndex(currentIndex + 1); + }} + > + + + + { + setCurrentIndex(currentIndex - 1); + }} + > + + + + + + + + {juryYears[currentIndex].jury.map((judge) => ( + + + + + + - {jury.primary.map(judge => ( - - - - - - - - - {judge.name} - - {judge.position} - - - - {judge.description} - - - - - - ))} + + {judge.name} + + {judge.position} + + + + {judge.description} + + - - - ) + + ))} + {juryYears[currentIndex].jury.length === 0 && ( + + Jury will be announced soon! + + )} + + + + + ); } -export default Jury; \ No newline at end of file +export default Jury; diff --git a/src/components/LandingImage/LandingImage.jsx b/src/components/LandingImage/LandingImage.jsx index 9c0c4d8..e53bf5b 100644 --- a/src/components/LandingImage/LandingImage.jsx +++ b/src/components/LandingImage/LandingImage.jsx @@ -9,7 +9,7 @@ function LandingImage() { const [timeLeft, setTimeLeft] = useState(calculateTimeDiff()); function calculateTimeDiff() { - return new Date(new Date(2025, 2, 21) - new Date()); + return new Date(new Date(2025, 2, 22) - new Date()); } useEffect(() => { diff --git a/src/components/Registration/Registration.jsx b/src/components/Registration/Registration.jsx index abbe104..e09f0a3 100644 --- a/src/components/Registration/Registration.jsx +++ b/src/components/Registration/Registration.jsx @@ -34,7 +34,7 @@ import { GroupManager } from "./GroupManager/GroupManager"; // types: 0 = empty, // types: 0 = empty, 1 = textfield, 2 = date, 3 = select, 4 = radio -const registrationClosed = false; +const registrationClosed = true; const personalData = [ { formLabel: "First name", diff --git a/src/components/Speakers/Speakers.jsx b/src/components/Speakers/Speakers.jsx index 36605c6..0a684ae 100644 --- a/src/components/Speakers/Speakers.jsx +++ b/src/components/Speakers/Speakers.jsx @@ -1,75 +1,144 @@ -"use client" -import {Box, Chip, Container, Grid, Paper, Stack, Typography, useTheme} from "@mui/material"; -import FelixLennardHake from "../../assets/images/speakers/FelixLennardHake.jpg" -import {WindowCard} from "../WindowCard/WindowCard"; +"use client"; +import { + Box, + Chip, + Container, + Grid, + IconButton, + Paper, + Stack, + Typography, + useTheme, +} from "@mui/material"; +import FelixLennardHake from "../../assets/images/speakers/FelixLennardHake.jpg"; +import { WindowCard } from "../WindowCard/WindowCard"; +import { useState } from "react"; +import { KeyboardArrowLeft, KeyboardArrowRight } from "@mui/icons-material"; +import * as React from "react"; -const speakers = { - primary: [ - { - name: "Felix Lennart Hake", - position: "Mobility policy officer at Bitkom, Germany's digital association", - profilePicture: FelixLennardHake.src, - description: "Felix is responsible for Bitkom's political and regulatory work on smart mobility. Together with manufacturers, tech companies, mobility service providers and transport companies, Felix is committed to a connected, intelligent and sustainable mobility ecosystem - in rural areas as well as in cities and metropolitan regions. He is also responsible for the Digital Aviation working group. Prior to joining Bitkom, Felix worked for a political strategy and communications consultancy for several years and completed a Blue Book traineeship in the EU Commission's DG CONNECT. He studied sociology, politics and economics as well as European studies and political science in Friedrichshafen, Paris and Berlin.", - linkedIn: "felix-lennart-hake" - }, +const speakerYears = [ + { + year: 2025, + speaker: [], + }, + { + year: 2024, + speaker: [ + { + name: "Felix Lennart Hake", + position: + "Mobility policy officer at Bitkom, Germany's digital association", + profilePicture: FelixLennardHake.src, + description: + "Felix is responsible for Bitkom's political and regulatory work on smart mobility. Together with manufacturers, tech companies, mobility service providers and transport companies, Felix is committed to a connected, intelligent and sustainable mobility ecosystem - in rural areas as well as in cities and metropolitan regions. He is also responsible for the Digital Aviation working group. Prior to joining Bitkom, Felix worked for a political strategy and communications consultancy for several years and completed a Blue Book traineeship in the EU Commission's DG CONNECT. He studied sociology, politics and economics as well as European studies and political science in Friedrichshafen, Paris and Berlin.", + linkedIn: "felix-lennart-hake", + }, ], -} + }, +]; + function Speakers() { - const theme = useTheme(); - return ( - - - Speaker - - - - + const theme = useTheme(); + const [currentIndex, setCurrentIndex] = useState(0); + + return ( + + + + Speaker + + + { + setCurrentIndex(currentIndex + 1); + }} + > + + + + { + setCurrentIndex(currentIndex - 1); + }} + > + + + + + + + + {speakerYears[currentIndex].speaker.map((speaker) => ( + + + + + + - {speakers.primary.map(speaker => ( - - - - - - - - - {speaker.name} - - {speaker.position} - - - - {speaker.description} - - - - - - ))} + + {speaker.name} + + {speaker.position} + + + + {speaker.description} + + - - - ) + + ))} + {speakerYears[currentIndex].speaker.length === 0 && ( + + Speakers will be announced soon! + + )} + + + + + ); } -export default Speakers; \ No newline at end of file +export default Speakers; diff --git a/src/components/Sponsors/Sponsors25.jsx b/src/components/Sponsors/Sponsors25.jsx index 85d470e..18149cf 100644 --- a/src/components/Sponsors/Sponsors25.jsx +++ b/src/components/Sponsors/Sponsors25.jsx @@ -1,46 +1,77 @@ -import {Box, Container, Grid, Link} from "@mui/material"; -import Engine from "../../assets/images/sponsors/2025/engine.svg" +import { Box, Container, Grid, Link } from "@mui/material"; +import Engine from "../../assets/images/sponsors/2025/engine.svg"; +import Aws from "../../assets/images/sponsors/2025/aws.svg"; +import Ottobock from "../../assets/images/sponsors/2025/ottobock.svg"; +import Quantco from "../../assets/images/sponsors/2025/quantco.svg"; +import Tk from "../../assets/images/sponsors/2025/tk.svg"; import React from "react"; import HackHPIWrapper from "../Theme/HackHPIWrapper.jsx"; - function Sponsors() { + const sponsors = [ - const sponsors = [ - { - logo: Engine.src, - alt: "Logo of HPI Engine", - link: "https://engine.hpi.de" - }, - - ] - - return ( - - - - - {sponsors.map((sponsor, idx) => ( - - - - - - ))} - - - - - - - ) + { + logo: Ottobock.src, + alt: "Logo of HPI Engine", + link: "https://www.ottobock.com", + }, + { + logo: Quantco.src, + alt: "Logo of HPI Engine", + link: "https://www.quantco.com", + }, + { + logo: Aws.src, + alt: "Logo of HPI Engine", + link: "https://aws.amazon.com", + }, + { + logo: Tk.src, + alt: "Logo of HPI Engine", + link: "https://www.tk.de", + }, + { + logo: Engine.src, + alt: "Logo of HPI Engine", + link: "https://engine.hpi.de", + }, + ]; + return ( + + + + + {sponsors.map((sponsor, idx) => ( + + + + + + ))} + + + + + ); } -export default Sponsors; \ No newline at end of file +export default Sponsors;