{
  "name": "marketing-page-shell",
  "kind": "page",
  "primary": "article",
  "page": "/catalog/page-shells/app/marketing-page/marketing-page.contents.html",
  "slots": [
    {
      "name": "hero",
      "tagName": "section",
      "html": "<col-ui align=\"center\" gap=\"4\">\n      <h1>Build faster with AdiaUI</h1>\n      <text-ui color=\"subtle\" size=\"lg\">Light-DOM web components + generative UI pipeline</text-ui>\n      <row-ui gap=\"3\">\n        <button-ui text=\"Get started\" variant=\"primary\" size=\"lg\"></button-ui>\n        <button-ui text=\"See demo\" variant=\"outline\" size=\"lg\"></button-ui>\n      </row-ui>\n    </col-ui>"
    },
    {
      "name": "features",
      "tagName": "section",
      "html": "<grid-ui columns=\"1 3@md\" gap=\"4\"\n      data-chunk=\"feature-grid-three-cards\"\n      data-chunk-kind=\"block\"\n      data-chunk-domain=\"marketing\"\n      data-chunk-description=\"Three-card feature grid — a responsive 1-up / 3-up grid of plain feature cards, each a bold heading over a one-line subtitle, no icons. The marketing 'three key features / benefits / highlights' row that sits below a landing hero.\"\n      data-chunk-keywords=\"feature grid three cards columns marketing landing features benefits highlights value props selling points card heading subtitle product capabilities responsive 3-up grid showcase what you get features section no icons\">\n      <card-ui>\n        <header><h3>94+ Primitives</h3></header>\n        <section><text-ui color=\"subtle\">Battle-tested components for every surface</text-ui></section>\n      </card-ui>\n      <card-ui>\n        <header><h3>Gen-UI Pipeline</h3></header>\n        <section><text-ui color=\"subtle\">Generate UIs from natural language</text-ui></section>\n      </card-ui>\n      <card-ui>\n        <header><h3>A2UI Runtime</h3></header>\n        <section><text-ui color=\"subtle\">Agent-to-UI JSON with live rendering</text-ui></section>\n      </card-ui>\n    </grid-ui>"
    },
    {
      "name": "cta",
      "tagName": "section",
      "html": "<card-ui raw align=\"center\"\n      data-chunk=\"cta-banner-centered\"\n      data-chunk-kind=\"block\"\n      data-chunk-domain=\"marketing\"\n      data-chunk-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.\"\n      data-chunk-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\">\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>"
    }
  ],
  "nested": [
    "feature-grid-three-cards",
    "cta-banner-centered"
  ],
  "attrs": {},
  "html": "<article>\n  <section data-chunk-slot=\"hero\">\n    <col-ui align=\"center\" gap=\"4\">\n      <h1>Build faster with AdiaUI</h1>\n      <text-ui color=\"subtle\" size=\"lg\">Light-DOM web components + generative UI pipeline</text-ui>\n      <row-ui gap=\"3\">\n        <button-ui text=\"Get started\" variant=\"primary\" size=\"lg\"></button-ui>\n        <button-ui text=\"See demo\" variant=\"outline\" size=\"lg\"></button-ui>\n      </row-ui>\n    </col-ui>\n  </section>\n\n  <section data-chunk-slot=\"features\">\n    <grid-ui columns=\"1 3@md\" gap=\"4\"><!-- nested: feature-grid-three-cards --></grid-ui>\n  </section>\n\n  <section data-chunk-slot=\"cta\">\n    <card-ui raw align=\"center\"><!-- nested: cta-banner-centered --></card-ui>\n  </section>\n</article>",
  "source": "catalog/page-shells/app/marketing-page/marketing-page.contents.html",
  "metadata": {
    "domain": "layout",
    "description": "Marketing landing page composed of hero + 3-card feature grid + closing CTA banner.",
    "keywords": [
      "marketing",
      "landing",
      "page",
      "hero",
      "features",
      "cta",
      "product",
      "home",
      "homepage"
    ]
  },
  "captured_at": "2026-06-10T19:45:40.486Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "display",
      "textContent": "Build faster with AdiaUI"
    },
    {
      "id": "text-2",
      "component": "Text",
      "color": "subtle",
      "size": "lg",
      "textContent": "Light-DOM web components + generative UI pipeline"
    },
    {
      "id": "button",
      "component": "Button",
      "size": "lg",
      "text": "Get started",
      "variant": "primary"
    },
    {
      "id": "button-2",
      "component": "Button",
      "size": "lg",
      "text": "See demo",
      "variant": "outline"
    },
    {
      "id": "row",
      "component": "Row",
      "gap": "3",
      "children": [
        "button",
        "button-2"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "align": "center",
      "gap": "4",
      "children": [
        "text",
        "text-2",
        "row"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "data-chunk-slot": "hero",
      "children": [
        "column"
      ]
    },
    {
      "id": "text-3",
      "component": "Text",
      "variant": "heading",
      "textContent": "94+ Primitives"
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "text-3"
      ]
    },
    {
      "id": "text-4",
      "component": "Text",
      "color": "subtle",
      "textContent": "Battle-tested components for every surface"
    },
    {
      "id": "section-3",
      "component": "Section",
      "children": [
        "column-2"
      ]
    },
    {
      "id": "column-2",
      "component": "Column",
      "children": [
        "text-4"
      ]
    },
    {
      "id": "card",
      "component": "Card",
      "children": [
        "header",
        "section-3"
      ]
    },
    {
      "id": "text-5",
      "component": "Text",
      "variant": "heading",
      "textContent": "Gen-UI Pipeline"
    },
    {
      "id": "header-2",
      "component": "Header",
      "children": [
        "text-5"
      ]
    },
    {
      "id": "text-6",
      "component": "Text",
      "color": "subtle",
      "textContent": "Generate UIs from natural language"
    },
    {
      "id": "section-4",
      "component": "Section",
      "children": [
        "column-3"
      ]
    },
    {
      "id": "column-3",
      "component": "Column",
      "children": [
        "text-6"
      ]
    },
    {
      "id": "card-2",
      "component": "Card",
      "children": [
        "header-2",
        "section-4"
      ]
    },
    {
      "id": "text-7",
      "component": "Text",
      "variant": "heading",
      "textContent": "A2UI Runtime"
    },
    {
      "id": "header-3",
      "component": "Header",
      "children": [
        "text-7"
      ]
    },
    {
      "id": "text-8",
      "component": "Text",
      "color": "subtle",
      "textContent": "Agent-to-UI JSON with live rendering"
    },
    {
      "id": "section-5",
      "component": "Section",
      "children": [
        "column-4"
      ]
    },
    {
      "id": "column-4",
      "component": "Column",
      "children": [
        "text-8"
      ]
    },
    {
      "id": "card-3",
      "component": "Card",
      "children": [
        "header-3",
        "section-5"
      ]
    },
    {
      "id": "grid-2",
      "component": "Grid",
      "columns": "1 3@md",
      "gap": "4",
      "children": [
        "card",
        "card-2",
        "card-3"
      ]
    },
    {
      "id": "grid",
      "component": "Grid",
      "columns": "1 3@md",
      "gap": "4",
      "children": [
        "grid-2"
      ]
    },
    {
      "id": "section-2",
      "component": "Section",
      "data-chunk-slot": "features",
      "children": [
        "grid"
      ]
    },
    {
      "id": "text-9",
      "component": "Text",
      "variant": "title",
      "textContent": "Ready to ship?"
    },
    {
      "id": "text-10",
      "component": "Text",
      "color": "subtle",
      "textContent": "Start building in minutes"
    },
    {
      "id": "button-3",
      "component": "Button",
      "size": "lg",
      "text": "Start free trial",
      "variant": "primary"
    },
    {
      "id": "column-5",
      "component": "Column",
      "align": "center",
      "gap": "3",
      "children": [
        "text-9",
        "text-10",
        "button-3"
      ]
    },
    {
      "id": "section-7",
      "component": "Section",
      "children": [
        "column-5"
      ]
    },
    {
      "id": "card-5",
      "component": "Card",
      "raw": true,
      "children": [
        "section-7"
      ]
    },
    {
      "id": "column-6",
      "component": "Column",
      "children": [
        "card-5"
      ]
    },
    {
      "id": "section-8",
      "component": "Section",
      "children": [
        "column-6"
      ]
    },
    {
      "id": "card-4",
      "component": "Card",
      "raw": true,
      "children": [
        "section-8"
      ]
    },
    {
      "id": "section-6",
      "component": "Section",
      "data-chunk-slot": "cta",
      "children": [
        "card-4"
      ]
    },
    {
      "id": "column-7",
      "component": "Column",
      "children": [
        "section",
        "section-2",
        "section-6"
      ]
    },
    {
      "id": "section-9",
      "component": "Section",
      "children": [
        "column-7"
      ]
    },
    {
      "id": "root",
      "component": "Card",
      "children": [
        "section-9"
      ]
    }
  ]
}