diff --git a/next-sitemap.config.js b/next-sitemap.config.js
index 0973f48..bd9bdb9 100644
--- a/next-sitemap.config.js
+++ b/next-sitemap.config.js
@@ -1,5 +1,40 @@
 // next-sitemap.config.js
+/** @type {import('next-sitemap').IConfig} */
 module.exports = {
-  siteUrl: "https://readmegen-ai.vercel.app", // your site URL
-  generateRobotsTxt: true, // optional: creates robots.txt
+  siteUrl: "https://readmegen-ai.vercel.app",
+  generateRobotsTxt: true,
+  changefreq: "weekly",
+  priority: 0.7,
+  additionalPaths: async (config) => [
+    {
+      loc: "/",
+      changefreq: "weekly",
+      priority: 1.0,
+      lastmod: new Date().toISOString(),
+    },
+    {
+      loc: "/features",
+      changefreq: "monthly",
+      priority: 0.8,
+      lastmod: new Date().toISOString(),
+    },
+    {
+      loc: "/examples",
+      changefreq: "monthly",
+      priority: 0.8,
+      lastmod: new Date().toISOString(),
+    },
+    {
+      loc: "/docs",
+      changefreq: "monthly",
+      priority: 0.8,
+      lastmod: new Date().toISOString(),
+    },
+    {
+      loc: "/generate",
+      changefreq: "weekly",
+      priority: 0.9,
+      lastmod: new Date().toISOString(),
+    },
+  ],
 };
diff --git a/src/app/docs/page.tsx b/src/app/docs/page.tsx
index 56cd4d9..5953682 100644
--- a/src/app/docs/page.tsx
+++ b/src/app/docs/page.tsx
@@ -1,3 +1,4 @@
+import type { Metadata } from "next";
 import { Navbar } from "@/components/layout/Navbar";
 import { Footer } from "@/components/layout/Footer";
 import { QuickStart } from "@/components/docs/QuickStart";
@@ -5,9 +6,71 @@ import { DocSections } from "@/components/docs/DocSections";
 import { FAQ } from "@/components/docs/FAQ";
 import { navLinks } from "@/constants/navLinks";
 
+export const metadata: Metadata = {
+  title: "Documentation | ReadmeGenAI",
+  description:
+    "Learn how to use ReadmeGenAI, the AI README generator for GitHub. Quick-start guides, API docs, FAQs, and tips for perfect GitHub README files.",
+  openGraph: {
+    title: "Documentation | ReadmeGenAI",
+    description:
+      "Learn how to use ReadmeGenAI, the AI README generator for GitHub. Quick-start guides, API docs, FAQs, and tips for perfect GitHub README files.",
+    url: "/docs",
+  },
+};
+
+const faqJsonLd = {
+  "@context": "https://schema.org",
+  "@type": "FAQPage",
+  mainEntity: [
+    {
+      "@type": "Question",
+      name: "How does the AI analyze my code?",
+      acceptedAnswer: {
+        "@type": "Answer",
+        text: "We use AST parsing and heuristic analysis to identify entry points and dependencies without storing your actual source code.",
+      },
+    },
+    {
+      "@type": "Question",
+      name: "Can I use this for private repos?",
+      acceptedAnswer: {
+        "@type": "Answer",
+        text: "Yes, by connecting your GitHub account, we can securely analyze private repositories with your permission.",
+      },
+    },
+  ],
+};
+
+const breadcrumbJsonLd = {
+  "@context": "https://schema.org",
+  "@type": "BreadcrumbList",
+  itemListElement: [
+    {
+      "@type": "ListItem",
+      position: 1,
+      name: "Home",
+      item: "https://readmegen-ai.vercel.app/",
+    },
+    {
+      "@type": "ListItem",
+      position: 2,
+      name: "Documentation",
+      item: "https://readmegen-ai.vercel.app/docs",
+    },
+  ],
+};
+
 export default function DocsPage() {
   return (
     <div className="min-h-screen bg-black text-white relative">
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(faqJsonLd) }}
+      />
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbJsonLd) }}
+      />
       <div className="absolute inset-0 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:40px_40px] [mask-image:radial-gradient(ellipse_60%_50%_at_50%_0%,#000_70%,transparent_100%)] pointer-events-none" />
       <Navbar links={navLinks} />
 
