@cimplify/sdk 0.40.1 → 0.41.0

package/templates/storefront-retail/app/error.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { useEffect } from "react";
+import Link from "next/link";
+
+/**
+ * Root error boundary. Next.js calls this whenever a thrown error escapes
+ * a Server Component without being caught by a closer `error.tsx`.
+ *
+ * Wire `reportError` (Sentry, Datadog, etc.) here so production failures
+ * surface — silently recovering hides real bugs.
+ */
+export default function GlobalError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  useEffect(() => {
+    // TODO: replace with your error reporter
+    // eslint-disable-next-line no-console
+    console.error("Storefront error:", error);
+  }, [error]);
+
+  return (
+    <section className="max-w-2xl mx-auto px-6 sm:px-8 py-20 text-center">
+      <p className="text-[11px] font-mono uppercase tracking-[0.16em] text-primary mb-3">
+        Something broke
+      </p>
+      <h1 className="text-[clamp(2rem,4vw,3rem)] font-bold mb-4 -tracking-[0.025em]">
+        That wasn&apos;t supposed to happen.
+      </h1>
+      <p className="text-muted-foreground leading-relaxed mb-8">
+        We&apos;ve been notified. Refresh the page, or head back home — most
+        of the time the second try just works.
+      </p>
+      {error.digest && (
+        <p className="text-xs font-mono text-muted-foreground mb-6">
+          Reference:{" "}
+          <code className="text-foreground">{error.digest}</code>
+        </p>
+      )}
+      <div className="flex flex-wrap items-center justify-center gap-3">
+        <button
+          type="button"
+          onClick={reset}
+          className="inline-flex items-center gap-2 px-5 py-2.5 rounded-md bg-primary text-primary-foreground font-semibold text-sm hover:bg-primary/90 transition-colors"
+        >
+          Try again
+        </button>
+        <Link
+          href="/"
+          className="inline-flex items-center gap-2 px-5 py-2.5 rounded-md border border-border hover:bg-muted transition-colors text-sm font-medium"
+        >
+          Back home
+        </Link>
+      </div>
+    </section>
+  );
+}

package/templates/storefront-retail/app/faq/page.tsx

@@ -1,106 +1,25 @@
 import type { Metadata } from "next";
+import { brand } from "@/lib/brand";
 
 export const metadata: Metadata = {
-  title: "Support — Currents Electronics",
-  description:
-    "Shipping, warranty, repairs, returns, payment — answers to the questions we hear most often.",
+  title: `Support — ${brand.name}`,
+  description: "Shipping, warranty, repairs, returns, payment — answers to the questions we hear most often.",
 };
 
