diff --git a/docs/package.json b/docs/package.json
index 4ecc07d..cfa634f 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@tailwindcss/typography": "^0.5.19",
+    "@vercel/analytics": "^1.6.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "framer-motion": "^12.34.3",
diff --git a/docs/public/google4c4480f5ebd28060.html b/docs/public/google4c4480f5ebd28060.html
new file mode 100644
index 0000000..6a8c085
--- /dev/null
+++ b/docs/public/google4c4480f5ebd28060.html
@@ -0,0 +1 @@
+google-site-verification: google4c4480f5ebd28060.html
\ No newline at end of file
diff --git a/docs/public/next.svg b/docs/public/next.svg
deleted file mode 100644
index 5174b28..0000000
--- a/docs/public/next.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/docs/public/secure-input.svg b/docs/public/secure-input.svg
new file mode 100644
index 0000000..0929e87
--- /dev/null
+++ b/docs/public/secure-input.svg
@@ -0,0 +1,7 @@
+<svg width="83" height="91" viewBox="0 0 83 91" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.5 40.75V25C20.5 19.4305 22.7125 14.089 26.6508 10.1508C30.589 6.21249 35.9305 4 41.5 4C47.0695 4 52.411 6.21249 56.3492 10.1508C60.2875 14.089 62.5 19.4305 62.5 25V40.75" stroke="#AAE4A6" style="stroke:#AAE4A6;stroke:color(display-p3 0.6667 0.8941 0.6510);stroke-opacity:1;" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="4" y="41" width="75" height="46" rx="10" stroke="#AAE4A6" style="stroke:#AAE4A6;stroke:color(display-p3 0.6667 0.8941 0.6510);stroke-opacity:1;" stroke-width="8"/>
+<path d="M16.7937 56.0333C17.5147 56.027 18.2094 56.3042 18.728 56.8052L22.2838 60.3609L25.8395 56.8052C26.3582 56.3042 27.0529 56.027 27.7739 56.0333C28.4949 56.0396 29.1847 56.3288 29.6945 56.8387C30.2044 57.3485 30.4936 58.0383 30.4999 58.7593C30.5062 59.4804 30.229 60.175 29.728 60.6937L26.1723 64.2494L29.728 67.8052C30.229 68.3238 30.5062 69.0185 30.4999 69.7395C30.4936 70.4606 30.2044 71.1503 29.6945 71.6602C29.1847 72.17 28.4949 72.4593 27.7739 72.4655C27.0529 72.4718 26.3582 72.1946 25.8395 71.6937L22.2838 68.1379L18.728 71.6937C18.4744 71.9563 18.1709 72.1658 17.8354 72.3099C17.4999 72.4541 17.139 72.5299 16.7739 72.5331C16.4088 72.5363 16.0466 72.4667 15.7087 72.3284C15.3707 72.1901 15.0637 71.986 14.8055 71.7277C14.5473 71.4695 14.3431 71.1625 14.2048 70.8245C14.0665 70.4866 13.9969 70.1245 14.0001 69.7593C14.0033 69.3942 14.0791 69.0333 14.2233 68.6978C14.3674 68.3623 14.5769 68.0588 14.8395 67.8052L18.3953 64.2494L14.8395 60.6937C14.3386 60.175 14.0614 59.4804 14.0677 58.7593C14.074 58.0383 14.3632 57.3485 14.873 56.8387C15.3829 56.3288 16.0726 56.0396 16.7937 56.0333Z" fill="#AAE4A6" style="fill:#AAE4A6;fill:color(display-p3 0.6667 0.8941 0.6510);fill-opacity:1;"/>
+<path d="M37.4088 56C36.6796 56 35.9802 56.2896 35.4645 56.8052C34.949 57.3209 34.6594 58.0202 34.6594 58.7494C34.6594 59.4786 34.949 60.178 35.4645 60.6937L39.0203 64.2494L35.4645 67.8052C34.9636 68.3238 34.6864 69.0185 34.6927 69.7395C34.699 70.4606 34.9882 71.1503 35.498 71.6602C36.0079 72.17 36.6977 72.4593 37.4187 72.4655C38.1397 72.4718 38.8344 72.1946 39.353 71.6937L42.9088 68.1379L46.4645 71.6937C46.9832 72.1946 47.6778 72.4718 48.3989 72.4655C49.1199 72.4593 49.8097 72.17 50.3195 71.6602C50.8294 71.1503 51.1186 70.4606 51.1249 69.7395C51.1312 69.0185 50.854 68.3238 50.353 67.8052L46.7973 64.2494L50.353 60.6937C50.854 60.175 51.1312 59.4804 51.1249 58.7593C51.1186 58.0383 50.8294 57.3485 50.3195 56.8387C49.8097 56.3288 49.1199 56.0396 48.3989 56.0333C47.6778 56.027 46.9832 56.3042 46.4645 56.8052L42.9088 60.3609L39.353 56.8052C38.8373 56.2896 38.138 56 37.4088 56Z" fill="#AAE4A6" style="fill:#AAE4A6;fill:color(display-p3 0.6667 0.8941 0.6510);fill-opacity:1;"/>
+<path d="M56.0892 67.8049C56.605 67.2891 57.3044 66.9994 58.0338 66.9994H66.2838C67.0131 66.9994 67.7126 67.2891 68.2283 67.8049C68.7441 68.3206 69.0338 69.0201 69.0338 69.7494C69.0338 70.4788 68.7441 71.1782 68.2283 71.694C67.7126 72.2097 67.0131 72.4994 66.2838 72.4994H58.0338C57.3044 72.4994 56.605 72.2097 56.0892 71.694C55.5735 71.1782 55.2838 70.4788 55.2838 69.7494C55.2838 69.0201 55.5735 68.3206 56.0892 67.8049Z" fill="#AAE4A6" style="fill:#AAE4A6;fill:color(display-p3 0.6667 0.8941 0.6510);fill-opacity:1;"/>
+</svg>
diff --git a/docs/public/vercel.svg b/docs/public/vercel.svg
deleted file mode 100644
index 7705396..0000000
--- a/docs/public/vercel.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/docs/public/web-app-manifest-192x192.png b/docs/public/web-app-manifest-192x192.png
new file mode 100644
index 0000000..10d3dc1
Binary files /dev/null and b/docs/public/web-app-manifest-192x192.png differ
diff --git a/docs/public/web-app-manifest-512x512.png b/docs/public/web-app-manifest-512x512.png
new file mode 100644
index 0000000..29003d7
Binary files /dev/null and b/docs/public/web-app-manifest-512x512.png differ
diff --git a/docs/src/app/apple-icon.png b/docs/src/app/apple-icon.png
new file mode 100644
index 0000000..256ed87
Binary files /dev/null and b/docs/src/app/apple-icon.png differ
diff --git a/docs/src/app/docs/how-it-works/page.tsx b/docs/src/app/docs/how-it-works/page.tsx
index a582983..d1fd43c 100644
--- a/docs/src/app/docs/how-it-works/page.tsx
+++ b/docs/src/app/docs/how-it-works/page.tsx
@@ -1,7 +1,22 @@
+import type { Metadata } from "next";
 import { DocsPagination } from "@/components/DocsPagination";
 import { Cpu, Shield, FileCode2 } from "lucide-react";
 import { Card } from "@/components/ui/card";
 
