create-ailk 0.3.0 → 0.5.0

package/templates/apps/web/sentry.edge.config.ts

@@ -7,9 +7,81 @@
 
 import * as Sentry from "@sentry/nextjs";
 
+import { scrubTelemetryUrl } from "./lib/telemetry-scrub";
+
+// #5613 / security review PR #5639: the report-grant token (?g=<id> on
+// /reports/<slug>, #5562) is a bearer credential for a private customer
+// deliverable and must never leave this app in a URL. The RSC render of the
+// grant page can run in this runtime too, so scrub the request URL, its
+// Referer header, the transaction name, navigation breadcrumbs, and any URL
+// captured as span/trace data (e.g. `url.full`,
+// `http.request.header.referer`) here as well.
+function scrubSentryEvent<
+  T extends {
+    request?: { url?: string; headers?: Record<string, string> };
+    transaction?: string;
+    breadcrumbs?: { category?: string; data?: Record<string, unknown> }[];
+    contexts?: { trace?: { data?: Record<string, unknown> } };
+    spans?: { data?: Record<string, unknown> }[];
+  },
+>(event: T): T {
+  if (event.request?.url) {
+    event.request.url = scrubTelemetryUrl(event.request.url);
+  }
+  if (event.request?.headers) {
+    for (const key of ["Referer", "referer"]) {
+      const value = event.request.headers[key];
+      if (typeof value === "string") {
+        event.request.headers[key] = scrubTelemetryUrl(value);
+      }
+    }
+  }
+  if (event.transaction) {
+    event.transaction = scrubTelemetryUrl(event.transaction);
+  }
+  for (const crumb of event.breadcrumbs ?? []) {
+    if (!crumb.data) continue;
+    if (crumb.category === "navigation") {
+      for (const key of ["to", "from"]) {
+        const value = crumb.data[key];
+        if (typeof value === "string") {
+          crumb.data[key] = scrubTelemetryUrl(value);
+        }
+      }
+    }
+    // fetch/xhr breadcrumbs (and others) can carry `data.url` independent
+    // of category — scrub it regardless (security review, PR #5639).
+    const url = crumb.data["url"];
+    if (typeof url === "string") {
+      crumb.data["url"] = scrubTelemetryUrl(url);
+    }
+  }
+  const scrubSpanData = (data?: Record<string, unknown>): void => {
+    if (!data) return;
+    for (const key of [
+      "url.full",
+      "http.url",
+      "http.request.header.referer",
+    ]) {
+      const value = data[key];
+      if (typeof value === "string") {
+        data[key] = scrubTelemetryUrl(value);
+      }
+    }
+  };
+  scrubSpanData(event.contexts?.trace?.data);
+  for (const span of event.spans ?? []) {
+    scrubSpanData(span.data);
+  }
+  return event;
+}
+
 Sentry.init({
   dsn: process.env.SENTRY_DSN,
   enabled: !!process.env.SENTRY_DSN,
 
   tracesSampleRate: process.env.NODE_ENV === "development" ? 1.0 : 0.1,
+
+  beforeSend: scrubSentryEvent,
+  beforeSendTransaction: scrubSentryEvent,
 });

package/templates/apps/web/sentry.server.config.ts

@@ -12,9 +12,81 @@
 
 import * as Sentry from "@sentry/nextjs";
 