diff --git a/src/app/examples/ExamplesClient.tsx b/src/app/examples/ExamplesClient.tsx
new file mode 100644
index 0000000..a2f8986
--- /dev/null
+++ b/src/app/examples/ExamplesClient.tsx
@@ -0,0 +1,235 @@
+"use client";
+import React, { useState, useRef, useEffect } from "react";
+import { Navbar } from "@/components/layout/Navbar";
+import { Footer } from "@/components/layout/Footer";
+import { Button } from "@/components/ui/Button";
+import {
+  ExternalLink,
+  Box,
+  Cpu,
+  Globe,
+  Eye,
+  X,
+  Copy,
+  Check,
+} from "lucide-react";
+import Link from "next/link";
+import { navLinks } from "@/constants/navLinks";
+
+const examples = [
+  {
+    title: "Modern Web App",
+    repo: "nextjs-saas-template",
+    icon: <Globe className="text-blue-400" />,
+    tags: ["Next.js 16", "Tailwind", "Prisma"],
+    stars: "1.2k",
+    description:
+      "A comprehensive README featuring deployment guides, environment variable tables, and architecture diagrams.",
+    markdown: `# 🚀 Next.js SaaS Foundation\n\nA professional starter kit for high-performance web applications.\n\n## 🛠 Features\n- **Authentication:** NextAuth.js with multi-provider support.\n- **Database:** Prisma ORM with automated migrations.\n- **UI:** Server-side rendered components via Radix UI.\n\n## 📦 Getting Started\n1. Clone the repo\n2. Run \`npm install\`\n3. Setup \`.env\` file\n4. \`npm run dev\``,
+  },
+  {
+    title: "Utility Library",
+    repo: "ts-utils-core",
+    icon: <Box className="text-emerald-400" />,
+    tags: ["TypeScript", "Rollup", "Vitest"],
+    stars: "850",
+    description:
+      "Technical documentation with API references, installation via multiple package managers, and usage snippets.",
+    markdown: `# 📦 TS-Utils Core\n\nHigh-performance TypeScript utilities for modern engines.\n\n## 📥 Installation\n\`\`\`bash\nnpm install ts-utils-core\n\`\`\`\n\n## 📖 Quick Usage\n\`\`\`typescript\nimport { formatDate } from 'ts-utils-core';\n\nconst date = formatDate(new Date());\n\`\`\``,
+  },
+  {
+    title: "Backend Engine",
+    repo: "go-stream-processor",
+    icon: <Cpu className="text-purple-400" />,
+    tags: ["Go", "Docker", "Redis"],
+    stars: "2.4k",
+    description:
+      "Performance oriented README focusing on benchmark results, configuration flags, and scaling.",
+    markdown: `# ⚡ Go Stream Processor\n\nUltra-low latency data streaming engine.\n\n## 📊 Performance Benchmarks\n| Case | Latency | Throughput |\n|------|---------|------------|\n| Sync | 1.2ms   | 50k ops/s  |\n| Async| 0.4ms   | 250k ops/s |\n\n## 🐳 Deployment\n\`\`\`bash\ndocker-compose up -d\n\`\`\``,
+  },
+];
+
+export default function ExamplesClient() {
+  const [previewContent, setPreviewContent] = useState<string | null>(null);
+  const [copied, setCopied] = useState(false);
+
+  // Refs for timeout and accessibility management
+  const timeoutRef = useRef<NodeJS.Timeout | null>(null);
+  const closeButtonRef = useRef<HTMLButtonElement>(null);
+
+  // Handle Modal Side Effects: Body Scroll, Escape Key, and Initial Focus
+  useEffect(() => {
+    if (previewContent) {
+      // 1. Lock body scroll
+      document.body.style.overflow = "hidden";
+
+      // 2. Focus the close button for keyboard accessibility
+      closeButtonRef.current?.focus();
+
+      // 3. Close on Escape key press
+      const handleKeyDown = (e: KeyboardEvent) => {
+        if (e.key === "Escape") setPreviewContent(null);
+      };
+
+      window.addEventListener("keydown", handleKeyDown);
+
+      return () => {
+        document.body.style.overflow = "unset";
+        window.removeEventListener("keydown", handleKeyDown);
+      };
+    }
+  }, [previewContent]);
+
+  const handleCopy = async (text: string) => {
+    try {
+      await navigator.clipboard.writeText(text);
+
+      // Clear previous timeout if user clicks rapidly
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+
+      setCopied(true);
+
+      // Success path: reset icon after 2 seconds
+      timeoutRef.current = setTimeout(() => {
+        setCopied(false);
+      }, 2000);
+    } catch (err) {
+      // Error path: log rejection and prevent UI from showing "Checked"
+      console.error("Failed to copy text: ", err);
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-black text-white selection:bg-blue-500/30">
+      <Navbar links={navLinks} />
+
+      <main className="pt-32 pb-20 px-4">
+        {/* Header Section */}
+        <div className="max-w-5xl mx-auto text-center mb-20">
+          <h1 className="text-4xl md:text-6xl font-extrabold tracking-tighter mb-6">
+            Trusted by developers <br />
+            <span className="bg-clip-text text-transparent bg-linear-to-b from-white to-white/40">
+              to tell their story.
+            </span>
+          </h1>
+          <p className="text-gray-400 text-lg max-w-2xl mx-auto">
+            Explore how ReadmeGenAI adapts to different tech stacks and project
+            scales.
+          </p>
+        </div>
+
+        {/* Examples Grid */}
+        <div className="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
+          {examples.map((example, idx) => (
+            <div
+              key={idx}
+              className="group relative p-8 rounded-3xl bg-zinc-950 border border-white/5 hover:border-white/20 transition-all"
+            >
+              <div className="flex justify-between items-start mb-6">
+                <div className="p-3 rounded-2xl bg-white/5 group-hover:bg-white/10 transition-colors">
+                  {example.icon}
+                </div>
+                <button
+                  onClick={() => setPreviewContent(example.markdown)}
+                  className="flex items-center gap-1.5 text-xs font-medium text-blue-400 hover:text-blue-300 transition-colors"
+                >
+                  <Eye size={14} /> View Sample
+                </button>
+              </div>
+
+              <h3 className="text-xl font-bold mb-2 group-hover:text-blue-400 transition-colors">
+                {example.title}
+              </h3>
+              <p className="text-sm text-gray-500 font-mono mb-4">
+                {example.repo}
+              </p>
+              <p className="text-gray-400 text-sm leading-relaxed mb-6">
+                {example.description}
+              </p>
+
+              <div className="flex flex-wrap gap-2 mb-8">
+                {example.tags.map((tag) => (
+                  <span
+                    key={tag}
+                    className="px-2 py-1 rounded-md bg-white/5 text-[10px] font-semibold tracking-wider uppercase text-gray-400"
+                  >
+                    {tag}
+                  </span>
+                ))}
+              </div>
+
+              <Button variant="outline" className="w-full text-sm py-2" asChild>
+                <Link href="/generate">
+                  Try this style
+                  <ExternalLink size={14} />
+                </Link>
+              </Button>
+            </div>
+          ))}
+        </div>
+
+        {/* --- README PREVIEW MODAL --- */}
+        {previewContent && (
+          <div
+            className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/80 backdrop-blur-md animate-in fade-in duration-300"
+            onClick={() => setPreviewContent(null)} // Close on backdrop click
+          >
+            <div
+              className="bg-zinc-900 border border-white/10 w-full max-w-2xl rounded-2xl overflow-hidden shadow-2xl"
+              onClick={(e) => e.stopPropagation()} // Prevent closing when clicking inside
+              role="dialog"
+              aria-modal="true"
+            >
+              <div className="flex items-center justify-between p-4 border-b border-white/5 bg-white/5">
+                <span className="text-xs font-mono text-gray-400">
+                  README_PREVIEW.md
+                </span>
+                <div className="flex items-center gap-2">
+                  <button
+                    onClick={() => handleCopy(previewContent)}
+                    title="Copy to clipboard"
+                    className="p-2 hover:bg-white/10 rounded-lg transition-colors text-gray-400 hover:text-white"
+                  >
+                    {copied ? (
+                      <Check size={16} className="text-emerald-400" />
+                    ) : (
+                      <Copy size={16} />
+                    )}
+                  </button>
+                  <button
+                    ref={closeButtonRef}
+                    aria-label="Close preview"
+                    onClick={() => {
+                      setPreviewContent(null);
+                      setCopied(false);
+                    }}
+                    className="p-2 hover:bg-white/10 rounded-lg transition-colors text-gray-400 hover:text-white"
+                  >
+                    <X size={16} />
+                  </button>
+                </div>
+              </div>
+              <div className="p-8 max-h-[60vh] overflow-y-auto">
+                <pre className="text-sm text-zinc-300 font-mono whitespace-pre-wrap leading-relaxed">
+                  {previewContent}
+                </pre>
+              </div>
+            </div>
+          </div>
+        )}
+
+        {/* Bottom CTA */}
+        <div className="mt-32 max-w-4xl mx-auto p-12 rounded-[3rem] bg-linear-to-b from-zinc-900 to-black border border-white/5 text-center">
+          <h2 className="text-3xl font-bold mb-6">
+            Ready to document your project?
+          </h2>
+          <Button className="px-12 py-6 text-lg" asChild>
+            <Link href="/generate">Start Generating for Free</Link>
+          </Button>
+        </div>
+      </main>
+
+      <Footer />
+    </div>
+  );
+}
diff --git a/src/app/examples/page.tsx b/src/app/examples/page.tsx
index 27694da..8eea933 100644
--- a/src/app/examples/page.tsx
+++ b/src/app/examples/page.tsx
@@ -1,235 +1,45 @@
-"use client";
-import React, { useState, useRef, useEffect } from "react";
-import { Navbar } from "@/components/layout/Navbar";
-import { Footer } from "@/components/layout/Footer";
-import { Button } from "@/components/ui/Button";
-import {
-  ExternalLink,
-  Box,
-  Cpu,
-  Globe,
-  Eye,
-  X,
-  Copy,
-  Check,
-} from "lucide-react";
-import Link from "next/link";
-import { navLinks } from "@/constants/navLinks";
-
-const examples = [
-  {
-    title: "Modern Web App",
-    repo: "nextjs-saas-template",
-    icon: <Globe className="text-blue-400" />,
-    tags: ["Next.js 16", "Tailwind", "Prisma"],
-    stars: "1.2k",
-    description:
-      "A comprehensive README featuring deployment guides, environment variable tables, and architecture diagrams.",
-    markdown: `# 🚀 Next.js SaaS Foundation\n\nA professional starter kit for high-performance web applications.\n\n## 🛠 Features\n- **Authentication:** NextAuth.js with multi-provider support.\n- **Database:** Prisma ORM with automated migrations.\n- **UI:** Server-side rendered components via Radix UI.\n\n## 📦 Getting Started\n1. Clone the repo\n2. Run \`npm install\`\n3. Setup \`.env\` file\n4. \`npm run dev\``,
-  },
-  {
-    title: "Utility Library",
-    repo: "ts-utils-core",
-    icon: <Box className="text-emerald-400" />,
-    tags: ["TypeScript", "Rollup", "Vitest"],
-    stars: "850",
+import type { Metadata } from "next";
+import ExamplesClient from "./ExamplesClient";
+
+export const metadata: Metadata = {
+  title: "Examples | ReadmeGenAI",
+  description:
+    "Browse real GitHub README examples generated by ReadmeGenAI. See AI README output for Next.js apps, TypeScript libraries, Go backends, and more.",
+  openGraph: {
+    title: "Examples | ReadmeGenAI",
     description:
-      "Technical documentation with API references, installation via multiple package managers, and usage snippets.",
-    markdown: `# 📦 TS-Utils Core\n\nHigh-performance TypeScript utilities for modern engines.\n\n## 📥 Installation\n\`\`\`bash\nnpm install ts-utils-core\n\`\`\`\n\n## 📖 Quick Usage\n\`\`\`typescript\nimport { formatDate } from 'ts-utils-core';\n\nconst date = formatDate(new Date());\n\`\`\``,
+      "Browse real GitHub README examples generated by ReadmeGenAI. See AI README output for Next.js apps, TypeScript libraries, Go backends, and more.",
+    url: "/examples",
   },
-  {
-    title: "Backend Engine",
-    repo: "go-stream-processor",
-    icon: <Cpu className="text-purple-400" />,
-    tags: ["Go", "Docker", "Redis"],
-    stars: "2.4k",
-    description:
-      "Performance oriented README focusing on benchmark results, configuration flags, and scaling.",
-    markdown: `# ⚡ Go Stream Processor\n\nUltra-low latency data streaming engine.\n\n## 📊 Performance Benchmarks\n| Case | Latency | Throughput |\n|------|---------|------------|\n| Sync | 1.2ms   | 50k ops/s  |\n| Async| 0.4ms   | 250k ops/s |\n\n## 🐳 Deployment\n\`\`\`bash\ndocker-compose up -d\n\`\`\``,
-  },
-];
+};
+
+const breadcrumbJsonLd = {
+  "@context": "https://schema.org",
+  "@type": "BreadcrumbList",
+  itemListElement: [
+    {
+      "@type": "ListItem",
+      position: 1,
+      name: "Home",
+      item: "https://readmegen-ai.vercel.app/",
+    },
+    {
+      "@type": "ListItem",
+      position: 2,
+      name: "Examples",
+      item: "https://readmegen-ai.vercel.app/examples",
+    },
+  ],
+};
 
 export default function ExamplesPage() {
-  const [previewContent, setPreviewContent] = useState<string | null>(null);
-  const [copied, setCopied] = useState(false);
-
-  // Refs for timeout and accessibility management
-  const timeoutRef = useRef<NodeJS.Timeout | null>(null);
-  const closeButtonRef = useRef<HTMLButtonElement>(null);
-
-  // Handle Modal Side Effects: Body Scroll, Escape Key, and Initial Focus
-  useEffect(() => {
-    if (previewContent) {
-      // 1. Lock body scroll
-      document.body.style.overflow = "hidden";
-
-      // 2. Focus the close button for keyboard accessibility
-      closeButtonRef.current?.focus();
-
-      // 3. Close on Escape key press
-      const handleKeyDown = (e: KeyboardEvent) => {
-        if (e.key === "Escape") setPreviewContent(null);
-      };
-
-      window.addEventListener("keydown", handleKeyDown);
-
-      return () => {
-        document.body.style.overflow = "unset";
-        window.removeEventListener("keydown", handleKeyDown);
-      };
-    }
-  }, [previewContent]);
-
-  const handleCopy = async (text: string) => {
-    try {
-      await navigator.clipboard.writeText(text);
-
-      // Clear previous timeout if user clicks rapidly
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
-
-      setCopied(true);
-
-      // Success path: reset icon after 2 seconds
-      timeoutRef.current = setTimeout(() => {
-        setCopied(false);
-      }, 2000);
-    } catch (err) {
-      // Error path: log rejection and prevent UI from showing "Checked"
-      console.error("Failed to copy text: ", err);
-    }
-  };
-
   return (
-    <div className="min-h-screen bg-black text-white selection:bg-blue-500/30">
-      <Navbar links={navLinks} />
-
-      <main className="pt-32 pb-20 px-4">
-        {/* Header Section */}
-        <div className="max-w-5xl mx-auto text-center mb-20">
-          <h1 className="text-4xl md:text-6xl font-extrabold tracking-tighter mb-6">
-            Trusted by developers <br />
-            <span className="bg-clip-text text-transparent bg-linear-to-b from-white to-white/40">
-              to tell their story.
-            </span>
-          </h1>
-          <p className="text-gray-400 text-lg max-w-2xl mx-auto">
-            Explore how ReadmeGenAI adapts to different tech stacks and project
-            scales.
-          </p>
-        </div>
-
-        {/* Examples Grid */}
-        <div className="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
-          {examples.map((example, idx) => (
-            <div
-              key={idx}
-              className="group relative p-8 rounded-3xl bg-zinc-950 border border-white/5 hover:border-white/20 transition-all"
-            >
-              <div className="flex justify-between items-start mb-6">
-                <div className="p-3 rounded-2xl bg-white/5 group-hover:bg-white/10 transition-colors">
-                  {example.icon}
-                </div>
-                <button
-                  onClick={() => setPreviewContent(example.markdown)}
-                  className="flex items-center gap-1.5 text-xs font-medium text-blue-400 hover:text-blue-300 transition-colors"
-                >
-                  <Eye size={14} /> View Sample
-                </button>
-              </div>
-
-              <h3 className="text-xl font-bold mb-2 group-hover:text-blue-400 transition-colors">
-                {example.title}
-              </h3>
-              <p className="text-sm text-gray-500 font-mono mb-4">
-                {example.repo}
-              </p>
-              <p className="text-gray-400 text-sm leading-relaxed mb-6">
-                {example.description}
-              </p>
-
-              <div className="flex flex-wrap gap-2 mb-8">
-                {example.tags.map((tag) => (
-                  <span
-                    key={tag}
-                    className="px-2 py-1 rounded-md bg-white/5 text-[10px] font-semibold tracking-wider uppercase text-gray-400"
-                  >
-                    {tag}
-                  </span>
-                ))}
-              </div>
-
-              <Button variant="outline" className="w-full text-sm py-2" asChild>
-                <Link href="/generate">
-                  Try this style
-                  <ExternalLink size={14} />
-                </Link>
-              </Button>
-            </div>
-          ))}
-        </div>
-
-        {/* --- README PREVIEW MODAL --- */}
-        {previewContent && (
-          <div
-            className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/80 backdrop-blur-md animate-in fade-in duration-300"
-            onClick={() => setPreviewContent(null)} // Close on backdrop click
-          >
-            <div
-              className="bg-zinc-900 border border-white/10 w-full max-w-2xl rounded-2xl overflow-hidden shadow-2xl"
-              onClick={(e) => e.stopPropagation()} // Prevent closing when clicking inside
-              role="dialog"
-              aria-modal="true"
-            >
-              <div className="flex items-center justify-between p-4 border-b border-white/5 bg-white/5">
-                <span className="text-xs font-mono text-gray-400">
-                  README_PREVIEW.md
-                </span>
-                <div className="flex items-center gap-2">
-                  <button
-                    onClick={() => handleCopy(previewContent)}
-                    title="Copy to clipboard"
-                    className="p-2 hover:bg-white/10 rounded-lg transition-colors text-gray-400 hover:text-white"
-                  >
-                    {copied ? (
-                      <Check size={16} className="text-emerald-400" />
-                    ) : (
-                      <Copy size={16} />
-                    )}
-                  </button>
-                  <button
-                    ref={closeButtonRef}
-                    aria-label="Close preview"
-                    onClick={() => {
-                      setPreviewContent(null);
-                      setCopied(false);
-                    }}
-                    className="p-2 hover:bg-white/10 rounded-lg transition-colors text-gray-400 hover:text-white"
-                  >
-                    <X size={16} />
-                  </button>
-                </div>
-              </div>
-              <div className="p-8 max-h-[60vh] overflow-y-auto">
-                <pre className="text-sm text-zinc-300 font-mono whitespace-pre-wrap leading-relaxed">
-                  {previewContent}
-                </pre>
-              </div>
-            </div>
-          </div>
-        )}
-
-        {/* Bottom CTA */}
-        <div className="mt-32 max-w-4xl mx-auto p-12 rounded-[3rem] bg-linear-to-b from-zinc-900 to-black border border-white/5 text-center">
-          <h2 className="text-3xl font-bold mb-6">
-            Ready to document your project?
-          </h2>
-          <Button className="px-12 py-6 text-lg" asChild>
-            <Link href="/generate">Start Generating for Free</Link>
-          </Button>
-        </div>
-      </main>
-
-      <Footer />
-    </div>
+    <>
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbJsonLd) }}
+      />
+      <ExamplesClient />
+    </>
   );
 }
diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
index 0edae55..b6f5210 100644
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -1,8 +1,21 @@
-"use client";
+import type { Metadata } from "next";
 import React from "react";
 import { Navbar } from "@/components/layout/Navbar";
 import { Footer } from "@/components/layout/Footer";
 import { Cpu, Globe, ShieldCheck, Sparkles, Zap, Code2 } from "lucide-react";
+import { navLinks } from "@/constants/navLinks";
+
+export const metadata: Metadata = {
+  title: "Features | ReadmeGenAI",
+  description:
+    "Discover ReadmeGenAI features: AI README generator powered by Gemini, GitHub Octokit integration, instant generation, and framework-aware documentation.",
+  openGraph: {
+    title: "Features | ReadmeGenAI",
+    description:
+      "Discover ReadmeGenAI features: AI README generator powered by Gemini, GitHub Octokit integration, instant generation, and framework-aware documentation.",
+    url: "/features",
+  },
+};
 
 const features = [
   {
@@ -37,25 +50,45 @@ const features = [
   },
 ];
 
-export default function FeaturesPage() {
-  const navLinks = [
-    { name: "Home", href: "/" },
-    { name: "Features", href: "/features" },
-    { name: "Examples", href: "/examples" },
-    { name: "Docs", href: "/docs" },
-  ];
+const breadcrumbJsonLd = {
+  "@context": "https://schema.org",
+  "@type": "BreadcrumbList",
+  itemListElement: [
+    {
+      "@type": "ListItem",
+      position: 1,
+      name: "Home",
+      item: "https://readmegen-ai.vercel.app/",
+    },
+    {
+      "@type": "ListItem",
+      position: 2,
+      name: "Features",
+      item: "https://readmegen-ai.vercel.app/features",
+    },
+  ],
+};
 
+export default function FeaturesPage() {
   return (
     <div className="min-h-screen bg-black text-white">
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbJsonLd) }}
+      />
       <Navbar links={navLinks} />
       <main className="pt-32 pb-20 px-4">
         <div className="max-w-5xl mx-auto text-center mb-20">
           <h1 className="text-5xl md:text-7xl font-extrabold tracking-tighter mb-6">
-            Documentation <br />
+            AI README Generator <br />
             <span className="bg-clip-text text-transparent bg-linear-to-b from-white to-white/40">
               reimagined.
             </span>
           </h1>
+          <p className="text-gray-400 text-lg max-w-2xl mx-auto">
+            Everything ReadmeGenAI offers to make your GitHub README stand out—
+            powered by AI, built for developers.
+          </p>
         </div>
 
         <div className="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-6">
diff --git a/src/app/generate/page.tsx b/src/app/generate/page.tsx
index 88e25e8..999c7b8 100644
--- a/src/app/generate/page.tsx
+++ b/src/app/generate/page.tsx
@@ -1,5 +1,45 @@
+import type { Metadata } from "next";
 import GeneratePageClient from "./GeneratePageClient";
 
+export const metadata: Metadata = {
+  title: "Generate README | ReadmeGenAI",
+  description:
+    "Paste any GitHub repository URL and instantly generate a polished, professional README with ReadmeGenAI — the free AI README generator for developers.",
+  openGraph: {
+    title: "Generate README | ReadmeGenAI",
+    description:
+      "Paste any GitHub repository URL and instantly generate a polished, professional README with ReadmeGenAI — the free AI README generator for developers.",
+    url: "/generate",
+  },
+};
+
+const breadcrumbJsonLd = {
+  "@context": "https://schema.org",
+  "@type": "BreadcrumbList",
+  itemListElement: [
+    {
+      "@type": "ListItem",
+      position: 1,
+      name: "Home",
+      item: "https://readmegen-ai.vercel.app/",
+    },
+    {
+      "@type": "ListItem",
+      position: 2,
+      name: "Generate README",
+      item: "https://readmegen-ai.vercel.app/generate",
+    },
+  ],
+};
+
 export default function GeneratePage() {
-  return <GeneratePageClient />;
+  return (
+    <>
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbJsonLd) }}
+      />
+      <GeneratePageClient />
+    </>
+  );
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8622d95..50cd490 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -66,6 +66,29 @@ export default function RootLayout({
   const siteUrl =
     process.env.NEXT_PUBLIC_SITE_URL || "https://readmegen-ai.vercel.app";
 
+  const softwareAppJsonLd = {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    name: "ReadmeGenAI",
+    applicationCategory: "DeveloperTool",
+    operatingSystem: "Web",
+    description:
+      "AI-powered GitHub README generator that creates professional markdown documentation automatically from any public GitHub repository.",
+    url: siteUrl,
+    image: `${siteUrl}/ReadmeGenAI.png`,
+    offers: {
+      "@type": "Offer",
+      price: "0",
+      priceCurrency: "USD",
+    },
+    featureList: [
+      "AI-generated GitHub README files",
+      "Framework and dependency detection",
+      "Instant markdown output",
+      "GitHub Octokit integration",
+    ],
+  };
+
   return (
     <html lang="en">
       <head>
@@ -73,16 +96,7 @@ export default function RootLayout({
         <script
           type="application/ld+json"
           dangerouslySetInnerHTML={{
-            __html: JSON.stringify({
-              "@context": "https://schema.org",
-              "@type": "SoftwareApplication",
-              name: "ReadmeGenAI",
-              applicationCategory: "DeveloperTool",
-              operatingSystem: "Web",
-              description:
-                "AI-powered GitHub README generator that creates markdown documentation automatically.",
-              url: siteUrl,
-            }),
+            __html: JSON.stringify(softwareAppJsonLd),
           }}
         />
       </head>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6e44597..29bf071 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,6 +16,22 @@ export const metadata: Metadata = {
     title: "AI README Generator for GitHub Projects | ReadmeGenAI",
     description:
       "Instantly create professional GitHub README files with ReadmeGenAI. Our AI README generator analyzes your repo and produces polished markdown docs in seconds.",
+    url: "/",
+  },
+};
+
+const webSiteJsonLd = {
+  "@context": "https://schema.org",
+  "@type": "WebSite",
+  name: "ReadmeGenAI",
+  url: "https://readmegen-ai.vercel.app",
+  description:
+    "AI README generator for GitHub projects. Instantly create professional markdown documentation from any public repository.",
+  potentialAction: {
+    "@type": "SearchAction",
+    target:
+      "https://readmegen-ai.vercel.app/generate?repo={search_term_string}",
+    "query-input": "required name=search_term_string",
   },
 };
 
@@ -40,6 +56,10 @@ export default function Home() {
 
   return (
     <div className="min-h-screen bg-black text-white selection:bg-blue-500/30">
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(webSiteJsonLd) }}
+      />
       <Navbar links={navLinks} />
 
       <main>