From 0d9de359886732f25b4e860b01cbca0602be1c30 Mon Sep 17 00:00:00 2001 From: adityapat24 Date: Fri, 19 Jun 2026 10:49:32 -0400 Subject: [PATCH 1/3] placeholder implementation --- apps/main/src/app/(landing)/page.tsx | 164 +- apps/main/src/app/layout.tsx | 4 +- .../src/app/placeholder/HackBeanpotLogo.tsx | 102 + apps/main/src/app/placeholder/page.tsx | 135 + .../src/app/placeholder/placeBackground.tsx | 223 ++ .../src/app/placeholder/rollercoaster.tsx | 2207 +++++++++++++++++ 6 files changed, 2799 insertions(+), 36 deletions(-) create mode 100644 apps/main/src/app/placeholder/HackBeanpotLogo.tsx create mode 100644 apps/main/src/app/placeholder/page.tsx create mode 100644 apps/main/src/app/placeholder/placeBackground.tsx create mode 100644 apps/main/src/app/placeholder/rollercoaster.tsx diff --git a/apps/main/src/app/(landing)/page.tsx b/apps/main/src/app/(landing)/page.tsx index 238c37f1..9b240ef2 100644 --- a/apps/main/src/app/(landing)/page.tsx +++ b/apps/main/src/app/(landing)/page.tsx @@ -1,39 +1,135 @@ -import { - Stats, - Values, - FAQSection, - Landing, - Keynote, - Calendar, - Testimonials, - Apply, - About, - Volunteering, -} from "./Sections"; -import { Footer } from "../lib/Components"; -import { NavBar } from "../lib/Components"; -import Head from "next/head"; import React from "react"; +import Image from "next/image"; +import Link from "next/link"; +import PlaceBackground from "../placeholder/placeBackground"; +import Rollercoaster from "../placeholder/rollercoaster"; +import HackBeanpotLogo from "../placeholder/HackBeanpotLogo"; -export default function Page(): JSX.Element { +export default function Page() { return ( -
- - - - - - - - - - - - - - - -
-
+
+ {/* Sunburst rays - back layer */} +
+ +
+ + {/* Rollercoaster scene - front layer */} +
+
+
+ +
+
+
+ + {/* Content Container */} +
+ {/* Header - Logo and Social Icons */} +
+ {/* Logo */} +
+ +
+ + {/* Social Icons */} +
+ + Instagram + + + LinkedIn + + + TikTok + +
+
+ + {/* Main Content - Upper center */} +
+ {/* Title */} +

+ We hope you enjoyed the ride! +

+ + {/* Subtitle */} +

+ Thank you for coming to HackBeanpot 2026! Sign up for our newsletter + for more information and any upcoming events! +

+ + {/* Newsletter Signup */} +
+ + +
+ + {/* Last Year's Site Link */} + + Visit our last year's site + + + + +
+
+
); } diff --git a/apps/main/src/app/layout.tsx b/apps/main/src/app/layout.tsx index 4c741abc..2b0def18 100644 --- a/apps/main/src/app/layout.tsx +++ b/apps/main/src/app/layout.tsx @@ -1,6 +1,6 @@ -import "./globals.css"; -import "../../../../packages/util/src/fonts/fonts.css"; import "@repo/ui/styles.css"; +import "../../../../packages/util/src/fonts/fonts.css"; +import "./globals.css"; import type { Metadata } from "next"; import { Inter } from "next/font/google"; import React from "react"; diff --git a/apps/main/src/app/placeholder/HackBeanpotLogo.tsx b/apps/main/src/app/placeholder/HackBeanpotLogo.tsx new file mode 100644 index 00000000..2a1d92bd --- /dev/null +++ b/apps/main/src/app/placeholder/HackBeanpotLogo.tsx @@ -0,0 +1,102 @@ +import * as React from "react"; + +const HackBeanpotLogo = (props: React.SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + +); +export default HackBeanpotLogo; diff --git a/apps/main/src/app/placeholder/page.tsx b/apps/main/src/app/placeholder/page.tsx new file mode 100644 index 00000000..01f631e6 --- /dev/null +++ b/apps/main/src/app/placeholder/page.tsx @@ -0,0 +1,135 @@ +import React from "react"; +import Image from "next/image"; +import Link from "next/link"; +import PlaceBackground from "./placeBackground"; +import Rollercoaster from "./rollercoaster"; +import HackBeanpotLogo from "./HackBeanpotLogo"; + +export default function PlaceholderPage() { + return ( +
+ {/* Sunburst rays - back layer */} +
+ +
+ + {/* Rollercoaster scene - front layer */} +
+
+
+ +
+
+
+ + {/* Content Container */} +
+ {/* Header - Logo and Social Icons */} +
+ {/* Logo */} +
+ +
+ + {/* Social Icons */} +
+ + Instagram + + + LinkedIn + + + TikTok + +
+
+ + {/* Main Content - Upper center */} +
+ {/* Title */} +

+ We hope you enjoyed the ride! +

+ + {/* Subtitle */} +

+ Thank you for coming to HackBeanpot 2026! Sign up for our newsletter + for more information and any upcoming events! +

+ + {/* Newsletter Signup */} +
+ + +
+ + {/* Last Year's Site Link */} + + Visit our last year's site + + + + +
+
+
+ ); +} diff --git a/apps/main/src/app/placeholder/placeBackground.tsx b/apps/main/src/app/placeholder/placeBackground.tsx new file mode 100644 index 00000000..198921b2 --- /dev/null +++ b/apps/main/src/app/placeholder/placeBackground.tsx @@ -0,0 +1,223 @@ +"use client"; + +import React from "react"; + +const PlaceBackground = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; + +export default PlaceBackground; diff --git a/apps/main/src/app/placeholder/rollercoaster.tsx b/apps/main/src/app/placeholder/rollercoaster.tsx new file mode 100644 index 00000000..51f66eb6 --- /dev/null +++ b/apps/main/src/app/placeholder/rollercoaster.tsx @@ -0,0 +1,2207 @@ +"use client"; + +import React from "react"; + +const Rollercoaster = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; + +export default Rollercoaster; From 1b3449fc196040199ce48bf69386ace5404e20ad Mon Sep 17 00:00:00 2001 From: adityapat24 Date: Fri, 19 Jun 2026 11:03:01 -0400 Subject: [PATCH 2/3] background fix --- apps/main/src/app/(landing)/page.tsx | 9 ++++++++- apps/main/src/app/placeholder/page.tsx | 9 ++++++++- 2 files changed, 16 insertions(+), 2 deletions(-) diff --git a/apps/main/src/app/(landing)/page.tsx b/apps/main/src/app/(landing)/page.tsx index 9b240ef2..f3b2d94a 100644 --- a/apps/main/src/app/(landing)/page.tsx +++ b/apps/main/src/app/(landing)/page.tsx @@ -8,6 +8,13 @@ import HackBeanpotLogo from "../placeholder/HackBeanpotLogo"; export default function Page() { return (
+ {/* Cover the green html background (incl. mobile overscroll), scoped to this page */} +