feat: add hero image

marcelblijleven · Jun 21, 2023 · 7f71cd0 · 7f71cd0
1 parent 957a549
commit 7f71cd0
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/public/beanstats_img_dark.png b/public/beanstats_img_dark.png
diff --git a/public/beanstats_img_light.png b/public/beanstats_img_light.png
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -5,11 +5,17 @@ import {Button} from "@/components/ui/button";
 import {Github} from "lucide-react";
 import Link from "next/link";
 import CardGrid from "@/components/ui/card-grid";
+import Image from "next/image";
 
 export default async function Home() {
     return (
         <>
             <HomeNavigation/>
+            <div>
+                <Image className={"block dark:hidden"} width={500} height={500} src={"/beanstats_img_light.png"} alt={"An illustration of coffee"} />
+                <Image className={"hidden dark:block"} width={500} height={500} src={"/beanstats_img_dark.png"} alt={"An illustration of coffee"} />
+
+            </div>
             <CardGrid>
                 <BeanconquerorCard/>
                 <RatioCard/>