@adia-ai/a2ui-corpus 0.0.1

package/exemplars/prose/hero/a2ui.json

@@ -0,0 +1,982 @@
+{
+  "id": "prose-hero",
+  "type": "page",
+  "description": "Hero sections with headlines and CTAs",
+  "domain": "layout",
+  "tags": [
+    "prose-hero",
+    "section",
+    "column",
+    "header",
+    "row",
+    "icon",
+    "text",
+    "button",
+    "card",
+    "grid",
+    "avatar",
+    "alert",
+    "layout",
+    "blazing",
+    "fast",
+    "enterprise",
+    "secure",
+    "ship",
+    "faster",
+    "calendar"
+  ],
+  "keywords": [
+    "prose-hero",
+    "section",
+    "column",
+    "header",
+    "row",
+    "icon",
+    "text",
+    "button"
+  ],
+  "source": "exemplars/prose/hero/index.html",
+  "components": [
+    "Section",
+    "Column",
+    "Header",
+    "Row",
+    "Icon",
+    "Text",
+    "Button",
+    "Card",
+    "Grid",
+    "Avatar",
+    "Alert"
+  ],
+  "template": [
+    {
+      "id": "section-1",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ],
+      "prose": true
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "column-3",
+        "grid-39",
+        "column-81"
+      ],
+      "gap": "16"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "header-4",
+        "card-34"
+      ],
+      "gap": "12"
+    },
+    {
+      "id": "header-4",
+      "component": "Header",
+      "children": [
+        "column-5"
+      ],
+      "align": "center",
+      "size": "lg"
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "children": [
+        "row-6",
+        "column-9",
+        "row-13",
+        "column-16"
+      ],
+      "gap": "6",
+      "align": "center"
+    },
+    {
+      "id": "row-6",
+      "component": "Row",
+      "children": [
+        "icon-7",
+        "text-8"
+      ],
+      "gap": "0",
+      "align": "center",
+      "justify": "center"
+    },
+    {
+      "id": "icon-7",
+      "component": "Icon",
+      "name": "cube",
+      "color": "primary"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Acme"
+    },
+    {
+      "id": "column-9",
+      "component": "Column",
+      "children": [
+        "text-10",
+        "text-11",
+        "text-12"
+      ],
+      "gap": "4",
+      "align": "center"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "variant": "kicker",
+      "textContent": "The modern platform for teams"
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "variant": "display",
+      "nomargin": true,
+      "textContent": "Build, ship, and scale — without the overhead"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "variant": "deck",
+      "nomargin": true,
+      "textContent": "Acme gives your team the tools to go from idea to production in record time.\n                  Focus on what matters — we handle the infrastructure, scaling, and security."
+    },
+    {
+      "id": "row-13",
+      "component": "Row",
+      "children": [
+        "button-14",
+        "button-15"
+      ],
+      "gap": "3",
+      "justify": "center"
+    },
+    {
+      "id": "button-14",
+      "component": "Button",
+      "text": "Start Free Trial",
+      "variant": "primary",
+      "size": "lg",
+      "icon": "arrow-right"
+    },
+    {
+      "id": "button-15",
+      "component": "Button",
+      "text": "Book a Demo",
+      "variant": "outline",
+      "size": "lg",
+      "icon": "calendar"
+    },
+    {
+      "id": "column-16",
+      "component": "Column",
+      "children": [
+        "text-17",
+        "row-18"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "text-17",
+      "component": "Text",
+      "textContent": "Trusted by industry leaders"
+    },
+    {
+      "id": "row-18",
+      "component": "Row",
+      "children": [
+        "row-19",
+        "row-22",
+        "row-25",
+        "row-28",
+        "row-31"
+      ],
+      "gap": "6",
+      "align": "center",
+      "justify": "center"
+    },
+    {
+      "id": "row-19",
+      "component": "Row",
+      "children": [
+        "icon-20",
+        "text-21"
+      ],
+      "gap": "1",
+      "align": "center"
+    },
+    {
+      "id": "icon-20",
+      "component": "Icon",
+      "name": "buildings",
+      "size": "sm",
+      "color": "muted"
+    },
+    {
+      "id": "text-21",
+      "component": "Text",
+      "textContent": "Globex"
+    },
+    {
+      "id": "row-22",
+      "component": "Row",
+      "children": [
+        "icon-23",
+        "text-24"
+      ],
+      "gap": "1",
+      "align": "center"
+    },
+    {
+      "id": "icon-23",
+      "component": "Icon",
+      "name": "buildings",
+      "size": "sm",
+      "color": "muted"
+    },
+    {
+      "id": "text-24",
+      "component": "Text",
+      "textContent": "Initech"
+    },
+    {
+      "id": "row-25",
+      "component": "Row",
+      "children": [
+        "icon-26",
+        "text-27"
+      ],
+      "gap": "1",
+      "align": "center"
+    },
+    {
+      "id": "icon-26",
+      "component": "Icon",
+      "name": "buildings",
+      "size": "sm",
+      "color": "muted"
+    },
+    {
+      "id": "text-27",
+      "component": "Text",
+      "textContent": "Hooli"
+    },
+    {
+      "id": "row-28",
+      "component": "Row",
+      "children": [
+        "icon-29",
+        "text-30"
+      ],
+      "gap": "1",
+      "align": "center"
+    },
+    {
+      "id": "icon-29",
+      "component": "Icon",
+      "name": "buildings",
+      "size": "sm",
+      "color": "muted"
+    },
+    {
+      "id": "text-30",
+      "component": "Text",
+      "textContent": "Umbrella"
+    },
+    {
+      "id": "row-31",
+      "component": "Row",
+      "children": [
+        "icon-32",
+        "text-33"
+      ],
+      "gap": "1",
+      "align": "center"
+    },
+    {
+      "id": "icon-32",
+      "component": "Icon",
+      "name": "buildings",
+      "size": "sm",
+      "color": "muted"
+    },
+    {
+      "id": "text-33",
+      "component": "Text",
+      "textContent": "Stark"
+    },
+    {
+      "id": "card-34",
+      "component": "Card",
+      "children": [
+        "section-35"
+      ],
+      "variant": "outlined"
+    },
+    {
+      "id": "section-35",
+      "component": "Section",
+      "children": [
+        "column-36"
+      ]
+    },
+    {
+      "id": "column-36",
+      "component": "Column",
+      "children": [
+        "icon-37",
+        "text-38"
+      ],
+      "align": "center",
+      "justify": "center",
+      "gap": "2"
+    },
+    {
+      "id": "icon-37",
+      "component": "Icon",
+      "name": "browser",
+      "size": "lg",
+      "color": "muted"
+    },
+    {
+      "id": "text-38",
+      "component": "Text",
+      "textContent": "Product screenshot"
+    },
+    {
+      "id": "grid-39",
+      "component": "Grid",
+      "children": [
+        "column-40",
+        "column-59"
+      ],
+      "columns": "2",
+      "gap": "10"
+    },
+    {
+      "id": "column-40",
+      "component": "Column",
+      "children": [
+        "row-41",
+        "column-44",
+        "row-47",
+        "column-50"
+      ],
+      "gap": "6"
+    },
+    {
+      "id": "row-41",
+      "component": "Row",
+      "children": [
+        "icon-42",
+        "text-43"
+      ],
+      "gap": "0",
+      "align": "center"
+    },
+    {
+      "id": "icon-42",
+      "component": "Icon",
+      "name": "cube",
+      "size": "lg",
+      "color": "primary"
+    },
+    {
+      "id": "text-43",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Acme"
+    },
+    {
+      "id": "column-44",
+      "component": "Column",
+      "children": [
+        "text-45",
+        "text-46"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "text-45",
+      "component": "Text",
+      "variant": "display",
+      "nomargin": true,
+      "textContent": "Ship products your customers love"
+    },
+    {
+      "id": "text-46",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "Stop wrestling with infrastructure and start delighting users. Acme provides\n                the building blocks so your team can focus on crafting experiences that drive\n                growth and retention."
+    },
+    {
+      "id": "row-47",
+      "component": "Row",
+      "children": [
+        "button-48",
+        "button-49"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "button-48",
+      "component": "Button",
+      "text": "Start Free Trial",
+      "variant": "primary",
+      "size": "lg",
+      "icon": "arrow-right"
+    },
+    {
+      "id": "button-49",
+      "component": "Button",
+      "text": "Book a Demo",
+      "variant": "outline",
+      "size": "lg",
+      "icon": "calendar"
+    },
+    {
+      "id": "column-50",
+      "component": "Column",
+      "children": [
+        "row-51"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "row-51",
+      "component": "Row",
+      "children": [
+        "row-52",
+        "text-58"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "row-52",
+      "component": "Row",
+      "children": [
+        "avatar-53",
+        "avatar-54",
+        "avatar-55",
+        "avatar-56",
+        "avatar-57"
+      ],
+      "gap": "-2",
+      "align": "center"
+    },
+    {
+      "id": "avatar-53",
+      "component": "Avatar",
+      "name": "Alice Chen",
+      "size": "sm"
+    },
+    {
+      "id": "avatar-54",
+      "component": "Avatar",
+      "name": "Bob Park",
+      "size": "sm"
+    },
+    {
+      "id": "avatar-55",
+      "component": "Avatar",
+      "name": "Carol Diaz",
+      "size": "sm"
+    },
+    {
+      "id": "avatar-56",
+      "component": "Avatar",
+      "name": "Dan Kumar",
+      "size": "sm"
+    },
+    {
+      "id": "avatar-57",
+      "component": "Avatar",
+      "name": "Eva Novak",
+      "size": "sm"
+    },
+    {
+      "id": "text-58",
+      "component": "Text",
+      "textContent": "12,000+ teams trust Acme"
+    },
+    {
+      "id": "column-59",
+      "component": "Column",
+      "children": [
+        "card-60",
+        "grid-65"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "card-60",
+      "component": "Card",
+      "children": [
+        "section-61"
+      ],
+      "elevation": 2
+    },
+    {
+      "id": "section-61",
+      "component": "Section",
+      "children": [
+        "column-62"
+      ]
+    },
+    {
+      "id": "column-62",
+      "component": "Column",
+      "children": [
+        "icon-63",
+        "text-64"
+      ],
+      "align": "center",
+      "justify": "center",
+      "gap": "2"
+    },
+    {
+      "id": "icon-63",
+      "component": "Icon",
+      "name": "browser",
+      "size": "lg",
+      "color": "muted"
+    },
+    {
+      "id": "text-64",
+      "component": "Text",
+      "textContent": "Product screenshot"
+    },
+    {
+      "id": "grid-65",
+      "component": "Grid",
+      "children": [
+        "card-66",
+        "card-71",
+        "card-76"
+      ],
+      "columns": "3",
+      "gap": "3"
+    },
+    {
+      "id": "card-66",
+      "component": "Card",
+      "children": [
+        "section-67"
+      ],
+      "variant": "outlined"
+    },
+    {
+      "id": "section-67",
+      "component": "Section",
+      "children": [
+        "column-68"
+      ]
+    },
+    {
+      "id": "column-68",
+      "component": "Column",
+      "children": [
+        "text-69",
+        "text-70"
+      ],
+      "align": "center",
+      "gap": "1"
+    },
+    {
+      "id": "text-69",
+      "component": "Text",
+      "variant": "title",
+      "nomargin": true,
+      "textContent": "99.9%"
+    },
+    {
+      "id": "text-70",
+      "component": "Text",
+      "textContent": "Uptime"
+    },
+    {
+      "id": "card-71",
+      "component": "Card",
+      "children": [
+        "section-72"
+      ],
+      "variant": "outlined"
+    },
+    {
+      "id": "section-72",
+      "component": "Section",
+      "children": [
+        "column-73"
+      ]
+    },
+    {
+      "id": "column-73",
+      "component": "Column",
+      "children": [
+        "text-74",
+        "text-75"
+      ],
+      "align": "center",
+      "gap": "1"
+    },
+    {
+      "id": "text-74",
+      "component": "Text",
+      "variant": "title",
+      "nomargin": true,
+      "textContent": "<50ms"
+    },
+    {
+      "id": "text-75",
+      "component": "Text",
+      "textContent": "Latency"
+    },
+    {
+      "id": "card-76",
+      "component": "Card",
+      "children": [
+        "section-77"
+      ],
+      "variant": "outlined"
+    },
+    {
+      "id": "section-77",
+      "component": "Section",
+      "children": [
+        "column-78"
+      ]
+    },
+    {
+      "id": "column-78",
+      "component": "Column",
+      "children": [
+        "text-79",
+        "text-80"
+      ],
+      "align": "center",
+      "gap": "1"
+    },
+    {
+      "id": "text-79",
+      "component": "Text",
+      "variant": "title",
+      "nomargin": true,
+      "textContent": "40k+"
+    },
+    {
+      "id": "text-80",
+      "component": "Text",
+      "textContent": "Devs"
+    },
+    {
+      "id": "column-81",
+      "component": "Column",
+      "children": [
+        "header-82",
+        "grid-94",
+        "alert-119"
+      ],
+      "gap": "12"
+    },
+    {
+      "id": "header-82",
+      "component": "Header",
+      "children": [
+        "column-83"
+      ],
+      "align": "center",
+      "size": "lg"
+    },
+    {
+      "id": "column-83",
+      "component": "Column",
+      "children": [
+        "row-84",
+        "column-87",
+        "row-91"
+      ],
+      "gap": "6",
+      "align": "center"
+    },
+    {
+      "id": "row-84",
+      "component": "Row",
+      "children": [
+        "icon-85",
+        "text-86"
+      ],
+      "gap": "0",
+      "align": "center",
+      "justify": "center"
+    },
+    {
+      "id": "icon-85",
+      "component": "Icon",
+      "name": "cube",
+      "size": "lg",
+      "color": "primary"
+    },
+    {
+      "id": "text-86",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Acme"
+    },
+    {
+      "id": "column-87",
+      "component": "Column",
+      "children": [
+        "text-88",
+        "text-89",
+        "text-90"
+      ],
+      "gap": "4",
+      "align": "center"
+    },
+    {
+      "id": "text-88",
+      "component": "Text",
+      "variant": "kicker",
+      "textContent": "Everything you need"
+    },
+    {
+      "id": "text-89",
+      "component": "Text",
+      "variant": "display",
+      "nomargin": true,
+      "textContent": "One platform to rule them all"
+    },
+    {
+      "id": "text-90",
+      "component": "Text",
+      "variant": "deck",
+      "nomargin": true,
+      "textContent": "Consolidate your stack into a single, powerful platform. Acme replaces\n                  dozens of fragmented tools with one cohesive experience your whole team will love."
+    },
+    {
+      "id": "row-91",
+      "component": "Row",
+      "children": [
+        "button-92",
+        "button-93"
+      ],
+      "gap": "3",
+      "justify": "center"
+    },
+    {
+      "id": "button-92",
+      "component": "Button",
+      "text": "Start Free Trial",
+      "variant": "primary",
+      "size": "lg",
+      "icon": "arrow-right"
+    },
+    {
+      "id": "button-93",
+      "component": "Button",
+      "text": "Book a Demo",
+      "variant": "outline",
+      "size": "lg",
+      "icon": "calendar"
+    },
+    {
+      "id": "grid-94",
+      "component": "Grid",
+      "children": [
+        "card-95",
+        "card-103",
+        "card-111"
+      ],
+      "columns": "3",
+      "gap": "6"
+    },
+    {
+      "id": "card-95",
+      "component": "Card",
+      "children": [
+        "header-96",
+        "section-101"
+      ]
+    },
+    {
+      "id": "header-96",
+      "component": "Header",
+      "children": [
+        "text-97",
+        "text-99"
+      ]
+    },
+    {
+      "id": "text-97",
+      "component": "Text",
+      "children": [
+        "icon-98"
+      ],
+      "slot": "icon"
+    },
+    {
+      "id": "icon-98",
+      "component": "Icon",
+      "name": "lightning",
+      "color": "primary"
+    },
+    {
+      "id": "text-99",
+      "component": "Text",
+      "children": [
+        "text-100"
+      ],
+      "slot": "heading"
+    },
+    {
+      "id": "text-100",
+      "component": "Text",
+      "textContent": "Blazing Fast"
+    },
+    {
+      "id": "section-101",
+      "component": "Section",
+      "children": [
+        "text-102"
+      ]
+    },
+    {
+      "id": "text-102",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Sub-50ms response times globally with edge-first architecture and smart caching built in."
+    },
+    {
+      "id": "card-103",
+      "component": "Card",
+      "children": [
+        "header-104",
+        "section-109"
+      ]
+    },
+    {
+      "id": "header-104",
+      "component": "Header",
+      "children": [
+        "text-105",
+        "text-107"
+      ]
+    },
+    {
+      "id": "text-105",
+      "component": "Text",
+      "children": [
+        "icon-106"
+      ],
+      "slot": "icon"
+    },
+    {
+      "id": "icon-106",
+      "component": "Icon",
+      "name": "shield-check",
+      "color": "primary"
+    },
+    {
+      "id": "text-107",
+      "component": "Text",
+      "children": [
+        "text-108"
+      ],
+      "slot": "heading"
+    },
+    {
+      "id": "text-108",
+      "component": "Text",
+      "textContent": "Enterprise Secure"
+    },
+    {
+      "id": "section-109",
+      "component": "Section",
+      "children": [
+        "text-110"
+      ]
+    },
+    {
+      "id": "text-110",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "SOC 2 Type II certified with end-to-end encryption, SSO, and granular access controls."
+    },
+    {
+      "id": "card-111",
+      "component": "Card",
+      "children": [
+        "header-112",
+        "section-117"
+      ]
+    },
+    {
+      "id": "header-112",
+      "component": "Header",
+      "children": [
+        "text-113",
+        "text-115"
+      ]
+    },
+    {
+      "id": "text-113",
+      "component": "Text",
+      "children": [
+        "icon-114"
+      ],
+      "slot": "icon"
+    },
+    {
+      "id": "icon-114",
+      "component": "Icon",
+      "name": "rocket",
+      "color": "primary"
+    },
+    {
+      "id": "text-115",
+      "component": "Text",
+      "children": [
+        "text-116"
+      ],
+      "slot": "heading"
+    },
+    {
+      "id": "text-116",
+      "component": "Text",
+      "textContent": "Ship Faster"
+    },
+    {
+      "id": "section-117",
+      "component": "Section",
+      "children": [
+        "text-118"
+      ]
+    },
+    {
+      "id": "text-118",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Deploy in minutes with zero-config CI/CD, instant rollbacks, and preview environments."
+    },
+    {
+      "id": "alert-119",
+      "component": "Alert",
+      "variant": "info"
+    }
+  ]
+}