@adia-ai/a2ui-corpus 0.0.1

package/exemplars/prose/cta/a2ui.json

@@ -0,0 +1,570 @@
+{
+  "id": "prose-cta",
+  "type": "page",
+  "description": "Call-to-action sections",
+  "domain": "layout",
+  "tags": [
+    "prose-cta",
+    "section",
+    "column",
+    "card",
+    "header",
+    "icon",
+    "text",
+    "row",
+    "button",
+    "avatar",
+    "input",
+    "divider",
+    "layout",
+    "success",
+    "security",
+    "time",
+    "rating",
+    "form",
+    "get",
+    "started"
+  ],
+  "keywords": [
+    "prose-cta",
+    "section",
+    "column",
+    "card",
+    "header",
+    "icon",
+    "text",
+    "row"
+  ],
+  "source": "exemplars/prose/cta/index.html",
+  "components": [
+    "Section",
+    "Column",
+    "Card",
+    "Header",
+    "Icon",
+    "Text",
+    "Row",
+    "Button",
+    "Avatar",
+    "Input",
+    "Divider"
+  ],
+  "template": [
+    {
+      "id": "section-1",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ],
+      "prose": true
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "card-3",
+        "column-26",
+        "column-44"
+      ],
+      "gap": "16"
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "header-4",
+        "section-10"
+      ],
+      "elevation": 2
+    },
+    {
+      "id": "header-4",
+      "component": "Header",
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "children": [
+        "icon-6",
+        "text-7",
+        "text-8",
+        "text-9"
+      ],
+      "align": "center",
+      "gap": "4"
+    },
+    {
+      "id": "icon-6",
+      "component": "Icon",
+      "name": "acme-logo"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "variant": "kicker",
+      "textContent": "Ready to start?"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "variant": "display",
+      "nomargin": true,
+      "textContent": "Start building for free"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Acme gives your team the tools to ship production-ready apps in days, not months. Start with our generous free tier and scale when you're\n                ready."
+    },
+    {
+      "id": "section-10",
+      "component": "Section",
+      "children": [
+        "column-11"
+      ]
+    },
+    {
+      "id": "column-11",
+      "component": "Column",
+      "children": [
+        "row-12",
+        "text-15",
+        "row-16"
+      ],
+      "align": "center",
+      "gap": "4"
+    },
+    {
+      "id": "row-12",
+      "component": "Row",
+      "children": [
+        "button-13",
+        "button-14"
+      ],
+      "gap": "4",
+      "justify": "center"
+    },
+    {
+      "id": "button-13",
+      "component": "Button",
+      "text": "Get Started Free",
+      "variant": "primary",
+      "size": "lg"
+    },
+    {
+      "id": "button-14",
+      "component": "Button",
+      "text": "Talk to Sales",
+      "variant": "outline",
+      "size": "lg"
+    },
+    {
+      "id": "text-15",
+      "component": "Text",
+      "textContent": "No credit card required · Free forever for small teams"
+    },
+    {
+      "id": "row-16",
+      "component": "Row",
+      "children": [
+        "row-17",
+        "row-20",
+        "row-23"
+      ],
+      "gap": "6",
+      "justify": "center"
+    },
+    {
+      "id": "row-17",
+      "component": "Row",
+      "children": [
+        "icon-18",
+        "text-19"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "icon-18",
+      "component": "Icon",
+      "name": "check-circle",
+      "color": "success"
+    },
+    {
+      "id": "text-19",
+      "component": "Text",
+      "textContent": "SOC 2"
+    },
+    {
+      "id": "row-20",
+      "component": "Row",
+      "children": [
+        "icon-21",
+        "text-22"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "icon-21",
+      "component": "Icon",
+      "name": "lock-simple",
+      "color": "success"
+    },
+    {
+      "id": "text-22",
+      "component": "Text",
+      "textContent": "Encrypted"
+    },
+    {
+      "id": "row-23",
+      "component": "Row",
+      "children": [
+        "icon-24",
+        "text-25"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "icon-24",
+      "component": "Icon",
+      "name": "clock",
+      "color": "success"
+    },
+    {
+      "id": "text-25",
+      "component": "Text",
+      "textContent": "99.9% SLA"
+    },
+    {
+      "id": "column-26",
+      "component": "Column",
+      "children": [
+        "row-27"
+      ],
+      "gap": "6"
+    },
+    {
+      "id": "row-27",
+      "component": "Row",
+      "children": [
+        "column-28",
+        "section-39"
+      ],
+      "justify": "between",
+      "align": "center",
+      "gap": "8",
+      "wrap": true
+    },
+    {
+      "id": "column-28",
+      "component": "Column",
+      "children": [
+        "text-29",
+        "text-30",
+        "row-31"
+      ],
+      "gap": "3",
+      "grow": true,
+      "basis": "0"
+    },
+    {
+      "id": "text-29",
+      "component": "Text",
+      "variant": "title",
+      "nomargin": true,
+      "textContent": "Stay in the loop"
+    },
+    {
+      "id": "text-30",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "Get weekly product updates, tips, and early access to new features."
+    },
+    {
+      "id": "row-31",
+      "component": "Row",
+      "children": [
+        "row-32"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "row-32",
+      "component": "Row",
+      "children": [
+        "avatar-33",
+        "avatar-34",
+        "avatar-35",
+        "avatar-36",
+        "avatar-37",
+        "text-38"
+      ],
+      "gap": "-2"
+    },
+    {
+      "id": "avatar-33",
+      "component": "Avatar",
+      "text": "Priya S",
+      "size": "sm"
+    },
+    {
+      "id": "avatar-34",
+      "component": "Avatar",
+      "text": "Marco L",
+      "size": "sm"
+    },
+    {
+      "id": "avatar-35",
+      "component": "Avatar",
+      "text": "Aisha K",
+      "size": "sm"
+    },
+    {
+      "id": "avatar-36",
+      "component": "Avatar",
+      "text": "James T",
+      "size": "sm"
+    },
+    {
+      "id": "avatar-37",
+      "component": "Avatar",
+      "text": "Yuki N",
+      "size": "sm"
+    },
+    {
+      "id": "text-38",
+      "component": "Text",
+      "textContent": "and 847 others subscribed this week"
+    },
+    {
+      "id": "section-39",
+      "component": "Section",
+      "children": [
+        "column-40"
+      ]
+    },
+    {
+      "id": "column-40",
+      "component": "Column",
+      "children": [
+        "input-41",
+        "button-42",
+        "text-43"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "input-41",
+      "component": "Input",
+      "type": "email",
+      "placeholder": "you@company.com"
+    },
+    {
+      "id": "button-42",
+      "component": "Button",
+      "text": "Subscribe",
+      "variant": "primary",
+      "stretch": true
+    },
+    {
+      "id": "text-43",
+      "component": "Text",
+      "textContent": "Join 8,000+ subscribers · Unsubscribe anytime"
+    },
+    {
+      "id": "column-44",
+      "component": "Column",
+      "children": [
+        "header-45",
+        "card-50",
+        "row-61"
+      ],
+      "align": "center",
+      "gap": "6"
+    },
+    {
+      "id": "header-45",
+      "component": "Header",
+      "children": [
+        "column-46"
+      ]
+    },
+    {
+      "id": "column-46",
+      "component": "Column",
+      "children": [
+        "text-47",
+        "text-48",
+        "button-49"
+      ],
+      "align": "center",
+      "gap": "6"
+    },
+    {
+      "id": "text-47",
+      "component": "Text",
+      "variant": "display",
+      "nomargin": true,
+      "textContent": "Join the teams already shipping faster"
+    },
+    {
+      "id": "text-48",
+      "component": "Text",
+      "variant": "deck",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "From startups to Fortune 500 — Acme powers the best engineering teams on the planet."
+    },
+    {
+      "id": "button-49",
+      "component": "Button",
+      "text": "Start Free Trial",
+      "variant": "primary",
+      "size": "lg"
+    },
+    {
+      "id": "card-50",
+      "component": "Card",
+      "children": [
+        "section-51"
+      ],
+      "variant": "outlined"
+    },
+    {
+      "id": "section-51",
+      "component": "Section",
+      "children": [
+        "column-52"
+      ]
+    },
+    {
+      "id": "column-52",
+      "component": "Column",
+      "children": [
+        "icon-53",
+        "text-54",
+        "divider-55",
+        "row-56"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "icon-53",
+      "component": "Icon",
+      "name": "quotes",
+      "color": "accent"
+    },
+    {
+      "id": "text-54",
+      "component": "Text",
+      "variant": "body",
+      "nomargin": true,
+      "textContent": "Acme cut our deployment time from two weeks to two hours. The developer experience is unmatched — our team was productive on day one."
+    },
+    {
+      "id": "divider-55",
+      "component": "Divider"
+    },
+    {
+      "id": "row-56",
+      "component": "Row",
+      "children": [
+        "avatar-57",
+        "column-58"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "avatar-57",
+      "component": "Avatar",
+      "text": "Sarah Chen",
+      "size": "md"
+    },
+    {
+      "id": "column-58",
+      "component": "Column",
+      "children": [
+        "text-59",
+        "text-60"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "text-59",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Sarah Chen"
+    },
+    {
+      "id": "text-60",
+      "component": "Text",
+      "textContent": "VP of Engineering · Raycast"
+    },
+    {
+      "id": "row-61",
+      "component": "Row",
+      "children": [
+        "icon-62",
+        "icon-63",
+        "icon-64",
+        "icon-65",
+        "icon-66",
+        "text-67"
+      ],
+      "gap": "1",
+      "align": "center",
+      "justify": "center"
+    },
+    {
+      "id": "icon-62",
+      "component": "Icon",
+      "name": "star",
+      "weight": "fill",
+      "color": "warning"
+    },
+    {
+      "id": "icon-63",
+      "component": "Icon",
+      "name": "star",
+      "weight": "fill",
+      "color": "warning"
+    },
+    {
+      "id": "icon-64",
+      "component": "Icon",
+      "name": "star",
+      "weight": "fill",
+      "color": "warning"
+    },
+    {
+      "id": "icon-65",
+      "component": "Icon",
+      "name": "star",
+      "weight": "fill",
+      "color": "warning"
+    },
+    {
+      "id": "icon-66",
+      "component": "Icon",
+      "name": "star",
+      "weight": "fill",
+      "color": "warning"
+    },
+    {
+      "id": "text-67",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "4.9 average rating"
+    }
+  ]
+}