{
  "schemaVersion": 1,
  "name": "pricing-page",
  "useFor": "Use as a starting point for a pricing page. Set the current plans, values and action URLs.",
  "constraints": [
    "More than one featured plan",
    "Prices in bold"
  ],
  "documentation": "",
  "source": "opencommerce-agentcard-web src/components/pricing.tsx, faq.tsx (as a page of its own)",
  "exports": [
    "PricingPage"
  ],
  "client": false,
  "docsUrl": "https://opencommerce-ds.vercel.app/components/pricing-page",
  "markdownUrl": "https://opencommerce-ds.vercel.app/r/pricing-page.md",
  "examples": [
    {
      "path": "examples/pricing-page.tsx",
      "content": "import { PricingPage } from \"@/components/blocks/pricing-page\";\n\nexport function Block() {\n  return <PricingPage />;\n}\n",
      "exports": [
        "Block"
      ],
      "requires": [
        "pricing-page"
      ],
      "packages": [],
      "previews": [
        {
          "name": "Block",
          "url": "https://opencommerce-ds.vercel.app/preview/pricing-page/Block"
        }
      ]
    }
  ],
  "type": "block",
  "title": "Pricing page",
  "description": "Pricing page template with the plans, billing questions and the footer.",
  "surface": "site",
  "kinds": [],
  "requires": [
    "theme",
    "faq",
    "pricing",
    "section",
    "site-footer",
    "site-header"
  ],
  "packages": [],
  "files": [
    {
      "path": "components/blocks/pricing-page.tsx",
      "content": "import { Faq } from \"@/components/site/faq\";\nimport { Pricing } from \"@/components/site/pricing\";\nimport { SiteSection } from \"@/components/site/section\";\nimport { SiteFooter } from \"@/components/site/site-footer\";\nimport { SiteHeader } from \"@/components/site/site-header\";\n\n// A pricing page in the home page's voice: the glass header, the plans in windows with their compared rows, the\n// questions about billing, and the footer with its outlined wordmark. Set the current plans, values and action URLs.\n\nconst SIGNUP = \"https://app.agentcard.sh\";\n\nconst LINKS = [\n  { label: \"Home\", href: \"/\" },\n  { label: \"Pricing\", href: \"/pricing\", current: true },\n  { label: \"Docs\", href: \"https://docs.agentcard.sh\" },\n];\n\nconst FOOTER = [\n  { title: \"Product\", links: [{ label: \"Features\", href: \"/#features\" }, { label: \"Monitoring\", href: \"/#monitoring\" }, { label: \"Pricing\", href: \"/pricing\" }] },\n  { title: \"Developers\", links: [{ label: \"Docs\", href: \"https://docs.agentcard.sh\" }, { label: \"SDK\", href: \"https://www.npmjs.com/package/@agentcard/sdk\" }] },\n  { title: \"Company\", links: [{ label: \"Agentcard\", href: \"https://agentcard.sh\" }, { label: \"Contact\", href: \"mailto:hello@agentcard.sh\" }] },\n];\n\nexport function PricingPage() {\n  return (\n    <div className=\"bg-surface text-fg\">\n      <SiteHeader href=\"/\" links={LINKS} spy={false} action={{ label: \"Get started\", href: SIGNUP }} />\n      <main>\n        <SiteSection aria-label=\"Pricing\">\n          <Pricing\n            title=\"Pricing\"\n            description=\"Start free while you build. Move to Standard when your agent is buying for real.\"\n            rows={[\"Platform fees\", \"Merchants\", \"PSPs\", \"Support\"]}\n            plans={[\n              { name: \"Free\", price: \"$0\", unit: \"while you build\", blurb: \"Everything you need to wire up your agent and make its first purchases.\", values: [\"N/A\", \"5 merchants\", \"2 PSPs\", \"Community\"], action: { label: \"Try free\", href: SIGNUP } },\n              { name: \"Standard\", badge: \"Every merchant\", price: \"1%\", unit: \"of each completed order\", blurb: \"For agents buying for real, across every store and payment provider.\", values: [\"1%\", \"Every merchant\", \"Every PSP\", \"Shared channel\"], featured: true, action: { label: \"Get started\", href: SIGNUP } },\n            ]}\n          />\n        </SiteSection>\n        <SiteSection aria-label=\"Billing questions\" width=\"medium\" className=\"pb-18 md:pb-30\">\n          <Faq\n            title=\"Billing questions\"\n            minHeight={false}\n            items={[\n              { question: \"When is the fee charged?\", answer: \"On each completed order. Failed and cancelled orders cost nothing.\" },\n              { question: \"Can I stay on Free?\", answer: \"Yes, for as long as you are building. Move to Standard when your agent buys for real.\" },\n              { question: \"Do you offer volume pricing?\", answer: \"Above a monthly volume we set a lower rate; book a call and we will work it out.\" },\n            ]}\n          />\n        </SiteSection>\n      </main>\n      <SiteFooter description=\"The open router for commerce. Buy from any online store from a single endpoint.\" legal={<span>© 2026 Agentcard, Inc.</span>} groups={FOOTER} />\n    </div>\n  );\n}\n"
    }
  ]
}