diff --git a/app/(pages)/(hackers)/(hub)/page.tsx b/app/(pages)/(hackers)/(hub)/page.tsx index a1b9a1d4c..7ab726457 100644 --- a/app/(pages)/(hackers)/(hub)/page.tsx +++ b/app/(pages)/(hackers)/(hub)/page.tsx @@ -1,12 +1,11 @@ -import Waterfall from '@pages/(hackers)/_components/Waterfall/Waterfall'; -import BigVinyl from '@pages/(hackers)/_components/BigVinyl/BigVinyl'; import PrizeTracks from '@pages/(hackers)/_components/PrizeTracks/PrizeTracks'; import BeginnersSection from '@pages/(hackers)/_components/BeginnersSection/BeginnersSection'; -import Footer from '@components/Footer/Footer'; +import Hero from '../_components/Hero/Hero'; +import Footer from '@pages/_components/Footer/Footer'; import Contact from '@pages/(hackers)/_components/Contact/Contact'; -import IndexHero from '@pages/(hackers)/_components/IndexHero/IndexHero'; -import IndexHeroContentHacking from '@pages/(hackers)/_components/DOE/Hacking/IndexHeroContentHacking'; -import IndexHeroContentJudging from '@pages/(hackers)/_components/DOE/Judging/IndexHeroContentJudging'; +// import IndexHero from '@pages/(hackers)/_components/IndexHero/IndexHero'; +// import IndexHeroContentHacking from '@pages/(hackers)/_components/DOE/Hacking/IndexHeroContentHacking'; +// import IndexHeroContentJudging from '@pages/(hackers)/_components/DOE/Judging/IndexHeroContentJudging'; import ClientTimeProtectedDisplay from '@pages/_components/TimeProtectedDisplay/ClientTimeProtectedDisplay'; import TableNumberCheckin from '@pages/(hackers)/_components/TableNumberCheckin/TableNumberCheckin'; import TableNumberContextProvider from '@pages/_contexts/TableNumberContext'; @@ -15,14 +14,15 @@ export default function Page() { return (
- + + {/* - + */} @@ -30,8 +30,6 @@ export default function Page() { - -
); diff --git a/app/(pages)/(hackers)/_components/Waterfall/Waterfall.tsx b/app/(pages)/(hackers)/_components/2025Waterfall/Waterfall.tsx similarity index 100% rename from app/(pages)/(hackers)/_components/Waterfall/Waterfall.tsx rename to app/(pages)/(hackers)/_components/2025Waterfall/Waterfall.tsx diff --git a/app/(pages)/(hackers)/_components/Hero/Hero.tsx b/app/(pages)/(hackers)/_components/Hero/Hero.tsx new file mode 100644 index 000000000..f9d87ffe5 --- /dev/null +++ b/app/(pages)/(hackers)/_components/Hero/Hero.tsx @@ -0,0 +1,70 @@ +'use client'; + +import Image from 'next/image'; + +export default function Hero() { + return ( +
+
+ {/* background */} + Background + + {/* scene wrapper */} +
+ {/* stars */} + Stars + + {/* cow */} + Cow + + {/* Glass Text Box (back to flex-centered behavior) */} +
+

+ Welcome Hacker, +

+ +

+ It seems like you’re here a little early…check back in the + hackerhub in late March for more information! +

+
+
+
+
+ ); +} diff --git a/app/(pages)/_components/Footer/Footer.module.scss b/app/(pages)/_components/2025Footer/Footer.module.scss similarity index 100% rename from app/(pages)/_components/Footer/Footer.module.scss rename to app/(pages)/_components/2025Footer/Footer.module.scss diff --git a/app/(pages)/_components/2025Footer/Footer.tsx b/app/(pages)/_components/2025Footer/Footer.tsx new file mode 100644 index 000000000..04fa97c43 --- /dev/null +++ b/app/(pages)/_components/2025Footer/Footer.tsx @@ -0,0 +1,149 @@ +'use client'; +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { faEnvelope } from '@fortawesome/free-solid-svg-icons'; +import { + faMedium, + faFacebookF, + faTwitter, + faInstagram, + faDiscord, +} from '@fortawesome/free-brands-svg-icons'; +import { config } from '@fortawesome/fontawesome-svg-core'; +import Image from 'next/image'; +config.autoAddCss = false; + +const scrollToTop = () => { + window.scrollTo({ top: 0, behavior: 'smooth' }); +}; + +export default function Footer() { + const logoStyles = + 'h-6 text-white transition hover:text-gray-300 break-400:h-8 md:h-12 md:h-8 xl:h-12 2xl:h-15 '; + return ( + + ); +} diff --git a/app/(pages)/_components/Footer/Footer.tsx b/app/(pages)/_components/Footer/Footer.tsx index 04fa97c43..7e8f99887 100644 --- a/app/(pages)/_components/Footer/Footer.tsx +++ b/app/(pages)/_components/Footer/Footer.tsx @@ -1,147 +1,29 @@ 'use client'; -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faEnvelope } from '@fortawesome/free-solid-svg-icons'; -import { - faMedium, - faFacebookF, - faTwitter, - faInstagram, - faDiscord, -} from '@fortawesome/free-brands-svg-icons'; -import { config } from '@fortawesome/fontawesome-svg-core'; -import Image from 'next/image'; -config.autoAddCss = false; -const scrollToTop = () => { - window.scrollTo({ top: 0, behavior: 'smooth' }); -}; +import Image from 'next/image'; +// import Link from 'next/link'; export default function Footer() { - const logoStyles = - 'h-6 text-white transition hover:text-gray-300 break-400:h-8 md:h-12 md:h-8 xl:h-12 2xl:h-15 '; return ( -