asChild makes the button a clickable Link

mikececco · Jul 31, 2024 · 6562c0a · 6562c0a
1 parent e3be811
commit 6562c0a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,9 +1,21 @@
 import Image from "next/image";
+import Logo from "@/images/logo.png"
+import { Button } from "@/components/ui/button";
+import Link from "next/link";
 
 export default function Home() {
   return (
     <main>
-      <h1>Hello</h1>
+      <section>
+        <div>
+          <Image src={Logo} alt="Logo" height={250}/>
+          <Button asChild>
+            <Link href='/'>
+              Explore
+            </Link>
+          </Button>
+        </div>
+      </section>
     </main>
   );
 }
diff --git a/images/logo.png b/images/logo.png