diff --git a/index.html b/index.html
index 95326a7..d265478 100644
--- a/index.html
+++ b/index.html
@@ -1,17 +1,58 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="theme-color" content="#000000" />
+
+    <!-- Primary Meta Tags -->
+    <title>Patrick Obama - Portfolio | Full-Stack Developer</title>
+    <meta
+      name="title"
+      content="Patrick Obama - Portfolio | Full-Stack Developer"
+    />
     <meta
       name="description"
-      content="Web site created using create-tsrouter-app"
+      content="Explore my portfolio of full-stack development projects. Specialized in Next.js, TanStack, and TypeScript."
     />
+    <meta
+      name="keywords"
+      content="portfolio, full-stack developer, nextjs, tanstack, typescript, react, patrick obama"
+    />
+    <meta name="author" content="Patrick Obama" />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://tracepanic.com/" />
+    <meta
+      property="og:title"
+      content="Patrick Obama - Portfolio | Full-Stack Developer"
+    />
+    <meta
+      property="og:description"
+      content="Explore my portfolio of full-stack development projects. Specialized in Next.js, TanStack, and TypeScript."
+    />
+    <meta property="og:image" content="https://tracepanic.com/og-image.jpg" />
+
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:url" content="https://tracepanic.com/" />
+    <meta
+      name="twitter:title"
+      content="Patrick Obama - Portfolio | Full-Stack Developer"
+    />
+    <meta
+      name="twitter:description"
+      content="Explore my portfolio of full-stack development projects. Specialized in Next.js, TanStack, and TypeScript."
+    />
+    <meta name="twitter:image" content="https://tracepanic.com/og-image.jpg" />
+
+    <!-- Canonical URL -->
+    <link rel="canonical" href="https://tracepanic.com/" />
+
     <link rel="apple-touch-icon" href="/logo192.png" />
     <link rel="manifest" href="/manifest.json" />
-    <title>Create TanStack App - portfolio</title>
   </head>
   <body>
     <div id="app"></div>
