create-ailk 0.7.0 → 0.8.0

package/site-templates/shapes/organization-service/TEMPLATE-MANIFEST.md

@@ -0,0 +1,300 @@
+# Template manifest — `organization-service`
+
+> The Free `organization-service` shape starter (#6757, roadmap § 6 Phase 2) — a company selling a service to clients anywhere, scaffolded keyless with no `--template` alias of its own. Generated file: the regions between `<!-- generated:begin <id> -->` and `<!-- generated:end -->` are produced by `scripts/build-template-manifest.mjs --template organization-service --check` from the composed layer stack (this tree → `_base` → the always-copied overlay), each roster row's MDX `sections[]`, and `component-catalog.json`. Everything outside the markers is written by hand.
+
+| Field                  | Value                                                                           |
+| ---------------------- | ------------------------------------------------------------------------------- |
+| Starter                | `organization-service` (a `SHAPE_STARTERS` entry, not a `--template` alias)     |
+| Level                  | Free (derived from `requires` — `marketing` only; never declared)               |
+| `requires`             | `[marketing]`                                                                   |
+| `extends`              | `_base` — lineage only, never level                                             |
+| Delivery               | keyless — ships in the tarball at `site-templates/shapes/organization-service/` |
+| Sample content posture | every line of copy is a **placeholder**; no seed carries a price (D4)           |
+
+## 1. Chrome
+
+This starter declares **no `layout` block** — the default marketing chrome.
+
+### Layout knobs (#5612)
+
+<!-- generated:begin layout -->
+
+| Knob                 | Value     |
+| -------------------- | --------- |
+| `nav`                | `full`    |
+| `footer`             | `columns` |
+| `announcementBanner` | `false`   |
+| `home`               | `default` |
+
+<!-- generated:end -->
+
+### Theme (locked)
+
+<!-- generated:begin theme -->
+
+| Setting                  | Value      |
+| ------------------------ | ---------- |
+| `corners`                | `square`   |
+| `eyebrowCase`            | `sentence` |
+| `placeholders`           | `fill`     |
+| `checkmarks`             | `plain`    |
+| `colors.light.bg`        | `#ffffff`  |
+| `colors.light.bgMuted`   | `#ffffff`  |
+| `colors.light.surface`   | `#ffffff`  |
+| `colors.light.border`    | `#000000`  |
+| `colors.light.text`      | `#000000`  |
+| `colors.light.textMuted` | `#333333`  |
+| `colors.light.primary`   | `#000000`  |
+| `colors.light.primaryFg` | `#ffffff`  |
+| `colors.light.accent`    | `#000000`  |
+| `colors.dark.bg`         | `#000000`  |
+| `colors.dark.bgMuted`    | `#000000`  |
+| `colors.dark.surface`    | `#000000`  |
+| `colors.dark.border`     | `#ffffff`  |
+| `colors.dark.text`       | `#ffffff`  |
+| `colors.dark.textMuted`  | `#cccccc`  |
+| `colors.dark.primary`    | `#ffffff`  |
+| `colors.dark.primaryFg`  | `#000000`  |
+| `colors.dark.accent`     | `#ffffff`  |
+
+<!-- generated:end -->
+
+## 2. Pages
+
+One `page=<route>` region per roster row, generated from the seed file the composed layer stack lands for that route.
+
+`/`:
+
+<!-- generated:begin page=/ -->
+
+| #   | Section                                               | Component | Copy (first line)                                 |
+| --- | ----------------------------------------------------- | --------- | ------------------------------------------------- |
+| 1   | `hero` (centered · eyebrow "{Your Company}" · 2 CTAs) | `Hero`    | {One line on the outcome you deliver for clients} |
+| 2   | `items` (columns=3 · items ×3)                        | `Items`   | What we do                                        |
+| 3   | `cta` (minimal · 2 CTAs)                              | `CTA`     | Ready to talk about your project?                 |
+
+<!-- generated:end -->
+
+`/about`:
+
+<!-- generated:begin page=/about -->
+
+| #   | Section                                    | Component      | Copy (first line)                                        |
+| --- | ------------------------------------------ | -------------- | -------------------------------------------------------- |
+| 1   | `content-block` (narrow · eyebrow "About") | `ContentBlock` | {A small team, a short client list, a long relationship} |
+| 2   | `cta` (minimal · 2 CTAs)                   | `CTA`          | Work with us                                             |
+
+<!-- generated:end -->
+
+`/services`:
+
+<!-- generated:begin page=/services -->
+
+| #   | Section                                | Component | Copy (first line)           |
+| --- | -------------------------------------- | --------- | --------------------------- |
+| 1   | `hero` (centered · eyebrow "Services") | `Hero`    | Three ways to work together |
+| 2   | `items` (columns=3 · items ×3)         | `Items`   | Engagements                 |
+| 3   | `cta` (minimal · 1 CTA)                | `CTA`     | Not sure which one?         |
+
+<!-- generated:end -->
+
+`/services/[slug]`:
+
+<!-- generated:begin page=/services/[slug] -->
+
+_Detail route over `content/en/Service/` — 3 seed pages: `first-engagement.mdx`, `second-engagement.mdx`, `third-engagement.mdx`._
+<!-- generated:end -->
+
+`/contact` (always-copied overlay seed):
+
+<!-- generated:begin page=/contact -->
+
+| #   | Section                                                   | Component | Copy (first line)                     |
+| --- | --------------------------------------------------------- | --------- | ------------------------------------- |
+| 1   | `hero` (split · eyebrow "Contact" · checklist ×3 · 1 CTA) | `Hero`    | Get every message in your email, free |
+
+<!-- generated:end -->
+
+`/faq` (always-copied overlay seed):
+
+<!-- generated:begin page=/faq -->
+
+| #   | Section                                                 | Component | Copy (first line)                        |
+| --- | ------------------------------------------------------- | --------- | ---------------------------------------- |
+| 1   | `hero` (gapBelow=tight · eyebrow "FAQ")                 | `Hero`    | FAQs                                     |
+| 2   | `faq` (accordion · items ×5 · 1 CTA · initialOpen none) | `FAQ`     | {A question your customers actually ask} |
+| 3   | `faq` (accordion · items ×5 · 1 CTA · initialOpen none) | `FAQ`     | {A second group of questions}            |
+
+<!-- generated:end -->
+
+`/glossary`, `/newsletter`, `/book-a-call` (base-layer seeds every starter carries, #6658 D5 — `/newsletter` is this tree's own byte copy of the Free newsletter, D4/D9):
+
+<!-- generated:begin page=/glossary -->
+
+| #   | Section                             | Component       | Copy (first line)                            |
+| --- | ----------------------------------- | --------------- | -------------------------------------------- |
+| 1   | `hero` (eyebrow "Glossary" · 1 CTA) | `Hero`          | {Glossary: the terms your customers look up} |
+| 2   | `glossary-index` (columns)          | `GlossaryIndex` | {Terms, A to Z}                              |
+
+<!-- generated:end -->
+
+<!-- generated:begin page=/newsletter -->
+
+| #   | Section                                | Component | Copy (first line)                       |
+| --- | -------------------------------------- | --------- | --------------------------------------- |
+| 1   | `hero` (eyebrow "Newsletter" · 2 CTAs) | `Hero`    | {Start a free newsletter with Substack} |
+| 2   | `faq` (expanded · items ×3)            | `FAQ`     | FAQs                                    |
+
+<!-- generated:end -->
+
+<!-- generated:begin page=/book-a-call -->
+
+| #   | Section                                | Component | Copy (first line)                          |
+| --- | -------------------------------------- | --------- | ------------------------------------------ |
+| 1   | `hero` (eyebrow "Book a call" · 1 CTA) | `Hero`    | {Book a call: what a visitor gets from it} |
+| 2   | `items` (columns=3 · items ×3)         | `Items`   | What happens on the call?                  |
+
+<!-- generated:end -->
+
+`/privacy`, `/terms` (base-layer seeds):
+
+<!-- generated:begin page=/privacy -->
+
+| #   | Section                             | Component         | Copy (first line) |
+| --- | ----------------------------------- | ----------------- | ----------------- |
+| 1   | `document-chassis` (layout=article) | `DocumentChassis` | Privacy Policy    |
+
+<!-- generated:end -->
+
+<!-- generated:begin page=/terms -->
+
+| #   | Section                             | Component         | Copy (first line) |
+| --- | ----------------------------------- | ----------------- | ----------------- |
+| 1   | `document-chassis` (layout=article) | `DocumentChassis` | Terms of Service  |
+
+<!-- generated:end -->
+
+`/purchase-policy` (this tree's own service-shape override — cancellation and refunds, D4):
+
+<!-- generated:begin page=/purchase-policy -->
+
+| #   | Section                             | Component         | Copy (first line) |
+| --- | ----------------------------------- | ----------------- | ----------------- |
+| 1   | `document-chassis` (layout=article) | `DocumentChassis` | Purchase Policy   |
+
+<!-- generated:end -->
+
+`/blog` (the Free teaser row, § 1.8 — served by the generic `[slug]` route over the always-copied overlay's `BlogList/blog.mdx`):
+
+<!-- generated:begin page=/blog -->
+
+| #   | Section                                                      | Component      | Copy (first line)                                                 |
+| --- | ------------------------------------------------------------ | -------------- | ----------------------------------------------------------------- |
+| 1   | `hero` (centered · gapBelow=tight · eyebrow "Blog" · 2 CTAs) | `Hero`         | Get free blog/docs from Fumadocs                                  |
+| 2   | `blog-list` (grid)                                           | `BlogList`     |                                                                   |
+| 3   | `logoCloud` (layout=inline · logos ×6)                       | `LogoCloud`    | Don’t just take our word for it                                   |
+| 4   | `testimonials` (quote · items ×1)                            | `Testimonials` | {A customer quote, in their own words, about the result they got} |
+
+<!-- generated:end -->
+
+`/portfolio` (this tree's own override of the `_base` seed — both primary CTAs point at `/contact`, D4):
+
+<!-- generated:begin page=/portfolio -->
+
+| #   | Section                                                                                                    | Component | Copy (first line)                          |
+| --- | ---------------------------------------------------------------------------------------------------------- | --------- | ------------------------------------------ |
+| 1   | `hero` (default · gapBelow=tight · size=display · surface=wash-secondary · eyebrow "{Portfolio}" · 2 CTAs) | `Hero`    | {The work, before and after.}              |
+| 2   | `items` (tile · surface=none · columns=2 · items ×4)                                                       | `Items`   |                                            |
+| 3   | `cta` (beam · chips ×3 · 2 CTAs)                                                                           | `CTA`     | {Is your project the before or the after?} |
+| 4   | `faq` (centered · surface=gray-100 · accordion · items ×3 · initialOpen first)                             | `FAQ`     | Frequently Asked Questions                 |
+
+<!-- generated:end -->
+
+`/portfolio/[slug]`:
+
+<!-- generated:begin page=/portfolio/[slug] -->
+
+_Detail route over `content/en/PortfolioItem/` — 4 seed pages: `sample-four.mdx`, `sample-one.mdx`, `sample-three.mdx`, `sample-two.mdx`._
+<!-- generated:end -->
+
+### 3a. Differences from the standard `organization-service` derivation
+
+The standard page set for this shape (`derive-roster.py --shape organization-service --primary-goal generate-leads --registry packages/schema/src/registry/entries.ts`, harness commit `7bdaf148e1b0e639cd90a80008955e55cc4aa2b5`) is 33 rows, `mainEntity: Organization`. This starter's roster is that set minus the standard rows the table below drops, plus the rows the table after it adds, each with a reason.
+
+**Standard rows dropped:**
+
+| Standard row                                                         | Reason                                                                                                           |
+| -------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |
+| `TeamList` · `TeamMember`                                            | a placeholder starter has no team to list; `/about` carries the people                                           |
+| `CareersList` · `JobPosting`                                         | a placeholder starter has no open roles                                                                          |
+| `PartnersList` · `Partner`                                           | a placeholder starter has no partners to list                                                                    |
+| `ProjectsList` · `Project`                                           | the portfolio pair (`/portfolio`) is the proof of past work; `/projects` is the signal-collectors sample listing |
+| `Pricing`                                                            | a service is priced on its own `Service` page (or quoted), not on a pricing table                                |
+| `CaseStudiesList` · `CaseStudy` · `TestimonialsList` · `ClientsList` | proof pages need real customers (the #6658 reason)                                                               |
+| `UseCasesList` · `UseCase`                                           | each `Service` page names who it is for; the `_base` persona seeds are product copy that links `/pricing`        |
+| `EventsList` · `Event` · `DownloadsList`                             | a placeholder starter has no events or downloads                                                                 |
+| `ResourcesHub` · `ResourceDetail` · `HowTo` · `Whitepaper`           | the Resources content system is the goal-driven default a site grows into, not a starter page                    |
+
+**Rows added:**
+
+| Row added                         | Reason                                                                                                                                                                 |
+| --------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `PurchasePolicyPage`              | every shape carries one purchase policy with its shape's sections — service: cancellation and refunds (#6646 D3)                                                       |
+| `PortfolioList` · `PortfolioItem` | the portfolio pair belongs to every shape's standard roster (operator, 2026-09-25; roadmap § 4)                                                                        |
+| `BlogList`                        | every Free scaffold's nav links `/blog` unconditionally (`renderNavConfig`, operator ruling 2026-09-23); the Free teaser serves it, as on organization-product (§ 1.8) |
+
+`|S − D| = 11` and `|R| = 15`.
+
+## 4. Roster, as the registry declares it
+
+`organization-service` is a `SHAPE_STARTERS` entry, not a declared `--template` alias: `TEMPLATE_MANIFESTS` and `RECOGNIZED_TEMPLATES` never carry its name (NFR-3). The merged roster, as the registry composes it:
+
+<!-- generated:begin roster -->
+
+```
+organization-service:
+  requires: [marketing]
+  categories: [accounting, legal, real-estate]
+  shape: organization-service
+  design: standard
+  roster:
+    - { route: "/",                 kind: page, content: ["content/en/HomePage/home.mdx"] }
+    - { route: "/about",            kind: page, content: ["content/en/AboutPage/about.mdx"] }
+    - { route: "/services",         kind: page, content: ["content/en/ServicesList/services.mdx"] }
+    - { route: "/services/[slug]",  kind: page, contentDir: "content/en/Service" }
+    - { route: "/contact",          kind: page, content: ["content/en/ContactPage/contact.mdx"] }
+    - { route: "/faq",              kind: page, content: ["content/en/FAQPage/faq.mdx"] }
+    - { route: "/glossary",         kind: page, content: ["content/en/GlossaryList/glossary.mdx"] }
+    - { route: "/newsletter",       kind: page, content: ["content/en/NewsletterSignup/newsletter.mdx"] }
+    - { route: "/book-a-call",      kind: page, content: ["content/en/BookCall/book-call.mdx"] }
+    - { route: "/privacy",          kind: page, content: ["content/en/PrivacyPage/privacy.mdx"] }
+    - { route: "/terms",            kind: page, content: ["content/en/TermsPage/terms.mdx"] }
+    - { route: "/purchase-policy",  kind: page, content: ["content/en/PurchasePolicyPage/purchase-policy.mdx"] }
+    - { route: "/blog",             kind: page, content: ["content/en/BlogList/blog.mdx"] }
+    - { route: "/portfolio",        kind: page, content: ["content/en/PortfolioList/portfolio.mdx"] }
+    - { route: "/portfolio/[slug]", kind: page, contentDir: "content/en/PortfolioItem" }
+```
+
+<!-- generated:end -->
+
+By source:
+
+```
+starter:  / · /about · /services · /services/<slug> · /contact · /faq
+          /glossary · /newsletter · /book-a-call · /privacy · /terms
+          /purchase-policy · /blog · /portfolio · /portfolio/<slug>
+```
+
+Every row is module-less: `requires` is `[marketing]` alone, so `mergeRoster` contributes nothing beyond this tree's own fifteen rows.
+
+## 5. Component inventory
+
+<!-- generated:begin inventory -->
+
+| Tier     | Used by this template                                                                                                      |
+| -------- | -------------------------------------------------------------------------------------------------------------------------- |
+| Shell    | `MarketingShell`                                                                                                           |
+| Chrome   | `Nav`, `Footer`, `Banner` (+ `BannerConsentIsland`, `BannerDismissIsland`)                                                 |
+| Sections | `BlogList`, `ContentBlock`, `CTA`, `DocumentChassis`, `FAQ`, `GlossaryIndex`, `Hero`, `Items`, `LogoCloud`, `Testimonials` |
+
+<!-- generated:end -->

package/site-templates/shapes/organization-service/ailk-template.json

@@ -0,0 +1,10 @@
+{
+  "name": "organization-service",
+  "requires": ["marketing"],
+  "extends": "_base",
+  "installMap": {
+    "provenance.json": ".ailk-template.json",
+    "TEMPLATE-MANIFEST.json": ".ailk-site-manifest.json"
+  },
+  "postInstall": "Starter organization-service installed. Its /faq, /contact and /blog seed pages came with the always-copied overlay; /glossary, /newsletter, /book-a-call, /privacy and /terms with the base layer it extends (content/en/). This tree's own /, /about, /services (+ three engagements), /purchase-policy and /portfolio pages are its own compositions. Every line of copy is a placeholder — replace it before you launch."
+}

package/site-templates/shapes/organization-service/content/en/AboutPage/about.mdx

@@ -0,0 +1,38 @@
+---
+type: "AboutPage"
+slug: "about"
+title: "About"
+description: "The team behind {your company}. Placeholder copy — replace before you launch."
+sections:
+  [
+    {
+      "id": "intro",
+      "type": "content-block",
+      "data":
+        {
+          "variant": "narrow",
+          "eyebrow": "About",
+          "headline": "{A small team, a short client list, a long relationship}",
+          "body": "{Two or three sentences on how the company started, who it works with, and what it will not take on. Keep it concrete rather than aspirational.}",
+        },
+    },
+    {
+      "id": "closing",
+      "type": "cta",
+      "data":
+        {
+          "variant": "minimal",
+          "headline": "Work with us",
+          "primaryCta": { "label": "Get in touch", "href": "/contact" },
+          "secondaryCta":
+            {
+              "label": "See services",
+              "href": "/services",
+              "variant": "outline",
+            },
+        },
+    },
+  ]
+---
+
+Placeholder copy. This page overrides the always-copied overlay's `AboutPage/about.mdx`.

package/site-templates/shapes/organization-service/content/en/HomePage/home.mdx

@@ -0,0 +1,85 @@
+---
+type: "HomePage"
+slug: "home"
+title: "Your Company"
+description: "Placeholder home for the organization-service starter — a company selling a service to clients anywhere. Replace every line before you launch."
+sections:
+  [
+    {
+      "id": "hero",
+      "type": "hero",
+      "data":
+        {
+          "variant": "centered",
+          "eyebrow": "{Your Company}",
+          "headline": "{One line on the outcome you deliver for clients}",
+          "subheadline": "{One line on who you work with and what makes the engagement different.}",
+          "primaryCta": { "label": "Get in touch", "href": "/contact" },
+          "secondaryCta":
+            {
+              "label": "See services",
+              "href": "/services",
+              "variant": "outline",
+            },
+        },
+    },
+    {
+      "id": "services",
+      "type": "items",
+      "data":
+        {
+          "headline": "What we do",
+          "columns": 3,
+          "items":
+            [
+              {
+                "title": "{First engagement}",
+                "description": "{One line on what it is and who it suits.}",
+                "link":
+                  {
+                    "label": "Read more",
+                    "href": "/services/first-engagement",
+                  },
+              },
+              {
+                "title": "{Second engagement}",
+                "description": "{One line on what it is and who it suits.}",
+                "link":
+                  {
+                    "label": "Read more",
+                    "href": "/services/second-engagement",
+                  },
+              },
+              {
+                "title": "{Third engagement}",
+                "description": "{One line on what it is and who it suits.}",
+                "link":
+                  {
+                    "label": "Read more",
+                    "href": "/services/third-engagement",
+                  },
+              },
+            ],
+        },
+    },
+    {
+      "id": "closing",
+      "type": "cta",
+      "data":
+        {
+          "variant": "minimal",
+          "headline": "Ready to talk about your project?",
+          "description": "{One line inviting the reader to start the conversation.}",
+          "primaryCta": { "label": "Get in touch", "href": "/contact" },
+          "secondaryCta":
+            {
+              "label": "Read about us",
+              "href": "/about",
+              "variant": "outline",
+            },
+        },
+    },
+  ]
+---
+
+Placeholder copy. Every headline, every line of body copy on this site is a placeholder — replace them before you launch.

package/site-templates/shapes/organization-service/content/en/NewsletterSignup/newsletter.mdx

@@ -0,0 +1,59 @@
+---
+type: "NewsletterSignup"
+slug: "newsletter"
+title: "{Start a free newsletter with Substack}"
+description: "{Or upgrade to Pro to capture every subscriber and build your own marketing database.}"
+schema:
+  mainEntity:
+    "@type": "Offer"
+    name: "{Your newsletter name}"
+    price: 0
+    priceCurrency: "USD"
+sections:
+  [
+    {
+      "id": "hero",
+      "type": "hero",
+      "data":
+        {
+          "eyebrow": "Newsletter",
+          "headline": "{Start a free newsletter with Substack}",
+          "subheadline": "{Or upgrade to Pro to capture every subscriber and build your own marketing database.}",
+          "primaryCta":
+            { "label": "{Connect Substack}", "href": "https://substack.com" },
+          "secondaryCta":
+            {
+              "label": "{Upgrade to Pro}",
+              "href": "https://ailaunchkit.ai/pricing",
+              "variant": "outline",
+            },
+        },
+    },
+    {
+      "id": "faq",
+      "type": "faq",
+      "data":
+        {
+          "headline": "FAQs",
+          "presentation": "expanded",
+          "items":
+            [
+              {
+                "question": "{How often will I hear from you?}",
+                "answer": "{Answer in one or two plain sentences}",
+              },
+              {
+                "question": "{What will I get?}",
+                "answer": "{Answer in one or two plain sentences}",
+              },
+              {
+                "question": "{Can I unsubscribe?}",
+                "answer": "{Answer in one or two plain sentences}",
+              },
+            ],
+        },
+    },
+  ]
+---
+
+{/* Rendered from frontmatter `sections[]` by the /newsletter route. The Free template has no signup form: the hero points the owner to Substack, or to Pro for subscriber capture. The `schema:` Offer is the page's JSON-LD main entity — a free subscription. Placeholder copy — replace every {brace} with your own words before you launch. */}

package/site-templates/shapes/organization-service/content/en/PortfolioList/portfolio.mdx

@@ -0,0 +1,171 @@
+---
+type: "PortfolioList"
+slug: "portfolio"
+title: "{Before and after, compared} | {Company name}"
+description: "{Every project shown as a comparison — what the client had, what they have now, and what changed in between.}"
+sections:
+  [
+    {
+      "id": "cases-hero",
+      "type": "hero",
+      "data":
+        {
+          "variant": "default",
+          "size": "display",
+          "surface": "wash-secondary",
+          "gapBelow": "tight",
+          "eyebrow": "{Portfolio}",
+          "eyebrowTone": "brand",
+          "headline": "{The work, before and after.}",
+          "subheadline": "{Two or three sentences on why the comparison is the honest proof — what the before cost the client, what the after changed, and how a reader can check it.}",
+          "subtitleSize": "lead",
+          "ctaSize": "xl",
+          "primaryCta": { "label": "Get in touch", "href": "/contact" },
+          "secondaryCta": { "label": "{See services}", "href": "/services" },
+        },
+    },
+    {
+      "id": "cases-tiles",
+      "type": "items",
+      "data":
+        {
+          "variant": "tile",
+          "tileHover": "outline",
+          "columns": 2,
+          "surface": "none",
+          "items":
+            [
+              {
+                "title": "{Example one}: before and after",
+                "description": "{One sentence on what example one had, and what they have now}",
+                "rows":
+                  [
+                    {
+                      "label": "THE CLIENT",
+                      "body": "{Who they are and the market they sell into}",
+                    },
+                    {
+                      "label": "WHAT CHANGED",
+                      "body": "{The one thing the after does that the before could not}",
+                    },
+                  ],
+                "link":
+                  {
+                    "label": "See the comparison →",
+                    "href": "/portfolio/sample-one",
+                  },
+              },
+              {
+                "title": "{Example two}: before and after",
+                "description": "{One sentence on what example two had, and what they have now}",
+                "rows":
+                  [
+                    {
+                      "label": "THE CLIENT",
+                      "body": "{Who they are and the market they sell into}",
+                    },
+                    {
+                      "label": "WHAT CHANGED",
+                      "body": "{The one thing the after does that the before could not}",
+                    },
+                  ],
+                "link":
+                  {
+                    "label": "See the comparison →",
+                    "href": "/portfolio/sample-two",
+                  },
+              },
+              {
+                "title": "{Example three}: before and after",
+                "description": "{One sentence on what example three had, and what they have now}",
+                "rows":
+                  [
+                    {
+                      "label": "THE CLIENT",
+                      "body": "{Who they are and the market they sell into}",
+                    },
+                    {
+                      "label": "WHAT CHANGED",
+                      "body": "{The one thing the after does that the before could not}",
+                    },
+                  ],
+                "link":
+                  {
+                    "label": "See the comparison →",
+                    "href": "/portfolio/sample-three",
+                  },
+              },
+              {
+                "title": "{Example four}: before and after",
+                "description": "{One sentence on what example four had, and what they have now}",
+                "rows":
+                  [
+                    {
+                      "label": "THE CLIENT",
+                      "body": "{Who they are and the market they sell into}",
+                    },
+                    {
+                      "label": "WHAT CHANGED",
+                      "body": "{The one thing the after does that the before could not}",
+                    },
+                  ],
+                "link":
+                  {
+                    "label": "See the comparison →",
+                    "href": "/portfolio/sample-four",
+                  },
+              },
+            ],
+        },
+    },
+    {
+      "id": "cases-close",
+      "type": "cta",
+      "data":
+        {
+          "variant": "beam",
+          "headline": "{Is your project the before or the after?}",
+          "description": "{One line offering the reader the same comparison for their own project.}",
+          "primaryCta": { "label": "Get in touch", "href": "/contact" },
+          "secondaryCta": { "label": "{See services}", "href": "/services" },
+          "chips":
+            [
+              "{Proof you can check}",
+              "{Every project shown both ways}",
+              "{Re-checked every quarter}",
+            ],
+        },
+    },
+    {
+      "id": "cases-faq",
+      "type": "faq",
+      "data":
+        {
+          "headline": "Frequently Asked Questions",
+          "variant": "centered",
+          "presentation": "accordion",
+          "questionSize": "body-lg",
+          "initialOpen": "first",
+          "containerWidth": "default",
+          "surface": "gray-100",
+          "items":
+            [
+              {
+                "question": "{How do you pick which projects to show?}",
+                "answer": "{Two or three sentences.}",
+              },
+              {
+                "question": "{Are the before screenshots real?}",
+                "answer": "{Two or three sentences.}",
+              },
+              {
+                "question": "{Can I see the numbers behind a comparison?}",
+                "answer": "{Two or three sentences.}",
+              },
+            ],
+        },
+    },
+  ]
+---
+
+{/* This tree's override of the `_base` PortfolioList page (D4): the `_base` page's two primary CTAs link `/pricing`, a route this shape does not serve, so this override keeps the same section types and four sample comparisons and points both primary CTAs at `/contact` instead. */}