diff --git a/index.html b/index.html
index f3831b8..b4d3e28 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,27 @@
     <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet">
   </head>
   <body>
-    <div id="root"></div>
+    <div id="root">
+      <!-- Static fallback: this is a client-rendered SPA with no SSR, so a
+           crawler or viewer that doesn't execute JS only ever sees this
+           markup. React replaces it the instant it mounts, so real visitors
+           never see it. -->
+      <main style="max-width:720px;margin:0 auto;padding:64px 24px;font-family:'IBM Plex Sans',system-ui,sans-serif;background:#0b0f12;color:#eef2f1">
+        <h1 style="font-size:32px;line-height:1.2;margin:0 0 16px">Find it. Fix it. Prove it.</h1>
+        <p style="font-size:16px;line-height:1.6;color:#8fa0a8;margin:0 0 24px">
+          CrawlerX connects deep technical site audits with CMS-ready AI fixes and automated client proof —
+          built for agencies, priced for agencies: 10 client sites for ₹2,499/mo ($29/mo).
+        </p>
+        <nav aria-label="Primary">
+          <a href="/features" style="color:#3fb6ae;margin-right:16px">Features</a>
+          <a href="/pricing" style="color:#3fb6ae;margin-right:16px">Pricing</a>
+          <a href="/agencies" style="color:#3fb6ae;margin-right:16px">For agencies</a>
+          <a href="/compare" style="color:#3fb6ae;margin-right:16px">Compare</a>
+          <a href="/blog" style="color:#3fb6ae;margin-right:16px">Blog</a>
+          <a href="/contact" style="color:#3fb6ae">Contact</a>
+        </nav>
+      </main>
+    </div>
     <script type="module" src="/src/main.jsx"></script>
   </body>
 </html>