diff --git a/apps/web/public/image.png b/apps/web/public/image.png
new file mode 100644
index 0000000..383eaa4
Binary files /dev/null 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 84915cd..ba450b9 100644
--- a/apps/web/src/app/(home)/layout.tsx
+++ b/apps/web/src/app/(home)/layout.tsx
@@ -4,8 +4,72 @@ import Footer from "./_components/Footer";
 import Navbar from "./_components/Navbar";
 
 export const metadata: Metadata = {
-	title: "Better-T-Stack",
-	description: "Unleash the power of better-t-stack",
+	title: "Better-T-Stack | TypeScript Project Scaffolding",
+	description:
+		"Create modern TypeScript applications with complete type safety from frontend to backend. Features support for multiple databases, ORMs, authentication, and more.",
+	keywords: [
+		"TypeScript",
+		"project scaffolding",
+		"type safety",
+		"Drizzle",
+		"Prisma",
+		"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 | Type-Safe TypeScript Project Scaffolding",
+		description:
+			"Create modern full-stack TypeScript applications with complete type safety from database to frontend",
+		url: "https://better-t-stack.pages.dev",
+		siteName: "Better-T-Stack",
+		images: [
+			{
+				url: "/image.png",
+				width: 1200,
+				height: 630,
+				alt: "Better-T-Stack Logo and Tagline",
+			},
+		],
+		locale: "en_US",
+		type: "website",
+	},
+	twitter: {
+		card: "summary_large_image",
+		title: "Better-T-Stack | Type-Safe TypeScript Project Scaffolding",
+		description:
+			"Create modern TypeScript applications with complete type safety from frontend to backend",
+		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 }) {