From cd458cdabe1f1d2160521f8ef39b24ccbb3a7885 Mon Sep 17 00:00:00 2001 From: reehals Date: Thu, 5 Feb 2026 02:01:05 -0800 Subject: [PATCH 1/2] Donor scroll mobile+desktop --- .../_components/DonorScroll/DonorScroll.tsx | 24 ++ app/(pages)/(index-page)/page.tsx | 5 +- app/(pages)/_components/Footer/Footer.tsx | 15 +- app/(pages)/layout.tsx | 9 +- public/Images/donor_scroll/mobile_cloud.svg | 9 + public/Images/donor_scroll/tent.svg | 206 ++++++++++++++++++ 6 files changed, 262 insertions(+), 6 deletions(-) create mode 100644 app/(pages)/(index-page)/_components/DonorScroll/DonorScroll.tsx create mode 100644 public/Images/donor_scroll/mobile_cloud.svg create mode 100644 public/Images/donor_scroll/tent.svg diff --git a/app/(pages)/(index-page)/_components/DonorScroll/DonorScroll.tsx b/app/(pages)/(index-page)/_components/DonorScroll/DonorScroll.tsx new file mode 100644 index 0000000..78f4870 --- /dev/null +++ b/app/(pages)/(index-page)/_components/DonorScroll/DonorScroll.tsx @@ -0,0 +1,24 @@ +import Image from 'next/image'; +import tent from '@public/Images/donor_scroll/tent.svg'; +import mobile_cloud from '@public/Images/donor_scroll/mobile_cloud.svg'; + +export default function DonorScroll() { + return ( + <> +
+ Cloud + Tent + {/* Just a black div to elevate the 'ground' */} +
+
+ + ); +} diff --git a/app/(pages)/(index-page)/page.tsx b/app/(pages)/(index-page)/page.tsx index a8171e3..0ba52a4 100644 --- a/app/(pages)/(index-page)/page.tsx +++ b/app/(pages)/(index-page)/page.tsx @@ -1,7 +1,10 @@ +import DonorScroll from './_components/DonorScroll/DonorScroll'; + export default function Home() { return ( -
+

Halo! Welcome to the HackDavis template repo :D

+
); } diff --git a/app/(pages)/_components/Footer/Footer.tsx b/app/(pages)/_components/Footer/Footer.tsx index 37ccb5c..2de1c68 100644 --- a/app/(pages)/_components/Footer/Footer.tsx +++ b/app/(pages)/_components/Footer/Footer.tsx @@ -16,15 +16,24 @@ const scrollToTop = () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }; -export default function Footer() { +interface FooterProps { + variant?: 'index' | 'about-us'; +} + +export default function Footer({ variant = 'about-us' }: FooterProps) { const logoStyles = 'h-6 text-white transition hover:text-gray-300 break-400:h-7 md:h-8 lg:h-8 xl:h-10 2xl:h-15'; + + const bgColor = variant === 'index' ? 'bg-[#000008] z-[-1]' : 'bg-[#11043F]'; + return ( -