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 ( -