> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mercurjs.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Mercur v2.0 is here

> A structured marketplace platform designed for both developers and AI to extend safely.

<div className="max-w-5xl mx-auto px-6 py-16">
  <div className="text-center mt-12 mb-16">
    <h1 className="text-5xl font-bold tracking-tight mb-4">Mercur v2.0 is here</h1>

    <p className="text-xl text-gray-500 dark:text-gray-400 max-w-2xl mx-auto">
      Most tools use AI to generate snippets. Mercur lets AI work at the system level — composing APIs, modifying workflows, extending UI, and evolving your marketplace architecture.
    </p>

    <div className="mt-8 flex gap-4 justify-center">
      <a href="/getting-started/installation" className="inline-flex items-center px-5 py-2.5 rounded-lg bg-black dark:bg-white text-white dark:text-black font-medium text-sm hover:opacity-90 transition-opacity no-underline">
        Get Started
      </a>

      <a href="https://github.com/mercurjs/mercur/releases/tag/v2.0.0" className="inline-flex items-center px-5 py-2.5 rounded-lg border border-gray-200 dark:border-gray-700 font-medium text-sm hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors no-underline">
        Release Notes
      </a>
    </div>
  </div>

  <div className="mb-16">
    <h2 className="text-2xl font-semibold mb-2">AI-native by design</h2>
    <p className="text-gray-500 dark:text-gray-400 mb-6">Mercur 2.0 provides clear, predictable patterns that AI can reason about.</p>

    <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
      <div className="p-5 rounded-xl border border-gray-200 dark:border-gray-800">
        <h3 className="font-semibold text-base mb-2">Typed API Client</h3>
        <p className="text-sm text-gray-500 dark:text-gray-400 m-0">API specifications are shared between the server and the client. AI can read types and generate correct integrations without guessing.</p>
      </div>

      <div className="p-5 rounded-xl border border-gray-200 dark:border-gray-800">
        <h3 className="font-semibold text-base mb-2">Block Registry with CLI</h3>
        <p className="text-sm text-gray-500 dark:text-gray-400 m-0">Like shadcn/ui, but for your backend. Features are modular blocks that can be added, updated, and diffed. The CLI is native for AI agents — they can safely add, extend, and modify your system with structured building units.</p>
      </div>

      <div className="p-5 rounded-xl border border-gray-200 dark:border-gray-800">
        <h3 className="font-semibold text-base mb-2">Monorepo Setup</h3>
        <p className="text-sm text-gray-500 dark:text-gray-400 m-0">Everything lives in one consistent system. AI has full context across backend, admin, vendor, and shared packages.</p>
      </div>

      <div className="p-5 rounded-xl border border-gray-200 dark:border-gray-800">
        <h3 className="font-semibold text-base mb-2">Programmable Workflows</h3>
        <p className="text-sm text-gray-500 dark:text-gray-400 m-0">Cart, orders, pricing, and vendors are exposed as structured logic that can be extended, replaced, or hooked into. AI can modify steps, inject logic, and adapt them to new business models.</p>
      </div>

      <div className="p-5 rounded-xl border border-gray-200 dark:border-gray-800">
        <h3 className="font-semibold text-base mb-2">Extensible Panels</h3>
        <p className="text-sm text-gray-500 dark:text-gray-400 m-0">Admin and vendor panels are extended through file-based routing and a block registry — add custom pages, replace entire pages, or swap out components, all wired in automatically by the dashboard SDK.</p>
      </div>

      <div className="p-5 rounded-xl border border-gray-200 dark:border-gray-800">
        <h3 className="font-semibold text-base mb-2">Marketplace Payments</h3>
        <p className="text-sm text-gray-500 dark:text-gray-400 m-0">Native marketplace payments with pluggable payout providers. Stripe Connect out of the box — swap or extend providers as your marketplace evolves.</p>
      </div>
    </div>

    <div className="mt-4 p-5 rounded-xl border border-gray-200 dark:border-gray-800">
      <h3 className="font-semibold text-base mb-2">Built on Medusa.js</h3>
      <p className="text-sm text-gray-500 dark:text-gray-400 m-0">A structured commerce framework with modules, workflows, links, and subscribers as first-class building blocks. This gives AI context, not chaos — so it can safely modify real systems instead of guessing.</p>
    </div>
  </div>

  <div className="mb-16">
    <h2 className="text-2xl font-semibold mb-6">Resources</h2>

    <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
      <a href="/getting-started/introduction" className="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-gray-300 dark:hover:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-900 transition-all no-underline">
        <h3 className="font-semibold text-base mb-2">Documentation</h3>
        <p className="text-sm text-gray-500 dark:text-gray-400 m-0">Guides on setup, configuration, and extending your marketplace.</p>
      </a>

      <a href="https://github.com/mercurjs/mercur" className="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-gray-300 dark:hover:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-900 transition-all no-underline">
        <h3 className="font-semibold text-base mb-2">GitHub</h3>
        <p className="text-sm text-gray-500 dark:text-gray-400 m-0">Source code, examples, and community contributions.</p>
      </a>

      <a href="https://discord.gg/hnZBzc4NJU" className="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-gray-300 dark:hover:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-900 transition-all no-underline">
        <h3 className="font-semibold text-base mb-2">Discord</h3>
        <p className="text-sm text-gray-500 dark:text-gray-400 m-0">Join the community for help, discussions, and updates.</p>
      </a>

      <a href="/blocks" className="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-gray-300 dark:hover:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-900 transition-all no-underline">
        <div className="flex items-center gap-3 mb-2">
          <span className="text-lg">🧱</span>
          <h3 className="font-semibold text-base m-0">Browse Blocks</h3>
        </div>

        <p className="text-sm text-gray-500 dark:text-gray-400 m-0">Official registry blocks — install only what you need.</p>
      </a>

      <a href="/ai-development/llms" className="block p-5 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-gray-300 dark:hover:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-900 transition-all no-underline">
        <h3 className="font-semibold text-base mb-2">AI Development</h3>
        <p className="text-sm text-gray-500 dark:text-gray-400 m-0">LLMs, MCP server, and skills — connect your AI tools to Mercur.</p>
      </a>
    </div>
  </div>
</div>