+import { scrubTelemetryUrl } from "./lib/telemetry-scrub";
+
+// #5613 / security review PR #5639: the report-grant token (?g=<id> on
+// /reports/<slug>, #5562) is a bearer credential for a private customer
+// deliverable and must never leave this app in a URL. The RSC render of the
+// grant page runs in this runtime, so scrub the request URL, its Referer
+// header, the transaction name, navigation breadcrumbs, and any URL
+// captured as span/trace data (e.g. `url.full`,
+// `http.request.header.referer`) here too.
+function scrubSentryEvent<
+  T extends {
+    request?: { url?: string; headers?: Record<string, string> };
+    transaction?: string;
+    breadcrumbs?: { category?: string; data?: Record<string, unknown> }[];
+    contexts?: { trace?: { data?: Record<string, unknown> } };
+    spans?: { data?: Record<string, unknown> }[];
+  },
+>(event: T): T {
+  if (event.request?.url) {
+    event.request.url = scrubTelemetryUrl(event.request.url);
+  }
+  if (event.request?.headers) {
+    for (const key of ["Referer", "referer"]) {
+      const value = event.request.headers[key];
+      if (typeof value === "string") {
+        event.request.headers[key] = scrubTelemetryUrl(value);
+      }
+    }
+  }
+  if (event.transaction) {
+    event.transaction = scrubTelemetryUrl(event.transaction);
+  }
+  for (const crumb of event.breadcrumbs ?? []) {
+    if (!crumb.data) continue;
+    if (crumb.category === "navigation") {
+      for (const key of ["to", "from"]) {
+        const value = crumb.data[key];
+        if (typeof value === "string") {
+          crumb.data[key] = scrubTelemetryUrl(value);
+        }
+      }
+    }
+    // fetch/xhr breadcrumbs (and others) can carry `data.url` independent
+    // of category — scrub it regardless (security review, PR #5639).
+    const url = crumb.data["url"];
+    if (typeof url === "string") {
+      crumb.data["url"] = scrubTelemetryUrl(url);
+    }
+  }
+  const scrubSpanData = (data?: Record<string, unknown>): void => {
+    if (!data) return;
+    for (const key of [
+      "url.full",
+      "http.url",
+      "http.request.header.referer",
+    ]) {
+      const value = data[key];
+      if (typeof value === "string") {
+        data[key] = scrubTelemetryUrl(value);
+      }
+    }
+  };
+  scrubSpanData(event.contexts?.trace?.data);
+  for (const span of event.spans ?? []) {
+    scrubSpanData(span.data);
+  }
+  return event;
+}
+
 Sentry.init({
   dsn: process.env.SENTRY_DSN,
   enabled: !!process.env.SENTRY_DSN,
 
   tracesSampleRate: process.env.NODE_ENV === "development" ? 1.0 : 0.1,
+
+  beforeSend: scrubSentryEvent,
+  beforeSendTransaction: scrubSentryEvent,
 });

package/templates/apps/web/src/lib/routes.ts

@@ -5,6 +5,8 @@
  * handlers to avoid copy-paste duplication.
  */
 
+import { routeFor } from "@working-theory/templates/routes";
+
 import { SITE_BASE_URL } from "../../lib/site-brand";
 
 /**
@@ -29,22 +31,15 @@ export function resolveBaseUrl(): string {
 /**
  * Maps a content-adapter page type + slug to a site-relative path.
  * Drives both /llms.txt and /sitemap.xml URL generation.
+ *
+ * A lookup over the routes map (#5572 U2, spec § D4 row 1) — `routeFor` is
+ * byte-identical to the switch this replaced for its six `case` literals and
+ * the `` `/${slug}` `` default (proven by
+ * `packages/templates/src/__tests__/routes-map.test.ts`'s table test and
+ * `apps/web/__tests__/routes/routes-map-identity.test.ts`'s differential
+ * test over the live content tree). The signature is annotated explicitly so
+ * this stays the exact `(type: string, slug: string) => string` contract the
+ * three call sites (`sitemap.xml`, `llms.txt`, `docs-blog/llms-route.ts`)
+ * depend on, even though `routeFor`'s own `slug` parameter is optional.
  */
-export function slugToPath(type: string, slug: string): string {
-  switch (type) {
-    case "HomePage":
-      return "/";
-    case "BlogPosting":
-      return `/blog/${slug}`;
-    case "Product":
-      return `/products/${slug}`;
-    case "Service":
-      return `/services/${slug}`;
-    case "AboutPage":
-      return "/about";
-    case "ContactPage":
-      return "/contact";
-    default:
-      return `/${slug}`;
-  }
-}
+export const slugToPath: (type: string, slug: string) => string = routeFor;

package/templates/brand_assets/README.md

@@ -0,0 +1,24 @@
+# brand_assets/
+
+This folder is where you put your project's real brand material. It ships
+empty — nothing here is required to run `pnpm dev` — but populating it is
+what lets Claude Code (and anyone else building this site) use your actual
+brand instead of inventing placeholder colors and copy.
+
+`apps/web/CLAUDE.md` reads from this folder before designing a page. If a
+file below is present, it's used; if it's absent, generic defaults are used
+instead.
+
+## What goes here
+
+| File / folder                   | Contents                                                                                                                               |
+| ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- |
+| `logo.svg` (or `.png`)          | Your logo, ideally an SVG. Add light/dark variants if your mark needs them (e.g. `logo-dark.svg`).                                     |
+| `brand-guide.md`                | The global theme — brand colors, type direction, tone of voice, do's and don'ts — used when choosing layout and components for a page. |
+| `brand-brief.md`                | Positioning, messaging, and the target citation phrases a page's content should work toward.                                           |
+| `favicon.ico` / `favicon-*.png` | Favicon assets for `apps/web/app/favicon.ico` and any additional sizes your deploy target wants.                                       |
+| `photos/`                       | Real photography — team, product, office — to use instead of stock or placeholder images.                                              |
+| `reference/`                    | Mockups, screenshots, or other visual references to match when building or reviewing a page's design.                                  |
+
+None of these are mandatory. Add what you have; the rest can stay
+placeholder until you're ready.

