diff --git a/src/app/page.tsx b/src/app/page.tsx index b406f2f..dbaeed0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,6 +10,7 @@ import {Features} from "../components/Features/Features"; import LandingImage from "../components/LandingImage/LandingImage"; import {Gallery} from "../components/Gallery/Gallery"; import Registration from "../components/Registration/Registration"; +import {TimeTable} from "../components/TimeTable/TimeTable"; export default function Page() { return ( @@ -25,9 +26,7 @@ export default function Page() { {/* */} - {/* - - */} + diff --git a/src/components/TimeTable/TimeTable.jsx b/src/components/TimeTable/TimeTable.jsx index 67e52c0..2e81de5 100644 --- a/src/components/TimeTable/TimeTable.jsx +++ b/src/components/TimeTable/TimeTable.jsx @@ -1,113 +1,242 @@ -import {Box, Card, Chip, Container, Divider, Grid, Stack, Typography} from "@mui/material"; +"use client"; +import {Box, Card, Chip, Container, Divider, Grid, IconButton, Stack, Typography} from "@mui/material"; import { Campaign, Celebration, ConfirmationNumber, EmojiEvents, EmojiObjects, + KeyboardArrowLeft, + KeyboardArrowRight, PlayArrow, Restaurant, Stop } from "@mui/icons-material"; +import * as React from "react"; +import {useState} from "react"; import {IconContainer} from "../Features/Features"; -const dayOne = [ +const dayOneYears = [ { - time: "09:00 - 11:00", - icon: , - title: "Check-In", - person: "", - }, - { - time: "09:30 - 11:00", - icon: , - title: "Breakfast & Get to know each other", - person: "", - }, - { - time: "11:00 - 12:00", - icon: , - title: "Introduction & Speakers", - person: "", - }, - { - time: "12:00 - 13:00", - icon: , - title: "Challenge Input Sessions", - person: "", - }, - { - time: "13:00 - 14:00", - icon: , - title: "Lunch", - person: "", - }, - { - time: "14:00 - 13:00 next day (Continuously)", - icon: , - title: "Start Hacking Time", - person: "", - }, - { - time: "14:00 - 14:30", - icon: , - title: "Starwit Challenge Workshop", - person: "optional", - }, - { - time: "16:00 - 16:30", - icon: , - title: "AI Workshop by Axel Springer", - person: "optional", - }, - { - time: "18:30 - 19:00", - icon: , - title: "Pitch Workshop by Axel Springer", - person: "optional", + year: 2025, + subtitle: "Friday 21.03", + dayOne: [ + { + time: "09:00 - 11:00", + icon: , + title: "Check-In + Breakfast", + person: "", + }, + { + time: "11:00 - 12:00", + icon: , + title: "Intro Presentations + Speaker", + person: "", + }, + { + time: "12:00 - 13:00", + icon: , + title: "Challenge Presentation", + person: "", + }, + { + time: "13:00 - 14:00", + icon: , + title: "Lunch", + person: "", + }, + { + time: "13:45 - 14:30", + icon: , + title: "JITAI Challenge Input Session", + person: "optional", + }, + { + time: "14:00 - 15:00", + icon: , + title: "ottobock Challenge Input Session", + person: "optional", + }, + { + time: "14:00 - 15:00", + icon: , + title: "Open Challenge Input Session", + person: "optional", + }, + { + time: "14:00 - 13:00 next day (continuously)", + icon: , + title: "Begin Hacking Time", + person: "", + }, + { + time: "16:00 - 17:00", + icon: , + title: "Pitch Workshop", + person: "optional", + }, + { + time: "18:00 - 19:00", + icon: , + title: "Dinner", + person: "", + }, + { + time: "00:00 - 01:00", + icon: , + title: "Midnight Snack", + person: "", + } + ] }, { - time: "18:00 - 19:00", - icon: , - title: "Dinner", - person: "", + year: 2024, + subtitle: "Friday 05.04", + dayOne: [ + { + time: "09:00 - 11:00", + icon: , + title: "Check-In", + person: "", + }, + { + time: "09:30 - 11:00", + icon: , + title: "Breakfast & Get to know each other", + person: "", + }, + { + time: "11:00 - 12:00", + icon: , + title: "Introduction & Speakers", + person: "", + }, + { + time: "12:00 - 13:00", + icon: , + title: "Challenge Input Sessions", + person: "", + }, + { + time: "13:00 - 14:00", + icon: , + title: "Lunch", + person: "", + }, + { + time: "14:00 - 13:00 next day (Continuously)", + icon: , + title: "Start Hacking Time", + person: "", + }, + { + time: "14:00 - 14:30", + icon: , + title: "Starwit Challenge Workshop", + person: "optional", + }, + { + time: "16:00 - 16:30", + icon: , + title: "AI Workshop by Axel Springer", + person: "optional", + }, + { + time: "18:30 - 19:00", + icon: , + title: "Pitch Workshop by Axel Springer", + person: "optional", + }, + { + time: "18:00 - 19:00", + icon: , + title: "Dinner", + person: "", + } + ] } ] -const dayTwo = [ +const dayTwoYears = [ { - time: "08:00 - 09:00", - icon: , - title: "Breakfast", - person: "", - }, - { - time: "13:00", - icon: , - title: "End Hacking Time", - person: "", - }, - { - time: "13:00 - 14:00", - icon: , - title: "Lunch", - person: "", + year: 2025, + subtitle: "Saturday 22.03", + dayTwo: [ + { + time: "08:00 - 09:00", + icon: , + title: "Breakfast", + person: "", + }, + { + time: "13:00", + icon: , + title: "End Hacking Time", + person: "", + }, + { + time: "13:00 - 14:00", + icon: , + title: "Lunch", + person: "", + }, + { + time: "14:00 - 16:00", + icon: , + title: "Participant Challenge Presentations", + person: "", + }, { + time: "17:00 - 18:00", + icon: , + title: "Awards", + person: "", + }, { + time: "18:00", + icon: , + title: "Begin After Party", + person: "", + } + ] }, { - time: "14:00 - 17:00", - icon: , - title: "Challenge Presentations", - person: "", - }, { - time: "17:00 - 17:15", - icon: , - title: "Feedback & Awards", - person: "", - }, { - time: "17:15", - icon: , - title: "Drinks & Networking", - person: "", + year: 2024, + subtitle: "Saturday 06.04", + dayTwo: [ + { + time: "08:00 - 09:00", + icon: , + title: "Breakfast", + person: "", + }, + { + time: "13:00", + icon: , + title: "End Hacking Time", + person: "", + }, + { + time: "13:00 - 14:00", + icon: , + title: "Lunch", + person: "", + }, + { + time: "14:00 - 17:00", + icon: , + title: "Challenge Presentations", + person: "", + }, { + time: "17:00 - 17:15", + icon: , + title: "Feedback & Awards", + person: "", + }, { + time: "17:15", + icon: , + title: "Drinks & Networking", + person: "", + } + ] } ] @@ -167,19 +296,43 @@ export function Table(props) { } export function TimeTable() { + const [currentIndex, setCurrentIndex] = useState(0); return ( - Time Table - - + Time Table + + { + setCurrentIndex(currentIndex + 1); + }} + > + + + + { + setCurrentIndex(currentIndex - 1); + }} + > + + + + - +
-
+