@adia-ai/a2ui-corpus 0.0.1

package/exemplars/prose/cta/chunks/prose-cta-card-1.json

@@ -0,0 +1,191 @@
+{
+  "id": "prose-cta-card-1",
+  "type": "chunk",
+  "source": "exemplars/prose/cta/index.html",
+  "components": [
+    "Card",
+    "Header",
+    "Section",
+    "Column",
+    "Icon",
+    "Text",
+    "Row",
+    "Button"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header-1",
+        "section-2"
+      ],
+      "elevation": 2
+    },
+    {
+      "id": "header-1",
+      "component": "Header",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "icon-5",
+        "text-6",
+        "text-7",
+        "text-8"
+      ],
+      "align": "center",
+      "gap": "4"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "row-9",
+        "text-10",
+        "row-11"
+      ],
+      "align": "center",
+      "gap": "4"
+    },
+    {
+      "id": "icon-5",
+      "component": "Icon",
+      "name": "acme-logo"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "variant": "kicker",
+      "textContent": "Ready to start?"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "variant": "display",
+      "nomargin": true,
+      "textContent": "Start building for free"
+    },
+    {
+      "id": "text-8",
+      "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": "row-9",
+      "component": "Row",
+      "children": [
+        "button-12",
+        "button-13"
+      ],
+      "gap": "4",
+      "justify": "center"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "textContent": "No credit card required · Free forever for small teams"
+    },
+    {
+      "id": "row-11",
+      "component": "Row",
+      "children": [
+        "row-14",
+        "row-15",
+        "row-16"
+      ],
+      "gap": "6",
+      "justify": "center"
+    },
+    {
+      "id": "button-12",
+      "component": "Button",
+      "text": "Get Started Free",
+      "variant": "primary",
+      "size": "lg"
+    },
+    {
+      "id": "button-13",
+      "component": "Button",
+      "text": "Talk to Sales",
+      "variant": "outline",
+      "size": "lg"
+    },
+    {
+      "id": "row-14",
+      "component": "Row",
+      "children": [
+        "icon-17",
+        "text-18"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "row-15",
+      "component": "Row",
+      "children": [
+        "icon-19",
+        "text-20"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "row-16",
+      "component": "Row",
+      "children": [
+        "icon-21",
+        "text-22"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "icon-17",
+      "component": "Icon",
+      "name": "check-circle",
+      "color": "success"
+    },
+    {
+      "id": "text-18",
+      "component": "Text",
+      "textContent": "SOC 2"
+    },
+    {
+      "id": "icon-19",
+      "component": "Icon",
+      "name": "lock-simple",
+      "color": "success"
+    },
+    {
+      "id": "text-20",
+      "component": "Text",
+      "textContent": "Encrypted"
+    },
+    {
+      "id": "icon-21",
+      "component": "Icon",
+      "name": "clock",
+      "color": "success"
+    },
+    {
+      "id": "text-22",
+      "component": "Text",
+      "textContent": "99.9% SLA"
+    }
+  ]
+}

package/exemplars/prose/cta/chunks/prose-cta-card-2.json

@@ -0,0 +1,96 @@
+{
+  "id": "prose-cta-card-2",
+  "type": "chunk",
+  "source": "exemplars/prose/cta/index.html",
+  "components": [
+    "Card",
+    "Section",
+    "Column",
+    "Icon",
+    "Text",
+    "Divider",
+    "Row",
+    "Avatar"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "section-1"
+      ],
+      "variant": "outlined"
+    },
+    {
+      "id": "section-1",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "icon-3",
+        "text-4",
+        "divider-5",
+        "row-6"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "icon-3",
+      "component": "Icon",
+      "name": "quotes",
+      "color": "accent"
+    },
+    {
+      "id": "text-4",
+      "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-5",
+      "component": "Divider"
+    },
+    {
+      "id": "row-6",
+      "component": "Row",
+      "children": [
+        "avatar-7",
+        "column-8"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "avatar-7",
+      "component": "Avatar",
+      "text": "Sarah Chen",
+      "size": "md"
+    },
+    {
+      "id": "column-8",
+      "component": "Column",
+      "children": [
+        "text-9",
+        "text-10"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Sarah Chen"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "textContent": "VP of Engineering · Raycast"
+    }
+  ]
+}

package/exemplars/prose/cta/cta.yaml

@@ -0,0 +1,38 @@
+# Exemplar metadata — single source of truth for cta.
+# Runtime extract.js reads this + index.html → writes a2ui.json + chunks/.
+
+$schema: ../../../../scripts/schemas/exemplar.yaml.schema.json
+name: prose-cta
+category: prose
+domain: layout
+description: Call-to-action sections
+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

package/exemplars/prose/cta/data.json

@@ -0,0 +1,6 @@
+{
+  "heading": "Ready to get started?",
+  "description": "Join thousands of developers building with AdiaUI. Ship faster with less code.",
+  "primaryCta": { "text": "Start Free Trial", "icon": "arrow-right" },
+  "secondaryCta": { "text": "Talk to Sales" }
+}

package/exemplars/prose/cta/index.html

@@ -0,0 +1,143 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Acme — CTA Patterns</title>
+    <link rel="stylesheet" href="../../../../web-components/styles/tokens.css" />
+    <link rel="stylesheet" href="../../../../web-components/styles/styles.css" />
+    <style>
+      body {
+        margin: 0;
+        min-height: 100dvh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 2rem;
+        box-sizing: border-box;
+        font-family: var(--a-font-family);
+        background: var(--a-bg);
+        color: var(--a-fg);
+      }
+     body > section { min-width: 600px; }</style>
+  </head>
+  <body>
+    <section prose>
+      <col-ui gap="16">
+        <!-- ━━━ CTA A: Centered CTA Card ━━━ -->
+        <card-ui
+          elevation="2"
+          data-scheme="dark"
+          style="
+            background:
+              linear-gradient(to bottom right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.85)),
+              url(&quot;https://images.unsplash.com/photo-1534972195531-d756b9bfa9f2?w=1200&q=80&quot;) center/cover no-repeat;
+          "
+        >
+          <header>
+            <col-ui align="center" gap="4" style="padding: 3rem 2rem">
+              <icon-ui name="acme-logo"></icon-ui>
+              <text-ui variant="kicker">Ready to start?</text-ui>
+              <h2 variant="display" nomargin>Start building for free</h2>
+              <text-ui slot="description" variant="caption" style="padding: 0 0rem; max-width: 56ch; text-align: center;">
+                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
+                ready.
+              </text-ui>
+            </col-ui>
+          </header>
+          <section>
+            <col-ui align="center" gap="4" style="padding: 3rem 2rem">
+              <row-ui gap="4" justify="center">
+                <button-ui text="Get Started Free" variant="primary" size="lg"></button-ui>
+                <button-ui text="Talk to Sales" variant="outline" size="lg"></button-ui>
+              </row-ui>
+              <span>No credit card required · Free forever for small teams</span>
+              <row-ui gap="6" justify="center">
+                <row-ui gap="2" align="center">
+                  <icon-ui name="check-circle" color="success"></icon-ui>
+                  <span>SOC 2</span>
+                </row-ui>
+                <row-ui gap="2" align="center">
+                  <icon-ui name="lock-simple" color="success"></icon-ui>
+                  <span>Encrypted</span>
+                </row-ui>
+                <row-ui gap="2" align="center">
+                  <icon-ui name="clock" color="success"></icon-ui>
+                  <span>99.9% SLA</span>
+                </row-ui>
+              </row-ui>
+            </col-ui>
+          </section>
+        </card-ui>
+
+        <!-- ━━━ CTA B: Split CTA with Email Capture ━━━ -->
+        <col-ui gap="6">
+          <row-ui justify="between" align="center" gap="8" wrap>
+            <col-ui gap="3" grow basis="0" style="min-width: 260px">
+              <h2 variant="title" nomargin>Stay in the loop</h2>
+              <p variant="body" color="subtle" nomargin>Get weekly product updates, tips, and early access to new features.</p>
+              <row-ui gap="3">
+                <row-ui gap="-2">
+                  <avatar-ui text="Priya S" size="sm"></avatar-ui>
+                  <avatar-ui text="Marco L" size="sm"></avatar-ui>
+                  <avatar-ui text="Aisha K" size="sm"></avatar-ui>
+                  <avatar-ui text="James T" size="sm"></avatar-ui>
+                  <avatar-ui text="Yuki N" size="sm"></avatar-ui>
+                  <text-ui>and 847 others subscribed this week</text-ui>
+                </row-ui>
+              </row-ui>
+            </col-ui>
+            <section>
+              <col-ui gap="4">
+                <input-ui type="email" placeholder="you@company.com"></input-ui>
+                <button-ui text="Subscribe" variant="primary" stretch></button-ui>
+                <text-ui>Join 8,000+ subscribers · Unsubscribe anytime</text-ui>
+              </col-ui>
+            </section>
+          </row-ui>
+        </col-ui>
+
+        <!-- ━━━ CTA C: CTA with Testimonial ━━━ -->
+        <col-ui align="center" gap="6">
+          <header>
+            <col-ui align="center" gap="6">
+              <h2 variant="display" nomargin>Join the teams already shipping faster</h2>
+              <p variant="deck" color="subtle" nomargin>From startups to Fortune 500 — Acme powers the best engineering teams on the planet.</p>
+              <button-ui text="Start Free Trial" variant="primary" size="lg"></button-ui>
+            </col-ui>
+          </header>
+          <card-ui variant="outlined" style="max-width: 540px; width: 100%">
+            <section>
+              <col-ui gap="4">
+                <icon-ui name="quotes" color="accent"></icon-ui>
+                <p variant="body" nomargin>
+                  Acme cut our deployment time from two weeks to two hours. The developer experience is unmatched — our team was productive on day one.
+                </p>
+                <divider-ui></divider-ui>
+                <row-ui gap="3" align="center">
+                  <avatar-ui text="Sarah Chen" size="md"></avatar-ui>
+                  <col-ui gap="0">
+                    <text-ui variant="body">Sarah Chen</text-ui>
+                    <text-ui>VP of Engineering · Raycast</text-ui>
+                  </col-ui>
+                </row-ui>
+              </col-ui>
+            </section>
+          </card-ui>
+          <row-ui gap="1" align="center" justify="center">
+            <icon-ui name="star" weight="fill" color="warning"></icon-ui>
+            <icon-ui name="star" weight="fill" color="warning"></icon-ui>
+            <icon-ui name="star" weight="fill" color="warning"></icon-ui>
+            <icon-ui name="star" weight="fill" color="warning"></icon-ui>
+            <icon-ui name="star" weight="fill" color="warning"></icon-ui>
+            <span color="muted" style="margin-left: 0.5rem">4.9 average rating</span>
+          </row-ui>
+        </col-ui>
+      </col-ui>
+    </section>
+
+    <script type="module">
+      import "../../../../web-components/components/index.js";
+    </script>
+  </body>
+</html>

package/exemplars/prose/feature-grid/README.md

@@ -0,0 +1,3 @@
+# Feature Grid Block
+
+Responsive 3-column grid of 6 feature cards, each with an icon badge, heading, and description. Uses auto-fit for responsive layout.