package/templates/content/en/AboutPage/about.mdx

@@ -1,29 +1,174 @@
 ---
 type: "AboutPage"
 slug: "about"
-title: "About {{COMPANY_NAME}}"
-description: "Replace this with a sentence about who you are and why you do this work."
+title: "We want you to {ability they couldn't do before}"
+description: "We want you to {ability they couldn't do before}"
 sections:
   [
     {
-      "id": "hero",
-      "type": "hero",
-      "data":
-        {
-          "headline": "About {{COMPANY_NAME}}",
-          "subheadline": "Replace this with the short version of your story.",
+      "id": "manifesto",
+      "type": "content-block",
+      "data": {
+        "variant": "media-right",
+        "eyebrow": "Manifesto",
+        "headline": "We want you to {ability they couldn't do before}",
+        "body": "Hey, I’m {your name}, the founder of {your company}.\n\nWrite a few sentences introducing the problems you solve. You can even ask a rhetorical question to get people thinking about their own personal experiences with a problem they might have encountered.\n\nThis is your chance to tell the backstory of why your product exists and explain the gap your product fills. Don’t be afraid to take a stance and plant your flag.\n\nWe believe that {you should be able to X without Y}.\n\nWe’ll help you:\n\nSolve this problem\n\nSolve another problem\n\nSolve this other problem\n\nIf that resonates with you, you're in the right place.\n\n- (your name)",
+        "cta": {
+          "label": "Sign Up",
+          "href": "/sign-in"
         },
+        "secondaryCta": {
+          "label": "More about us",
+          "href": "/about",
+          "variant": "outline"
+        }
+      }
     },
     {
-      "id": "why-we-exist",
-      "type": "content-block",
-      "data":
-        {
-          "headline": "Why we exist",
-          "body": "Replace this paragraph with the reason your organization exists — the problem you kept running into, or the gap you decided to fill. Concrete beats aspirational.",
+      "id": "team",
+      "type": "team",
+      "data": {
+        "headline": "Our team",
+        "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+        "members": [
+          {
+            "name": "Anya Lind",
+            "role": "Head of Growth",
+            "bio": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique."
+          },
+          {
+            "name": "Narciso Gerlach",
+            "role": "Head of Sales",
+            "bio": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique."
+          },
+          {
+            "name": "Edythe Sanford",
+            "role": "Head of Content",
+            "bio": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique."
+          },
+          {
+            "name": "Angeline Watsica",
+            "role": "Head of Conversion",
+            "bio": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique."
+          },
+          {
+            "name": "Gerardo Ullrich",
+            "role": "Head of Marketing",
+            "bio": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique."
+          }
+        ]
+      }
+    },
+    {
+      "id": "logo-cloud",
+      "type": "logoCloud",
+      "data": {
+        "headline": "Don’t just take our word for it",
+        "logos": [
+          {
+            "name": "Placeholder logo",
+            "src": "/logomark.svg"
+          },
+          {
+            "name": "Placeholder logo",
+            "src": "/logomark.svg"
+          },
+          {
+            "name": "Placeholder logo",
+            "src": "/logomark.svg"
+          },
+          {
+            "name": "Placeholder logo",
+            "src": "/logomark.svg"
+          },
+          {
+            "name": "Placeholder logo",
+            "src": "/logomark.svg"
+          },
+          {
+            "name": "Placeholder logo",
+            "src": "/logomark.svg"
+          }
+        ],
+        "layout": "inline",
+        "treatment": "monochrome"
+      }
+    },
+    {
+      "id": "testimonial",
+      "type": "testimonials",
+      "data": {
+        "variant": "featured",
+        "items": [
+          {
+            "quote": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.",
+            "author": "John Smith",
+            "role": "CEO, Google"
+          }
+        ]
+      }
+    },
+    {
+      "id": "switch",
+      "type": "cta",
+      "data": {
+        "variant": "box",
+        "headline": "Switch to {your product} in {time amount} or less",
+        "description": "You shouldn't have to {experience a painful problem}. With {your product}, you can finally {achieve a value outcome or get a big improvement}.",
+        "chips": [
+          "No credit card required",
+          "Cancel any time",
+          "Live chat support"
+        ],
+        "primaryCta": {
+          "label": "{Primary CTA}",
+          "href": "/contact"
+        },
+        "secondaryCta": {
+          "label": "{Secondary CTA}",
+          "href": "/pricing",
+          "variant": "outline"
         },
+        "closingLine": "{Social Proof goes here}"
+      }
     },
+    {
+      "id": "faq",
+      "type": "faq",
+      "data": {
+        "headline": "FAQs",
+        "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
+        "supportLink": {
+          "label": "Contact",
+          "href": "/contact"
+        },
+        "presentation": "accordion",
+        "initialOpen": "first",
+        "items": [
+          {
+            "question": "Vel odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa?",
+            "answer": "Vel odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa."
+          },
+          {
+            "question": "Dolorem consectetur quia maxime sunt ut sint. Fuga optio dolorem animi voluptatem laudantium error. Quis accusamus deleniti rer?",
+            "answer": "Vel odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa."
+          },
+          {
+            "question": "Totam nihil esse. Itaque optio temporibus adipisci. Rerum nisi aperiam aliquid doloremque aliquam?",
+            "answer": "Vel odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa."
+          },
+          {
+            "question": "Delectus minus officiis et. Perspiciatis illum nisi vitae. Sed consequuntur animi corrupti distinctio ipsam accusamus?",
+            "answer": "Vel odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa."
+          },
+          {
+            "question": "Aperiam perferendis voluptatem est sit enim sed eaque perspiciatis enim. Est explicabo ea explicabo et et dignissimos aliquid?",
+            "answer": "Vel odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa."
+          }
+        ]
+      }
+    }
   ]
 ---
 
-{/* Rendered from frontmatter `sections[]`. A `team` section is a good next addition here once you have people to list. */}
+{/* Rendered from frontmatter `sections[]`. Placeholder copy, verbatim from the reference — replace the manifesto and the team before you launch. */}

package/templates/content/en/ContactPage/contact.mdx

@@ -2,27 +2,104 @@
 type: "ContactPage"
 slug: "contact"
 title: "Contact {{COMPANY_NAME}}"
-description: "How to reach {{COMPANY_NAME}}. Replace this with the channels you actually monitor."
+description: "Find out if {your product} is a good fit for you in just {time amount}."
 sections:
   [
     {
       "id": "hero",
       "type": "hero",
-      "data":
-        {
-          "headline": "Contact {{COMPANY_NAME}}",
-          "subheadline": "Replace this with how you prefer to be reached, and how quickly you reply.",
-        },
+      "data": {
+        "variant": "split",
+        "eyebrow": "Book a Demo",
+        "headline": "Ready to {achieve a valuable outcome}?",
+        "subheadline": "Find out if {your product} is a good fit for you in just {time amount}.",
+        "checklist": [
+          "Use these bullet points to describe what to expect on the call",
+          "Alleviate any fears or hesitations visitors might have before scheduling",
+          "Frame the meeting around what they get out of it instead of what you get out of it"
+        ]
+      }
     },
     {
-      "id": "channels",
-      "type": "content-block",
-      "data":
-        {
-          "body": "Replace this with your contact channels — email, a booking link, a form. List only the ones you actually monitor: a published channel nobody watches is worse than no channel.",
-        },
+      "id": "contact-form",
+      "type": "contact-form",
+      "data": {
+        "variant": "card",
+        "fields": [
+          {
+            "name": "name",
+            "label": "Name",
+            "type": "text",
+            "required": true
+          },
+          {
+            "name": "email",
+            "label": "Email",
+            "type": "email",
+            "required": true
+          },
+          {
+            "name": "message",
+            "label": "Message",
+            "type": "textarea",
+            "required": true
+          }
+        ],
+        "consentText": "I accept the Terms",
+        "successMessage": "Thank you! Your submission has been received!",
+        "action": "/v1/leads/submit"
+      }
     },
+    {
+      "id": "logo-cloud",
+      "type": "logoCloud",
+      "data": {
+        "headline": "Don’t just take our word for it",
+        "logos": [
+          {
+            "name": "Placeholder logo",
+            "src": "/logomark.svg"
+          },
+          {
+            "name": "Placeholder logo",
+            "src": "/logomark.svg"
+          },
+          {
+            "name": "Placeholder logo",
+            "src": "/logomark.svg"
+          },
+          {
+            "name": "Placeholder logo",
+            "src": "/logomark.svg"
+          },
+          {
+            "name": "Placeholder logo",
+            "src": "/logomark.svg"
+          },
+          {
+            "name": "Placeholder logo",
+            "src": "/logomark.svg"
+          }
+        ],
+        "layout": "inline",
+        "treatment": "monochrome"
+      }
+    },
+    {
+      "id": "testimonial",
+      "type": "testimonials",
+      "data": {
+        "variant": "featured",
+        "items": [
+          {
+            "quote": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.",
+            "author": "John Smith",
+            "role": "CEO, Google"
+          }
+        ]
+      }
+    }
   ]
 ---
 
-{/* Rendered from frontmatter `sections[]`. Swap the content-block above for a `contact-channels` section once you know your channels. */}
+{/* Rendered from frontmatter `sections[]`. The form posts to the site's own API (`/v1/leads/submit`) and confirms inline. Placeholder copy — replace before you launch. */}

package/templates/content/en/FAQPage/faq.mdx

@@ -1,38 +1,78 @@
 ---
 type: "FAQPage"
 slug: "faq"
-title: "{{COMPANY_NAME}} — Frequently Asked Questions"
-description: "Answers to the questions people actually ask about {{COMPANY_NAME}}."
+title: "{{COMPANY_NAME}} — FAQs"
+description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique."
 sections:
   [
     {
-      "id": "faq-hero",
+      "id": "hero",
       "type": "hero",
-      "data":
-        {
-          "headline": "Frequently Asked Questions",
-          "subheadline": "Replace these with the questions you are actually asked.",
-        },
+      "data": {
+        "headline": "FAQs",
+        "subheadline": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique."
+      }
     },
     {
       "id": "faq",
       "type": "faq",
-      "data":
-        {
-          "items":
-            [
-              {
-                "question": "Replace this with a real question you get asked.",
-                "answer": "Answer it directly, in the first sentence. An FAQ answer that opens with context and buries the answer in paragraph three does not get quoted.",
-              },
-              {
-                "question": "What makes a good FAQ entry?",
-                "answer": "A question phrased the way someone would actually ask it, and an answer that stands alone without the rest of the page. This page emits FAQPage JSON-LD, so each pair is machine-readable on its own.",
-              },
-            ],
+      "data": {
+        "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.",
+        "supportLink": {
+          "label": "Contact",
+          "href": "/contact"
         },
+        "presentation": "accordion",
+        "initialOpen": "first",
+        "items": [
+          {
+            "question": "Vel odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa?",
+            "answer": "Vel odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa."
+          },
+          {
+            "question": "Dolorem consectetur quia maxime sunt ut sint. Fuga optio dolorem animi voluptatem laudantium error. Quis accusamus deleniti rer?",
+            "answer": "Vel odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa."
+          },
+          {
+            "question": "Totam nihil esse. Itaque optio temporibus adipisci. Rerum nisi aperiam aliquid doloremque aliquam?",
+            "answer": "Vel odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa."
+          },
+          {
+            "question": "Delectus minus officiis et. Perspiciatis illum nisi vitae. Sed consequuntur animi corrupti distinctio ipsam accusamus?",
+            "answer": "Vel odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa."
+          },
+          {
+            "question": "Aperiam perferendis voluptatem est sit enim sed eaque perspiciatis enim. Est explicabo ea explicabo et et dignissimos aliquid?",
+            "answer": "Vel odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa odio odit voluptatum ut veritatis. Ex rerum aspernatur voluptas unde officia. Dolorem officiis laboriosa."
+          }
+        ]
+      }
     },
+    {
+      "id": "switch",
+      "type": "cta",
+      "data": {
+        "variant": "box",
+        "headline": "Switch to {your product} in {time amount} or less",
+        "description": "You shouldn't have to {experience a painful problem}. With {your product}, you can finally {achieve a value outcome or get a big improvement}.",
+        "chips": [
+          "No credit card required",
+          "Cancel any time",
+          "Live chat support"
+        ],
+        "primaryCta": {
+          "label": "{Primary CTA}",
+          "href": "/contact"
+        },
+        "secondaryCta": {
+          "label": "{Secondary CTA}",
+          "href": "/pricing",
+          "variant": "outline"
+        },
+        "closingLine": "{Social Proof goes here}"
+      }
+    }
   ]
 ---
 
-{/* Rendered from frontmatter `sections[]`. Each question/answer pair is emitted as schema.org FAQPage structured data — keep answers self-contained. */}
+{/* Rendered from frontmatter `sections[]`. Each question/answer pair is emitted as schema.org FAQPage structured data — keep answers self-contained. Placeholder copy — replace before you launch. */}