@marktiderman/genesis-sites 0.1.0 → 0.3.0

package/dist/chunk-C375ZPU2.js

@@ -0,0 +1,2241 @@
+import { mailtoHref } from './chunk-VZUDRPFG.js';
+import { Link, Surface, Copy, Line, defineSection, Image, Href, RichText, FileRef, registerBuiltInSection, safeJsonForHtml, postPath, opensInNewTab } from './chunk-ZGWGQGT2.js';
+import { isSafeImageSrc, isSafeHref, isExternalHref } from './chunk-3VKTBE7S.js';
+import { z } from 'zod';
+import { BandLead, Band, Display } from '@marktiderman/genesis-ui/band';
+import { buttonVariants } from '@marktiderman/genesis-ui/button';
+import { cn } from '@marktiderman/genesis-ui/utils';
+import { Zap, Users, Trophy, Target, Star, Sparkles, Smile, Shield, Phone, MessageCircle, MapPin, Mail, Leaf, Heart, Dumbbell, Clock, Check, Calendar, Award, Activity, ChevronDown, FileText, ArrowLeft, Menu, Download } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { parseForm, choiceOptions } from '@marktiderman/genesis-forms';
+import { Form } from '@marktiderman/genesis-forms-web';
+import { Input } from '@marktiderman/genesis-ui/input';
+import { Textarea } from '@marktiderman/genesis-ui/textarea';
+import { RichText as RichText$1, richTextClassName } from '@marktiderman/genesis-ui/rich-text';
+
+var Anchor = z.string().regex(/^[a-z][a-z0-9-]{0,39}$/, "An anchor is lowercase letters, digits and hyphens.").optional().meta({ title: "Anchor (for #links)" });
+var ICONS = {
+  activity: Activity,
+  award: Award,
+  calendar: Calendar,
+  check: Check,
+  clock: Clock,
+  dumbbell: Dumbbell,
+  heart: Heart,
+  leaf: Leaf,
+  mail: Mail,
+  "map-pin": MapPin,
+  message: MessageCircle,
+  phone: Phone,
+  shield: Shield,
+  smile: Smile,
+  sparkles: Sparkles,
+  star: Star,
+  target: Target,
+  trophy: Trophy,
+  users: Users,
+  zap: Zap
+};
+var IconName = z.enum(Object.keys(ICONS)).meta({ title: "Icon" });
+function resolveHref(href, ctx) {
+  if (!isSafeHref(href)) {
+    console.error(`[genesis-sites] refused an unsafe link on ${ctx.pagePath}: ${JSON.stringify(String(href).slice(0, 80))}`);
+    return "#";
+  }
+  return ctx.href(href);
+}
+function linkAttrs(link, ctx, defaultEvent) {
+  let href = resolveHref(link.href, ctx);
+  const absolute = isExternalHref(href);
+  if (link.external && !absolute) {
+    console.error(`[genesis-sites] refused an outbound link that isn't http(s) on ${ctx.pagePath}.`);
+    href = "#";
+  }
+  const newTab = absolute && opensInNewTab(link);
+  const outbound = absolute && (link.external === true || newTab);
+  const event = link.event ?? defaultEvent;
+  return {
+    href,
+    ...newTab ? { target: "_blank" } : {},
+    ...outbound ? { rel: "noopener noreferrer", "data-gs-outbound": "" } : absolute ? { rel: "noopener" } : {},
+    ...event ? { "data-gs-event": event } : {}
+  };
+}
+function withEventLast(attrs, className) {
+  const { "data-gs-event": event, ...rest } = attrs;
+  return { ...rest, className, ...event ? { "data-gs-event": event } : {} };
+}
+function NewTabHint({ link }) {
+  return opensInNewTab(link) ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (opens in a new tab)" }) : null;
+}
+var TONE = {
+  primary: buttonVariants({ variant: "default", size: "lg" }),
+  secondary: buttonVariants({ variant: "secondary", size: "lg" }),
+  outline: buttonVariants({ variant: "outline", size: "lg" }),
+  // On an accent or inverse band: the band's foreground as the button, its background as the text.
+  inverse: cn(buttonVariants({ variant: "default", size: "lg" }), "bg-background text-foreground hover:bg-background/90"),
+  ghost: buttonVariants({ variant: "ghost", size: "lg" })
+};
+function ButtonLink({ link, ctx, tone = "primary", className }) {
+  return /* @__PURE__ */ jsxs("a", { ...withEventLast(linkAttrs(link, ctx, "cta"), cn(TONE[tone], "min-h-11", className)), children: [
+    link.label,
+    /* @__PURE__ */ jsx(NewTabHint, { link })
+  ] });
+}
+function TextLink({ link, ctx, className }) {
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      ...linkAttrs(link, ctx),
+      className: cn("inline-flex min-h-6 items-center rounded-sm underline-offset-4 hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", className),
+      children: [
+        link.label,
+        /* @__PURE__ */ jsx(NewTabHint, { link })
+      ]
+    }
+  );
+}
+function Actions({ primary, secondary, ctx, onAccent: onAccent2, className }) {
+  if (!primary && !secondary) return null;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3 sm:flex-row sm:flex-wrap", className), children: [
+    primary ? /* @__PURE__ */ jsx(ButtonLink, { link: primary, ctx, tone: onAccent2 ? "inverse" : "primary" }) : null,
+    secondary ? /* @__PURE__ */ jsx(ButtonLink, { link: secondary, ctx, tone: onAccent2 ? "ghost" : "outline", className: onAccent2 ? "border border-current hover:bg-transparent hover:underline" : void 0 }) : null
+  ] });
+}
+var FILE_KIND = {
+  "application/pdf": "PDF",
+  "image/png": "PNG image",
+  "image/jpeg": "JPEG image",
+  "image/webp": "WebP image",
+  "image/avif": "AVIF image",
+  "image/gif": "GIF image"
+};
+function fileDescription(file) {
+  const kind = FILE_KIND[file.mime] ?? "File";
+  if (!file.bytes) return kind;
+  const size = file.bytes >= 1024 * 1024 ? `${(file.bytes / (1024 * 1024)).toFixed(1)} MB` : `${Math.max(1, Math.round(file.bytes / 1024))} KB`;
+  return `${kind}, ${size}`;
+}
+function fileHref(file, ctx) {
+  if (!isSafeImageSrc(file.src)) {
+    console.error(`[genesis-sites] refused an unsafe file link on ${ctx.pagePath}.`);
+    return null;
+  }
+  return file.src.startsWith("/") ? ctx.href(file.src) : file.src;
+}
+function SiteImage({ image, className, sizes, priority, ctx }) {
+  if (!isSafeImageSrc(image.src)) {
+    console.error(`[genesis-sites] refused an unsafe image source on ${ctx.pagePath}.`);
+    return null;
+  }
+  const src = image.src.startsWith("/") ? ctx.href(image.src) : image.src;
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src,
+      alt: image.decorative ? "" : image.alt,
+      ...image.width ? { width: image.width } : {},
+      ...image.height ? { height: image.height } : {},
+      ...sizes ? { sizes } : {},
+      loading: priority ? "eager" : "lazy",
+      decoding: priority ? "sync" : "async",
+      ...priority ? { fetchPriority: "high" } : {},
+      style: image.focal ? { objectPosition: `${image.focal.x}% ${image.focal.y}%` } : void 0,
+      className
+    }
+  );
+}
+function SectionTitle({ ctx, id, size, className, children }) {
+  return /* @__PURE__ */ jsx(Display, { as: ctx.headingLevel === 1 ? "h1" : "h2", id, size: size ?? (ctx.headingLevel === 1 ? "xl" : "lg"), className, children });
+}
+function ItemTitle({ ctx, className, children }) {
+  const Tag = ctx.headingLevel === 1 ? "h2" : "h3";
+  return /* @__PURE__ */ jsx(Tag, { className: cn("font-display text-lg font-semibold leading-snug", className), children });
+}
+var titleId = (ctx, part = "title") => `${ctx.idPrefix}-${part}`;
+var HIDE_ON = { mobile: "max-md:hidden", desktop: "md:hidden" };
+function bandAttrs(node, ctx, anchor, labelled = true) {
+  const hide = (node.hideOn ?? []).map((h) => HIDE_ON[h]).filter(Boolean).join(" ");
+  return {
+    ...anchor ? { id: anchor } : {},
+    ...labelled ? { "aria-labelledby": titleId(ctx) } : {},
+    "data-gs-section": node.type,
+    "data-gs-variant": node.variant,
+    className: cn(anchor ? "scroll-mt-20" : void 0, hide || void 0)
+  };
+}
+function SectionBand({
+  node,
+  ctx,
+  anchor,
+  surface = "base",
+  spacing = "md",
+  width = "lg",
+  labelled = true,
+  className,
+  children
+}) {
+  const attrs = bandAttrs(node, ctx, anchor, labelled);
+  return /* @__PURE__ */ jsx(Band, { ...attrs, as: labelled ? "section" : "div", surface, spacing, width, className: cn(attrs.className, className), children });
+}
+function SectionIntro({
+  ctx,
+  eyebrow,
+  heading,
+  body,
+  align = "center",
+  tone = "muted",
+  size
+}) {
+  if (!heading && !body) return null;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex max-w-3xl flex-col gap-4", align === "center" ? "mx-auto items-center text-center" : "items-start text-left"), children: [
+    eyebrow ? /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold uppercase tracking-wider", children: eyebrow }) : null,
+    heading ? /* @__PURE__ */ jsx(SectionTitle, { ctx, id: titleId(ctx), size, children: heading }) : null,
+    body ? /* @__PURE__ */ jsx(BandLead, { tone, children: body }) : null
+  ] });
+}
+function HiddenTitle({ ctx, children }) {
+  const Tag = ctx.headingLevel === 1 ? "h1" : "h2";
+  return /* @__PURE__ */ jsx(Tag, { id: titleId(ctx), className: "sr-only", children });
+}
+var onAccent = (surface) => surface === "accent" || surface === "inverse";
+var schema = z.object({
+  heading: Line(90),
+  body: Copy(320).optional(),
+  primaryCta: Link,
+  secondaryCta: Link.optional(),
+  surface: Surface.default("accent"),
+  anchor: Anchor
+});
+var ctaSection = defineSection({
+  type: "cta",
+  version: 1,
+  label: "Call to action",
+  description: "One clear next step: a heading, a line and a button.",
+  category: "conversion",
+  schema,
+  variants: [
+    { id: "banner", label: "Full-width banner" },
+    { id: "card", label: "Card" },
+    { id: "split", label: "Text left, buttons right" }
+  ],
+  defaultVariant: "banner",
+  presets: [
+    { name: "Banner", variant: "banner", props: { heading: "Ready to start?", primaryCta: { label: "Get started", href: "#contact" }, surface: "accent" } },
+    { name: "Card", variant: "card", props: { heading: "Questions? We're here.", primaryCta: { label: "Contact us", href: "/contact" }, surface: "muted" } }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    if (variant === "card") {
+      const inverted2 = onAccent(props.surface);
+      const card = props.surface === "accent" ? "bg-primary text-primary-foreground" : props.surface === "inverse" ? "bg-foreground text-background" : props.surface === "muted" ? "bg-muted" : "border border-border";
+      return /* @__PURE__ */ jsx(SectionBand, { node, ctx, anchor: props.anchor, width: "md", children: /* @__PURE__ */ jsxs("div", { className: `flex flex-col items-center gap-6 rounded-2xl px-6 py-12 text-center sm:px-12 ${card}`, children: [
+        /* @__PURE__ */ jsx(SectionTitle, { ctx, id: titleId(ctx), size: "lg", children: props.heading }),
+        props.body ? /* @__PURE__ */ jsx(BandLead, { tone: inverted2 ? "inherit" : "muted", children: props.body }) : null,
+        /* @__PURE__ */ jsx(Actions, { primary: props.primaryCta, secondary: props.secondaryCta, ctx, onAccent: inverted2, className: "sm:justify-center" })
+      ] }) });
+    }
+    const inverted = onAccent(props.surface);
+    if (variant === "split") {
+      return /* @__PURE__ */ jsx(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8 md:flex-row md:items-center md:justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex max-w-2xl flex-col gap-3", children: [
+          /* @__PURE__ */ jsx(SectionTitle, { ctx, id: titleId(ctx), size: "lg", children: props.heading }),
+          props.body ? /* @__PURE__ */ jsx(BandLead, { tone: inverted ? "inherit" : "muted", children: props.body }) : null
+        ] }),
+        /* @__PURE__ */ jsx(Actions, { primary: props.primaryCta, secondary: props.secondaryCta, ctx, onAccent: inverted, className: "shrink-0" })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsx(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-3xl flex-col items-center gap-6 text-center", children: [
+      /* @__PURE__ */ jsx(SectionTitle, { ctx, id: titleId(ctx), size: "lg", children: props.heading }),
+      props.body ? /* @__PURE__ */ jsx(BandLead, { tone: inverted ? "inherit" : "muted", children: props.body }) : null,
+      /* @__PURE__ */ jsx(Actions, { primary: props.primaryCta, secondary: props.secondaryCta, ctx, onAccent: inverted, className: "sm:justify-center" })
+    ] }) });
+  }
+});
+var schema2 = z.object({
+  heading: Line(90),
+  body: Copy(320).optional(),
+  items: z.array(z.object({ question: Line(160), answer: Copy(1200).min(1) })).min(1).max(30),
+  surface: Surface.default("base"),
+  anchor: Anchor
+});
+function Answer({ text, muted }) {
+  return /* @__PURE__ */ jsx("div", { className: muted ? "flex flex-col gap-3 text-muted-foreground" : "flex flex-col gap-3", children: text.split(/\n{2,}/).map((p, i) => /* @__PURE__ */ jsx("p", { className: "whitespace-pre-line", children: p }, i)) });
+}
+var faqSection = defineSection({
+  type: "faq",
+  version: 1,
+  label: "FAQ",
+  description: "Questions and answers. Works without script: each answer opens in place.",
+  category: "content",
+  schema: schema2,
+  variants: [
+    { id: "accordion", label: "Questions that open" },
+    { id: "list", label: "All answers shown, two columns" }
+  ],
+  defaultVariant: "accordion",
+  presets: [
+    {
+      name: "FAQ",
+      variant: "accordion",
+      props: { heading: "Questions", items: [{ question: "A question people ask?", answer: "A short, direct answer." }, { question: "Another question?", answer: "Another answer." }] }
+    }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const inverted = onAccent(props.surface);
+    const intro = /* @__PURE__ */ jsx(SectionIntro, { ctx, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" });
+    if (variant === "list") {
+      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+        intro,
+        /* @__PURE__ */ jsx("div", { className: "mt-12 grid gap-x-12 gap-y-10 md:grid-cols-2", children: props.items.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx(ItemTitle, { ctx, children: item.question }),
+          /* @__PURE__ */ jsx(Answer, { text: item.answer, muted: !inverted })
+        ] }, i)) })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, width: "md", children: [
+      intro,
+      /* @__PURE__ */ jsx("div", { className: "mx-auto mt-10 flex max-w-3xl flex-col divide-y divide-border border-y border-border", children: props.items.map((item, i) => /* @__PURE__ */ jsxs("details", { className: "group", children: [
+        /* @__PURE__ */ jsxs("summary", { className: "flex min-h-11 cursor-pointer list-none items-center justify-between gap-4 rounded-sm py-4 text-left font-display text-lg font-semibold focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring [&::-webkit-details-marker]:hidden", children: [
+          /* @__PURE__ */ jsx("span", { children: item.question }),
+          /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "size-5 shrink-0 transition-transform group-open:rotate-180 motion-reduce:transition-none" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "pb-5", children: /* @__PURE__ */ jsx(Answer, { text: item.answer, muted: !inverted }) })
+      ] }, i)) })
+    ] });
+  }
+});
+var Item = z.object({
+  title: Line(60),
+  body: Copy(320),
+  icon: IconName.optional(),
+  image: Image.optional(),
+  link: Link.optional(),
+  /** A button for this item: a step's own next action. */
+  cta: Link.optional(),
+  /** A short aside under the copy ("When: Saturdays at 8 am"). */
+  note: Copy(300).optional()
+});
+var schema3 = z.object({
+  eyebrow: Line(60).optional(),
+  heading: Line(90),
+  body: Copy(320).optional(),
+  items: z.array(Item).min(1).max(12),
+  columns: z.union([z.literal(2), z.literal(3), z.literal(4)]).default(3),
+  /** Number the items (01, 02, …) in place of their icons: an ordered list. The `steps` variant always is. */
+  numbered: z.boolean().default(false),
+  /** A button under the items. */
+  cta: Link.optional(),
+  surface: Surface.default("base"),
+  anchor: Anchor
+});
+var COLUMNS = { 2: "sm:grid-cols-2", 3: "sm:grid-cols-2 lg:grid-cols-3", 4: "sm:grid-cols-2 lg:grid-cols-4" };
+var featuresSection = defineSection({
+  type: "features",
+  version: 1,
+  label: "Features",
+  description: "What you offer: a few items, each with a title, a line of copy and an icon or image.",
+  category: "content",
+  schema: schema3,
+  variants: [
+    { id: "grid", label: "Cards in a grid" },
+    { id: "list", label: "Icon list" },
+    { id: "alternating", label: "Image and text, alternating" },
+    { id: "steps", label: "Numbered steps, a button each" }
+  ],
+  defaultVariant: "grid",
+  presets: [
+    {
+      name: "Three features",
+      variant: "grid",
+      props: {
+        heading: "What you get",
+        items: [
+          { title: "First thing", body: "Why it matters.", icon: "check" },
+          { title: "Second thing", body: "Why it matters.", icon: "star" },
+          { title: "Third thing", body: "Why it matters.", icon: "heart" }
+        ]
+      }
+    },
+    {
+      name: "Feature list",
+      variant: "list",
+      props: { heading: "Why people choose us", columns: 2, items: [{ title: "A reason", body: "In a sentence.", icon: "check" }, { title: "Another reason", body: "In a sentence.", icon: "check" }] }
+    },
+    {
+      name: "Numbered steps",
+      variant: "steps",
+      props: {
+        heading: "How to start",
+        items: [
+          { title: "Come to a free class", body: "Meet the coaches and try a session.", cta: { label: "Book a free class", href: "#contact" } },
+          { title: "Learn the basics", body: "A few sessions on the movements, with a coach." },
+          { title: "Pick a plan", body: "Choose what fits your week.", cta: { label: "See the plans", href: "/plans" } }
+        ]
+      }
+    }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const inverted = onAccent(props.surface);
+    const intro = /* @__PURE__ */ jsx(SectionIntro, { ctx, eyebrow: props.eyebrow, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" });
+    const numberBadge = (i) => /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn("inline-flex size-11 shrink-0 items-center justify-center rounded-lg font-display text-lg font-bold", inverted ? "bg-background text-foreground" : "bg-primary text-primary-foreground"), children: String(i + 1).padStart(2, "0") });
+    const extras = (item, className) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      item.note ? /* @__PURE__ */ jsx("p", { className: cn("border-l-2 border-current pl-3 text-sm italic", className), children: item.note }) : null,
+      item.link ? /* @__PURE__ */ jsx(TextLink, { link: item.link, ctx, className: "font-medium underline" }) : null,
+      item.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: item.cta, ctx, tone: "outline", className: "self-start" }) : null
+    ] });
+    const sectionCta = props.cta ? /* @__PURE__ */ jsx("div", { className: "mt-10 flex justify-center", children: /* @__PURE__ */ jsx(ButtonLink, { link: props.cta, ctx, tone: inverted ? "inverse" : "primary" }) }) : null;
+    const List = props.numbered ? "ol" : "ul";
+    const Icon = (name) => {
+      if (!name) return null;
+      const Glyph = ICONS[name];
+      return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn("inline-flex size-11 shrink-0 items-center justify-center rounded-lg", inverted ? "bg-background text-foreground" : "bg-primary text-primary-foreground"), children: /* @__PURE__ */ jsx(Glyph, { className: "size-5" }) });
+    };
+    if (variant === "steps") {
+      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+        intro,
+        /* @__PURE__ */ jsx("ol", { className: cn("mt-12 grid gap-6", props.items.length > 3 ? "md:grid-cols-2" : "", props.items.length === 3 && "lg:grid-cols-3"), children: props.items.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-4 rounded-xl border border-border bg-background p-6 text-foreground sm:p-8", children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "font-display text-4xl font-bold leading-none", children: String(i + 1).padStart(2, "0") }),
+          item.image ? /* @__PURE__ */ jsx(SiteImage, { image: item.image, ctx, sizes: "(min-width: 1024px) 33vw, 100vw", className: "aspect-video w-full rounded-lg object-cover" }) : null,
+          /* @__PURE__ */ jsx(ItemTitle, { ctx, className: "text-2xl", children: item.title }),
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: item.body }),
+          item.note ? /* @__PURE__ */ jsx("p", { className: "border-l-2 border-primary pl-3 text-sm italic", children: item.note }) : null,
+          item.link ? /* @__PURE__ */ jsx(TextLink, { link: item.link, ctx, className: "font-medium underline" }) : null,
+          item.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: item.cta, ctx, tone: "primary", className: "mt-auto self-start" }) : null
+        ] }, i)) }),
+        sectionCta
+      ] });
+    }
+    if (variant === "alternating") {
+      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+        intro,
+        /* @__PURE__ */ jsx(List, { className: "mt-12 flex flex-col gap-12 md:gap-16", children: props.items.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "grid items-center gap-8 md:grid-cols-2 md:gap-12", children: [
+          /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3", i % 2 === 1 && "md:order-2"), children: [
+            props.numbered ? numberBadge(i) : Icon(item.icon),
+            /* @__PURE__ */ jsx(ItemTitle, { ctx, className: "text-2xl", children: item.title }),
+            /* @__PURE__ */ jsx("p", { className: inverted ? void 0 : "text-muted-foreground", children: item.body }),
+            extras(item)
+          ] }),
+          item.image ? /* @__PURE__ */ jsx(SiteImage, { image: item.image, ctx, sizes: "(min-width: 768px) 50vw, 100vw", className: "aspect-[4/3] w-full rounded-xl object-cover" }) : /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "hidden aspect-[4/3] w-full rounded-xl bg-muted md:block" })
+        ] }, i)) }),
+        sectionCta
+      ] });
+    }
+    if (variant === "list") {
+      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+        intro,
+        /* @__PURE__ */ jsx(List, { className: cn("mt-12 grid gap-x-10 gap-y-8", props.columns >= 2 && "sm:grid-cols-2", props.columns >= 3 && "lg:grid-cols-3"), children: props.items.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex gap-4", children: [
+          props.numbered ? numberBadge(i) : Icon(item.icon ?? "check"),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx(ItemTitle, { ctx, children: item.title }),
+            /* @__PURE__ */ jsx("p", { className: inverted ? void 0 : "text-muted-foreground", children: item.body }),
+            extras(item, "mt-1")
+          ] })
+        ] }, i)) }),
+        sectionCta
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+      intro,
+      /* @__PURE__ */ jsx(List, { className: cn("mt-12 grid gap-6", COLUMNS[props.columns]), children: props.items.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-3 rounded-xl border border-border bg-background p-6 text-foreground", children: [
+        item.image ? /* @__PURE__ */ jsx(SiteImage, { image: item.image, ctx, sizes: "(min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw", className: "aspect-video w-full rounded-lg object-cover" }) : null,
+        props.numbered ? numberBadge(i) : item.image ? null : Icon(item.icon),
+        /* @__PURE__ */ jsx(ItemTitle, { ctx, children: item.title }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: item.body }),
+        item.note ? /* @__PURE__ */ jsx("p", { className: "border-l-2 border-primary pl-3 text-sm italic", children: item.note }) : null,
+        item.link ? /* @__PURE__ */ jsx(TextLink, { link: item.link, ctx, className: "mt-auto font-medium underline" }) : null,
+        item.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: item.cta, ctx, tone: "outline", className: cn("self-start", !item.link && "mt-auto") }) : null
+      ] }, i)) }),
+      sectionCta
+    ] });
+  }
+});
+var schema4 = z.object({
+  tagline: Copy(200).optional(),
+  columns: z.array(z.object({ heading: Line(40), links: z.array(Link).min(1).max(8) })).max(4).default([]),
+  links: z.array(Link).max(12).default([]),
+  copyright: Line(120).optional(),
+  surface: Surface.default("inverse")
+});
+var footerSection = defineSection({
+  type: "footer",
+  version: 1,
+  label: "Footer",
+  description: "The site's footer: links, a line about you and the copyright.",
+  category: "footer",
+  placement: "footer",
+  limit: 1,
+  schema: schema4,
+  variants: [
+    { id: "simple", label: "Links in a row" },
+    { id: "columns", label: "Link columns" },
+    { id: "minimal", label: "One line" }
+  ],
+  defaultVariant: "simple",
+  presets: [
+    { name: "Footer", variant: "simple", props: { links: [{ label: "Contact", href: "/contact" }], copyright: "\xA9 Your business" } },
+    { name: "Footer with columns", variant: "columns", props: { columns: [{ heading: "Visit", links: [{ label: "Contact", href: "/contact" }] }], copyright: "\xA9 Your business" } }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const attrs = bandAttrs(node, ctx, void 0, false);
+    const quiet = props.surface === "base" || props.surface === "muted" ? "text-muted-foreground" : void 0;
+    const name = /* @__PURE__ */ jsx("p", { className: "font-display text-lg font-bold", children: ctx.site.name });
+    const copyright = props.copyright ? /* @__PURE__ */ jsx("p", { className: cn("text-sm", quiet), children: props.copyright }) : null;
+    const row = (links) => links.length ? /* @__PURE__ */ jsx("nav", { "aria-label": "Footer", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-x-6 gap-y-2", children: links.map((link, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(TextLink, { link, ctx, className: "text-sm underline" }) }, i)) }) }) : null;
+    if (variant === "minimal") {
+      return /* @__PURE__ */ jsx(Band, { ...attrs, as: "footer", surface: props.surface, spacing: "sm", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
+        copyright ?? name,
+        row(props.links)
+      ] }) });
+    }
+    if (variant === "columns") {
+      return /* @__PURE__ */ jsxs(Band, { ...attrs, as: "footer", surface: props.surface, spacing: "md", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-10 md:grid-cols-[2fr_repeat(3,1fr)]", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+            name,
+            props.tagline ? /* @__PURE__ */ jsx("p", { className: cn("max-w-sm", quiet), children: props.tagline }) : null
+          ] }),
+          props.columns.map((col, i) => /* @__PURE__ */ jsxs("nav", { "aria-label": col.heading, className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold uppercase tracking-wider", children: col.heading }),
+            /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1", children: col.links.map((link, j) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(TextLink, { link, ctx, className: "text-sm underline" }) }, j)) })
+          ] }, i))
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-10 flex flex-col gap-4 border-t border-current/20 pt-6 sm:flex-row sm:items-center sm:justify-between", children: [
+          copyright,
+          row(props.links)
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(Band, { ...attrs, as: "footer", surface: props.surface, spacing: "sm", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 md:flex-row md:items-start md:justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+          name,
+          props.tagline ? /* @__PURE__ */ jsx("p", { className: cn("max-w-md", quiet), children: props.tagline }) : null
+        ] }),
+        row(props.links)
+      ] }),
+      copyright ? /* @__PURE__ */ jsx("div", { className: "mt-6", children: copyright }) : null
+    ] });
+  }
+});
+function SiteFormHeader({ title, description, requiredNote }) {
+  return /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: title }),
+    description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: description }) : null,
+    requiredNote ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "* " }),
+      requiredNote
+    ] }) : null
+  ] });
+}
+var siteFormSlots = { header: SiteFormHeader };
+var KINDS = {
+  "short-text": "text",
+  "long-text": "text",
+  email: "text",
+  phone: "text",
+  date: "text",
+  number: "number",
+  "single-choice": "single",
+  dropdown: "single",
+  "multi-choice": "multi",
+  "yes-no": "yes-no",
+  consent: "consent"
+};
+var hasRecall = (text) => typeof text === "string" && text.includes("{{");
+function lightField(block) {
+  if (block.kind === "page-break") return false;
+  if (block.kind === "content") return (block.type === "heading" || block.type === "text") && !hasRecall(block.text);
+  if (!(block.type in KINDS)) return false;
+  if (hasRecall(block.label) || hasRecall(block.description) || hasRecall(block.placeholder)) return false;
+  const props = block.props ?? {};
+  if (props.optionsFrom !== void 0 || props.other !== void 0) return false;
+  return true;
+}
+function isLightForm(form) {
+  if (form.layout?.mode === "focus") return false;
+  if (form.logic?.length || form.hidden?.length) return false;
+  if (form.settings?.anonymous || form.settings?.saveProgress) return false;
+  return form.blocks.length > 0 && form.blocks.every(lightField);
+}
+var control = "text-base";
+var choiceInput = "size-5 shrink-0 accent-[hsl(var(--primary))]";
+var choiceRow = "flex min-h-11 items-center gap-3 rounded-md px-1";
+function str(value) {
+  return typeof value === "string" && value ? value : typeof value === "number" ? String(value) : void 0;
+}
+function FieldControl({ field, id, describedBy }) {
+  const type = field.type;
+  const props = field.props ?? {};
+  const common = {
+    id,
+    name: field.id,
+    required: field.required === true,
+    ...field.placeholder ? { placeholder: field.placeholder } : {},
+    ...describedBy ? { "aria-describedby": describedBy } : {}
+  };
+  switch (type) {
+    case "short-text":
+      return /* @__PURE__ */ jsx(Input, { ...common, type: "text", maxLength: 500, className: control });
+    case "long-text":
+      return /* @__PURE__ */ jsx(Textarea, { ...common, maxLength: 5e3, rows: 4, className: control });
+    case "email":
+      return /* @__PURE__ */ jsx(Input, { ...common, type: "email", autoComplete: "email", inputMode: "email", maxLength: 320, className: control });
+    case "phone":
+      return /* @__PURE__ */ jsx(Input, { ...common, type: "tel", autoComplete: "tel", inputMode: "tel", maxLength: 40, className: control });
+    case "date":
+      return /* @__PURE__ */ jsx(Input, { ...common, type: "date", ...str(props.min) ? { min: str(props.min) } : {}, ...str(props.max) ? { max: str(props.max) } : {}, className: control });
+    case "number":
+      return /* @__PURE__ */ jsx(
+        Input,
+        {
+          ...common,
+          type: "number",
+          inputMode: "decimal",
+          ...str(props.min) ? { min: str(props.min) } : {},
+          ...str(props.max) ? { max: str(props.max) } : {},
+          step: str(props.step) ?? "any",
+          className: control
+        }
+      );
+    case "dropdown":
+      return /* @__PURE__ */ jsxs(
+        "select",
+        {
+          ...common,
+          defaultValue: "",
+          className: "flex h-11 w-full rounded-md border border-input bg-background px-3 text-base focus-visible:outline-2 focus-visible:outline-ring",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", disabled: field.required === true, children: field.placeholder || "Choose one" }),
+            choiceOptions(field).map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+          ]
+        }
+      );
+    default:
+      return null;
+  }
+}
+function ChoiceGroup({ field, id, describedBy }) {
+  const type = field.type;
+  const required = field.required === true;
+  const options = type === "yes-no" ? [
+    { value: "yes", label: "Yes" },
+    { value: "no", label: "No" }
+  ] : choiceOptions(field).map((o) => ({ value: o.value, label: o.label }));
+  const multi = type === "multi-choice";
+  return /* @__PURE__ */ jsxs("fieldset", { className: "flex flex-col gap-1", ...describedBy ? { "aria-describedby": describedBy } : {}, "data-gs-field": field.id, "data-gs-kind": KINDS[type], ...required ? { "data-gs-required": "" } : {}, children: [
+    /* @__PURE__ */ jsxs("legend", { className: "mb-1 font-medium", children: [
+      field.label,
+      required ? /* @__PURE__ */ jsx(RequiredMark, {}) : null
+    ] }),
+    field.description ? /* @__PURE__ */ jsx("p", { id: `${id}-desc`, className: "mb-1 text-sm text-muted-foreground", children: field.description }) : null,
+    options.map((o, i) => /* @__PURE__ */ jsxs("label", { className: choiceRow, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: multi ? "checkbox" : "radio",
+          name: field.id,
+          value: o.value,
+          className: choiceInput,
+          ...required && !multi && i === 0 ? { required: true } : {}
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { children: o.label })
+    ] }, o.value))
+  ] });
+}
+function RequiredMark() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "text-muted-foreground", children: [
+      " ",
+      "*"
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (required)" })
+  ] });
+}
+function FieldRow({ field, idPrefix }) {
+  const id = `${idPrefix}-${field.id}`;
+  const type = field.type;
+  const describedBy = field.description ? `${id}-desc` : void 0;
+  if (type === "single-choice" || type === "multi-choice" || type === "yes-no") return /* @__PURE__ */ jsx(ChoiceGroup, { field, id, ...describedBy ? { describedBy } : {} });
+  if (type === "consent") {
+    const text = str(field.props?.text) ?? field.label;
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", "data-gs-field": field.id, "data-gs-kind": "consent", children: [
+      /* @__PURE__ */ jsxs("label", { className: cn(choiceRow, "items-start py-1"), children: [
+        /* @__PURE__ */ jsx("input", { id, type: "checkbox", name: field.id, value: "true", required: field.required === true, className: cn(choiceInput, "mt-0.5"), ...describedBy ? { "aria-describedby": describedBy } : {} }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          text,
+          field.required ? /* @__PURE__ */ jsx(RequiredMark, {}) : null
+        ] })
+      ] }),
+      field.description ? /* @__PURE__ */ jsx("p", { id: `${id}-desc`, className: "text-sm text-muted-foreground", children: field.description }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", "data-gs-field": field.id, "data-gs-kind": KINDS[type], children: [
+    /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "font-medium", children: [
+      field.label,
+      field.required ? /* @__PURE__ */ jsx(RequiredMark, {}) : null
+    ] }),
+    field.description ? /* @__PURE__ */ jsx("p", { id: `${id}-desc`, className: "-mt-1 text-sm text-muted-foreground", children: field.description }) : null,
+    /* @__PURE__ */ jsx(FieldControl, { field, id, ...describedBy ? { describedBy } : {} })
+  ] });
+}
+function LightForm({ form, slug, submitUrl, submitLabel, idPrefix }) {
+  const ending = form.endings?.[0];
+  const statusId = `${idPrefix}--gs-status`;
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      method: "post",
+      action: submitUrl,
+      "data-gs-island": "light-form",
+      "data-gs-form": slug,
+      "data-gs-sent": ending ? `${ending.title}${ending.description ? ` ${ending.description}` : ""}` : "Thanks. We got it.",
+      className: "flex flex-col gap-5 text-left",
+      children: [
+        /* @__PURE__ */ jsx("input", { type: "hidden", name: "form", value: slug }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: form.title }),
+          form.description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: form.description }) : null,
+          form.blocks.some((b) => b.kind === "field" && b.required) ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "* " }),
+            "Required"
+          ] }) : null
+        ] }),
+        form.blocks.map((block) => {
+          if (block.kind === "content") {
+            return block.type === "heading" ? /* @__PURE__ */ jsx("h4", { className: "font-semibold", children: block.text }, block.id) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: block.text }, block.id);
+          }
+          if (block.kind === "field") return /* @__PURE__ */ jsx(FieldRow, { field: block, idPrefix }, block.id);
+          return null;
+        }),
+        /* @__PURE__ */ jsx("p", { id: statusId, role: "status", "aria-live": "polite", "data-gs-status": "", className: "min-h-6 text-sm font-medium" }),
+        /* @__PURE__ */ jsx("button", { type: "submit", className: cn(buttonVariants({ size: "lg" }), "min-h-11 self-start px-8"), children: submitLabel || "Send" })
+      ]
+    }
+  );
+}
+var schema5 = z.object({
+  heading: Line(90),
+  body: Copy(400).optional(),
+  /** The form's slug, which the host's forms resolver knows. */
+  form: z.string().regex(/^[a-z0-9][a-z0-9-]{0,79}$/, "A form slug is lowercase letters, digits and hyphens."),
+  surface: Surface.default("base"),
+  anchor: Anchor.default("contact")
+});
+function formDrawMode(resolved) {
+  if (!resolved) return null;
+  if (resolved.kind === "embed") return "embed";
+  if (resolved.kind === "mailto") return mailtoHref(resolved) ? "mailto" : null;
+  const parsed = parseForm(resolved.definition);
+  if (!parsed.ok) return null;
+  return isLightForm(parsed.form) ? "light" : "island";
+}
+function EmbeddedForm({ slug, heading, ctx }) {
+  const resolved = ctx.forms.get(slug);
+  if (!resolved) {
+    console.error(`[genesis-sites] the form "${slug}" on ${ctx.pagePath} is unknown to the host's forms resolver; the form embed renders nothing.`);
+    return ctx.mode === "preview" ? /* @__PURE__ */ jsxs("p", { role: "status", className: "rounded-lg border border-dashed border-border p-6 text-center", children: [
+      "The form \u201C",
+      slug,
+      "\u201D isn't available. Check its slug, or that the app passes a forms resolver."
+    ] }) : null;
+  }
+  if (resolved.kind === "mailto") {
+    const href = mailtoHref(resolved);
+    if (!href) {
+      console.error(`[genesis-sites] the mailto form "${slug}" has no plain email address; it renders nothing.`);
+      return null;
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-4 rounded-xl border border-border bg-background p-6 text-foreground", children: [
+      /* @__PURE__ */ jsx("p", { children: resolved.note ?? "Write to us and we'll reply by email." }),
+      /* @__PURE__ */ jsx(ButtonLink, { link: { label: resolved.label ?? "Email us", href, event: "form-mailto" }, ctx })
+    ] });
+  }
+  if (resolved.kind === "embed") {
+    if (!isSafeHref(resolved.url) || !resolved.url.startsWith("https://")) {
+      console.error(`[genesis-sites] refused the form embed URL for "${slug}": it must be https.`);
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      "iframe",
+      {
+        src: resolved.url,
+        title: resolved.title || heading,
+        loading: "lazy",
+        referrerPolicy: "strict-origin-when-cross-origin",
+        sandbox: "allow-forms allow-scripts allow-same-origin allow-popups",
+        style: { height: `${Math.min(Math.max(resolved.height ?? 640, 200), 4e3)}px` },
+        className: "w-full rounded-xl border border-border bg-background"
+      }
+    );
+  }
+  const parsed = parseForm(resolved.definition);
+  if (!parsed.ok) {
+    console.error(`[genesis-sites] the form "${slug}" isn't a valid genesis-forms definition: ${parsed.issues.map((i) => `${i.path} ${i.message}`).join("; ")}`);
+    return null;
+  }
+  if (!isSafeHref(resolved.submitUrl) || !(resolved.submitUrl.startsWith("/") || resolved.submitUrl.startsWith("https://"))) {
+    console.error(`[genesis-sites] the form "${slug}" has no usable submitUrl (a site path or an https URL).`);
+    return null;
+  }
+  const submitUrl = resolved.submitUrl.startsWith("/") ? ctx.href(resolved.submitUrl) : resolved.submitUrl;
+  if (isLightForm(parsed.form)) {
+    return /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-border bg-background p-4 text-foreground sm:p-6", children: /* @__PURE__ */ jsx(LightForm, { form: parsed.form, slug, submitUrl, idPrefix: ctx.idPrefix, ...resolved.submitLabel ? { submitLabel: resolved.submitLabel } : {} }) });
+  }
+  return (
+    // The island: the islands script loads the form bundle only on pages that have one,
+    // reads the definition from the JSON beside it and makes the server-rendered form live.
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-gs-island": "form",
+        "data-gs-form": slug,
+        "data-gs-submit": submitUrl,
+        ...resolved.layout ? { "data-gs-layout": resolved.layout } : {},
+        ...resolved.submitLabel ? { "data-gs-submit-label": resolved.submitLabel } : {},
+        className: "rounded-xl border border-border bg-background p-4 text-foreground sm:p-6",
+        children: [
+          /* @__PURE__ */ jsx("div", { "data-gs-form-root": "", children: /* @__PURE__ */ jsx(Form, { form: parsed.form, layout: resolved.layout ?? "classic", presentation: "embedded", slots: siteFormSlots, ...resolved.submitLabel ? { submitLabel: resolved.submitLabel } : {} }) }),
+          /* @__PURE__ */ jsx("script", { type: "application/json", "data-gs-form-definition": "", dangerouslySetInnerHTML: { __html: safeJsonForHtml(parsed.form) } }),
+          /* @__PURE__ */ jsx("noscript", { children: /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm", children: "This form needs JavaScript. Turn it on to send it." }) })
+        ]
+      }
+    )
+  );
+}
+var formEmbedSection = defineSection({
+  type: "form-embed",
+  version: 1,
+  label: "Form",
+  description: "A genesis-forms form (by slug, through the app's forms resolver) or a hosted form in a frame.",
+  category: "conversion",
+  schema: schema5,
+  variants: [
+    { id: "card", label: "Form in a card" },
+    { id: "split", label: "Copy left, form right" }
+  ],
+  defaultVariant: "card",
+  presets: [
+    { name: "Contact form", variant: "split", props: { heading: "Get in touch", body: "Tell us a little about yourself.", form: "contact", anchor: "contact" } },
+    { name: "Form card", variant: "card", props: { heading: "Book a free session", form: "contact", anchor: "contact" } }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const inverted = onAccent(props.surface);
+    const copy = /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4", variant === "card" && "items-center text-center"), children: [
+      /* @__PURE__ */ jsx(SectionTitle, { ctx, id: titleId(ctx), size: "lg", children: props.heading }),
+      props.body ? /* @__PURE__ */ jsx(BandLead, { tone: inverted ? "inherit" : "muted", children: props.body }) : null
+    ] });
+    if (variant === "split") {
+      return /* @__PURE__ */ jsx(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: /* @__PURE__ */ jsxs("div", { className: "grid gap-10 md:grid-cols-2 md:gap-12", children: [
+        copy,
+        /* @__PURE__ */ jsx(EmbeddedForm, { slug: props.form, heading: props.heading, ctx })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, width: "sm", children: [
+      copy,
+      /* @__PURE__ */ jsx("div", { className: "mt-8", children: /* @__PURE__ */ jsx(EmbeddedForm, { slug: props.form, heading: props.heading, ctx }) })
+    ] });
+  }
+});
+var schema6 = z.object({
+  heading: Line(90).optional(),
+  body: Copy(320).optional(),
+  images: z.array(Image.extend({ caption: Line(140).optional() })).min(1).max(24),
+  surface: Surface.default("base"),
+  anchor: Anchor
+});
+var gallerySection = defineSection({
+  type: "gallery",
+  version: 1,
+  label: "Gallery",
+  description: "Photos in an even grid or a masonry layout, each with alt text.",
+  category: "content",
+  schema: schema6,
+  variants: [
+    { id: "grid", label: "Even grid" },
+    { id: "masonry", label: "Masonry" }
+  ],
+  defaultVariant: "grid",
+  presets: [
+    {
+      name: "Photo grid",
+      variant: "grid",
+      props: { heading: "Inside", images: [{ src: "/photo-1.jpg", alt: "Describe the photo" }, { src: "/photo-2.jpg", alt: "Describe the photo" }, { src: "/photo-3.jpg", alt: "Describe the photo" }] }
+    }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const intro = props.heading ? /* @__PURE__ */ jsx(SectionIntro, { ctx, heading: props.heading, body: props.body, tone: onAccent(props.surface) ? "inherit" : "muted" }) : /* @__PURE__ */ jsx(HiddenTitle, { ctx, children: "Gallery" });
+    const masonry = variant === "masonry";
+    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+      intro,
+      /* @__PURE__ */ jsx("ul", { className: masonry ? "mt-10 columns-1 gap-4 sm:columns-2 lg:columns-3 [&>li]:mb-4 [&>li]:break-inside-avoid" : "mt-10 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: props.images.map((image, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("figure", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx(
+          SiteImage,
+          {
+            image,
+            ctx,
+            sizes: "(min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw",
+            className: masonry ? "w-full rounded-lg" : "aspect-square w-full rounded-lg object-cover"
+          }
+        ),
+        image.caption ? /* @__PURE__ */ jsx("figcaption", { className: "text-sm", children: image.caption }) : null
+      ] }) }, i)) })
+    ] });
+  }
+});
+var schema7 = z.object({
+  eyebrow: Line(60).optional(),
+  heading: Line(90),
+  body: Copy(320).optional(),
+  primaryCta: Link.optional(),
+  secondaryCta: Link.optional(),
+  image: Image.optional(),
+  anchor: Anchor
+});
+var heroSection = defineSection({
+  type: "hero",
+  version: 1,
+  label: "Hero",
+  description: "The page's opening: its main heading, a line of copy and up to two buttons.",
+  category: "intro",
+  limit: 1,
+  providesH1: true,
+  schema: schema7,
+  variants: [
+    { id: "centered", label: "Centred" },
+    { id: "split", label: "Text and image side by side" },
+    { id: "image-bg", label: "Text over an image" }
+  ],
+  defaultVariant: "centered",
+  presets: [
+    {
+      name: "Centred hero",
+      variant: "centered",
+      props: { heading: "Say what you do, for whom", body: "One or two sentences on why it matters.", primaryCta: { label: "Get started", href: "#contact" } }
+    },
+    {
+      name: "Hero with image",
+      variant: "split",
+      props: { heading: "Say what you do, for whom", body: "One or two sentences on why it matters.", primaryCta: { label: "Get started", href: "#contact" } }
+    }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const intro = (align, tone = "muted") => /* @__PURE__ */ jsxs("div", { className: align === "center" ? "mx-auto flex max-w-3xl flex-col items-center gap-6 text-center" : "flex flex-col items-start gap-6", children: [
+      props.eyebrow ? /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold uppercase tracking-wider", children: props.eyebrow }) : null,
+      /* @__PURE__ */ jsx(SectionTitle, { ctx, id: titleId(ctx), size: "xl", children: props.heading }),
+      props.body ? /* @__PURE__ */ jsx(BandLead, { tone, children: props.body }) : null,
+      /* @__PURE__ */ jsx(Actions, { primary: props.primaryCta, secondary: props.secondaryCta, ctx, onAccent: tone === "inherit", className: align === "center" ? "sm:justify-center" : void 0 })
+    ] });
+    if (variant === "image-bg" && props.image) {
+      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: "inverse", spacing: "lg", className: "isolate overflow-hidden", children: [
+        /* @__PURE__ */ jsx(SiteImage, { image: { ...props.image, decorative: true }, ctx, priority: true, sizes: "100vw", className: "absolute inset-0 -z-10 h-full w-full object-cover" }),
+        /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "absolute inset-0 -z-10 bg-foreground/80" }),
+        intro("center", "inherit")
+      ] });
+    }
+    if (variant === "split") {
+      return /* @__PURE__ */ jsx(SectionBand, { node, ctx, anchor: props.anchor, spacing: "lg", children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-10 md:grid-cols-2 md:gap-12", children: [
+        intro("left"),
+        props.image ? /* @__PURE__ */ jsx(SiteImage, { image: props.image, ctx, priority: true, sizes: "(min-width: 768px) 50vw, 100vw", className: "aspect-[4/3] w-full rounded-xl object-cover" }) : /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "hidden aspect-[4/3] w-full rounded-xl bg-muted md:block" })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsx(SectionBand, { node, ctx, anchor: props.anchor, spacing: "lg", children: intro("center") });
+  }
+});
+var schema8 = z.object({
+  heading: Line(90).optional(),
+  items: z.array(
+    z.object({
+      /** The organisation's name, or a badge's words: the logo's alt text when the logo has none. */
+      name: Line(80),
+      /** Without one, the name shows as a text badge. */
+      image: Image.optional(),
+      href: Href.optional()
+    })
+  ).min(1).max(24),
+  /** The trust bar's short claim ("Small classes, friendly coaches"). */
+  claim: Copy(200).optional(),
+  surface: Surface.default("base"),
+  anchor: Anchor
+});
+var logosSection = defineSection({
+  type: "logos",
+  version: 1,
+  label: "Logos",
+  description: "Partners, clients or press, as a row or grid of logos.",
+  category: "social-proof",
+  schema: schema8,
+  variants: [
+    { id: "row", label: "One row" },
+    { id: "grid", label: "Grid" },
+    { id: "trust-bar", label: "Trust bar: a claim with badges" }
+  ],
+  defaultVariant: "row",
+  presets: [
+    {
+      name: "Logo row",
+      variant: "row",
+      props: { heading: "Trusted by", items: [{ name: "Partner", image: { src: "/logo-partner.svg", alt: "Partner" } }] }
+    },
+    {
+      name: "Trust bar",
+      variant: "trust-bar",
+      props: { claim: "Why people trust us", items: [{ name: "Small classes" }, { name: "Friendly coaches" }, { name: "Free first visit" }], surface: "inverse" }
+    }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const inverted = onAccent(props.surface);
+    const badge = (item, compact) => item.image ? /* @__PURE__ */ jsx(SiteImage, { image: { ...item.image, alt: item.image.alt || item.name, decorative: false }, ctx, sizes: "160px", className: cn("mx-auto w-auto object-contain", compact ? "h-8 max-w-32" : "h-10 max-w-40") }) : /* @__PURE__ */ jsx("span", { className: cn("text-center font-semibold uppercase tracking-wider", compact ? "text-xs sm:text-sm" : "text-sm"), children: item.name });
+    const linked = (item, content) => {
+      if (!item.href) return content;
+      const href = resolveHref(item.href, ctx);
+      return /* @__PURE__ */ jsx("a", { href, ...isExternalHref(href) ? { rel: "noopener noreferrer" } : {}, className: "inline-flex min-h-11 items-center rounded-md focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", children: content });
+    };
+    if (variant === "trust-bar") {
+      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, spacing: "sm", children: [
+        props.heading ? /* @__PURE__ */ jsx(SectionIntro, { ctx, heading: props.heading, size: "sm", tone: inverted ? "inherit" : "muted" }) : /* @__PURE__ */ jsx(HiddenTitle, { ctx, children: props.claim ?? "Why people trust us" }),
+        /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center gap-4 md:flex-row md:justify-between", props.heading && "mt-6"), children: [
+          props.claim ? /* @__PURE__ */ jsx("p", { className: "text-center font-display text-lg font-semibold md:text-left", children: props.claim }) : null,
+          /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap items-center justify-center gap-x-6 gap-y-3 md:justify-end", children: props.items.map((item, i) => /* @__PURE__ */ jsx("li", { className: "flex items-center", children: linked(item, badge(item, true)) }, i)) })
+        ] })
+      ] });
+    }
+    const intro = props.heading ? /* @__PURE__ */ jsx(SectionIntro, { ctx, heading: props.heading, size: "md", tone: inverted ? "inherit" : "muted" }) : /* @__PURE__ */ jsx(HiddenTitle, { ctx, children: "Logos" });
+    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, spacing: "sm", children: [
+      intro,
+      /* @__PURE__ */ jsx("ul", { className: cn("items-center", props.heading && "mt-8", variant === "grid" ? "grid grid-cols-2 gap-8 sm:grid-cols-3 lg:grid-cols-4" : "flex flex-wrap justify-center gap-x-10 gap-y-6"), children: props.items.map((item, i) => /* @__PURE__ */ jsx("li", { className: "flex justify-center", children: linked(item, badge(item, false)) }, i)) })
+    ] });
+  }
+});
+var schema9 = z.object({
+  /** Replaces the brand's logo in the header. */
+  logo: Image.optional(),
+  /** Show the site's name beside the logo (always shown when there is no logo). */
+  showName: z.boolean().default(true),
+  cta: Link.optional()
+});
+function isCurrent(item, ctx) {
+  return item.href === ctx.pagePath;
+}
+function Brand({ props, ctx }) {
+  const logo = props.logo ?? (ctx.site.logo ? { src: ctx.site.logo.src, alt: ctx.site.logo.alt, decorative: false } : void 0);
+  const showName = props.showName || !logo;
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: ctx.href("/"),
+      className: "inline-flex min-h-11 items-center gap-3 rounded-md font-display text-lg font-bold tracking-tight focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+      children: [
+        logo ? /* @__PURE__ */ jsx(SiteImage, { image: { ...logo, alt: showName ? "" : logo.alt || ctx.site.name, decorative: showName }, ctx, priority: true, className: "h-8 w-auto" }) : null,
+        showName ? /* @__PURE__ */ jsx("span", { children: ctx.site.name }) : null,
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: ", home" })
+      ]
+    }
+  );
+}
+function Items({ ctx, className, itemClassName }) {
+  return /* @__PURE__ */ jsx("ul", { className, children: ctx.site.nav.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: resolveHref(item.href, ctx),
+      ...isCurrent(item, ctx) ? { "aria-current": "page" } : {},
+      className: cn(
+        "inline-flex min-h-11 items-center rounded-md px-3 text-sm font-medium hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring aria-[current=page]:underline aria-[current=page]:underline-offset-8",
+        itemClassName
+      ),
+      children: item.label
+    }
+  ) }, `${item.label}-${item.href}`)) });
+}
+function NavSection({ props, variant, node, ctx }) {
+  const attrs = bandAttrs(node, ctx, void 0, false);
+  const hasMenu = variant !== "minimal" && ctx.site.nav.length > 0;
+  const centered = variant === "centered";
+  return /* @__PURE__ */ jsx(Band, { ...attrs, as: "header", spacing: "none", className: cn("border-b border-border", attrs.className), children: /* @__PURE__ */ jsxs("div", { className: cn("relative flex min-h-16 flex-wrap items-center justify-between gap-x-4 gap-y-2 py-2", centered && "md:flex-col md:justify-center md:py-4"), children: [
+    /* @__PURE__ */ jsx(Brand, { props, ctx }),
+    hasMenu ? /* @__PURE__ */ jsxs("nav", { "aria-label": "Main", className: cn("flex items-center gap-2", centered && "md:w-full md:justify-center"), children: [
+      /* @__PURE__ */ jsx(Items, { ctx, className: "hidden items-center gap-1 md:flex" }),
+      props.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: props.cta, ctx, className: "hidden md:inline-flex" }) : null,
+      /* @__PURE__ */ jsxs("details", { className: "group md:hidden", "data-gs-island": "menu", children: [
+        /* @__PURE__ */ jsxs("summary", { className: "flex min-h-11 min-w-11 cursor-pointer list-none items-center justify-center rounded-md border border-border focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring [&::-webkit-details-marker]:hidden", children: [
+          /* @__PURE__ */ jsx(Menu, { "aria-hidden": "true", className: "size-5" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Menu" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "absolute inset-x-0 top-full z-50 border-b border-border bg-background px-4 pb-4 shadow-lg", children: [
+          /* @__PURE__ */ jsx(Items, { ctx, className: "flex flex-col py-2", itemClassName: "w-full" }),
+          props.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: props.cta, ctx, className: "w-full" }) : null
+        ] })
+      ] })
+    ] }) : props.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: props.cta, ctx }) : null
+  ] }) });
+}
+var navSection = defineSection({
+  type: "nav",
+  version: 1,
+  label: "Navigation",
+  description: "The site's header: logo, menu and a button. On phones the menu folds into a button.",
+  category: "header",
+  placement: "header",
+  limit: 1,
+  schema: schema9,
+  variants: [
+    { id: "simple", label: "Logo left, menu right" },
+    { id: "centered", label: "Logo centred, menu below" },
+    { id: "minimal", label: "Logo and button only" }
+  ],
+  defaultVariant: "simple",
+  presets: [
+    { name: "Header with menu", variant: "simple", props: { showName: true, cta: { label: "Get started", href: "#contact" } } },
+    { name: "Centred header", variant: "centered", props: { showName: true } },
+    { name: "Landing page header", variant: "minimal", props: { showName: true, cta: { label: "Get started", href: "#contact" } } }
+  ],
+  render: (input) => /* @__PURE__ */ jsx(NavSection, { ...input })
+});
+var Tier = z.object({
+  name: Line(40),
+  price: Line(20),
+  /** "per month", "per session". */
+  period: Line(30).optional(),
+  description: Copy(200).optional(),
+  features: z.array(Line(100)).max(12).default([]),
+  cta: Link.optional(),
+  highlighted: z.boolean().optional(),
+  /** The highlighted plan's label (default "Most popular"). */
+  badge: Line(30).optional()
+});
+var Group = z.object({
+  eyebrow: Line(60).optional(),
+  heading: Line(90),
+  body: Copy(320).optional(),
+  tiers: z.array(Tier).min(1).max(12),
+  note: Copy(300).optional(),
+  anchor: Anchor
+});
+var schema10 = z.object({
+  eyebrow: Line(60).optional(),
+  heading: Line(90),
+  body: Copy(320).optional(),
+  /** Plans with no group. */
+  tiers: z.array(Tier).max(12).default([]),
+  /** Plans in groups, each with its heading: many plans on one page. */
+  groups: z.array(Group).max(8).default([]),
+  note: Copy(300).optional(),
+  surface: Surface.default("base"),
+  anchor: Anchor
+}).refine((p) => p.tiers.length + p.groups.length > 0, { message: "Add a plan, or a group of plans.", path: ["tiers"] });
+var COLS = { 1: "max-w-md mx-auto", 2: "md:grid-cols-2 max-w-4xl mx-auto", 3: "md:grid-cols-3", 4: "md:grid-cols-2 lg:grid-cols-4" };
+var cols = (n) => n <= 4 ? COLS[Math.max(1, n)] : "md:grid-cols-2 lg:grid-cols-3";
+function GroupTitle({ ctx, id, children }) {
+  const Tag = `h${ctx.headingLevel + 1}`;
+  return /* @__PURE__ */ jsx(Tag, { id, className: "font-display text-2xl font-semibold tracking-tight", children });
+}
+function PlanTitle({ ctx, grouped, children }) {
+  if (!grouped) return /* @__PURE__ */ jsx(ItemTitle, { ctx, children });
+  const Tag = `h${ctx.headingLevel + 2}`;
+  return /* @__PURE__ */ jsx(Tag, { className: "font-display text-lg font-semibold leading-snug", children });
+}
+var pricingSection = defineSection({
+  type: "pricing",
+  version: 1,
+  label: "Pricing",
+  description: "Up to four plans with a price, what's included and a button.",
+  category: "conversion",
+  schema: schema10,
+  variants: [
+    { id: "cards", label: "Plan cards" },
+    { id: "compact", label: "Compact list" }
+  ],
+  defaultVariant: "cards",
+  presets: [
+    {
+      name: "Plan groups",
+      variant: "cards",
+      props: {
+        heading: "Memberships",
+        groups: [
+          { heading: "Start here", anchor: "start", tiers: [{ name: "Single visit", price: "$20", description: "One class", cta: { label: "Book a visit", href: "#contact" } }] },
+          { heading: "Every week", anchor: "weekly", tiers: [{ name: "Monthly", price: "$99", period: "per month", cta: { label: "Join monthly", href: "#contact" } }, { name: "Yearly", price: "$89", period: "per month", description: "Paid yearly", highlighted: true, cta: { label: "Join for a year", href: "#contact" } }] }
+        ]
+      }
+    },
+    {
+      name: "Three plans",
+      variant: "cards",
+      props: {
+        heading: "Plans",
+        tiers: [
+          { name: "Starter", price: "$29", period: "per month", features: ["One thing", "Another thing"], cta: { label: "Choose Starter", href: "#contact" } },
+          { name: "Regular", price: "$59", period: "per month", features: ["Everything in Starter", "More"], cta: { label: "Choose Regular", href: "#contact" }, highlighted: true },
+          { name: "Unlimited", price: "$99", period: "per month", features: ["Everything", "Most"], cta: { label: "Choose Unlimited", href: "#contact" } }
+        ]
+      }
+    }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const inverted = onAccent(props.surface);
+    const intro = /* @__PURE__ */ jsx(SectionIntro, { ctx, eyebrow: props.eyebrow, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" });
+    const noteOf = (text) => text ? /* @__PURE__ */ jsx("p", { className: cn("mt-8 text-center text-sm", !inverted && "text-muted-foreground"), children: text }) : null;
+    const grouped = props.groups.length > 0;
+    const compactList = (tiers, inGroup, className) => /* @__PURE__ */ jsx("ul", { className: cn("mx-auto flex max-w-3xl flex-col divide-y divide-border rounded-xl border border-border bg-background text-foreground", className), children: tiers.map((tier, i) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-4 p-6 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx(PlanTitle, { ctx, grouped: inGroup, children: tier.name }),
+        tier.description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: tier.description }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxs("p", { children: [
+          /* @__PURE__ */ jsx("span", { className: "font-display text-2xl font-bold", children: tier.price }),
+          tier.period ? /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+            " ",
+            tier.period
+          ] }) : null
+        ] }),
+        tier.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: tier.cta, ctx, tone: tier.highlighted ? "primary" : "outline" }) : null
+      ] })
+    ] }, i)) });
+    const cardGrid = (tiers, inGroup, className) => /* @__PURE__ */ jsx("ul", { className: cn("grid gap-6", cols(tiers.length), className), children: tiers.map((tier, i) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: cn(
+          "flex flex-col gap-6 rounded-2xl border bg-background p-8 text-foreground",
+          tier.highlighted ? "border-2 border-primary shadow-lg" : "border-border"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsx(PlanTitle, { ctx, grouped: inGroup, children: tier.name }),
+              tier.highlighted ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary px-3 py-1 text-xs font-semibold text-primary-foreground", children: tier.badge ?? "Most popular" }) : null
+            ] }),
+            tier.description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: tier.description }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("p", { children: [
+            /* @__PURE__ */ jsx("span", { className: "font-display text-4xl font-bold", children: tier.price }),
+            tier.period ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              " ",
+              tier.period
+            ] }) : null
+          ] }),
+          tier.features.length ? /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-3", children: tier.features.map((f, j) => /* @__PURE__ */ jsxs("li", { className: "flex gap-3", children: [
+            /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "mt-0.5 size-5 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { children: f })
+          ] }, j)) }) : null,
+          tier.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: tier.cta, ctx, tone: tier.highlighted ? "primary" : "outline", className: "mt-auto w-full" }) : null
+        ]
+      },
+      i
+    )) });
+    const plans = (tiers, inGroup, className) => variant === "compact" ? compactList(tiers, inGroup, className) : cardGrid(tiers, inGroup, className);
+    const groupBlock = (group, gi) => {
+      const id = `${ctx.idPrefix}-group-${gi}`;
+      return /* @__PURE__ */ jsxs("section", { "aria-labelledby": id, ...group.anchor ? { id: group.anchor } : {}, className: cn("flex flex-col gap-3", group.anchor && "scroll-mt-20"), children: [
+        /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-3xl flex-col items-center gap-2 text-center", children: [
+          group.eyebrow ? /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold uppercase tracking-wider", children: group.eyebrow }) : null,
+          /* @__PURE__ */ jsx(GroupTitle, { ctx, id, children: group.heading }),
+          group.body ? /* @__PURE__ */ jsx("p", { className: inverted ? void 0 : "text-muted-foreground", children: group.body }) : null
+        ] }),
+        plans(group.tiers, true, "mt-4"),
+        noteOf(group.note)
+      ] }, gi);
+    };
+    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, width: variant === "compact" && !grouped ? "md" : "lg", children: [
+      intro,
+      props.tiers.length ? plans(props.tiers, false, variant === "compact" ? "mt-10" : "mt-12") : null,
+      grouped ? /* @__PURE__ */ jsx("div", { className: "mt-12 flex flex-col gap-16", children: props.groups.map(groupBlock) }) : null,
+      noteOf(props.note)
+    ] });
+  }
+});
+var schema11 = z.object({
+  heading: Line(90).optional(),
+  body: RichText,
+  surface: Surface.default("base"),
+  anchor: Anchor
+});
+var richTextSection = defineSection({
+  type: "rich-text",
+  version: 1,
+  label: "Text",
+  description: "Long copy with headings, lists, links and quotes. Sanitised when it renders.",
+  category: "content",
+  schema: schema11,
+  variants: [
+    { id: "narrow", label: "Reading width" },
+    { id: "wide", label: "Wide" }
+  ],
+  defaultVariant: "narrow",
+  presets: [
+    {
+      name: "Text",
+      variant: "narrow",
+      props: {
+        body: {
+          type: "doc",
+          content: [
+            { type: "heading", attrs: { level: 2 }, content: [{ type: "text", text: "A heading" }] },
+            { type: "paragraph", content: [{ type: "text", text: "Write here." }] }
+          ]
+        }
+      }
+    }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const intro = props.heading ? /* @__PURE__ */ jsx(SectionIntro, { ctx, heading: props.heading, align: "left", tone: onAccent(props.surface) ? "inherit" : "muted" }) : null;
+    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, width: variant === "wide" ? "lg" : "prose", labelled: Boolean(props.heading), children: [
+      intro,
+      /* @__PURE__ */ jsx(
+        RichText$1,
+        {
+          value: props.body,
+          headingLevels: props.heading ? [3, 4] : [2, 3, 4],
+          className: cn(richTextClassName, "text-base sm:text-lg [&_h2]:font-display [&_h2]:text-2xl [&_h3]:font-display [&_h3]:text-xl", props.heading && "mt-6")
+        }
+      )
+    ] });
+  }
+});
+var schema12 = z.object({
+  heading: Line(90).optional(),
+  body: Copy(320).optional(),
+  items: z.array(z.object({ value: Line(16), label: Line(60) })).min(1).max(6),
+  surface: Surface.default("muted"),
+  anchor: Anchor
+});
+var COLS2 = { 1: "", 2: "sm:grid-cols-2", 3: "sm:grid-cols-3", 4: "sm:grid-cols-2 lg:grid-cols-4", 5: "sm:grid-cols-3 lg:grid-cols-5", 6: "sm:grid-cols-3 lg:grid-cols-6" };
+var statsSection = defineSection({
+  type: "stats",
+  version: 1,
+  label: "Stats",
+  description: "A few numbers that matter, each with a label.",
+  category: "social-proof",
+  schema: schema12,
+  variants: [
+    { id: "row", label: "In a row" },
+    { id: "cards", label: "Cards" }
+  ],
+  defaultVariant: "row",
+  presets: [
+    {
+      name: "Three numbers",
+      variant: "row",
+      props: { items: [{ value: "12", label: "years open" }, { value: "40+", label: "classes a week" }, { value: "6", label: "coaches" }] }
+    }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const inverted = onAccent(props.surface);
+    const intro = props.heading ? /* @__PURE__ */ jsx(SectionIntro, { ctx, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" }) : /* @__PURE__ */ jsx(HiddenTitle, { ctx, children: "In numbers" });
+    const cards = variant === "cards";
+    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+      intro,
+      /* @__PURE__ */ jsx("dl", { className: cn("grid gap-6 text-center", COLS2[props.items.length], props.heading && "mt-10"), children: props.items.map((item, i) => /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col-reverse gap-1", cards && "rounded-xl border border-border bg-background p-6 text-foreground"), children: [
+        /* @__PURE__ */ jsx("dt", { className: cn("text-sm font-medium", !inverted || cards ? "text-muted-foreground" : void 0), children: item.label }),
+        /* @__PURE__ */ jsx("dd", { className: "font-display text-4xl font-bold tracking-tight sm:text-5xl", children: item.value })
+      ] }, i)) })
+    ] });
+  }
+});
+var Quote = z.object({
+  quote: Copy(500).min(1),
+  name: Line(80),
+  role: Line(80).optional(),
+  avatar: Image.optional()
+});
+var schema13 = z.object({
+  heading: Line(90).optional(),
+  body: Copy(320).optional(),
+  items: z.array(Quote).min(1).max(12),
+  surface: Surface.default("muted"),
+  anchor: Anchor
+});
+var testimonialsSection = defineSection({
+  type: "testimonials",
+  version: 1,
+  label: "Testimonials",
+  description: "Quotes from real people, with their permission.",
+  category: "social-proof",
+  schema: schema13,
+  variants: [
+    { id: "grid", label: "Quotes in a grid" },
+    { id: "single", label: "One large quote" }
+  ],
+  defaultVariant: "grid",
+  presets: [
+    { name: "Quotes", variant: "grid", props: { heading: "What people say", items: [{ quote: "A quote, in their words.", name: "Their name" }] } },
+    { name: "One quote", variant: "single", props: { items: [{ quote: "A quote, in their words.", name: "Their name", role: "Who they are" }] } }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const inverted = onAccent(props.surface);
+    const muted = inverted ? void 0 : "text-muted-foreground";
+    const person = (item, large = false) => /* @__PURE__ */ jsxs("figcaption", { className: "flex items-center gap-3", children: [
+      item.avatar ? /* @__PURE__ */ jsx(SiteImage, { image: item.avatar, ctx, sizes: "48px", className: cn("rounded-full object-cover", large ? "size-14" : "size-11") }) : null,
+      /* @__PURE__ */ jsxs("span", { className: "flex flex-col text-left", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: item.name }),
+        item.role ? /* @__PURE__ */ jsx("span", { className: cn("text-sm", muted), children: item.role }) : null
+      ] })
+    ] });
+    const intro = props.heading ? /* @__PURE__ */ jsx(SectionIntro, { ctx, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" }) : /* @__PURE__ */ jsx(HiddenTitle, { ctx, children: "Testimonials" });
+    if (variant === "single") {
+      const item = props.items[0];
+      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, width: "md", children: [
+        intro,
+        /* @__PURE__ */ jsxs("figure", { className: cn("mx-auto flex max-w-3xl flex-col items-center gap-8 text-center", props.heading && "mt-10"), children: [
+          /* @__PURE__ */ jsx("blockquote", { className: "font-display text-2xl font-medium leading-snug text-balance sm:text-3xl", children: /* @__PURE__ */ jsxs("p", { children: [
+            "\u201C",
+            item.quote,
+            "\u201D"
+          ] }) }),
+          person(item, true)
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+      intro,
+      /* @__PURE__ */ jsx("ul", { className: cn("grid gap-6 sm:grid-cols-2 lg:grid-cols-3", props.heading && "mt-12"), children: props.items.map((item, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("figure", { className: "flex h-full flex-col justify-between gap-6 rounded-xl border border-border bg-background p-6 text-foreground", children: [
+        /* @__PURE__ */ jsx("blockquote", { className: "leading-relaxed", children: /* @__PURE__ */ jsxs("p", { children: [
+          "\u201C",
+          item.quote,
+          "\u201D"
+        ] }) }),
+        person(item)
+      ] }) }, i)) })
+    ] });
+  }
+});
+var schema14 = z.object({
+  eyebrow: Line(60).optional(),
+  heading: Line(90),
+  body: Copy(320).optional(),
+  /** Posts per page. */
+  perPage: z.number().int().min(1).max(24).default(6),
+  /** Pages of posts (`?page=2`); off shows only the newest `perPage`. */
+  paginate: z.boolean().default(true),
+  /** Only posts in this category. */
+  category: Line(60).optional(),
+  showExcerpt: z.boolean().default(true),
+  showDate: z.boolean().default(true),
+  emptyText: Line(120).default("No posts yet. Check back soon."),
+  /** A button under the list ("All posts"). */
+  cta: Link.optional(),
+  surface: Surface.default("base"),
+  anchor: Anchor
+});
+function formatPostDate(iso, lang) {
+  const date = new Date(iso);
+  if (Number.isNaN(date.getTime())) return "";
+  try {
+    return new Intl.DateTimeFormat(lang, { dateStyle: "medium", timeZone: "UTC" }).format(date);
+  } catch {
+    return date.toISOString().slice(0, 10);
+  }
+}
+function pageHref(ctx, page) {
+  return ctx.href(page <= 1 ? ctx.pagePath : `${ctx.pagePath}?page=${page}`);
+}
+function PostMeta({ post, ctx, showDate, muted }) {
+  const date = showDate ? formatPostDate(post.publishedAt, ctx.site.lang) : "";
+  if (!date && !post.category) return null;
+  return /* @__PURE__ */ jsxs("p", { className: cn("flex flex-wrap gap-x-3 text-sm", muted && "text-muted-foreground"), children: [
+    post.category ? /* @__PURE__ */ jsx("span", { className: "font-semibold uppercase tracking-wide", children: post.category }) : null,
+    date ? /* @__PURE__ */ jsx("time", { dateTime: post.publishedAt, children: date }) : null
+  ] });
+}
+var blogListSection = defineSection({
+  type: "blog-list",
+  version: 1,
+  label: "Blog posts",
+  description: "The blog's posts, newest first, as a list or cards, with pages. Needs the site's post page.",
+  category: "content",
+  schema: schema14,
+  variants: [
+    { id: "grid", label: "Cards with covers" },
+    { id: "list", label: "List" }
+  ],
+  defaultVariant: "grid",
+  presets: [
+    { name: "Blog index", variant: "grid", props: { heading: "Latest posts", perPage: 9 } },
+    { name: "Latest three", variant: "list", props: { heading: "From the blog", perPage: 3, paginate: false, cta: { label: "All posts", href: "/blog" } } }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const inverted = onAccent(props.surface);
+    const intro = /* @__PURE__ */ jsx(SectionIntro, { ctx, eyebrow: props.eyebrow, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" });
+    const blog = ctx.posts;
+    if (!blog) {
+      console.error(`[genesis-sites] ${ctx.pagePath}: the post list has no posts to show (the site has no post page, or the store can't list posts).`);
+      return ctx.mode === "preview" ? /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+        intro,
+        /* @__PURE__ */ jsx("p", { role: "status", className: "mt-8 rounded-lg border border-dashed border-border p-6 text-center", children: "The post list needs the site's post page (a page of kind \u201Cpost\u201D, such as /blog)." })
+      ] }) : null;
+    }
+    const all = blog.list.filter((p) => p.slug !== blog.current?.slug && (!props.category || p.category === props.category));
+    const pages = props.paginate ? Math.max(1, Math.ceil(all.length / props.perPage)) : 1;
+    const page = props.paginate && !blog.current ? Math.min(Math.max(1, blog.page), pages) : 1;
+    const shown = all.slice((page - 1) * props.perPage, page * props.perPage);
+    const href = (p) => ctx.href(postPath(blog.path, p.slug));
+    const grid = variant === "grid";
+    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+      intro,
+      shown.length ? /* @__PURE__ */ jsx("ul", { className: cn("mt-10", grid ? "grid gap-6 sm:grid-cols-2 lg:grid-cols-3" : "mx-auto flex max-w-3xl flex-col divide-y divide-border"), children: shown.map((post) => /* @__PURE__ */ jsx("li", { className: grid ? "flex" : "py-6 first:pt-0", children: /* @__PURE__ */ jsxs("article", { className: cn("flex w-full flex-col gap-3", grid && "rounded-xl border border-border bg-background text-foreground"), children: [
+        grid ? post.cover ? (
+          // The title says what the post is; its cover is decoration here.
+          /* @__PURE__ */ jsx(SiteImage, { image: { ...post.cover, decorative: true }, ctx, sizes: "(min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw", className: "aspect-[16/10] w-full rounded-t-xl object-cover" })
+        ) : /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "aspect-[16/10] w-full rounded-t-xl bg-muted" }) : null,
+        /* @__PURE__ */ jsxs("div", { className: cn("flex flex-1 flex-col gap-2", grid && "p-5 pt-2"), children: [
+          /* @__PURE__ */ jsx(PostMeta, { post, ctx, showDate: props.showDate, muted: grid || !inverted }),
+          /* @__PURE__ */ jsx(ItemTitle, { ctx, className: "text-xl", children: /* @__PURE__ */ jsx("a", { href: href(post), className: "rounded-sm underline-offset-4 hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", children: post.title }) }),
+          props.showExcerpt && post.excerpt ? /* @__PURE__ */ jsx("p", { className: cn(grid || !inverted ? "text-muted-foreground" : void 0), children: post.excerpt }) : null
+        ] })
+      ] }) }, post.slug)) }) : /* @__PURE__ */ jsx("p", { className: "mt-10 text-center", children: props.emptyText }),
+      props.paginate && pages > 1 && !blog.current ? /* @__PURE__ */ jsxs("nav", { "aria-label": `${props.heading}: pages`, className: "mt-10 flex items-center justify-between gap-4", children: [
+        page > 1 ? /* @__PURE__ */ jsx("a", { href: pageHref(ctx, page - 1), rel: "prev", className: "inline-flex min-h-11 items-center rounded-md px-2 font-medium underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", children: "Newer posts" }) : /* @__PURE__ */ jsx("span", {}),
+        /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+          "Page ",
+          page,
+          " of ",
+          pages
+        ] }),
+        page < pages ? /* @__PURE__ */ jsx("a", { href: pageHref(ctx, page + 1), rel: "next", className: "inline-flex min-h-11 items-center rounded-md px-2 font-medium underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", children: "Older posts" }) : /* @__PURE__ */ jsx("span", {})
+      ] }) : null,
+      props.cta ? /* @__PURE__ */ jsx("div", { className: "mt-10 flex justify-center", children: /* @__PURE__ */ jsx(ButtonLink, { link: props.cta, ctx, tone: inverted ? "inverse" : "outline" }) }) : null
+    ] });
+  }
+});
+var Item2 = z.object({
+  label: Line(120),
+  description: Copy(300).optional(),
+  file: FileRef
+});
+var schema15 = z.object({
+  eyebrow: Line(60).optional(),
+  heading: Line(90),
+  body: Copy(320).optional(),
+  files: z.array(Item2).min(1).max(24),
+  surface: Surface.default("base"),
+  anchor: Anchor
+});
+function DownloadLink({ item, ctx, className }) {
+  const href = fileHref(item.file, ctx);
+  if (!href) return /* @__PURE__ */ jsx("span", { className, children: item.label });
+  const sitePath = item.file.src.startsWith("/");
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href,
+      type: item.file.mime,
+      ...sitePath ? { download: "" } : { rel: "noopener" },
+      "data-gs-event": "download",
+      className: cn("inline-flex min-h-11 items-center gap-2 rounded-sm font-medium underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", className),
+      children: [
+        /* @__PURE__ */ jsx(Download, { "aria-hidden": "true", className: "size-4 shrink-0" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          item.label,
+          " ",
+          /* @__PURE__ */ jsxs("span", { className: "whitespace-nowrap text-sm font-normal", children: [
+            "(",
+            fileDescription(item.file),
+            ")"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var fileSection = defineSection({
+  type: "file",
+  version: 1,
+  label: "Downloads",
+  description: "Files to download (PDFs), each with what it is and how big.",
+  category: "content",
+  schema: schema15,
+  variants: [
+    { id: "list", label: "List" },
+    { id: "cards", label: "Cards" }
+  ],
+  defaultVariant: "list",
+  presets: [
+    { name: "Downloads", variant: "list", props: { heading: "Downloads", files: [{ label: "Timetable", file: { src: "/files/timetable.pdf", mime: "application/pdf" } }] } },
+    { name: "File cards", variant: "cards", props: { heading: "Forms to bring", files: [{ label: "Waiver", description: "Sign it before your first class.", file: { src: "/files/waiver.pdf", mime: "application/pdf" } }] } }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const inverted = onAccent(props.surface);
+    const intro = /* @__PURE__ */ jsx(SectionIntro, { ctx, eyebrow: props.eyebrow, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" });
+    if (variant === "cards") {
+      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+        intro,
+        /* @__PURE__ */ jsx("ul", { className: "mt-10 grid gap-6 sm:grid-cols-2 lg:grid-cols-3", children: props.files.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-3 rounded-xl border border-border bg-background p-6 text-foreground", children: [
+          /* @__PURE__ */ jsx(FileText, { "aria-hidden": "true", className: "size-8" }),
+          /* @__PURE__ */ jsx(ItemTitle, { ctx, children: item.label }),
+          item.description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: item.description }) : null,
+          /* @__PURE__ */ jsx(DownloadLink, { item: { ...item, label: `Download ${item.label}` }, ctx, className: "mt-auto" })
+        ] }, i)) })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, width: "md", children: [
+      intro,
+      /* @__PURE__ */ jsx("ul", { className: "mx-auto mt-8 flex max-w-3xl flex-col divide-y divide-border", children: props.files.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-1 py-4", children: [
+        /* @__PURE__ */ jsx(DownloadLink, { item, ctx }),
+        item.description ? /* @__PURE__ */ jsx("p", { className: inverted ? void 0 : "text-muted-foreground", children: item.description }) : null
+      ] }, i)) })
+    ] });
+  }
+});
+var MAP_PROVIDERS = {
+  openstreetmap: { name: "OpenStreetMap", origin: "https://www.openstreetmap.org" },
+  google: { name: "Google Maps", origin: "https://www.google.com" }
+};
+var schema16 = z.object({
+  eyebrow: Line(60).optional(),
+  heading: Line(90),
+  body: Copy(320).optional(),
+  /** The address, a line each. */
+  address: z.array(Line(120)).min(1).max(5),
+  provider: z.enum(["openstreetmap", "google"]).default("openstreetmap"),
+  /** What the map looks up (Google): default, the address. */
+  query: Line(200).optional(),
+  lat: z.number().min(-90).max(90).optional(),
+  lng: z.number().min(-180).max(180).optional(),
+  zoom: z.number().int().min(3).max(19).default(15),
+  /** The map frame's accessible name. Default: "Map of <first address line>". */
+  title: Line(120).optional(),
+  /** A picture of the map, shown until the map loads (and instead of it without script). */
+  image: Image.optional(),
+  /** Phone, email and the like, under the address. */
+  contact: z.array(Link).max(4).default([]),
+  /** Buttons under the address. */
+  primaryCta: Link.optional(),
+  secondaryCta: Link.optional(),
+  loadLabel: Line(40).default("Show the map"),
+  /** Said before the map loads: who it comes from. */
+  consentNote: Copy(200).optional(),
+  surface: Surface.default("base"),
+  anchor: Anchor
+}).refine((p) => p.provider !== "openstreetmap" || p.lat !== void 0 && p.lng !== void 0, {
+  message: "An OpenStreetMap map needs the place's latitude and longitude.",
+  path: ["lat"]
+});
+var round = (n) => Math.round(n * 1e6) / 1e6;
+function mapEmbedUrl(props) {
+  if (props.provider === "google") {
+    const q = props.query ?? (props.lat !== void 0 && props.lng !== void 0 ? `${round(props.lat)},${round(props.lng)}` : props.address.join(", "));
+    return `${MAP_PROVIDERS.google.origin}/maps?q=${encodeURIComponent(q)}&z=${props.zoom}&output=embed`;
+  }
+  const lat = round(props.lat ?? 0);
+  const lng = round(props.lng ?? 0);
+  const span = 180 / 2 ** props.zoom;
+  const bbox = [lng - span, lat - span / 2, lng + span, lat + span / 2].map(round).join(",");
+  return `${MAP_PROVIDERS.openstreetmap.origin}/export/embed.html?bbox=${encodeURIComponent(bbox)}&layer=mapnik&marker=${encodeURIComponent(`${lat},${lng}`)}`;
+}
+function mapPageUrl(props) {
+  if (props.provider === "google") {
+    const q = props.query ?? (props.lat !== void 0 && props.lng !== void 0 ? `${round(props.lat)},${round(props.lng)}` : props.address.join(", "));
+    return `${MAP_PROVIDERS.google.origin}/maps/search/?api=1&query=${encodeURIComponent(q)}`;
+  }
+  const lat = round(props.lat ?? 0);
+  const lng = round(props.lng ?? 0);
+  return `${MAP_PROVIDERS.openstreetmap.origin}/?mlat=${lat}&mlon=${lng}#map=${props.zoom}/${lat}/${lng}`;
+}
+var mapSection = defineSection({
+  type: "map",
+  version: 1,
+  label: "Map",
+  description: "Your address with a map that loads only when the visitor asks for it (OpenStreetMap or Google Maps), a picture until then, and a link to the provider.",
+  category: "content",
+  islands: true,
+  frameOrigins: (props) => [MAP_PROVIDERS[props.provider].origin],
+  schema: schema16,
+  variants: [
+    { id: "split", label: "Address beside the map" },
+    { id: "stacked", label: "Map above the address" }
+  ],
+  defaultVariant: "split",
+  presets: [
+    {
+      name: "Find us",
+      variant: "split",
+      props: { heading: "Find us", address: ["1 River Road", "Riverside"], provider: "openstreetmap", lat: 51.5007, lng: -0.1246 }
+    },
+    {
+      name: "Map and address",
+      variant: "stacked",
+      props: { heading: "Visit", address: ["1 River Road", "Riverside"], provider: "google", query: "1 River Road, Riverside" }
+    }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const inverted = onAccent(props.surface);
+    const provider = MAP_PROVIDERS[props.provider];
+    const frameTitle = props.title ?? `Map of ${props.address[0]}`;
+    const note = props.consentNote ?? `The map comes from ${provider.name}, which may set cookies. It loads only if you ask for it.`;
+    const map = /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-gs-island": "map",
+        "data-gs-map-src": mapEmbedUrl(props),
+        "data-gs-map-title": frameTitle,
+        className: "relative isolate flex aspect-[4/3] w-full flex-col justify-end overflow-hidden rounded-xl border border-border bg-muted text-foreground",
+        children: [
+          props.image ? /* @__PURE__ */ jsx("span", { "data-gs-map-drop": "", className: "absolute inset-0 -z-10", children: /* @__PURE__ */ jsx(SiteImage, { image: props.image, ctx, sizes: "(min-width: 768px) 50vw, 100vw", className: "h-full w-full object-cover" }) }) : /* @__PURE__ */ jsx(MapPin, { "data-gs-map-drop": "", "aria-hidden": "true", className: "absolute left-1/2 top-1/3 -z-10 size-12 -translate-x-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-start gap-3 bg-background p-4 text-foreground", children: [
+            /* @__PURE__ */ jsx("p", { "data-gs-map-drop": "", className: "text-sm", children: note }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
+              /* @__PURE__ */ jsx("button", { type: "button", "data-gs-map-load": "", "data-gs-map-drop": "", hidden: true, className: cn(buttonVariants({ variant: "default", size: "lg" }), "min-h-11"), children: props.loadLabel }),
+              /* @__PURE__ */ jsx(TextLink, { link: { label: `Open in ${provider.name}`, href: mapPageUrl(props), external: true, target: "_blank" }, ctx, className: "text-sm font-medium underline" })
+            ] })
+          ] })
+        ]
+      }
+    );
+    const copy = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      props.eyebrow ? /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold uppercase tracking-wider", children: props.eyebrow }) : null,
+      /* @__PURE__ */ jsx(SectionTitle, { ctx, id: titleId(ctx), size: "lg", children: props.heading }),
+      props.body ? /* @__PURE__ */ jsx("p", { className: inverted ? void 0 : "text-muted-foreground", children: props.body }) : null,
+      /* @__PURE__ */ jsx("address", { className: "flex flex-col not-italic", children: props.address.map((line, i) => /* @__PURE__ */ jsx("span", { className: i === 0 ? "font-semibold" : void 0, children: line }, i)) }),
+      props.contact.length ? /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1", children: props.contact.map((link, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(TextLink, { link, ctx, className: "underline" }) }, i)) }) : null,
+      /* @__PURE__ */ jsx(Actions, { primary: props.primaryCta, secondary: props.secondaryCta, ctx, onAccent: inverted })
+    ] });
+    if (variant === "stacked") {
+      return /* @__PURE__ */ jsx(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, width: "md", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
+        copy,
+        map
+      ] }) });
+    }
+    return /* @__PURE__ */ jsx(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-10 md:grid-cols-2 md:gap-12", children: [
+      copy,
+      map
+    ] }) });
+  }
+});
+var schema17 = z.object({
+  showCover: z.boolean().default(true),
+  showAuthor: z.boolean().default(true),
+  showDate: z.boolean().default(true),
+  /** The link back to the blog's index above the title. Empty for none. */
+  backLabel: Line(40).optional().default("All posts"),
+  surface: Surface.default("base")
+});
+var postBodySection = defineSection({
+  type: "post-body",
+  version: 1,
+  label: "Post",
+  description: "Where each blog post goes on the post page: its title, date, author, cover and text.",
+  category: "content",
+  limit: 1,
+  providesH1: true,
+  enabledOn: ["post"],
+  schema: schema17,
+  variants: [
+    { id: "article", label: "Article" },
+    { id: "cover", label: "Title over the cover" }
+  ],
+  defaultVariant: "article",
+  presets: [
+    { name: "Article", variant: "article", props: {} },
+    { name: "Title over the cover", variant: "cover", props: { surface: "base" } }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const post = ctx.posts?.current;
+    if (!post || !ctx.posts) return null;
+    const d = post.doc;
+    const date = props.showDate ? formatPostDate(post.publishedAt, ctx.site.lang) : "";
+    const author = props.showAuthor ? d.author?.name : void 0;
+    const inverted = onAccent(props.surface);
+    const back = props.backLabel ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: ctx.href(ctx.posts.path),
+        className: "inline-flex min-h-11 items-center gap-2 rounded-sm text-sm font-medium underline-offset-4 hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+        children: [
+          /* @__PURE__ */ jsx(ArrowLeft, { "aria-hidden": "true", className: "size-4" }),
+          props.backLabel
+        ]
+      }
+    ) : null;
+    const meta = date || author ? /* @__PURE__ */ jsxs("p", { className: cn("flex flex-wrap gap-x-3 text-sm", !inverted && variant !== "cover" && "text-muted-foreground"), children: [
+      author ? /* @__PURE__ */ jsxs("span", { children: [
+        "By ",
+        author
+      ] }) : null,
+      date ? /* @__PURE__ */ jsx("time", { dateTime: post.publishedAt, children: date }) : null
+    ] }) : null;
+    const title = /* @__PURE__ */ jsx(SectionTitle, { ctx, id: titleId(ctx), size: "lg", children: d.title });
+    const body = /* @__PURE__ */ jsx(
+      RichText$1,
+      {
+        value: d.body,
+        headingLevels: ctx.headingLevel === 1 ? [2, 3, 4] : [3, 4],
+        className: cn(richTextClassName, "text-base sm:text-lg [&_h2]:font-display [&_h2]:text-2xl [&_h3]:font-display [&_h3]:text-xl")
+      }
+    );
+    if (variant === "cover" && d.cover && props.showCover) {
+      return /* @__PURE__ */ jsxs("article", { "aria-labelledby": titleId(ctx), "data-gs-section": node.type, "data-gs-variant": node.variant, children: [
+        /* @__PURE__ */ jsxs(SectionBand, { node, ctx, surface: "inverse", spacing: "lg", labelled: false, className: "isolate overflow-hidden", children: [
+          /* @__PURE__ */ jsx(SiteImage, { image: { ...d.cover, decorative: true }, ctx, priority: true, sizes: "100vw", className: "absolute inset-0 -z-10 h-full w-full object-cover" }),
+          /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "absolute inset-0 -z-10 bg-foreground/80" }),
+          /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-3xl flex-col gap-4", children: [
+            back,
+            d.category ? /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold uppercase tracking-wider", children: d.category }) : null,
+            title,
+            meta
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(SectionBand, { node, ctx, surface: props.surface, width: "prose", labelled: false, children: body })
+      ] });
+    }
+    return /* @__PURE__ */ jsx(SectionBand, { node, ctx, surface: props.surface, width: "prose", labelled: false, children: /* @__PURE__ */ jsxs("article", { "aria-labelledby": titleId(ctx), className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+        back,
+        d.category ? /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold uppercase tracking-wider", children: d.category }) : null,
+        title,
+        meta
+      ] }),
+      props.showCover && d.cover ? /* @__PURE__ */ jsx(SiteImage, { image: d.cover, ctx, priority: true, sizes: "(min-width: 768px) 48rem, 100vw", className: "aspect-[16/9] w-full rounded-xl object-cover" }) : null,
+      body
+    ] }) });
+  }
+});
+var WEEKDAYS = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];
+var Day = z.enum(WEEKDAYS);
+var DAY_NAMES = { mon: "Monday", tue: "Tuesday", wed: "Wednesday", thu: "Thursday", fri: "Friday", sat: "Saturday", sun: "Sunday" };
+var DAY_SHORT = { mon: "Mon", tue: "Tue", wed: "Wed", thu: "Thu", fri: "Fri", sat: "Sat", sun: "Sun" };
+var Time = z.string().regex(/^([01]\d|2[0-3]):[0-5]\d$/, "A time is HH:MM on the 24-hour clock (06:15, 18:00).");
+var TypeId = z.string().regex(/^[a-z0-9][a-z0-9-]{0,39}$/, "A class type id is lowercase letters, digits and hyphens.");
+var CHIP_TONES = ["primary", "inverse", "soft", "outline", "plain"];
+var ClassType = z.object({
+  id: TypeId,
+  name: Line(60),
+  description: Copy(300).optional(),
+  tone: z.enum(CHIP_TONES).default("soft")
+});
+var Session = z.object({
+  day: Day,
+  start: Time,
+  end: Time.optional(),
+  title: Line(60),
+  /** A class type's id, for its chip colour and the legend. */
+  type: TypeId.optional(),
+  coach: Line(60).optional(),
+  location: Line(60).optional(),
+  note: Line(80).optional(),
+  /** Book this class (an outbound link, say). */
+  link: Link.optional()
+});
+var schema18 = z.object({
+  eyebrow: Line(60).optional(),
+  heading: Line(90),
+  body: Copy(320).optional(),
+  /** The days the timetable shows, in order. */
+  days: z.array(Day).min(1).max(7).default([...WEEKDAYS]),
+  /** Day names in the site's language (default English). */
+  dayNames: z.partialRecord(Day, Line(20)).optional(),
+  clock: z.enum(["12h", "24h"]).default("12h"),
+  types: z.array(ClassType).max(16).default([]),
+  sessions: z.array(Session).max(200),
+  /** What an empty slot or day says. */
+  emptyText: Line(60).default("No classes"),
+  footnote: Copy(300).optional(),
+  surface: Surface.default("base"),
+  anchor: Anchor
+});
+var TONE2 = {
+  primary: "bg-primary text-primary-foreground",
+  inverse: "bg-foreground text-background",
+  soft: "bg-muted text-foreground",
+  outline: "border-2 border-dashed border-primary text-foreground",
+  plain: "border border-solid border-border text-foreground"
+};
+function formatTime(time, clock) {
+  if (clock === "24h") return time;
+  const [h, m] = time.split(":").map(Number);
+  const suffix = h < 12 ? "am" : "pm";
+  const hour = h % 12 === 0 ? 12 : h % 12;
+  return `${hour}:${String(m).padStart(2, "0")} ${suffix}`;
+}
+function TimeText({ start, end, clock }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("time", { dateTime: start, children: formatTime(start, clock) }),
+    end ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      " to ",
+      /* @__PURE__ */ jsx("time", { dateTime: end, children: formatTime(end, clock) })
+    ] }) : null
+  ] });
+}
+function Chip({ session, types }) {
+  const type = session.type ? types.get(session.type) : void 0;
+  const tone = type?.tone ?? "soft";
+  const named = type && type.name.trim().toLowerCase() !== session.title.trim().toLowerCase();
+  return /* @__PURE__ */ jsxs("span", { "data-type": type?.id, className: cn("inline-flex flex-col rounded-md px-2 py-1 text-sm font-semibold leading-tight", TONE2[tone]), children: [
+    session.title,
+    named ? /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: type.name }) : null
+  ] });
+}
+function Details({ session, muted }) {
+  const parts = [session.coach ? `with ${session.coach}` : null, session.location, session.note].filter(Boolean);
+  if (!parts.length) return null;
+  return /* @__PURE__ */ jsx("span", { className: cn("block text-xs", muted && "text-muted-foreground"), children: parts.join(" \xB7 ") });
+}
+function SessionItem({ session, props, types, ctx, withTime }) {
+  return /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-1", children: [
+    withTime ? /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold tabular-nums", children: /* @__PURE__ */ jsx(TimeText, { start: session.start, end: session.end, clock: props.clock }) }) : null,
+    /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Chip, { session, types }) }),
+    /* @__PURE__ */ jsx(Details, { session, muted: true }),
+    session.link ? /* @__PURE__ */ jsx(TextLink, { link: session.link, ctx, className: "text-sm font-medium underline" }) : null
+  ] });
+}
+var byTime = (a, b) => a.start.localeCompare(b.start) || a.title.localeCompare(b.title);
+function DayList({ day, props, types, ctx, id }) {
+  const sessions = props.sessions.filter((s) => s.day === day).sort(byTime);
+  return /* @__PURE__ */ jsxs("section", { "aria-labelledby": id, className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx(ItemTitle, { ctx, className: "text-base", children: /* @__PURE__ */ jsx("span", { id, children: props.dayNames?.[day] ?? DAY_NAMES[day] }) }),
+    sessions.length ? /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-4", children: sessions.map((s, i) => /* @__PURE__ */ jsx(SessionItem, { session: s, props, types, ctx, withTime: true }, i)) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: props.emptyText })
+  ] });
+}
+function DayLabel({ day, props }) {
+  const custom = props.dayNames?.[day];
+  if (custom) return /* @__PURE__ */ jsx(Fragment, { children: custom });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: DAY_SHORT[day] }),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: DAY_NAMES[day] })
+  ] });
+}
+function Legend({ props, days }) {
+  const used = new Set(props.sessions.filter((s) => s.type && days.includes(s.day)).map((s) => s.type));
+  const shown = props.types.filter((t) => used.has(t.id));
+  if (!shown.length) return null;
+  return (
+    // A list, not a <dl>: a type with no description has nothing to pair with.
+    /* @__PURE__ */ jsx("ul", { "aria-label": "Class types", className: "mt-8 grid gap-4 sm:grid-cols-2", children: shown.map((t) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col items-start gap-1", children: [
+      /* @__PURE__ */ jsx("span", { className: cn("inline-flex rounded-md px-2 py-1 text-sm font-semibold", TONE2[t.tone]), children: t.name }),
+      t.description ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: t.description }) : null
+    ] }, t.id)) })
+  );
+}
+var scheduleSection = defineSection({
+  type: "schedule",
+  version: 1,
+  label: "Timetable",
+  description: "The week's classes by time and day, with coach and place: a table on wider screens and a day picker on a phone.",
+  category: "content",
+  schema: schema18,
+  variants: [
+    { id: "grid", label: "Week grid (day picker on a phone)" },
+    { id: "agenda", label: "Day by day" }
+  ],
+  defaultVariant: "grid",
+  presets: [
+    {
+      name: "Weekly timetable",
+      variant: "grid",
+      props: {
+        heading: "Class times",
+        types: [
+          { id: "strength", name: "Strength", description: "Barbell work in a coached group.", tone: "primary" },
+          { id: "open", name: "Open gym", description: "Train on your own; a coach is on the floor.", tone: "soft" }
+        ],
+        sessions: [
+          { day: "mon", start: "06:00", title: "Strength", type: "strength", coach: "Coach name" },
+          { day: "wed", start: "06:00", title: "Strength", type: "strength", coach: "Coach name" },
+          { day: "sat", start: "09:00", title: "Open gym", type: "open" }
+        ]
+      }
+    },
+    {
+      name: "Day by day",
+      variant: "agenda",
+      props: { heading: "This week", days: ["mon", "tue", "wed", "thu", "fri"], sessions: [{ day: "mon", start: "18:00", end: "19:00", title: "Class name" }] }
+    }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const inverted = onAccent(props.surface);
+    const types = new Map(props.types.map((t) => [t.id, t]));
+    const days = props.days.filter((d, i, all) => all.indexOf(d) === i);
+    const intro = /* @__PURE__ */ jsx(SectionIntro, { ctx, eyebrow: props.eyebrow, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" });
+    const footer = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Legend, { props, days }),
+      props.footnote ? /* @__PURE__ */ jsx("p", { className: "mt-6 text-sm", children: props.footnote }) : null
+    ] });
+    const card = "rounded-xl border border-border bg-background p-4 text-foreground sm:p-6";
+    if (variant === "agenda") {
+      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+        intro,
+        /* @__PURE__ */ jsx("div", { className: cn("mt-10 grid gap-6 sm:grid-cols-2 lg:grid-cols-4", card), children: days.map((day) => /* @__PURE__ */ jsx(DayList, { day, props, types, ctx, id: `${ctx.idPrefix}-${day}` }, day)) }),
+        footer
+      ] });
+    }
+    const times = [...new Set(props.sessions.filter((s) => days.includes(s.day)).map((s) => s.start))].sort();
+    const caption = `${props.heading}: classes by time and day`;
+    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+      intro,
+      /* @__PURE__ */ jsxs("div", { role: "region", "aria-label": caption, tabIndex: 0, className: cn("mt-10 overflow-x-auto max-md:hidden", card), children: [
+        /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-left text-sm", children: [
+          /* @__PURE__ */ jsx("caption", { className: "sr-only", children: caption }),
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx("th", { scope: "col", className: "w-24 border-b border-border p-2 font-semibold", children: "Time" }),
+            days.map((day) => /* @__PURE__ */ jsx("th", { scope: "col", className: "border-b border-border p-2 font-semibold", children: /* @__PURE__ */ jsx(DayLabel, { day, props }) }, day))
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: times.map((time) => /* @__PURE__ */ jsxs("tr", { className: "border-b border-border last:border-b-0", children: [
+            /* @__PURE__ */ jsx("th", { scope: "row", className: "whitespace-nowrap p-2 align-top font-semibold tabular-nums", children: /* @__PURE__ */ jsx("time", { dateTime: time, children: formatTime(time, props.clock) }) }),
+            days.map((day) => {
+              const here = props.sessions.filter((s) => s.day === day && s.start === time).sort(byTime);
+              return /* @__PURE__ */ jsx("td", { className: "p-2 align-top", children: here.length ? /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: here.map((s, i) => /* @__PURE__ */ jsx(SessionItem, { session: s, props, types, ctx, withTime: false }, i)) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\xB7" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: props.emptyText })
+              ] }) }, day);
+            })
+          ] }, time)) })
+        ] }),
+        times.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-2 text-sm text-muted-foreground", children: props.emptyText }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("div", { "data-gs-schedule": "", className: cn("mt-8 md:hidden", card), children: [
+        /* @__PURE__ */ jsxs("fieldset", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("legend", { className: "sr-only", children: "Show the classes on" }),
+          /* @__PURE__ */ jsx("div", { className: "-mx-1 flex gap-1 overflow-x-auto px-1 pb-2", children: days.map((day, i) => /* @__PURE__ */ jsxs("label", { className: "relative shrink-0", children: [
+            /* @__PURE__ */ jsx("input", { type: "radio", name: `${ctx.idPrefix}-day`, value: day, "data-day": i, defaultChecked: i === 0, "aria-controls": `${ctx.idPrefix}-panel-${day}`, className: "peer sr-only" }),
+            /* @__PURE__ */ jsx("span", { className: "inline-flex min-h-11 min-w-11 cursor-pointer items-center justify-center rounded-md border border-border px-3 text-sm font-semibold peer-checked:border-primary peer-checked:bg-primary peer-checked:text-primary-foreground peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-ring", children: /* @__PURE__ */ jsx(DayLabel, { day, props }) })
+          ] }, day)) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-col gap-8", children: days.map((day, i) => /* @__PURE__ */ jsx("div", { id: `${ctx.idPrefix}-panel-${day}`, "data-panel": i, children: /* @__PURE__ */ jsx(DayList, { day, props, types, ctx, id: `${ctx.idPrefix}-${day}` }) }, day)) })
+      ] }),
+      footer
+    ] });
+  }
+});
+var Member = z.object({
+  name: Line(80),
+  role: Line(80).optional(),
+  /** Qualifications, as one line ("Level 2 coach, nutrition coach"). */
+  credentials: Copy(300).optional(),
+  photo: Image.optional(),
+  /** A line or two, shown on the card. */
+  summary: Copy(300).optional(),
+  /** The full bio; a blank line starts a new paragraph. */
+  bio: Copy(6e3).optional(),
+  quote: z.object({ text: Copy(400).min(1), cite: Line(80).optional() }).optional(),
+  /** Their own page (a site path). */
+  profile: Href.optional(),
+  cta: Link.optional(),
+  /** An id for a link straight to this person (`#sam-lee`). */
+  anchor: Anchor
+});
+var schema19 = z.object({
+  eyebrow: Line(60).optional(),
+  heading: Line(90),
+  body: Copy(320).optional(),
+  members: z.array(Member).min(1).max(40),
+  columns: z.union([z.literal(2), z.literal(3), z.literal(4)]).default(3),
+  surface: Surface.default("base"),
+  anchor: Anchor
+});
+var COLUMNS2 = { 2: "sm:grid-cols-2", 3: "sm:grid-cols-2 lg:grid-cols-3", 4: "sm:grid-cols-2 lg:grid-cols-4" };
+function Paragraphs({ text, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3", className), children: text.split(/\n{2,}/).map((p, i) => /* @__PURE__ */ jsx("p", { className: "whitespace-pre-line", children: p }, i)) });
+}
+function Quote2({ quote, muted }) {
+  return /* @__PURE__ */ jsxs("figure", { className: "border-l-4 border-primary pl-4", children: [
+    /* @__PURE__ */ jsx("blockquote", { className: "italic", children: /* @__PURE__ */ jsx("p", { children: quote.text }) }),
+    quote.cite ? /* @__PURE__ */ jsx("figcaption", { className: cn("mt-1 text-sm", muted && "text-muted-foreground"), children: quote.cite }) : null
+  ] });
+}
+function MemberLinks({ member, ctx }) {
+  if (!member.cta && !member.profile) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
+    member.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: member.cta, ctx, tone: "outline" }) : null,
+    member.profile ? /* @__PURE__ */ jsx(TextLink, { link: { label: `${member.name}'s page`, href: member.profile }, ctx, className: "font-medium underline" }) : null
+  ] });
+}
+var teamSection = defineSection({
+  type: "team",
+  version: 1,
+  label: "Team",
+  description: "Your coaches or staff: a photo, a role, credentials and a long bio that opens in place, with a link to each person's page.",
+  category: "content",
+  schema: schema19,
+  variants: [
+    { id: "cards", label: "Cards (bio opens in place)" },
+    { id: "list", label: "Long-form list" }
+  ],
+  defaultVariant: "cards",
+  presets: [
+    {
+      name: "Team cards",
+      variant: "cards",
+      props: {
+        heading: "Meet the coaches",
+        members: [
+          { name: "Coach name", role: "Head coach", summary: "A line about what they love to coach.", bio: "Their story, in a few short paragraphs.\n\nWhat they love about coaching." },
+          { name: "Coach name", role: "Coach", summary: "A line about what they love to coach." }
+        ]
+      }
+    },
+    {
+      name: "Team list",
+      variant: "list",
+      props: { heading: "The team", members: [{ name: "Coach name", credentials: "Their qualifications", bio: "Their story, in a few short paragraphs." }] }
+    }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const inverted = onAccent(props.surface);
+    const muted = !inverted;
+    const intro = /* @__PURE__ */ jsx(SectionIntro, { ctx, eyebrow: props.eyebrow, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" });
+    if (variant === "list") {
+      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+        intro,
+        /* @__PURE__ */ jsx("ul", { className: "mt-12 flex flex-col gap-16", children: props.members.map((m, i) => /* @__PURE__ */ jsxs("li", { ...m.anchor ? { id: m.anchor } : {}, className: cn("grid gap-6 md:grid-cols-[minmax(0,16rem)_1fr] md:gap-10", m.anchor && "scroll-mt-20"), children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+            m.photo ? /* @__PURE__ */ jsx(SiteImage, { image: m.photo, ctx, sizes: "(min-width: 768px) 16rem, 100vw", className: "aspect-square w-full max-w-64 rounded-xl object-cover" }) : null,
+            /* @__PURE__ */ jsx(ItemTitle, { ctx, className: "text-2xl", children: m.name }),
+            m.role ? /* @__PURE__ */ jsx("p", { className: "font-medium", children: m.role }) : null,
+            m.credentials ? /* @__PURE__ */ jsx("p", { className: cn("text-sm font-semibold uppercase tracking-wide", muted && "text-muted-foreground"), children: m.credentials }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+            m.bio ? /* @__PURE__ */ jsx(Paragraphs, { text: m.bio }) : m.summary ? /* @__PURE__ */ jsx("p", { children: m.summary }) : null,
+            m.quote ? /* @__PURE__ */ jsx(Quote2, { quote: m.quote, muted }) : null,
+            /* @__PURE__ */ jsx(MemberLinks, { member: m, ctx })
+          ] })
+        ] }, i)) })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+      intro,
+      /* @__PURE__ */ jsx("ul", { className: cn("mt-12 grid gap-6", COLUMNS2[props.columns]), children: props.members.map((m, i) => /* @__PURE__ */ jsxs("li", { ...m.anchor ? { id: m.anchor } : {}, className: cn("flex flex-col gap-4 rounded-xl border border-border bg-background p-6 text-foreground", m.anchor && "scroll-mt-20"), children: [
+        m.photo ? /* @__PURE__ */ jsx(SiteImage, { image: m.photo, ctx, sizes: "(min-width: 1024px) 25vw, (min-width: 640px) 50vw, 100vw", className: "aspect-square w-full rounded-lg object-cover" }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx(ItemTitle, { ctx, children: m.name }),
+          m.role ? /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: m.role }) : null,
+          m.credentials ? /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: m.credentials }) : null
+        ] }),
+        m.summary ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: m.summary }) : null,
+        m.bio || m.quote ? (
+          // The full bio, in place: a disclosure that needs no script.
+          /* @__PURE__ */ jsxs("details", { className: "group", children: [
+            /* @__PURE__ */ jsx("summary", { className: "cursor-pointer list-none rounded-sm font-medium underline-offset-4 hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs("span", { className: "flex min-h-11 items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsxs("span", { children: [
+                "More about ",
+                m.name
+              ] }),
+              /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "size-5 shrink-0 transition-transform group-open:rotate-180 motion-reduce:transition-none" })
+            ] }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 pt-3", children: [
+              m.bio ? /* @__PURE__ */ jsx(Paragraphs, { text: m.bio }) : null,
+              m.quote ? /* @__PURE__ */ jsx(Quote2, { quote: m.quote, muted: true }) : null
+            ] })
+          ] })
+        ) : null,
+        /* @__PURE__ */ jsx("div", { className: "mt-auto", children: /* @__PURE__ */ jsx(MemberLinks, { member: m, ctx }) })
+      ] }, i)) })
+    ] });
+  }
+});
+var Step = z.object({
+  /** When or which: "Oct 4", "Week 1", "Day 3". */
+  label: Line(40).optional(),
+  title: Line(90),
+  body: Copy(600).optional(),
+  image: Image.optional(),
+  cta: Link.optional()
+});
+var schema20 = z.object({
+  eyebrow: Line(60).optional(),
+  heading: Line(90),
+  body: Copy(320).optional(),
+  steps: z.array(Step).min(1).max(30),
+  /** Show each step's number (on screen; a screen reader counts the list itself). */
+  numbered: z.boolean().default(true),
+  surface: Surface.default("base"),
+  anchor: Anchor
+});
+var number = (i) => String(i + 1).padStart(2, "0");
+var timelineSection = defineSection({
+  type: "timeline",
+  version: 1,
+  label: "Timeline",
+  description: "A programme in order (a six-week course, an agenda): each step with a date or label, a title, copy and an optional button.",
+  category: "content",
+  schema: schema20,
+  variants: [
+    { id: "vertical", label: "Down a line" },
+    { id: "cards", label: "Cards in a grid" }
+  ],
+  defaultVariant: "vertical",
+  presets: [
+    {
+      name: "Week by week",
+      variant: "vertical",
+      props: {
+        heading: "Week by week",
+        steps: [
+          { label: "Week 1", title: "Start", body: "What happens in the first week." },
+          { label: "Week 2", title: "Build", body: "What comes next." },
+          { label: "Week 3", title: "Test", body: "How it ends." }
+        ]
+      }
+    },
+    { name: "Steps as cards", variant: "cards", props: { heading: "How it works", steps: [{ title: "First step" }, { title: "Second step" }, { title: "Third step" }] } }
+  ],
+  render: ({ props, variant, node, ctx }) => {
+    const inverted = onAccent(props.surface);
+    const muted = !inverted;
+    const intro = /* @__PURE__ */ jsx(SectionIntro, { ctx, eyebrow: props.eyebrow, heading: props.heading, body: props.body, tone: inverted ? "inherit" : "muted" });
+    if (variant === "cards") {
+      return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, children: [
+        intro,
+        /* @__PURE__ */ jsx("ol", { className: "mt-12 grid gap-6 sm:grid-cols-2 lg:grid-cols-3", children: props.steps.map((step, i) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-3 rounded-xl border border-border bg-background p-6 text-foreground", children: [
+          step.image ? /* @__PURE__ */ jsx(SiteImage, { image: step.image, ctx, sizes: "(min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw", className: "aspect-video w-full rounded-lg object-cover" }) : null,
+          /* @__PURE__ */ jsxs("p", { className: "flex items-baseline gap-3 text-sm font-semibold", children: [
+            props.numbered ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "font-display text-2xl", children: number(i) }) : null,
+            step.label ? /* @__PURE__ */ jsx("span", { className: "uppercase tracking-wide text-muted-foreground", children: step.label }) : null
+          ] }),
+          /* @__PURE__ */ jsx(ItemTitle, { ctx, children: step.title }),
+          step.body ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: step.body }) : null,
+          step.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: step.cta, ctx, tone: "outline", className: "mt-auto self-start" }) : null
+        ] }, i)) })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(SectionBand, { node, ctx, anchor: props.anchor, surface: props.surface, width: "md", children: [
+      intro,
+      /* @__PURE__ */ jsx("ol", { className: "mx-auto mt-12 flex max-w-3xl flex-col", children: props.steps.map((step, i) => /* @__PURE__ */ jsxs("li", { className: "relative grid grid-cols-[2.75rem_1fr] gap-x-4 pb-10 last:pb-0", children: [
+        i < props.steps.length - 1 ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "absolute left-[1.375rem] top-11 bottom-0 w-px -translate-x-1/2 bg-border" }) : null,
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            "data-marker": "",
+            className: cn("z-10 inline-flex size-11 items-center justify-center rounded-full text-sm font-bold", inverted ? "bg-background text-foreground" : "bg-primary text-primary-foreground"),
+            children: props.numbered ? number(i) : /* @__PURE__ */ jsx("span", { className: "size-3 rounded-full bg-current" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pt-2", children: [
+          step.label ? /* @__PURE__ */ jsx("p", { className: cn("text-sm font-semibold uppercase tracking-wide", muted && "text-muted-foreground"), children: step.label }) : null,
+          /* @__PURE__ */ jsx(ItemTitle, { ctx, children: step.title }),
+          step.body ? /* @__PURE__ */ jsx("p", { className: muted ? "text-muted-foreground" : void 0, children: step.body }) : null,
+          step.image ? /* @__PURE__ */ jsx(SiteImage, { image: step.image, ctx, sizes: "(min-width: 768px) 40rem, 100vw", className: "mt-2 aspect-video w-full rounded-lg object-cover" }) : null,
+          step.cta ? /* @__PURE__ */ jsx(ButtonLink, { link: step.cta, ctx, tone: inverted ? "inverse" : "outline", className: "mt-2 self-start" }) : null
+        ] })
+      ] }, i)) })
+    ] });
+  }
+});
+
+// src/sections/index.ts
+var builtInSections = Object.freeze([
+  navSection,
+  heroSection,
+  featuresSection,
+  ctaSection,
+  testimonialsSection,
+  faqSection,
+  pricingSection,
+  logosSection,
+  statsSection,
+  gallerySection,
+  richTextSection,
+  formEmbedSection,
+  footerSection,
+  scheduleSection,
+  teamSection,
+  blogListSection,
+  postBodySection,
+  mapSection,
+  timelineSection,
+  fileSection
+]);
+for (const def of builtInSections) registerBuiltInSection(def);
+
+export { Anchor, ButtonLink, CHIP_TONES, HiddenTitle, ICONS, IconName, ItemTitle, MAP_PROVIDERS, SectionBand, SectionIntro, SectionTitle, SiteFormHeader, SiteImage, TextLink, WEEKDAYS, blogListSection, builtInSections, ctaSection, faqSection, featuresSection, fileDescription, fileHref, fileSection, footerSection, formDrawMode, formEmbedSection, formatPostDate, formatTime, gallerySection, heroSection, linkAttrs, logosSection, mapEmbedUrl, mapPageUrl, mapSection, navSection, postBodySection, pricingSection, resolveHref, richTextSection, scheduleSection, siteFormSlots, statsSection, teamSection, testimonialsSection, timelineSection, titleId };
+//# sourceMappingURL=chunk-C375ZPU2.js.map
+//# sourceMappingURL=chunk-C375ZPU2.js.map