{
  "name": "pricing-tiers",
  "kind": "block",
  "primary": "grid-ui",
  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "columns": "1 3@lg",
    "gap": "4"
  },
  "html": "<grid-ui columns=\"1 3@lg\" gap=\"4\">\n  <card-ui>\n    <header>\n      <h3>Free</h3>\n      <p slot=\"description\">Get started at no cost</p>\n    </header>\n    <section>\n      <col-ui gap=\"3\">\n        <text-ui size=\"xxl\" strong>$0<text-ui size=\"sm\" color=\"subtle\">/month</text-ui></text-ui>\n        <col-ui gap=\"1\">\n          <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">5 projects</text-ui></row-ui>\n          <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">1 GB storage</text-ui></row-ui>\n          <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">Community support</text-ui></row-ui>\n        </col-ui>\n      </col-ui>\n    </section>\n    <footer>\n      <button-ui text=\"Get started\" variant=\"outline\" stretch></button-ui>\n    </footer>\n  </card-ui>\n  <card-ui>\n    <header>\n      <h3>Pro</h3>\n      <p slot=\"description\">For growing teams</p>\n      <badge-ui slot=\"action\" text=\"Most popular\" variant=\"accent\"></badge-ui>\n    </header>\n    <section>\n      <col-ui gap=\"3\">\n        <text-ui size=\"xxl\" strong>$49<text-ui size=\"sm\" color=\"subtle\">/month</text-ui></text-ui>\n        <col-ui gap=\"1\">\n          <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">Unlimited projects</text-ui></row-ui>\n          <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">100 GB storage</text-ui></row-ui>\n          <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">Priority support</text-ui></row-ui>\n          <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">Advanced analytics</text-ui></row-ui>\n        </col-ui>\n      </col-ui>\n    </section>\n    <footer>\n      <button-ui text=\"Start free trial\" variant=\"primary\" stretch></button-ui>\n    </footer>\n  </card-ui>\n  <card-ui>\n    <header>\n      <h3>Enterprise</h3>\n      <p slot=\"description\">Custom solutions at scale</p>\n    </header>\n    <section>\n      <col-ui gap=\"3\">\n        <text-ui size=\"xxl\" strong>Custom<text-ui size=\"sm\" color=\"subtle\"> pricing</text-ui></text-ui>\n        <col-ui gap=\"1\">\n          <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">Everything in Pro</text-ui></row-ui>\n          <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">SSO + SAML</text-ui></row-ui>\n          <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">Dedicated support</text-ui></row-ui>\n          <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">SLA guarantee</text-ui></row-ui>\n        </col-ui>\n      </col-ui>\n    </section>\n    <footer>\n      <button-ui text=\"Contact sales\" variant=\"outline\" stretch></button-ui>\n    </footer>\n  </card-ui>\n</grid-ui>",
  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
  "metadata": {
    "domain": "billing",
    "description": "Pricing page with free, pro, and enterprise tiers. Three-column card layout with features and CTA buttons.",
    "keywords": [
      "pricing",
      "tiers",
      "free",
      "pro",
      "enterprise",
      "plans",
      "card",
      "features",
      "CTA",
      "pricing-page",
      "tier-cards",
      "subscription",
      "monthly",
      "annual"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "heading",
      "textContent": "Free"
    },
    {
      "id": "text-2",
      "component": "Text",
      "variant": "body",
      "slot": "description",
      "textContent": "Get started at no cost"
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "text",
        "text-2"
      ]
    },
    {
      "id": "text-4",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "/month"
    },
    {
      "id": "text-3",
      "component": "Text",
      "size": "xxl",
      "strong": true,
      "textContent": "$0",
      "children": [
        "text-4"
      ]
    },
    {
      "id": "check",
      "component": "Icon",
      "name": "check",
      "size": "sm"
    },
    {
      "id": "text-5",
      "component": "Text",
      "size": "sm",
      "textContent": "5 projects"
    },
    {
      "id": "row",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "check",
        "text-5"
      ]
    },
    {
      "id": "icon",
      "component": "Icon",
      "name": "check",
      "size": "sm"
    },
    {
      "id": "text-6",
      "component": "Text",
      "size": "sm",
      "textContent": "1 GB storage"
    },
    {
      "id": "row-2",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "icon",
        "text-6"
      ]
    },
    {
      "id": "icon-2",
      "component": "Icon",
      "name": "check",
      "size": "sm"
    },
    {
      "id": "text-7",
      "component": "Text",
      "size": "sm",
      "textContent": "Community support"
    },
    {
      "id": "row-3",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "icon-2",
        "text-7"
      ]
    },
    {
      "id": "column-2",
      "component": "Column",
      "gap": "1",
      "children": [
        "row",
        "row-2",
        "row-3"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "gap": "3",
      "children": [
        "text-3",
        "column-2"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "stretch": true,
      "text": "Get started",
      "variant": "outline"
    },
    {
      "id": "footer",
      "component": "Footer",
      "children": [
        "button"
      ]
    },
    {
      "id": "card",
      "component": "Card",
      "children": [
        "header",
        "section",
        "footer"
      ]
    },
    {
      "id": "text-8",
      "component": "Text",
      "variant": "heading",
      "textContent": "Pro"
    },
    {
      "id": "text-9",
      "component": "Text",
      "variant": "body",
      "slot": "description",
      "textContent": "For growing teams"
    },
    {
      "id": "badge",
      "component": "Badge",
      "slot": "action",
      "text": "Most popular",
      "variant": "accent"
    },
    {
      "id": "header-2",
      "component": "Header",
      "children": [
        "text-8",
        "text-9",
        "badge"
      ]
    },
    {
      "id": "text-11",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "/month"
    },
    {
      "id": "text-10",
      "component": "Text",
      "size": "xxl",
      "strong": true,
      "textContent": "$49",
      "children": [
        "text-11"
      ]
    },
    {
      "id": "icon-3",
      "component": "Icon",
      "name": "check",
      "size": "sm"
    },
    {
      "id": "text-12",
      "component": "Text",
      "size": "sm",
      "textContent": "Unlimited projects"
    },
    {
      "id": "row-4",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "icon-3",
        "text-12"
      ]
    },
    {
      "id": "icon-4",
      "component": "Icon",
      "name": "check",
      "size": "sm"
    },
    {
      "id": "text-13",
      "component": "Text",
      "size": "sm",
      "textContent": "100 GB storage"
    },
    {
      "id": "row-5",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "icon-4",
        "text-13"
      ]
    },
    {
      "id": "icon-5",
      "component": "Icon",
      "name": "check",
      "size": "sm"
    },
    {
      "id": "text-14",
      "component": "Text",
      "size": "sm",
      "textContent": "Priority support"
    },
    {
      "id": "row-6",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "icon-5",
        "text-14"
      ]
    },
    {
      "id": "icon-6",
      "component": "Icon",
      "name": "check",
      "size": "sm"
    },
    {
      "id": "text-15",
      "component": "Text",
      "size": "sm",
      "textContent": "Advanced analytics"
    },
    {
      "id": "row-7",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "icon-6",
        "text-15"
      ]
    },
    {
      "id": "column-4",
      "component": "Column",
      "gap": "1",
      "children": [
        "row-4",
        "row-5",
        "row-6",
        "row-7"
      ]
    },
    {
      "id": "column-3",
      "component": "Column",
      "gap": "3",
      "children": [
        "text-10",
        "column-4"
      ]
    },
    {
      "id": "section-2",
      "component": "Section",
      "children": [
        "column-3"
      ]
    },
    {
      "id": "button-2",
      "component": "Button",
      "stretch": true,
      "text": "Start free trial",
      "variant": "primary"
    },
    {
      "id": "footer-2",
      "component": "Footer",
      "children": [
        "button-2"
      ]
    },
    {
      "id": "card-2",
      "component": "Card",
      "children": [
        "header-2",
        "section-2",
        "footer-2"
      ]
    },
    {
      "id": "text-16",
      "component": "Text",
      "variant": "heading",
      "textContent": "Enterprise"
    },
    {
      "id": "text-17",
      "component": "Text",
      "variant": "body",
      "slot": "description",
      "textContent": "Custom solutions at scale"
    },
    {
      "id": "header-3",
      "component": "Header",
      "children": [
        "text-16",
        "text-17"
      ]
    },
    {
      "id": "text-19",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "pricing"
    },
    {
      "id": "text-18",
      "component": "Text",
      "size": "xxl",
      "strong": true,
      "textContent": "Custom",
      "children": [
        "text-19"
      ]
    },
    {
      "id": "icon-7",
      "component": "Icon",
      "name": "check",
      "size": "sm"
    },
    {
      "id": "text-20",
      "component": "Text",
      "size": "sm",
      "textContent": "Everything in Pro"
    },
    {
      "id": "row-8",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "icon-7",
        "text-20"
      ]
    },
    {
      "id": "icon-8",
      "component": "Icon",
      "name": "check",
      "size": "sm"
    },
    {
      "id": "text-21",
      "component": "Text",
      "size": "sm",
      "textContent": "SSO + SAML"
    },
    {
      "id": "row-9",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "icon-8",
        "text-21"
      ]
    },
    {
      "id": "icon-9",
      "component": "Icon",
      "name": "check",
      "size": "sm"
    },
    {
      "id": "text-22",
      "component": "Text",
      "size": "sm",
      "textContent": "Dedicated support"
    },
    {
      "id": "row-10",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "icon-9",
        "text-22"
      ]
    },
    {
      "id": "icon-10",
      "component": "Icon",
      "name": "check",
      "size": "sm"
    },
    {
      "id": "text-23",
      "component": "Text",
      "size": "sm",
      "textContent": "SLA guarantee"
    },
    {
      "id": "row-11",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "children": [
        "icon-10",
        "text-23"
      ]
    },
    {
      "id": "column-6",
      "component": "Column",
      "gap": "1",
      "children": [
        "row-8",
        "row-9",
        "row-10",
        "row-11"
      ]
    },
    {
      "id": "column-5",
      "component": "Column",
      "gap": "3",
      "children": [
        "text-18",
        "column-6"
      ]
    },
    {
      "id": "section-3",
      "component": "Section",
      "children": [
        "column-5"
      ]
    },
    {
      "id": "button-3",
      "component": "Button",
      "stretch": true,
      "text": "Contact sales",
      "variant": "outline"
    },
    {
      "id": "footer-3",
      "component": "Footer",
      "children": [
        "button-3"
      ]
    },
    {
      "id": "card-3",
      "component": "Card",
      "children": [
        "header-3",
        "section-3",
        "footer-3"
      ]
    },
    {
      "id": "root",
      "component": "Grid",
      "columns": "1 3@lg",
      "gap": "4",
      "children": [
        "card",
        "card-2",
        "card-3"
      ]
    }
  ]
}