+export const metadata: Metadata = {
+  title: "How It Works",
+  description: "Understand Secure Input architecture: keystroke capture, worker isolation, and WASM encryption flow.",
+  alternates: {
+    canonical: "/docs/how-it-works",
+  },
+  openGraph: {
+    title: "How Secure Input Works",
+    description: "Architecture walkthrough of worker-based isolation and WASM-powered encryption.",
+    url: "https://secure-input.vercel.app/docs/how-it-works",
+    type: "article",
+  },
+};
+
 export default function HowItWorksPage() {
   return (
     <div className="prose prose-invert prose-zinc max-w-4xl font-body">
diff --git a/docs/src/app/docs/installation/page.tsx b/docs/src/app/docs/installation/page.tsx
index ec6e4ad..f253f40 100644
--- a/docs/src/app/docs/installation/page.tsx
+++ b/docs/src/app/docs/installation/page.tsx
@@ -1,7 +1,21 @@
-import { CodeBlock } from "@/components/CodeBlock";
+import type { Metadata } from "next";
 import { PackageManagerCode } from "@/components/PackageManagerCode";
 import { DocsPagination } from "@/components/DocsPagination";
 
+export const metadata: Metadata = {
+  title: "Installation",
+  description: "Install Secure Input packages for React, Next.js, or framework-agnostic JavaScript projects.",
+  alternates: {
+    canonical: "/docs/installation",
+  },
+  openGraph: {
+    title: "Install Secure Input",
+    description: "Get started with @secure-input/react or @secure-input/core in minutes.",
+    url: "https://secure-input.vercel.app/docs/installation",
+    type: "article",
+  },
+};
+
 export default function InstallationPage() {
   return (
     <div className="prose prose-invert prose-zinc max-w-4xl font-body">
diff --git a/docs/src/app/docs/layout.tsx b/docs/src/app/docs/layout.tsx
index 38710d0..36711de 100644
--- a/docs/src/app/docs/layout.tsx
+++ b/docs/src/app/docs/layout.tsx
@@ -1,10 +1,23 @@
+import type { Metadata } from "next";
 import { DocsSidebar } from "@/components/DocsSidebar";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
-import { Menu, Lock, GitBranch, BookText } from "lucide-react";
+import { Menu, GitBranch, BookText } from "lucide-react";
+import Image from "next/image";
 import Link from "next/link";
 import { Button } from "@/components/ui/button";
 
+export const metadata: Metadata = {
+  title: {
+    default: "Documentation",
+    template: "%s | Secure Input Docs",
+  },
+  description: "Secure Input documentation for installation, architecture, React integration, Vanilla JS usage, and server-side decryption.",
+  alternates: {
+    canonical: "/docs",
+  },
+};
+
 export default function DocsLayout({ children }: { children: React.ReactNode }) {
   return (
     <div className="flex min-h-screen flex-col bg-background font-sans text-foreground">
@@ -21,7 +34,7 @@ export default function DocsLayout({ children }: { children: React.ReactNode })
               </SheetTrigger>
               <SheetContent side="left" className="w-[300px] border-white/10 bg-background sm:w-[400px]">
                 <div className="flex items-center gap-2 mb-8 mt-4">
-                  <Lock className="h-5 w-5 text-accent" />
+                  <Image src="/secure-input.svg" alt="Secure Input Logo" width={22} height={24} className="h-6 w-auto" />
                   <span className="font-display text-lg font-bold tracking-tight">Secure Input</span>
                 </div>
                 <DocsSidebar />
@@ -30,7 +43,7 @@ export default function DocsLayout({ children }: { children: React.ReactNode })
           </div>
 
           <Link href="/" className="flex items-center gap-2 mr-auto">
-            <Lock className="h-5 w-5 text-accent" />
+            <Image src="/secure-input.svg" alt="Secure Input Logo" width={22} height={24} className="h-6 w-auto" />
             <span className="font-display text-lg font-bold tracking-tight hidden sm:inline-block">Secure Input</span>
           </Link>
           
@@ -41,7 +54,7 @@ export default function DocsLayout({ children }: { children: React.ReactNode })
                 Docs
               </Button>
             </Link>
-            <Link href="https://github.com/xSuneth/secure-input" target="_blank">
+            <Link href="https://github.com/xSuneth/secure-input" target="_blank" rel="noopener noreferrer">
               <Button variant="ghost" size="sm" className="font-display text-xs uppercase tracking-wider">
                 <GitBranch className="mr-2 h-4 w-4" />
                 GitHub
diff --git a/docs/src/app/docs/page.tsx b/docs/src/app/docs/page.tsx
index 31243ff..9cabbfc 100644
--- a/docs/src/app/docs/page.tsx
+++ b/docs/src/app/docs/page.tsx
@@ -1,6 +1,20 @@
-import { CodeBlock } from "@/components/CodeBlock";
+import type { Metadata } from "next";
 import { DocsPagination } from "@/components/DocsPagination";
 
+export const metadata: Metadata = {
+  title: "Introduction",
+  description: "Learn how Secure Input prevents browser extensions from scraping coupon and promo codes using WebAssembly and Web Workers.",
+  alternates: {
+    canonical: "/docs",
+  },
+  openGraph: {
+    title: "Secure Input Docs: Introduction",
+    description: "Overview of Secure Input and how it protects checkout inputs from client-side scraping.",
+    url: "https://secure-input.vercel.app/docs",
+    type: "article",
+  },
+};
+
 export default function DocsPage() {
   return (
     <div className="prose prose-invert prose-zinc max-w-4xl font-body">
diff --git a/docs/src/app/docs/react/page.tsx b/docs/src/app/docs/react/page.tsx
index bc3a014..6dafab4 100644
--- a/docs/src/app/docs/react/page.tsx
+++ b/docs/src/app/docs/react/page.tsx
@@ -1,6 +1,21 @@
+import type { Metadata } from "next";
 import { CodeBlock } from "@/components/CodeBlock";
 import { DocsPagination } from "@/components/DocsPagination";
 
+export const metadata: Metadata = {
+  title: "React Implementation",
+  description: "Integrate Secure Input in React and Next.js using the SecureInput component or useSecureInput hook.",
+  alternates: {
+    canonical: "/docs/react",
+  },
+  openGraph: {
+    title: "Secure Input for React",
+    description: "Implementation guide for @secure-input/react with component and hook examples.",
+    url: "https://secure-input.vercel.app/docs/react",
+    type: "article",
+  },
+};
+
 export default function ReactPage() {
   return (
     <div className="prose prose-invert prose-zinc max-w-4xl font-body">
diff --git a/docs/src/app/docs/server/page.tsx b/docs/src/app/docs/server/page.tsx
index cf946fa..5f62989 100644
--- a/docs/src/app/docs/server/page.tsx
+++ b/docs/src/app/docs/server/page.tsx
@@ -1,7 +1,22 @@
+import type { Metadata } from "next";
 import { CodeBlock } from "@/components/CodeBlock";
 import { Shield } from "lucide-react";
 import { DocsPagination } from "@/components/DocsPagination";
 
+export const metadata: Metadata = {
+  title: "Server-Side Decryption",
+  description: "Decrypt Secure Input payloads on your backend using ChaCha20Poly1305 and robust key management practices.",
+  alternates: {
+    canonical: "/docs/server",
+  },
+  openGraph: {
+    title: "Secure Input Server-Side Decryption",
+    description: "Backend implementation and key-management guidance for decrypting encrypted payloads safely.",
+    url: "https://secure-input.vercel.app/docs/server",
+    type: "article",
+  },
+};
+
 export default function ServerPage() {
   return (
     <div className="prose prose-invert prose-zinc max-w-4xl font-body">
diff --git a/docs/src/app/docs/vanilla/page.tsx b/docs/src/app/docs/vanilla/page.tsx
index 753268f..15b3f68 100644
--- a/docs/src/app/docs/vanilla/page.tsx
+++ b/docs/src/app/docs/vanilla/page.tsx
@@ -1,6 +1,21 @@
+import type { Metadata } from "next";
 import { CodeBlock } from "@/components/CodeBlock";
 import { DocsPagination } from "@/components/DocsPagination";
 
+export const metadata: Metadata = {
+  title: "Vanilla JavaScript Core",
+  description: "Use @secure-input/core in Vanilla JS, Vue, Svelte, Angular, or custom frontend stacks.",
+  alternates: {
+    canonical: "/docs/vanilla",
+  },
+  openGraph: {
+    title: "Secure Input for Vanilla JavaScript",
+    description: "Framework-agnostic implementation guide for @secure-input/core.",
+    url: "https://secure-input.vercel.app/docs/vanilla",
+    type: "article",
+  },
+};
+
 export default function VanillaPage() {
   return (
     <div className="prose prose-invert prose-zinc max-w-4xl font-body">
@@ -64,7 +79,7 @@ setupSecureCheckout();`}
 
       <h2 className="font-display mt-16">Cleanup & Memory Management</h2>
       <p>
-        Because this library spans up a dedicated Web Worker, it consumes memory. If you are building a Single Page Application (SPA), it is critical to destroy the instance when the component unmounts or the user navigates away to prevent memory leaks.
+        Because this library spins up a dedicated Web Worker, it consumes memory. If you are building a Single Page Application (SPA), it is critical to destroy the instance when the component unmounts or the user navigates away to prevent memory leaks.
       </p>
 
       <CodeBlock 
diff --git a/docs/src/app/favicon.ico b/docs/src/app/favicon.ico
index 718d6fe..ac6a085 100644
Binary files a/docs/src/app/favicon.ico and b/docs/src/app/favicon.ico differ
diff --git a/docs/src/app/icon0.svg b/docs/src/app/icon0.svg
new file mode 100644
index 0000000..e711db8
--- /dev/null
+++ b/docs/src/app/icon0.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="83" height="91" viewBox="0 0 83 91" fill="none"><path d="M20.5 40.75V25C20.5 19.4305 22.7125 14.089 26.6508 10.1508C30.589 6.21249 35.9305 4 41.5 4C47.0695 4 52.411 6.21249 56.3492 10.1508C60.2875 14.089 62.5 19.4305 62.5 25V40.75" stroke="#AAE4A6" style="stroke:#AAE4A6;stroke:color(display-p3 0.6667 0.8941 0.6510);stroke-opacity:1;" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"></path><rect x="4" y="41" width="75" height="46" rx="10" stroke="#AAE4A6" style="stroke:#AAE4A6;stroke:color(display-p3 0.6667 0.8941 0.6510);stroke-opacity:1;" stroke-width="8"></rect><path d="M16.7937 56.0333C17.5147 56.027 18.2094 56.3042 18.728 56.8052L22.2838 60.3609L25.8395 56.8052C26.3582 56.3042 27.0529 56.027 27.7739 56.0333C28.4949 56.0396 29.1847 56.3288 29.6945 56.8387C30.2044 57.3485 30.4936 58.0383 30.4999 58.7593C30.5062 59.4804 30.229 60.175 29.728 60.6937L26.1723 64.2494L29.728 67.8052C30.229 68.3238 30.5062 69.0185 30.4999 69.7395C30.4936 70.4606 30.2044 71.1503 29.6945 71.6602C29.1847 72.17 28.4949 72.4593 27.7739 72.4655C27.0529 72.4718 26.3582 72.1946 25.8395 71.6937L22.2838 68.1379L18.728 71.6937C18.4744 71.9563 18.1709 72.1658 17.8354 72.3099C17.4999 72.4541 17.139 72.5299 16.7739 72.5331C16.4088 72.5363 16.0466 72.4667 15.7087 72.3284C15.3707 72.1901 15.0637 71.986 14.8055 71.7277C14.5473 71.4695 14.3431 71.1625 14.2048 70.8245C14.0665 70.4866 13.9969 70.1245 14.0001 69.7593C14.0033 69.3942 14.0791 69.0333 14.2233 68.6978C14.3674 68.3623 14.5769 68.0588 14.8395 67.8052L18.3953 64.2494L14.8395 60.6937C14.3386 60.175 14.0614 59.4804 14.0677 58.7593C14.074 58.0383 14.3632 57.3485 14.873 56.8387C15.3829 56.3288 16.0726 56.0396 16.7937 56.0333Z" fill="#AAE4A6" style="fill:#AAE4A6;fill:color(display-p3 0.6667 0.8941 0.6510);fill-opacity:1;"></path><path d="M37.4088 56C36.6796 56 35.9802 56.2896 35.4645 56.8052C34.949 57.3209 34.6594 58.0202 34.6594 58.7494C34.6594 59.4786 34.949 60.178 35.4645 60.6937L39.0203 64.2494L35.4645 67.8052C34.9636 68.3238 34.6864 69.0185 34.6927 69.7395C34.699 70.4606 34.9882 71.1503 35.498 71.6602C36.0079 72.17 36.6977 72.4593 37.4187 72.4655C38.1397 72.4718 38.8344 72.1946 39.353 71.6937L42.9088 68.1379L46.4645 71.6937C46.9832 72.1946 47.6778 72.4718 48.3989 72.4655C49.1199 72.4593 49.8097 72.17 50.3195 71.6602C50.8294 71.1503 51.1186 70.4606 51.1249 69.7395C51.1312 69.0185 50.854 68.3238 50.353 67.8052L46.7973 64.2494L50.353 60.6937C50.854 60.175 51.1312 59.4804 51.1249 58.7593C51.1186 58.0383 50.8294 57.3485 50.3195 56.8387C49.8097 56.3288 49.1199 56.0396 48.3989 56.0333C47.6778 56.027 46.9832 56.3042 46.4645 56.8052L42.9088 60.3609L39.353 56.8052C38.8373 56.2896 38.138 56 37.4088 56Z" fill="#AAE4A6" style="fill:#AAE4A6;fill:color(display-p3 0.6667 0.8941 0.6510);fill-opacity:1;"></path><path d="M56.0892 67.8049C56.605 67.2891 57.3044 66.9994 58.0338 66.9994H66.2838C67.0131 66.9994 67.7126 67.2891 68.2283 67.8049C68.7441 68.3206 69.0338 69.0201 69.0338 69.7494C69.0338 70.4788 68.7441 71.1782 68.2283 71.694C67.7126 72.2097 67.0131 72.4994 66.2838 72.4994H58.0338C57.3044 72.4994 56.605 72.2097 56.0892 71.694C55.5735 71.1782 55.2838 70.4788 55.2838 69.7494C55.2838 69.0201 55.5735 68.3206 56.0892 67.8049Z" fill="#AAE4A6" style="fill:#AAE4A6;fill:color(display-p3 0.6667 0.8941 0.6510);fill-opacity:1;"></path><style>@media (prefers-color-scheme: light) { :root { filter: contrast(1) brightness(0.7); } }
+@media (prefers-color-scheme: dark) { :root { filter: contrast(1) brightness(1); } }
+</style></svg>
\ No newline at end of file
diff --git a/docs/src/app/icon1.png b/docs/src/app/icon1.png
new file mode 100644
index 0000000..98a0ee3
Binary files /dev/null and b/docs/src/app/icon1.png differ
diff --git a/docs/src/app/layout.tsx b/docs/src/app/layout.tsx
index f9da47e..dedc059 100644
--- a/docs/src/app/layout.tsx
+++ b/docs/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { Spline_Sans_Mono, Hanken_Grotesk } from "next/font/google";
 import { PostHogProvider } from "@/providers/PostHogProvider";
+import { Analytics } from "@vercel/analytics/next";
 import "./globals.css";
 
 const displayFont = Spline_Sans_Mono({
@@ -18,6 +19,8 @@ const bodyFont = Hanken_Grotesk({
 
 export const metadata: Metadata = {
   metadataBase: new URL("https://secure-input.vercel.app"),
+  applicationName: "Secure Input",
+  manifest: "/manifest.json",
   title: {
     default: "Secure Input | Prevent Client-Side Scraping",
     template: "%s | Secure Input",
@@ -26,6 +29,36 @@ export const metadata: Metadata = {
   keywords: ["coupon code protection", "block honey extension", "prevent promo code scraping", "secure checkout input", "react secure input", "wasm encryption", "web worker obfuscation", "e-commerce security"],
   authors: [{ name: "Suneth Chathuranga", url: "https://github.com/xSuneth" }],
   creator: "Suneth Chathuranga",
+  alternates: {
+    canonical: "/",
+  },
+  verification: {
+    google: "google4c4480f5ebd28060",
+  },
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: true,
+      "max-video-preview": -1,
+      "max-image-preview": "large",
+      "max-snippet": -1,
+    },
+  },
+  icons: {
+    icon: [
+      { url: "/favicon.ico", sizes: "48x48" },
+      { url: "/icon0.svg", type: "image/svg+xml" },
+      { url: "/icon1.png", type: "image/png" },
+    ],
+    apple: [
+      { url: "/apple-icon.png", type: "image/png" },
+    ],
+  },
+  appleWebApp: {
+    title: "Secure Input",
+  },
   openGraph: {
     type: "website",
     locale: "en_US",
@@ -33,11 +66,20 @@ export const metadata: Metadata = {
     title: "Secure Input | Protect Checkout & Block Coupon Scraping",
     description: "Stop browser extensions like Honey from scraping and leaking your e-commerce discount codes.",
     siteName: "Secure Input Documentation",
+    images: [
+      {
+        url: "/icon1.png",
+        width: 512,
+        height: 512,
+        alt: "Secure Input logo",
+      },
+    ],
   },
   twitter: {
     card: "summary_large_image",
     title: "Secure Input | Protect Checkout & Block Coupon Scraping",
     description: "Stop browser extensions like Honey from scraping and leaking your e-commerce discount codes.",
+    images: ["/icon1.png"],
   },
 };
 
@@ -52,8 +94,11 @@ export default function RootLayout({
         className={`min-h-screen bg-background font-body antialiased ${bodyFont.variable} ${displayFont.variable}`}
       >
         <PostHogProvider>
+        <Analytics />
           {children}
+        
         </PostHogProvider>
+      
       </body>
     </html>
   );
diff --git a/docs/src/app/manifest.json b/docs/src/app/manifest.json
new file mode 100644
index 0000000..3b5ef85
--- /dev/null
+++ b/docs/src/app/manifest.json
@@ -0,0 +1,21 @@
+{
+  "name": "secure-input",
+  "short_name": "secure-input",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#000000",
+  "background_color": "#000000",
+  "display": "standalone"
+}
\ No newline at end of file
diff --git a/docs/src/app/page.tsx b/docs/src/app/page.tsx
index 5af8e4a..3ff0ed0 100644
--- a/docs/src/app/page.tsx
+++ b/docs/src/app/page.tsx
@@ -5,7 +5,8 @@ import { Card } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Separator } from "@/components/ui/separator";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
-import { Shield, Cpu, FileCode2, Lock, GitBranch, ArrowRight, Check, Copy, BookText } from "lucide-react";
+import { Shield, Cpu, FileCode2, GitBranch, ArrowRight, Check, Copy, BookText } from "lucide-react";
+import Image from "next/image";
 import { CpuIcon } from "@/components/icons/CpuIcon";
 import { ShieldIcon } from "@/components/icons/ShieldIcon";
 import { FileCodeIcon } from "@/components/icons/FileCodeIcon";
@@ -135,6 +136,60 @@ export default function Home() {
   const [copied, setCopied] = useState(false);
   const [hoveredCard, setHoveredCard] = useState<number | null>(null);
   const [selectedFw, setSelectedFw] = useState("react");
+  const softwareStructuredData = {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    name: "Secure Input",
+    applicationCategory: "DeveloperApplication",
+    operatingSystem: "Web",
+    description:
+      "WASM-powered input obfuscation library for React and Vanilla JS to reduce client-side coupon scraping.",
+    url: "https://secure-input.vercel.app",
+    softwareVersion: "1.0.0",
+    offers: {
+      "@type": "Offer",
+      price: "0",
+      priceCurrency: "USD",
+    },
+  };
+  const faqStructuredData = {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    mainEntity: [
+      {
+        "@type": "Question",
+        name: "How do I block coupon-scraping extensions from reading checkout inputs?",
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: "Secure Input isolates plaintext handling in a Web Worker and exposes encrypted payloads to the main thread, which reduces direct DOM scraping opportunities.",
+        },
+      },
+      {
+        "@type": "Question",
+        name: "Does Secure Input support React and Next.js?",
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: "Yes. Use @secure-input/react for components and hooks, or use @secure-input/core for framework-agnostic JavaScript.",
+        },
+      },
+      {
+        "@type": "Question",
+        name: "Can I use Secure Input with vanilla JavaScript?",
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: "Yes. The @secure-input/core package is framework-agnostic and works with vanilla JavaScript as well as Vue, Svelte, and Angular.",
+        },
+      },
+      {
+        "@type": "Question",
+        name: "Is this full security or obfuscation?",
+        acceptedAnswer: {
+          "@type": "Answer",
+          text: "Secure Input raises the bar against automated scraping but should be combined with server-side validation, key management, and rate limiting.",
+        },
+      },
+    ],
+  };
 
   const handleCopy = () => {
     posthog.capture("hero_command_copied");
@@ -146,11 +201,21 @@ export default function Home() {
 
   return (
     <div className="min-h-screen bg-background text-foreground selection:bg-accent selection:text-accent-foreground font-sans">
+      <script
+        type="application/ld+json"
+        suppressHydrationWarning
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(softwareStructuredData) }}
+      />
+      <script
+        type="application/ld+json"
+        suppressHydrationWarning
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(faqStructuredData) }}
+      />
       {/* Navigation */}
       <nav className="border-b border-white/5 bg-background/80 backdrop-blur-md sticky top-0 z-50">
         <div className="container mx-auto px-6 h-16 flex items-center justify-between">
           <div className="flex items-center gap-2">
-            <Lock className="w-5 h-5 text-accent" />
+            <Image src="/secure-input.svg" alt="Secure Input Logo" width={28} height={31} className="h-7 w-auto" />
             <span className="font-display font-bold tracking-tight text-lg">Secure Input</span>
           </div>
           <div className="flex items-center gap-4">
@@ -160,7 +225,7 @@ export default function Home() {
                 Docs
               </Button>
             </Link>
-            <Link href="https://github.com/xSuneth/secure-input" target="_blank">
+            <Link href="https://github.com/xSuneth/secure-input" target="_blank" rel="noopener noreferrer">
               <Button variant="ghost" size="sm" className="font-display text-xs uppercase tracking-wider">
                 <GitBranch className="w-4 h-4 mr-2" />
                 GitHub
@@ -635,7 +700,7 @@ export default function Home() {
       <footer className="border-t border-white/10 py-12 bg-black">
         <div className="container mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-6">
           <div className="flex items-center gap-2">
-            <Lock className="w-4 h-4 text-muted-foreground" />
+            <Image src="/secure-input.svg" alt="Secure Input Logo" width={18} height={20} className="h-5 w-auto opacity-70" />
             <span className="font-display font-bold text-sm text-muted-foreground">Secure Input</span>
           </div>
           <p className="text-xs text-muted-foreground font-display uppercase tracking-widest">
diff --git a/docs/src/app/robots.ts b/docs/src/app/robots.ts
index 4b76996..81ccd7b 100644
--- a/docs/src/app/robots.ts
+++ b/docs/src/app/robots.ts
@@ -6,6 +6,7 @@ export default function robots(): MetadataRoute.Robots {
       userAgent: '*',
       allow: '/',
     },
+    host: 'https://secure-input.vercel.app',
     sitemap: 'https://secure-input.vercel.app/sitemap.xml',
   };
 }
\ No newline at end of file