{
  "name": "cta-banner-centered",
  "kind": "block",
  "primary": "card-ui",
  "page": "/catalog/page-shells/app/marketing-page/marketing-page.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "raw": "",
    "align": "center"
  },
  "html": "<card-ui raw align=\"center\">\n      <section>\n        <col-ui align=\"center\" gap=\"3\">\n          <h2>Ready to ship?</h2>\n          <text-ui color=\"subtle\">Start building in minutes</text-ui>\n          <button-ui text=\"Start free trial\" variant=\"primary\" size=\"lg\"></button-ui>\n        </col-ui>\n      </section>\n    </card-ui>",
  "source": "catalog/page-shells/app/marketing-page/marketing-page.contents.html",
  "metadata": {
    "domain": "marketing",
    "description": "Centered call-to-action banner — a borderless full-width card with a centered closing headline, a one-line supporting subtitle, and a single primary action button. The 'Ready to ship? / Get started today' conversion banner that closes a marketing or landing page.",
    "keywords": [
      "cta",
      "call",
      "to",
      "action",
      "banner",
      "centered",
      "closing",
      "conversion",
      "sign",
      "up",
      "get",
      "started",
      "ready",
      "to",
      "ship",
      "trial",
      "headline",
      "subtitle",
      "primary",
      "button",
      "bottom",
      "of",
      "page",
      "footer",
      "cta",
      "marketing",
      "landing",
      "conversion",
      "strip",
      "prompt",
      "encourage",
      "signup",
      "final",
      "push"
    ]
  },
  "captured_at": "2026-06-10T19:45:40.486Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "title",
      "textContent": "Ready to ship?"
    },
    {
      "id": "text-2",
      "component": "Text",
      "color": "subtle",
      "textContent": "Start building in minutes"
    },
    {
      "id": "button",
      "component": "Button",
      "size": "lg",
      "text": "Start free trial",
      "variant": "primary"
    },
    {
      "id": "column",
      "component": "Column",
      "align": "center",
      "gap": "3",
      "children": [
        "text",
        "text-2",
        "button"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column"
      ]
    },
    {
      "id": "root",
      "component": "Card",
      "raw": true,
      "children": [
        "section"
      ]
    }
  ]
}