diff --git a/apps/web/public/image.png b/apps/web/public/image.png
index 76ebac0..34bceb9 100644
Binary files a/apps/web/public/image.png and b/apps/web/public/image.png differ
diff --git a/apps/web/src/app/(home)/layout.tsx b/apps/web/src/app/(home)/layout.tsx
index 9e68af7..6c91069 100644
--- a/apps/web/src/app/(home)/layout.tsx
+++ b/apps/web/src/app/(home)/layout.tsx
@@ -1,80 +1,7 @@
-import type { Metadata } from "next";
 import type { ReactNode } from "react";
 import Footer from "./_components/Footer";
 import Navbar from "./_components/Navbar";
 
-export const metadata: Metadata = {
-	title: "Better-T-Stack",
-	description:
-		"A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations",
-	keywords: [
-		"TypeScript",
-		"project scaffolding",
-		"type safety",
-		"Drizzle",
-		"Prisma",
-		"hono",
-		"elysia",
-		"turborepo",
-		"libSQL",
-		"PostgreSQL",
-		"Better-Auth",
-		"Docker",
-		"GitHub Actions",
-		"monorepo",
-		"Better T Stack",
-		"Better-T-Stack",
-		"Create better t stack",
-	],
-	authors: [{ name: "Better-T-Stack Team" }],
-	creator: "Better-T-Stack",
-	publisher: "Better-T-Stack",
-	formatDetection: {
-		email: false,
-		telephone: false,
-	},
-	metadataBase: new URL("https://better-t-stack.pages.dev"),
-	alternates: {
-		canonical: "/",
-	},
-	openGraph: {
-		title: "Better T Stack",
-		description:
-			"A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations",
-		url: "https://better-t-stack.pages.dev",
-		siteName: "Better-T-Stack",
-		images: [
-			{
-				url: "/image.png",
-				width: 1200,
-				height: 630,
-				alt: "Better-T-Stack",
-			},
-		],
-		locale: "en_US",
-		type: "website",
-	},
-	twitter: {
-		card: "summary_large_image",
-		title: "Better T Stack",
-		description:
-			"A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations",
-		images: ["/image.png"],
-	},
-	robots: {
-		index: true,
-		follow: true,
-		googleBot: {
-			index: true,
-			follow: true,
-			"max-image-preview": "large",
-			"max-video-preview": -1,
-			"max-snippet": -1,
-		},
-	},
-	category: "Technology",
-};
-
 export default function Layout({ children }: { children: ReactNode }) {
 	return (
 		<main className="relative z-10 min-h-svh overflow-hidden bg-gradient-to-b from-gray-50 to-gray-100 transition-color duration-300 dark:from-gray-950 dark:to-black">
diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
index 6983c2f..af3ac59 100644
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -1,13 +1,85 @@
-import "./global.css";
 import { RootProvider } from "fumadocs-ui/provider";
+import type { Metadata } from "next";
 import { Poppins } from "next/font/google";
 import type { ReactNode } from "react";
+import "./global.css";
 
 const poppins = Poppins({
 	subsets: ["latin"],
 	weight: ["400", "500", "600", "700", "800"],
 });
 
+export const metadata: Metadata = {
+	title: "Better-T Stack",
+	description:
+		"A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations",
+	keywords: [
+		"TypeScript",
+		"project scaffolding",
+		"type safety",
+		"Drizzle",
+		"Prisma",
+		"hono",
+		"elysia",
+		"turborepo",
+		"libSQL",
+		"PostgreSQL",
+		"Better-Auth",
+		"Docker",
+		"GitHub Actions",
+		"monorepo",
+		"Better-T Stack",
+		"Create better t stack",
+	],
+	authors: [{ name: "Better-T Stack Team" }],
+	creator: "Better-T Stack",
+	publisher: "Better-T Stack",
+	formatDetection: {
+		email: false,
+		telephone: false,
+	},
+	metadataBase: new URL("https://better-t-stack.pages.dev"),
+	alternates: {
+		canonical: "/",
+	},
+	openGraph: {
+		title: "Better-T Stack",
+		description:
+			"A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations",
+		url: "https://better-t-stack.pages.dev",
+		siteName: "Better-T Stack",
+		images: [
+			{
+				url: "/image.png",
+				width: 1200,
+				height: 630,
+				alt: "Better-T Stack",
+			},
+		],
+		locale: "en_US",
+		type: "website",
+	},
+	twitter: {
+		card: "summary_large_image",
+		title: "Better-T Stack",
+		description:
+			"A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations",
+		images: ["/image.png"],
+	},
+	robots: {
+		index: true,
+		follow: true,
+		googleBot: {
+			index: true,
+			follow: true,
+			"max-image-preview": "large",
+			"max-video-preview": -1,
+			"max-snippet": -1,
+		},
+	},
+	category: "Technology",
+};
+
 export default function Layout({ children }: { children: ReactNode }) {
 	return (
 		<html lang="en" className={poppins.className} suppressHydrationWarning>