docs: add "How Vibecode Compares" page

[RikasMRM]

Note

Low Risk
Documentation-only change adding a new marketing/comparison page and linking it in navigation; no runtime or data-handling code is affected.

Overview
Adds a new Getting Started doc page, getting-started/how-vibecode-compares, describing Vibecode’s positioning and linking users to the quickstart and pricing pages.

Updates docs.json navigation to include this new page in the Welcome section so it appears in the Getting Started sidebar.

^{Reviewed by Cursor Bugbot for commit 6c22593. Bugbot is set up for automated code reviews on this repo. Configure here.}

Greptile Summary

This PR adds a new "How Vibecode Compares" page to the Getting Started / Welcome section, including a JPEG landscape comparison image and four feature-highlight cards. Navigation registration in docs.json is correct, both CTA links resolve to existing pages, and the image path matches the committed file.

Confidence Score: 5/5

Safe to merge — pure documentation addition with no broken links, correct image path, and valid Mintlify component usage.

All three changed files are straightforward: the nav config correctly registers the new page, both CTA hrefs point to confirmed-existing pages, and the comparison image is committed in the same PR. No P0 or P1 issues found.

No files require special attention.

Important Files Changed

Filename	Overview
docs.json	Adds getting-started/how-vibecode-compares to the Welcome group navigation — correct placement, no issues.
getting-started/how-vibecode-compares.mdx	New comparison page using valid Mintlify components; both CTA hrefs point to pages that exist in the repo.
getting-started/vibe-coding-landscape.jpeg	Binary JPEG committed alongside the page that references it; path matches the src attribute in the MDX.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[docs.json Welcome group] --> B[index]
    A --> C[how-vibecode-compares NEW]
    A --> D[plans-and-credits]

    C --> E[Frame: vibe-coding-landscape.jpeg]
    C --> F[CardGroup: Whats unique to Vibecode]
    C --> G[CardGroup: Ready to try it?]

    G --> H[creating-first-app]
    G --> D

Loading

_{Reviews (1): Last reviewed commit: "docs: add "How Vibecode Compares" page" | Re-trigger Greptile}

[mintlify]

Preview deployment for your docs. Learn more about Mintlify Previews.

Project	Status	Preview	Updated (UTC)
vibecode	🟢 Ready	View Preview	Apr 13, 2026, 11:09 PM

💡 Tip: Enable Workflows to automatically generate PRs for you.