Home Page Hero

src/app/layout.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import { Navbar } from '@/components/navbar';
+import { Footer } from '@/components/footer';
 import { ThemeProvider } from '@/components/theme-provider';
 
 import './globals.css'
@@ -16,6 +17,7 @@ export default function RootLayout({
 			<ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
 				<Navbar />
 				<main suppressHydrationWarning>{children}</main>
+				<Footer />
 			</ThemeProvider>
 		</body>
 	</html>

src/app/page.tsx

@@ -1,15 +1,11 @@
 "use client"
 
-import { Button } from "@/components/ui/button";
-import { Footer } from "@/components/footer";
+import { Hero } from "@/components/hero";
 
 export default function Home() {
 	return (
-		
-		<div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
-
-			<Button>Click me</Button>
-			<Footer />
+		<div className="items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
+			<Hero />
 		</div>
 	);
 }