docs: add "How Vibecode Compares" page

docs.json

@@ -15,7 +15,7 @@
         "groups": [
           {
             "group": "Welcome",
-            "pages": ["index", "getting-started/plans-and-credits"]
+            "pages": ["index", "getting-started/how-vibecode-compares", "getting-started/plans-and-credits"]
           },
           {
             "group": "Build Your First App",

getting-started/how-vibecode-compares.mdx

@@ -0,0 +1,40 @@
+---
+title: 'How Vibecode Compares'
+description: 'How Vibecode stacks up against other vibe coding tools'
+---
+
+The "vibe coding" space — tools that turn natural-language prompts into real apps — is growing fast. Vibecode is built for one thing the others aren't: **shipping real mobile apps, from your phone, to the App Store.**
+
+Here's how we stack up against the other leading platforms.
+
+<Frame caption="The Vibe Coding Landscape">
+  <img src="/getting-started/vibe-coding-landscape.jpeg" alt="Comparison of Vibecode, Lovable, Replit, and Bolt across platform, mobile, backend, deployment, and pricing." />
+</Frame>
+
+## What's unique to Vibecode
+
+<CardGroup cols={2}>
+  <Card title="Build from your phone" icon="mobile-screen">
+    Design, prompt, and preview real mobile apps directly on your phone. No laptop required.
+  </Card>
+  <Card title="Paywalls that actually ship" icon="credit-card">
+    Set up in-app purchases and subscriptions — and keep them when you publish.
+  </Card>
+  <Card title="App Store submission" icon="apple">
+    Go from prompt to App Store review without leaving Vibecode.
+  </Card>
+  <Card title="Claude Code agent, built in" icon="sparkles">
+    Anthropic's coding agent runs your builds by default — the same one serious developers use.
+  </Card>
+</CardGroup>
+
+## Ready to try it?
+
+<CardGroup cols={2}>
+  <Card title="Create your first app" icon="rocket" href="/getting-started/creating-first-app">
+    Build and preview an app in minutes.
+  </Card>
+  <Card title="Plans & credits" icon="coins" href="/getting-started/plans-and-credits">
+    See what's included at each tier.
+  </Card>
+</CardGroup>