-interface QA {
-  q: string;
-  a: string;
-}
-
-const SECTIONS: { title: string; items: QA[] }[] = [
-  {
-    title: "Ordering & delivery",
-    items: [
-      {
-        q: "How fast is shipping?",
-        a: "Free same-day delivery within Greater Accra for orders placed before 4pm. Outside Accra, we use a partner courier — usually 1–3 business days, with tracking sent by SMS.",
-      },
-      {
-        q: "Can I pick up in store?",
-        a: "Yes. Choose 'Pickup' at checkout and we'll have your order boxed at our Atomic Junction store within 30 minutes. Bring a photo ID matching the order name.",
-      },
-      {
-        q: "Do you ship internationally?",
-        a: "We ship across West Africa via DHL — rates and ETAs are calculated at checkout once you enter your destination.",
-      },
-      {
-        q: "How do I track my order?",
-        a: "You'll get an SMS and email with a tracking link within 30 minutes of dispatch. Same-day Accra orders include the rider's phone number.",
-      },
-    ],
-  },
-  {
-    title: "Warranty & repairs",
-    items: [
-      {
-        q: "What does the two-year warranty cover?",
-        a: "Manufacturing defects, electrical failures, and battery degradation below 80% within the first 24 months. Accidental damage, water damage, and software issues caused by user installs are excluded.",
-      },
-      {
-        q: "Where do I send a faulty device?",
-        a: "Drop it at our Atomic Junction store, or request a free pickup from your address by emailing support@currentselectronics.test. Loaner devices are available for warranty claims while we diagnose.",
-      },
-      {
-        q: "Can you fix devices bought elsewhere?",
-        a: "We offer paid repairs on Apple and Samsung devices regardless of where they were purchased. Expect a quote within 48 hours of inspection.",
-      },
-    ],
-  },
-  {
-    title: "Trade-in & financing",
-    items: [
-      {
-        q: "How does trade-in work?",
-        a: "Tell us the model and condition of your device, get an instant estimate, and ship it free or drop it at our store. Once we verify, we credit your account or pay out via Mobile Money — your choice.",
-      },
-      {
-        q: "Do you offer instalment payments?",
-        a: "Yes. Pay in 3 (interest-free) or 6/12 monthly instalments via our partner Fidelity Bank. Available at checkout for orders over GH₵2,000.",
-      },
-      {
-        q: "Are there bulk discounts for businesses?",
-        a: "Yes. Email business@currentselectronics.test with your shopping list and team size — most orders over 5 units qualify for a discount, plus free on-site setup.",
-      },
-    ],
-  },
-  {
-    title: "Payment & returns",
-    items: [
-      {
-        q: "What payment methods do you accept?",
-        a: "Mobile Money (MTN, Telecel, AirtelTigo), Visa/Mastercard, instalments via Fidelity Bank, and cash on delivery for Accra orders.",
-      },
-      {
-        q: "What's your return policy?",
-        a: "14 days, no questions asked, on any sealed product. For opened items, returns are accepted within 7 days subject to a 10% restocking fee. We can't accept returns on activated SIM-bundled phones once the SIM is registered.",
-      },
-      {
-        q: "Are products genuine?",
-        a: "Yes. We're an authorised dealer for every brand we stock. Every product ships with the manufacturer's serial number registered to your name — verify it on the brand's official portal anytime.",
-      },
-    ],
-  },
-];
-
 export default function FaqPage() {
+  const f = brand.faq;
   return (
     <article className="max-w-3xl mx-auto px-8 py-16">
       <p className="text-[11px] font-mono uppercase tracking-[0.16em] text-primary mb-2">
-        Support
+        {f.eyebrow}
       </p>
       <h1 className="text-[clamp(2.25rem,5vw,3.5rem)] font-bold mb-10 -tracking-[0.025em]">
-        Questions, answered.
+        {f.title}
       </h1>
       <div className="space-y-12">
-        {SECTIONS.map((section) => (
+        {f.sections.map((section) => (
           <section key={section.title}>
-            <h2 className="text-2xl font-semibold mb-5 -tracking-[0.02em]">
-              {section.title}
-            </h2>
+            <h2 className="text-2xl font-semibold mb-5 -tracking-[0.02em]">{section.title}</h2>
             <dl className="space-y-6">
               {section.items.map((item) => (
                 <div key={item.q}>
@@ -113,12 +32,12 @@ export default function FaqPage() {
         ))}
       </div>
       <p className="mt-12 pt-8 border-t border-border text-sm text-muted-foreground">
-        Still stuck? Email{" "}
+        {f.contactPrompt}{" "}
         <a
-          href="mailto:support@currentselectronics.test"
+          href={`mailto:${f.contactEmail}`}
           className="text-primary font-semibold hover:underline"
         >
-          support@currentselectronics.test
+          {f.contactEmail}
         </a>{" "}
         and a real human will reply within 24 hours.
       </p>

package/templates/storefront-retail/app/layout.tsx

@@ -4,8 +4,7 @@ import "./globals.css";
 import { Providers } from "@/components/providers";
 import { Header } from "@/components/header";
 import { Footer } from "@/components/footer";
-import { ProductModal } from "@/components/product-modal";
-import { Suspense } from "react";
+import { brand } from "@/lib/brand";
 
 const inter = Inter({
   subsets: ["latin"],
@@ -19,10 +18,39 @@ const mono = JetBrains_Mono({
   display: "swap",
 });
 
+const SITE_URL =
+  process.env.NEXT_PUBLIC_SITE_URL?.trim() || "https://example.com";
+
 export const metadata: Metadata = {
-  title: "Currents Electronics",
-  description:
-    "The latest laptops, phones, audio, and accessories — curated, in-stock, shipped from Accra to Africa.",
+  metadataBase: new URL(SITE_URL),
+  title: {
+    default: brand.name,
+    template: `%s — ${brand.name}`,
+  },
+  description: brand.description,
+  openGraph: {
+    type: "website",
+    siteName: brand.name,
+    locale: brand.locale,
+  },
+  twitter: { card: "summary_large_image" },
+};
+
+const ORGANIZATION_LD = {
+  "@context": "https://schema.org",
+  "@type": brand.schemaType,
+  name: brand.name,
+  url: SITE_URL,
+  description: brand.description,
+  email: brand.contact.email,
+  telephone: brand.contact.phoneTel,
+  address: {
+    "@type": "PostalAddress",
+    streetAddress: brand.contact.streetAddress,
+    addressLocality: brand.contact.city,
+    addressCountry: brand.contact.countryCode,
+  },
+  sameAs: brand.socials.map((s) => s.href),
 };
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
@@ -32,13 +60,14 @@ export default function RootLayout({ children }: { children: React.ReactNode })
         suppressHydrationWarning
         className="min-h-screen flex flex-col bg-background text-foreground font-sans"
       >
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{ __html: JSON.stringify(ORGANIZATION_LD) }}
+        />
         <Providers>
           <Header />
           <main className="flex-1 pb-12 w-full">{children}</main>
           <Footer />
-          <Suspense fallback={null}>
-            <ProductModal />
-          </Suspense>
         </Providers>
       </body>
     </html>

package/templates/storefront-retail/app/llms.txt/route.ts

@@ -0,0 +1,94 @@
+import { cacheTag, cacheLife } from "next/cache";
+import { getServerClient, tags, type Product } from "@cimplify/sdk/server";
+import { brand } from "@/lib/brand";
+
+const SITE_URL =
+  process.env.NEXT_PUBLIC_SITE_URL?.trim() || "https://example.com";
+
+async function buildLlmsTxt(): Promise<string> {
+  "use cache";
+  cacheTag(tags.products(), tags.categories(), tags.collections());
+  cacheLife("hours");
+
+  const client = getServerClient();
+  const [productsRes, categoriesRes, collectionsRes] = await Promise.all([
+    client.catalogue.getProducts({ limit: 500 }),
+    client.catalogue.getCategories(),
+    client.catalogue.getCollections(),
+  ]);
+
+  const products: Product[] = productsRes.ok ? productsRes.value.items : [];
+  const categories = categoriesRes.ok ? categoriesRes.value : [];
+  const collections = collectionsRes.ok ? collectionsRes.value : [];
+
+  const lines: string[] = [];
+  lines.push(`# ${brand.name}`);
+  lines.push("");
+  lines.push(`> ${brand.llms.summary}`);
+  lines.push("");
+  lines.push("## Browse");
+  lines.push(`- [Home](${SITE_URL}/)`);
+  lines.push(`- [Shop](${SITE_URL}/shop): Full catalogue with filter and sort.`);
+
+  if (categories.length > 0) {
+    lines.push("");
+    lines.push("## Categories");
+    for (const c of categories) {
+      lines.push(
+        `- [${c.name}](${SITE_URL}/categories/${c.slug})${c.description ? `: ${c.description}` : ""}`,
+      );
+    }
+  }
+
+  if (collections.length > 0) {
+    lines.push("");
+    lines.push("## Collections");
+    for (const c of collections) {
+      lines.push(
+        `- [${c.name}](${SITE_URL}/collections/${c.slug})${c.description ? `: ${c.description}` : ""}`,
+      );
+    }
+  }
+
+  if (products.length > 0) {
+    lines.push("");
+    lines.push("## Products");
+    for (const p of products) {
+      const slug = p.slug ?? p.id;
+      const price = `${p.currency ?? brand.currency} ${p.default_price}`;
+      const desc = p.description ? ` — ${p.description.replace(/\s+/g, " ").slice(0, 200)}` : "";
+      lines.push(`- [${p.name}](${SITE_URL}/products/${slug}) (${price})${desc}`);
+    }
+  }
+
+  lines.push("");
+  lines.push("## Information");
+  lines.push(`- [About](${SITE_URL}/about)`);
+  lines.push(`- [Support / FAQ](${SITE_URL}/faq)`);
+  lines.push(`- [Terms of Service](${SITE_URL}/terms)`);
+  lines.push(`- [Privacy Policy](${SITE_URL}/privacy)`);
+  lines.push(`- [Sitemap (XML)](${SITE_URL}/sitemap.xml)`);
+  lines.push("");
+  lines.push("## Contact");
+  lines.push(`- Email: ${brand.contact.email}`);
+  lines.push(`- Phone: ${brand.contact.phone}`);
+  lines.push(`- Address: ${brand.contact.address}`);
+
+  return lines.join("\n") + "\n";
+}
+
+/**
+ * `/llms.txt` — machine-readable site index for LLMs (per llmstxt.org).
+ * Lets coding agents and chat assistants find products, categories, and
+ * support pages without scraping HTML. Plain Markdown so it streams cheaply
+ * into context windows.
+ */
+export async function GET(): Promise<Response> {
+  const body = await buildLlmsTxt();
+  return new Response(body, {
+    headers: {
+      "Content-Type": "text/plain; charset=utf-8",
+      "Cache-Control": "public, max-age=0, s-maxage=3600, stale-while-revalidate=86400",
+    },
+  });
+}

package/templates/storefront-retail/app/not-found.tsx

@@ -0,0 +1,39 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { brand } from "@/lib/brand";
+
+export const metadata: Metadata = {
+  title: `Page not found — ${brand.name}`,
+  description: "We couldn't find that page.",
+};
+
+export default function NotFound() {
+  return (
+    <section className="max-w-2xl mx-auto px-6 sm:px-8 py-20 text-center">
+      <p className="text-[11px] font-mono uppercase tracking-[0.16em] text-primary mb-3">
+        404
+      </p>
+      <h1 className="text-[clamp(2.5rem,5vw,4rem)] font-bold mb-4 -tracking-[0.03em]">
+        Page not found.
+      </h1>
+      <p className="text-muted-foreground leading-relaxed mb-8">
+        The URL you followed might be old, a typo, or pointing at a product
+        that&apos;s no longer in stock. Try the menu or head back home.
+      </p>
+      <div className="flex flex-wrap items-center justify-center gap-3">
+        <Link
+          href="/shop"
+          className="inline-flex items-center gap-2 px-5 py-2.5 rounded-md bg-primary text-primary-foreground font-semibold text-sm hover:bg-primary/90 transition-colors"
+        >
+          Browse the shop
+        </Link>
+        <Link
+          href="/"
+          className="inline-flex items-center gap-2 px-5 py-2.5 rounded-md border border-border hover:bg-muted transition-colors text-sm font-medium"
+        >
+          Back home
+        </Link>
+      </div>
+    </section>
+  );
+}

package/templates/storefront-retail/app/page.tsx

@@ -12,11 +12,11 @@ import { TradeInCta } from "@/components/trade-in-cta";
 import { Newsletter } from "@/components/newsletter";
 import { SectionHeading } from "@/components/section-heading";
 import { StoreProductCard } from "@/components/store-product-card";
+import { brand } from "@/lib/brand";
 
 export const metadata: Metadata = {
-  title: "Currents Electronics — Tech, in stock, in Accra",
-  description:
-    "Authorised dealer for Apple, Samsung, Sony, Bose. Same-day delivery, two-year warranty, instalment payments — across Accra and West Africa.",
+  title: brand.hero.title,
+  description: brand.description,
 };
 
 interface CollectionWithProducts {
@@ -57,55 +57,7 @@ async function getHomeData() {
   };
 }
 
-const TRUST_ITEMS = [
-  {
-    label: "Delivery",
-    value: "Same-day in Accra",
-    description: "Orders before 4pm, free over GH₵500.",
-    icon: (
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" className="w-5 h-5" aria-hidden>
-        <path d="M3 7h12v8H3zM15 10h4l3 3v2h-7z" strokeLinejoin="round" />
-        <circle cx="7" cy="17" r="1.5" />
-        <circle cx="18" cy="17" r="1.5" />
-      </svg>
-    ),
-  },
-  {
-    label: "Warranty",
-    value: "2 years on everything",
-    description: "1yr manufacturer + 1yr Currents.",
-    icon: (
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" className="w-5 h-5" aria-hidden>
-        <path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3z" strokeLinejoin="round" />
-        <path d="M9 12l2 2 4-4" strokeLinecap="round" strokeLinejoin="round" />
-      </svg>
-    ),
-  },
-  {
-    label: "Payment",
-    value: "Pay in 3, interest-free",
-    description: "Or 6/12 months via Fidelity Bank.",
-    icon: (
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" className="w-5 h-5" aria-hidden>
-        <rect x="3" y="6" width="18" height="12" rx="2" />
-        <line x1="3" y1="10" x2="21" y2="10" />
-      </svg>
-    ),
-  },
-  {
-    label: "Genuine",
-    value: "Authorised dealer",
-    description: "Direct from Apple, Samsung, Sony, Bose.",
-    icon: (
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" className="w-5 h-5" aria-hidden>
-        <circle cx="12" cy="12" r="9" />
-        <path d="M8 12l3 3 5-6" strokeLinecap="round" strokeLinejoin="round" />
-      </svg>
-    ),
-  },
-];
-
-const HERO_IMAGE =
+const HERO_FALLBACK_IMAGE =
   "https://images.unsplash.com/photo-1592899677977-9c10ca588bbd?w=1200&h=1200&fit=crop&auto=format&q=85";
 
 export default async function HomePage() {
@@ -117,37 +69,28 @@ export default async function HomePage() {
       <FeatureHero
         eyebrow="Featured · in stock"
         badge="Just landed"
-        title={
-          <>
-            Built for the way<br />
-            you actually work.
-          </>
-        }
-        description={
-          heroProduct?.description ??
-          "Apple, Samsung, Sony, Bose — direct from the source, with a two-year warranty and same-day Accra delivery on every order."
-        }
+        title={brand.hero.title}
+        description={heroProduct?.description ?? brand.hero.subtitle}
         primaryCta={{
-          label: heroProduct ? `Shop ${heroProduct.name}` : "Shop the menu",
-          href: heroProduct ? `?product=${heroProduct.slug ?? heroProduct.id}` : "/shop",
+          label: heroProduct ? `Shop ${heroProduct.name}` : brand.hero.primaryCtaLabel,
+          href: heroProduct ? `/products/${heroProduct.slug ?? heroProduct.id}` : "/shop",
         }}
-        secondaryCta={{ label: "See deals", href: "/categories/deals" }}
-        imageUrl={heroProduct?.image_url ?? heroProduct?.images?.[0] ?? HERO_IMAGE}
+        secondaryCta={
+          brand.hero.secondaryCtaLabel && brand.hero.secondaryCtaHref
+            ? { label: brand.hero.secondaryCtaLabel, href: brand.hero.secondaryCtaHref }
+            : undefined
+        }
+        imageUrl={heroProduct?.image_url ?? heroProduct?.images?.[0] ?? HERO_FALLBACK_IMAGE}
         imageAlt={heroProduct?.name ?? "Featured product"}
       />
 
-      <TrustBar items={TRUST_ITEMS} />
+      <TrustBar />
 
       <Suspense fallback={<CategoryTilesSkeleton />}>
         <CategoryTiles categories={categories} />
       </Suspense>
 
-      <PromoBanner
-        badge="Limited · ends Sunday"
-        title="Trade in your old phone, get up to GH₵3,500 off."
-        body="Send us your last-gen iPhone or Galaxy. We'll quote within 48 hours and credit the value toward your next upgrade."
-        cta={{ label: "Start trade-in", href: "/about" }}
-      />
+      <PromoBanner />
 
       <section className="max-w-7xl mx-auto px-6 sm:px-8 py-14 sm:py-20">
         <SectionHeading

package/templates/storefront-retail/app/privacy/page.tsx

@@ -1,100 +1,43 @@
 import type { Metadata } from "next";
+import { brand } from "@/lib/brand";
 
 export const metadata: Metadata = {
-  title: "Privacy Policy — Currents Electronics",
-  description:
-    "How Currents Electronics collects, uses, and protects your personal data.",
+  title: `Privacy Policy — ${brand.name}`,
+  description: `How ${brand.name} collects, uses, and protects your personal data.`,
 };
 
 export default function PrivacyPage() {
+  const p = brand.privacy;
   return (
     <article className="max-w-3xl mx-auto px-8 py-16 prose prose-lg max-w-none">
       <p className="text-[11px] font-mono uppercase tracking-[0.16em] text-primary mb-2 not-prose">
-        Privacy
+        {p.eyebrow}
       </p>
       <h1 className="text-[clamp(2.25rem,5vw,3.5rem)] font-bold mb-2 -tracking-[0.025em]">
-        Privacy Policy
+        {p.title}
       </h1>
       <p className="text-sm text-muted-foreground not-prose mb-10">
-        Last updated: 1 May 2026
+        Last updated: {p.lastUpdated}
       </p>
 
       <section className="space-y-5 leading-relaxed text-foreground/90">
-        <h2 className="text-2xl font-semibold mt-0 -tracking-[0.02em]">
-          What we collect
-        </h2>
-        <p>
-          We collect what we need to fulfil your order: name, phone, delivery
-          address, email, and the items in your order. For warranty service
-          and trade-ins, we also collect device serial numbers. Payment details
-          are processed by our payment partners (Paystack, Stripe, Fidelity
-          Bank) and never stored on our servers.
-        </p>
-
-        <h2 className="text-2xl font-semibold -tracking-[0.02em]">
-          How we use it
-        </h2>
-        <ul className="list-disc pl-6 space-y-2">
-          <li>To prepare, deliver, and confirm your order.</li>
-          <li>To register product warranties on your behalf.</li>
-          <li>To send order updates by SMS and email.</li>
-          <li>
-            To send occasional product news and deals — only if you opted in.
-            Unsubscribe anytime in one click.
-          </li>
-          <li>
-            To analyse aggregated, anonymised browsing patterns so we can
-            improve the site and recommend products.
-          </li>
-        </ul>
-
-        <h2 className="text-2xl font-semibold -tracking-[0.02em]">
-          Who we share it with
-        </h2>
-        <p>
-          We share data only with the partners required to fulfil your order
-          and warranty: payment processors (Paystack, Stripe, Fidelity Bank),
-          delivery couriers (DHL, local riders), manufacturer warranty portals
-          (for serial registration), and our email/SMS providers. We do not
-          sell or rent personal data to third parties — ever.
-        </p>
-
-        <h2 className="text-2xl font-semibold -tracking-[0.02em]">Cookies</h2>
-        <p>
-          We use a small number of strictly-necessary cookies to keep your cart
-          working and your session signed in, plus optional analytics cookies
-          (you can disable these in our cookie banner).
-        </p>
-
-        <h2 className="text-2xl font-semibold -tracking-[0.02em]">
-          Your rights
-        </h2>
-        <p>
-          Under the Ghana Data Protection Act, 2012 (Act 843), you have the
-          right to access the data we hold about you, correct it, or have it
-          deleted (subject to our tax-record retention obligations). Email{" "}
-          <a
-            href="mailto:privacy@currentselectronics.test"
-            className="text-primary font-semibold hover:underline"
-          >
-            privacy@currentselectronics.test
-          </a>{" "}
-          and we&apos;ll respond within 14 days.
-        </p>
-
-        <h2 className="text-2xl font-semibold -tracking-[0.02em]">Retention</h2>
-        <p>
-          We keep order records for 7 years to comply with Ghanaian tax law.
-          Warranty records are retained for the life of the warranty plus 24
-          months. Marketing-list opt-ins are kept until you unsubscribe.
-        </p>
-
-        <h2 className="text-2xl font-semibold -tracking-[0.02em]">Changes</h2>
-        <p>
-          If we make material changes to this policy, we&apos;ll email
-          customers on our marketing list and update the &quot;last updated&quot;
-          date above.
-        </p>
+        {p.sections.map((s) => (
+          <div key={s.heading}>
+            <h2 className="text-2xl font-semibold mt-0 -tracking-[0.02em]">{s.heading}</h2>
+            {typeof s.body === "string" ? (
+              <p>{s.body}</p>
+            ) : (
+              <>
+                <p>{s.body.intro}</p>
+                <ul className="list-disc pl-6 space-y-2">
+                  {s.body.bullets.map((b) => (
+                    <li key={b}>{b}</li>
+                  ))}
+                </ul>
+              </>
+            )}
+          </div>
+        ))}
       </section>
     </article>
   );