diff --git a/app/const.ts b/app/const.ts index a1ef759..70fd6f9 100644 --- a/app/const.ts +++ b/app/const.ts @@ -6,9 +6,8 @@ export const routes = [ { label: "TRACKS", path: "#tracks", type: 'hash' as const }, { label: "SCHEDULE", path: "#schedule", type: 'hash' as const }, { label: "FAQs", path: "#faqs", type: 'hash' as const }, - { label: "SPONSORS", path: "#sponsors", type: 'hash' as const } - -] + { label: "SPONSORS", path: "#sponsors", type: 'hash' as const }, +]; export const LOGO_SIZE = { width: 60, @@ -89,6 +88,22 @@ With all these cybersecurity threats, how can you help people and enterprises se Billions of websites, millions of applications, new products being launched every day... but no one seems to be adding that magic mix of features that you’ve been looking for. Think you know better than the rest? Today’s the day to turn those crazy ideas into reality, building from scratch or merging different products together to create your very own concept. Add new features to your favorite product, apply an existing feature in a novel way, or burn it all to the ground and create something completely different from anything we’ve seen before.The world is your oyster, push those boundaries and Make Fetch Happen. +` + }, + { + name: "Capital One Subtrack", + description: ` +Can be chosen as subtrack in addition to any of the main tracks. + +Description description Description descriptionDescription descriptionDescription descriptionDescription descriptionDescription descriptionDescription descriptionDescription descriptionDescription description +` + }, + { + name: "MakerMods Subtrack", + description: ` +Can be chosen as subtrack in addition to any of the main tracks. + +Description description Description descriptionDescription descriptionDescription descriptionDescription descriptionDescription descriptionDescription descriptionDescription descriptionDescription description ` } ]; diff --git a/app/page.tsx b/app/page.tsx index 6b385ec..e097c88 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -25,7 +25,7 @@ const Home = () => {
-
+
diff --git a/app/tracks/Tracks.tsx b/app/tracks/Tracks.tsx index 88ae40e..3da982e 100644 --- a/app/tracks/Tracks.tsx +++ b/app/tracks/Tracks.tsx @@ -4,6 +4,8 @@ import cursor from "@/public/cursor.svg"; import leaf from "@/public/leaf.svg"; import orange from "@/public/orange.svg"; import disk from "@/public/disk.svg"; +import makermods from "@/public/main/OurSponsors/MakerMods.png"; +import capone from "@/public/main/OurSponsors/CapitalOne.svg"; import Track from "./components/track"; import SectionTitle from "@/components/SectionTitle"; @@ -59,6 +61,25 @@ const Tracks = () => { } /> + + $1000 in Amazon gift cards + + } + /> + + $2000 from MakerMods + + } + /> +
diff --git a/app/tracks/components/track.tsx b/app/tracks/components/track.tsx index 710edea..05a1fdf 100644 --- a/app/tracks/components/track.tsx +++ b/app/tracks/components/track.tsx @@ -1,7 +1,7 @@ "use client" import { useState } from "react"; -import Image from "next/image"; +import Image, { StaticImageData } from "next/image"; import expandWhiteLeft from "@/public/expand-white.svg"; import expandWhiteRight from "@/public/expand-whitev2.svg"; import expandedBlueLeft from "@/public/expandblue.svg"; @@ -10,17 +10,14 @@ import { TRACK_DESCRIPTIONS } from "@/app/const"; type TrackProps = { trackNum: number; - imgSrc: string; + imgSrc: string | StaticImageData; alignment: number; // 1 for left, 3 for right prizes?: React.ReactNode; }; const Track = ({ trackNum, imgSrc, alignment, prizes }: TrackProps) => { const colClass = alignment === 1 ? "col-start-1" : alignment === 3 ? "col-start-3" : ""; - const rowClass = - trackNum === 1 ? "row-start-1" : - trackNum === 2 ? "row-start-2" : - trackNum === 3 ? "row-start-3" : ""; + const rowClass = trackNum ? `row-start-1` : ""; const [expandedTrack, setExpandedTrack] = useState(false); diff --git a/components/OurSponsors.tsx b/components/OurSponsors.tsx index c24b09a..dee6386 100644 --- a/components/OurSponsors.tsx +++ b/components/OurSponsors.tsx @@ -8,6 +8,7 @@ import Seqera from '@/public/main/OurSponsors/Seqera.svg'; import Ignite from '@/public/main/OurSponsors/Ignite.png'; import Spark from '@/public/main/OurSponsors/Spark.png'; import SectionTitle from './SectionTitle'; +import MakerMods from '@/public/main/OurSponsors/MakerMods.png'; import Image from 'next/image'; const OurSponsors = () => { @@ -35,6 +36,7 @@ const OurSponsors = () => { Seqera, Spark, Ignite, + MakerMods ].map((src, i, array) => (
{ />
{/* Bubble */} -
+
Bubble + + + + + + + + + + + + +