@dreamtree-org/landing-kit 0.4.0 → 0.6.0

package/dist/index.js

@@ -129,7 +129,7 @@ function brandStyle(brand) {
 }
 function AuthShell({
   brand,
-  title,
+  title: title2,
   subtitle,
   children,
   footer,
@@ -174,7 +174,7 @@ function AuthShell({
           ] }),
           /* @__PURE__ */ jsxs2("section", { className: "dt-auth-card", "aria-labelledby": headingId, children: [
             /* @__PURE__ */ jsxs2("header", { className: "dt-auth-head", children: [
-              /* @__PURE__ */ jsx2("h1", { id: headingId, ...demoAccounts ? tapProps : {}, children: title }),
+              /* @__PURE__ */ jsx2("h1", { id: headingId, ...demoAccounts ? tapProps : {}, children: title2 }),
               subtitle ? /* @__PURE__ */ jsx2("p", { children: subtitle }) : null
             ] }),
             children,
@@ -316,16 +316,16 @@ function Eyebrow({ children, className = "" }) {
   if (!children) return null;
   return /* @__PURE__ */ jsx7("p", { className: `dt-lp-eyebrow ${className}`.trim(), children });
 }
-function SectionIntro({ id, eyebrow, title, body, align = "start", children }) {
+function SectionIntro({ id, eyebrow, title: title2, body, align = "start", children }) {
   return /* @__PURE__ */ jsxs5("div", { className: `dt-lp-intro dt-lp-intro--${align}`, children: [
     /* @__PURE__ */ jsx7(Eyebrow, { children: eyebrow }),
-    /* @__PURE__ */ jsx7("h2", { id, className: "dt-lp-h2", children: title }),
+    /* @__PURE__ */ jsx7("h2", { id, className: "dt-lp-h2", children: title2 }),
     body ? /* @__PURE__ */ jsx7("p", { className: "dt-lp-lead", children: body }) : null,
     children
   ] });
 }
-function Section({ id, labelledBy, tone = "plain", className = "", children, narrow }) {
-  return /* @__PURE__ */ jsx7("section", { id, "aria-labelledby": labelledBy, className: `dt-lp-section dt-lp-tone--${tone} ${className}`.trim(), children: /* @__PURE__ */ jsx7(Wrap, { narrow, children }) });
+function Section({ id, labelledBy, tone: tone2 = "plain", className = "", children, narrow }) {
+  return /* @__PURE__ */ jsx7("section", { id, "aria-labelledby": labelledBy, className: `dt-lp-section dt-lp-tone--${tone2} ${className}`.trim(), children: /* @__PURE__ */ jsx7(Wrap, { narrow, children }) });
 }
 function TextLink({ href, children, className = "", ...rest }) {
   return /* @__PURE__ */ jsxs5(SmartLink, { href, className: `dt-lp-textlink ${className}`.trim(), ...rest, children: [
@@ -467,7 +467,7 @@ function MarketingLayout({
 import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function Hero({
   eyebrow,
-  title,
+  title: title2,
   subtitle,
   lead,
   chips,
@@ -478,7 +478,7 @@ function Hero({
   id = "hero",
   backdrop
 }) {
-  const [first, hi] = Array.isArray(title) ? title : [title, null];
+  const [first, hi] = Array.isArray(title2) ? title2 : [title2, null];
   return /* @__PURE__ */ jsxs9("section", { id, "aria-labelledby": "hero-title", className: `dt-lp-hero${overlap ? " dt-lp-hero--overlap" : ""}`, children: [
     /* @__PURE__ */ jsx11("div", { className: "dt-lp-hero-glow", "aria-hidden": "true" }),
     backdrop ? /* @__PURE__ */ jsx11("div", { className: "dt-lp-hero-backdrop", "aria-hidden": "true", children: backdrop }) : null,
@@ -515,8 +515,8 @@ function Items({ items, kind }) {
     ] })
   ] }, f.title)) });
 }
-function Checklist({ items, icon: Icon = Check, tone = "good", labelledBy }) {
-  return /* @__PURE__ */ jsx12("ul", { className: `dt-lp-checklist dt-lp-checklist--${tone}`, "aria-labelledby": labelledBy, children: items.map((x) => /* @__PURE__ */ jsxs10("li", { children: [
+function Checklist({ items, icon: Icon = Check, tone: tone2 = "good", labelledBy }) {
+  return /* @__PURE__ */ jsx12("ul", { className: `dt-lp-checklist dt-lp-checklist--${tone2}`, "aria-labelledby": labelledBy, children: items.map((x) => /* @__PURE__ */ jsxs10("li", { children: [
     /* @__PURE__ */ jsx12(Icon, { size: 18 }),
     /* @__PURE__ */ jsx12("span", { children: x })
   ] }, x)) });
@@ -545,10 +545,10 @@ function Chips({ items, label, className = "" }) {
   return /* @__PURE__ */ jsx12("ul", { className: `dt-lp-chips dt-lp-chips--start ${className}`.trim(), "aria-label": label, children: items.map((c) => /* @__PURE__ */ jsx12("li", { children: c }, c)) });
 }
 function FeatureSection(props) {
-  const { id, variant = "cards", tone, eyebrow, title, body, items = [], cta, footnote, media, reverse, bullets } = props;
-  const hid = `${id || variant}-title`;
+  const { id, variant = "cards", tone: tone2, eyebrow, title: title2, body, items = [], cta, footnote, media, reverse, bullets } = props;
+  const hid2 = `${id || variant}-title`;
   const defaultTone = { highlight: "dark", split: "tinted", compare: "muted" }[variant] || "plain";
-  const shell = (children, extra = {}) => /* @__PURE__ */ jsx12(Section, { id, labelledBy: hid, tone: tone || defaultTone, className: `dt-lp-feature dt-lp-feature--${variant}`, ...extra, children });
+  const shell = (children, extra = {}) => /* @__PURE__ */ jsx12(Section, { id, labelledBy: hid2, tone: tone2 || defaultTone, className: `dt-lp-feature dt-lp-feature--${variant}`, ...extra, children });
   switch (variant) {
     case "split":
       return shell(
@@ -557,7 +557,7 @@ function FeatureSection(props) {
           {
             className: "dt-lp-split",
             reverse,
-            text: /* @__PURE__ */ jsxs10(SectionIntro, { id: hid, eyebrow, title, body, children: [
+            text: /* @__PURE__ */ jsxs10(SectionIntro, { id: hid2, eyebrow, title: title2, body, children: [
               media ? /* @__PURE__ */ jsx12(InlineItems, { items }) : null,
               (bullets == null ? void 0 : bullets.length) ? /* @__PURE__ */ jsx12(Checklist, { items: bullets }) : null,
               /* @__PURE__ */ jsx12(Cta, { cta, className: "dt-lp-mt" })
@@ -569,7 +569,7 @@ function FeatureSection(props) {
     case "list":
       return shell(
         /* @__PURE__ */ jsxs10(Fragment4, { children: [
-          /* @__PURE__ */ jsx12(SectionIntro, { id: hid, eyebrow, title, body, align: "center" }),
+          /* @__PURE__ */ jsx12(SectionIntro, { id: hid2, eyebrow, title: title2, body, align: "center" }),
           /* @__PURE__ */ jsx12(Items, { items, kind: "list" }),
           /* @__PURE__ */ jsx12(Cta, { cta, className: "dt-lp-mt" })
         ] })
@@ -579,14 +579,14 @@ function FeatureSection(props) {
       return shell(
         /* @__PURE__ */ jsxs10("div", { className: "dt-lp-intro-grid", children: [
           /* @__PURE__ */ jsxs10("div", { children: [
-            /* @__PURE__ */ jsx12(SectionIntro, { id: hid, eyebrow, title, body }),
+            /* @__PURE__ */ jsx12(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
             subtitle ? /* @__PURE__ */ jsx12("h3", { className: "dt-lp-h3 dt-lp-h3--lg", children: subtitle }) : null,
             detail ? /* @__PURE__ */ jsx12("p", { className: "dt-lp-body", children: detail }) : null,
             note ? /* @__PURE__ */ jsx12("p", { className: "dt-lp-note", children: note }) : null,
             /* @__PURE__ */ jsx12(Cta, { cta, className: "dt-lp-mt" })
           ] }),
-          glance.length ? /* @__PURE__ */ jsxs10("aside", { className: "dt-lp-glance", "aria-labelledby": `${hid}-glance`, children: [
-            /* @__PURE__ */ jsx12("p", { id: `${hid}-glance`, className: "dt-lp-eyebrow", children: glanceTitle }),
+          glance.length ? /* @__PURE__ */ jsxs10("aside", { className: "dt-lp-glance", "aria-labelledby": `${hid2}-glance`, children: [
+            /* @__PURE__ */ jsx12("p", { id: `${hid2}-glance`, className: "dt-lp-eyebrow", children: glanceTitle }),
             /* @__PURE__ */ jsx12(Checklist, { items: glance }),
             props.glanceNote ? /* @__PURE__ */ jsx12("p", { className: "dt-lp-note", children: props.glanceNote }) : null,
             link ? /* @__PURE__ */ jsx12(TextLink, { href: link.href, className: "dt-lp-mt", children: link.label }) : null
@@ -598,7 +598,7 @@ function FeatureSection(props) {
       const { note, noteLabel = "Important:" } = props;
       const text = /* @__PURE__ */ jsxs10("div", { className: "dt-lp-intro", children: [
         /* @__PURE__ */ jsx12(Eyebrow, { children: eyebrow }),
-        /* @__PURE__ */ jsx12("h2", { id: hid, className: "dt-lp-h2", children: title }),
+        /* @__PURE__ */ jsx12("h2", { id: hid2, className: "dt-lp-h2", children: title2 }),
         body ? /* @__PURE__ */ jsx12("p", { className: "dt-lp-lead", children: body }) : null,
         note ? /* @__PURE__ */ jsxs10("p", { className: "dt-lp-callout", children: [
           /* @__PURE__ */ jsx12(Alert, { size: 20 }),
@@ -620,7 +620,7 @@ function FeatureSection(props) {
     case "band": {
       const { examples, examplesLabel = "Examples" } = props;
       const text = /* @__PURE__ */ jsxs10("div", { children: [
-        /* @__PURE__ */ jsx12(SectionIntro, { id: hid, eyebrow, title, body }),
+        /* @__PURE__ */ jsx12(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
         /* @__PURE__ */ jsx12(Chips, { items: examples, label: examplesLabel, className: "dt-lp-mt" }),
         media ? /* @__PURE__ */ jsx12(InlineItems, { items }) : null,
         /* @__PURE__ */ jsx12(Cta, { cta, className: "dt-lp-mt" })
@@ -635,13 +635,13 @@ function FeatureSection(props) {
       const { columns = [] } = props;
       return shell(
         /* @__PURE__ */ jsxs10(Fragment4, { children: [
-          /* @__PURE__ */ jsx12(SectionIntro, { id: hid, eyebrow, title, body }),
+          /* @__PURE__ */ jsx12(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
           /* @__PURE__ */ jsx12("div", { className: "dt-lp-compare", children: columns.map((col, i) => {
             const cid = `${id || "compare"}-${i + 1}`;
-            const tone2 = col.tone || (i === 0 ? "good" : "check");
+            const tone3 = col.tone || (i === 0 ? "good" : "check");
             return /* @__PURE__ */ jsxs10("div", { className: "dt-lp-card dt-lp-card--compare", children: [
               /* @__PURE__ */ jsx12("h3", { id: cid, className: "dt-lp-h3 dt-lp-h3--lg", children: col.title }),
-              /* @__PURE__ */ jsx12(Checklist, { items: col.items, tone: tone2, icon: tone2 === "good" ? Check : Help, labelledBy: cid })
+              /* @__PURE__ */ jsx12(Checklist, { items: col.items, tone: tone3, icon: tone3 === "good" ? Check : Help, labelledBy: cid })
             ] }, cid);
           }) })
         ] })
@@ -650,7 +650,7 @@ function FeatureSection(props) {
     case "links":
       return shell(
         /* @__PURE__ */ jsxs10(Fragment4, { children: [
-          /* @__PURE__ */ jsx12(SectionIntro, { id: hid, eyebrow, title, body }),
+          /* @__PURE__ */ jsx12(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
           /* @__PURE__ */ jsx12("ul", { className: "dt-lp-grid dt-lp-grid--links", children: items.map((s) => /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsxs10(SmartLink, { href: s.href, className: "dt-lp-linkcard", children: [
             /* @__PURE__ */ jsxs10("span", { className: "dt-lp-linkcard-title", children: [
               s.title,
@@ -664,7 +664,7 @@ function FeatureSection(props) {
     case "detail": {
       return shell(
         /* @__PURE__ */ jsxs10("div", { className: "dt-lp-detail", children: [
-          /* @__PURE__ */ jsx12("h2", { id: hid, className: "dt-lp-h2", children: title }),
+          /* @__PURE__ */ jsx12("h2", { id: hid2, className: "dt-lp-h2", children: title2 }),
           /* @__PURE__ */ jsxs10("div", { children: [
             body ? /* @__PURE__ */ jsx12("p", { className: "dt-lp-body", children: body }) : null,
             (bullets == null ? void 0 : bullets.length) ? /* @__PURE__ */ jsx12(Checklist, { items: bullets }) : null
@@ -675,7 +675,7 @@ function FeatureSection(props) {
     default:
       return shell(
         /* @__PURE__ */ jsxs10(Fragment4, { children: [
-          /* @__PURE__ */ jsx12(SectionIntro, { id: hid, eyebrow, title, body }),
+          /* @__PURE__ */ jsx12(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
           /* @__PURE__ */ jsx12(Items, { items, kind: "cards" }),
           footnote ? /* @__PURE__ */ jsx12("p", { className: "dt-lp-footnote", children: footnote }) : null,
           /* @__PURE__ */ jsx12(Cta, { cta, className: "dt-lp-mt" })
@@ -686,10 +686,10 @@ function FeatureSection(props) {
 
 // src/Audiences.jsx
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-function Audiences({ id = "audiences", eyebrow, title, body, items = [], linkLabel = "See how it works", tone = "muted" }) {
-  const hid = `${id}-title`;
-  return /* @__PURE__ */ jsxs11(Section, { id, labelledBy: hid, tone, className: "dt-lp-audiences", children: [
-    /* @__PURE__ */ jsx13(SectionIntro, { id: hid, eyebrow, title, body, align: "center" }),
+function Audiences({ id = "audiences", eyebrow, title: title2, body, items = [], linkLabel = "See how it works", tone: tone2 = "muted" }) {
+  const hid2 = `${id}-title`;
+  return /* @__PURE__ */ jsxs11(Section, { id, labelledBy: hid2, tone: tone2, className: "dt-lp-audiences", children: [
+    /* @__PURE__ */ jsx13(SectionIntro, { id: hid2, eyebrow, title: title2, body, align: "center" }),
     /* @__PURE__ */ jsx13("div", { className: `dt-lp-grid dt-lp-grid--audiences dt-lp-grid--n${Math.min(items.length, 4)}`, children: items.map((a, i) => {
       var _a;
       const aid = a.id || `${id}-${i + 1}`;
@@ -718,11 +718,11 @@ function Audiences({ id = "audiences", eyebrow, title, body, items = [], linkLab
 
 // src/HowItWorks.jsx
 import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
-function HowItWorks({ id = "how-it-works", eyebrow, title, body, steps, items, tone = "plain", cta }) {
+function HowItWorks({ id = "how-it-works", eyebrow, title: title2, body, steps, items, tone: tone2 = "plain", cta }) {
   const list = steps || items || [];
-  const hid = `${id}-title`;
-  return /* @__PURE__ */ jsxs12(Section, { id, labelledBy: hid, tone, className: "dt-lp-steps", children: [
-    /* @__PURE__ */ jsx14(SectionIntro, { id: hid, eyebrow, title, body }),
+  const hid2 = `${id}-title`;
+  return /* @__PURE__ */ jsxs12(Section, { id, labelledBy: hid2, tone: tone2, className: "dt-lp-steps", children: [
+    /* @__PURE__ */ jsx14(SectionIntro, { id: hid2, eyebrow, title: title2, body }),
     /* @__PURE__ */ jsx14("ol", { className: "dt-lp-grid dt-lp-grid--steps", children: list.map((st, i) => /* @__PURE__ */ jsxs12("li", { className: "dt-lp-card", children: [
       /* @__PURE__ */ jsx14("span", { className: "dt-lp-step-num", "aria-hidden": "true", children: i + 1 }),
       /* @__PURE__ */ jsx14("h3", { className: "dt-lp-h3", children: st.name || st.title }),
@@ -734,10 +734,10 @@ function HowItWorks({ id = "how-it-works", eyebrow, title, body, steps, items, t
 
 // src/Faq.jsx
 import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
-function Faq({ id = "faq", eyebrow, title = "Frequently asked questions", intro, items = [], openFirst = true, tone = "muted" }) {
-  const hid = `${id}-title`;
-  return /* @__PURE__ */ jsxs13(Section, { id, labelledBy: hid, tone, narrow: true, className: "dt-lp-faq", children: [
-    /* @__PURE__ */ jsx15(SectionIntro, { id: hid, eyebrow, title, body: intro, align: "center" }),
+function Faq({ id = "faq", eyebrow, title: title2 = "Frequently asked questions", intro: intro2, items = [], openFirst = true, tone: tone2 = "muted" }) {
+  const hid2 = `${id}-title`;
+  return /* @__PURE__ */ jsxs13(Section, { id, labelledBy: hid2, tone: tone2, narrow: true, className: "dt-lp-faq", children: [
+    /* @__PURE__ */ jsx15(SectionIntro, { id: hid2, eyebrow, title: title2, body: intro2, align: "center" }),
     /* @__PURE__ */ jsx15("div", { className: "dt-lp-faq-list", children: items.map((f, i) => /* @__PURE__ */ jsxs13("details", { className: "dt-lp-faq-item", open: openFirst && i === 0, children: [
       /* @__PURE__ */ jsxs13("summary", { children: [
         /* @__PURE__ */ jsx15("h3", { className: "dt-lp-h3", children: f.q }),
@@ -750,10 +750,10 @@ function Faq({ id = "faq", eyebrow, title = "Frequently asked questions", intro,
 
 // src/DemoCta.jsx
 import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
-function DemoCta({ id = "demo", eyebrow, title, body, label = "Book a demo", chips, chipsLabel = "Business types", note, link }) {
+function DemoCta({ id = "demo", eyebrow, title: title2, body, label = "Book a demo", chips, chipsLabel = "Business types", note, link }) {
   return /* @__PURE__ */ jsx16("section", { id, "aria-labelledby": `${id}-title`, className: "dt-lp-section dt-lp-cta", children: /* @__PURE__ */ jsx16(Wrap, { children: /* @__PURE__ */ jsxs14("div", { className: "dt-lp-cta-panel", children: [
     eyebrow ? /* @__PURE__ */ jsx16("p", { className: "dt-lp-eyebrow dt-lp-eyebrow--inverse", children: eyebrow }) : null,
-    /* @__PURE__ */ jsx16("h2", { id: `${id}-title`, className: "dt-lp-h2 dt-lp-h2--cta", children: title }),
+    /* @__PURE__ */ jsx16("h2", { id: `${id}-title`, className: "dt-lp-h2 dt-lp-h2--cta", children: title2 }),
     body ? /* @__PURE__ */ jsx16("p", { className: "dt-lp-cta-body", children: body }) : null,
     /* @__PURE__ */ jsx16(BookDemoButton, { size: "lg", variant: "inverse", children: label }),
     (chips == null ? void 0 : chips.length) ? /* @__PURE__ */ jsx16("ul", { className: "dt-lp-chips dt-lp-chips--inverse", "aria-label": chipsLabel, children: chips.map((k) => /* @__PURE__ */ jsx16("li", { children: k }, k)) }) : null,
@@ -858,7 +858,7 @@ var DEFAULT_DEMO_FIELDS = [
   { name: "email", label: "Email", type: "email", maxLength: 190, autoComplete: "email" },
   { name: "company", label: "Business name", maxLength: 160, autoComplete: "organization" }
 ];
-var initial = (fields) => Object.fromEntries(fields.map((f) => [f.name, ""]));
+var initial = (fields2) => Object.fromEntries(fields2.map((f) => [f.name, ""]));
 function Field({ f, value, onChange, error }) {
   const id = `dt-demo-${f.name}`;
   const errId = `${id}-error`;
@@ -908,9 +908,9 @@ function DemoDialog({
   onClose = () => {
   },
   onSubmit,
-  fields = DEFAULT_DEMO_FIELDS,
-  title,
-  intro = "Tell us a little about your business and we will walk you through the workflows that matter to your team.",
+  fields: fields2 = DEFAULT_DEMO_FIELDS,
+  title: title2,
+  intro: intro2 = "Tell us a little about your business and we will walk you through the workflows that matter to your team.",
   fiduciary = "Dreamtree-Org",
   consentText,
   privacyHref = "/privacy",
@@ -920,7 +920,7 @@ function DemoDialog({
   validate
 }) {
   const ref = useRef3(null);
-  const [form, setForm] = useState4(() => initial(fields));
+  const [form, setForm] = useState4(() => initial(fields2));
   const [website, setWebsite] = useState4("");
   const [consent, setConsent] = useState4(false);
   const [busy, setBusy] = useState4(false);
@@ -940,7 +940,7 @@ function DemoDialog({
     setForm((f) => ({ ...f, [k]: e.target.value }));
     if (fieldErrors[k]) setFieldErrors(({ [k]: _gone, ...rest }) => rest);
   };
-  const ready = consent && (typeof validate === "function" || fields.every((f) => !f.required || String(form[f.name] || "").trim()));
+  const ready = consent && (typeof validate === "function" || fields2.every((f) => !f.required || String(form[f.name] || "").trim()));
   const submit = async (e) => {
     e.preventDefault();
     if (!ready || busy) return;
@@ -977,16 +977,16 @@ function DemoDialog({
       },
       children: [
         /* @__PURE__ */ jsxs17("div", { className: "dt-lp-dialog-head", children: [
-          /* @__PURE__ */ jsx19("h2", { id: "dt-demo-title", children: sent ? "Thank you" : title || `Book a ${name} demo` }),
+          /* @__PURE__ */ jsx19("h2", { id: "dt-demo-title", children: sent ? "Thank you" : title2 || `Book a ${name} demo` }),
           /* @__PURE__ */ jsx19("button", { type: "button", className: "dt-lp-dialog-x", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx19(Close, { size: 18 }) })
         ] }),
         /* @__PURE__ */ jsx19("div", { className: "dt-lp-dialog-body", children: sent ? /* @__PURE__ */ jsxs17("div", { className: "dt-lp-stack", children: [
           /* @__PURE__ */ jsx19("p", { role: "status", children: thanks }),
           /* @__PURE__ */ jsx19("button", { type: "button", className: "dt-lp-btn dt-lp-btn--outline dt-lp-btn--md", onClick: onClose, children: "Close" })
         ] }) : /* @__PURE__ */ jsxs17("form", { className: "dt-lp-stack", onSubmit: submit, noValidate: true, children: [
-          intro ? /* @__PURE__ */ jsx19("p", { className: "dt-lp-muted", children: intro }) : null,
+          intro2 ? /* @__PURE__ */ jsx19("p", { className: "dt-lp-muted", children: intro2 }) : null,
           err ? /* @__PURE__ */ jsx19("p", { role: "alert", className: "dt-lp-error", children: err }) : null,
-          /* @__PURE__ */ jsx19("div", { className: "dt-lp-fields", children: fields.map((f) => /* @__PURE__ */ jsx19(Field, { f, value: form[f.name], onChange: set(f.name), error: fieldErrors[f.name] }, f.name)) }),
+          /* @__PURE__ */ jsx19("div", { className: "dt-lp-fields", children: fields2.map((f) => /* @__PURE__ */ jsx19(Field, { f, value: form[f.name], onChange: set(f.name), error: fieldErrors[f.name] }, f.name)) }),
           /* @__PURE__ */ jsx19("div", { "aria-hidden": "true", className: "dt-lp-honeypot", children: /* @__PURE__ */ jsxs17("label", { children: [
             "Website",
             /* @__PURE__ */ jsx19("input", { type: "text", name: "website", tabIndex: -1, autoComplete: "off", value: website, onChange: (e) => setWebsite(e.target.value) })
@@ -1023,11 +1023,11 @@ function Breadcrumbs({ items = [] }) {
     ] }, `${c.label}-${i}`);
   }) }) });
 }
-function PageHero({ breadcrumbs, eyebrow, title, lead, cta = "Book a demo", secondary }) {
+function PageHero({ breadcrumbs, eyebrow, title: title2, lead, cta = "Book a demo", secondary }) {
   return /* @__PURE__ */ jsx20("section", { "aria-labelledby": "hero-title", className: "dt-lp-hero dt-lp-hero--page", children: /* @__PURE__ */ jsxs18(Wrap, { className: "dt-lp-hero-inner dt-lp-hero-inner--start", children: [
     /* @__PURE__ */ jsx20(Breadcrumbs, { items: breadcrumbs }),
     /* @__PURE__ */ jsx20(Eyebrow, { className: "dt-lp-mt-lg", children: eyebrow }),
-    /* @__PURE__ */ jsx20("h1", { id: "hero-title", className: "dt-lp-h1 dt-lp-h1--page", children: title }),
+    /* @__PURE__ */ jsx20("h1", { id: "hero-title", className: "dt-lp-h1 dt-lp-h1--page", children: title2 }),
     lead ? /* @__PURE__ */ jsx20("p", { id: "answer", className: "dt-lp-hero-lead", children: lead }) : null,
     /* @__PURE__ */ jsxs18("div", { className: "dt-lp-actions dt-lp-actions--start", children: [
       cta ? /* @__PURE__ */ jsx20(BookDemoButton, { size: "lg", children: cta }) : null,
@@ -1214,6 +1214,1012 @@ function toLandingBrand(file, copy = {}) {
   };
   return Object.fromEntries(Object.entries(brand).filter(([, v]) => v !== void 0));
 }
+
+// src/tenant/TenantPage.jsx
+import { Component, useMemo } from "react";
+
+// src/schema/sections.js
+var ICON_NAMES = [
+  "shield-check",
+  "badge-check",
+  "truck",
+  "wrench",
+  "refresh",
+  "battery",
+  "cpu",
+  "laptop",
+  "star",
+  "headset",
+  "rupee",
+  "award",
+  "clock",
+  "map-pin",
+  "phone",
+  "check",
+  "sparkles",
+  "tag",
+  "gift",
+  "heart"
+];
+var TONES = [
+  { value: "plain", label: "Plain" },
+  { value: "tinted", label: "Brand tint" },
+  { value: "muted", label: "Muted" },
+  { value: "dark", label: "Dark" }
+];
+var tone = (d = "plain") => ({ key: "tone", kind: "select", label: "Background", options: TONES, default: d });
+var title = (d = "", max = 90) => ({ key: "title", kind: "text", label: "Heading", max, default: d });
+var intro = { key: "intro", kind: "textarea", label: "Intro", max: 240, default: "" };
+var ctaLabel = { key: "cta_label", kind: "text", label: "Button text", max: 30, default: "" };
+var ctaHref = { key: "cta_href", kind: "url", label: "Button link", default: "" };
+var SECTION_TYPES = {
+  hero_slider: {
+    label: "Hero slider",
+    description: "Full-width slides with an image, heading, text and a button.",
+    fields: [
+      {
+        key: "slides",
+        kind: "list",
+        label: "Slides",
+        min: 1,
+        max: 6,
+        itemLabel: "heading",
+        of: [
+          { key: "image", kind: "image", label: "Image (wide, 16:7)", default: null },
+          { key: "mobile_image", kind: "image", label: "Phone image (4:5, optional)", default: null },
+          { key: "eyebrow", kind: "text", label: "Small label above", max: 60, default: "" },
+          { key: "heading", kind: "text", label: "Heading", max: 90, required: true, default: "Your headline" },
+          { key: "text", kind: "textarea", label: "Text", max: 220, default: "" },
+          ctaLabel,
+          ctaHref,
+          { key: "align", kind: "select", label: "Text position", options: [{ value: "start", label: "Left" }, { value: "center", label: "Centre" }], default: "start" },
+          { key: "overlay", kind: "select", label: "Darken image", options: [{ value: "none", label: "None" }, { value: "light", label: "Light" }, { value: "strong", label: "Strong" }], default: "light" }
+        ],
+        default: [{ heading: "Your headline" }]
+      },
+      { key: "height", kind: "select", label: "Height", options: [{ value: "compact", label: "Compact" }, { value: "standard", label: "Standard" }, { value: "tall", label: "Tall" }], default: "standard" },
+      { key: "autoplay", kind: "bool", label: "Move to the next slide automatically", default: true },
+      { key: "interval", kind: "select", label: "Seconds per slide", options: [{ value: "4", label: "4" }, { value: "6", label: "6" }, { value: "8", label: "8" }], default: "6" }
+    ]
+  },
+  featured: {
+    label: "Featured products",
+    description: "The store's newest products (filled in by the app).",
+    slot: true,
+    fields: [title("Featured"), intro, { key: "limit", kind: "select", label: "How many", options: [{ value: "4", label: "4" }, { value: "8", label: "8" }, { value: "12", label: "12" }], default: "8" }, tone()]
+  },
+  categories: {
+    label: "Shop by category",
+    description: "Category tiles (filled in by the app).",
+    slot: true,
+    fields: [title("Shop by category"), tone()]
+  },
+  promo_banner: {
+    label: "Promo banner",
+    description: "A highlighted offer with an optional image and button.",
+    fields: [
+      { key: "eyebrow", kind: "text", label: "Small label above", max: 60, default: "" },
+      { key: "heading", kind: "text", label: "Heading", max: 90, required: true, default: "Festive offer" },
+      { key: "text", kind: "textarea", label: "Text", max: 240, default: "" },
+      ctaLabel,
+      ctaHref,
+      { key: "image", kind: "image", label: "Image (optional)", default: null },
+      { key: "style", kind: "select", label: "Style", options: [{ value: "brand", label: "Brand colour" }, { value: "accent", label: "Accent colour" }, { value: "dark", label: "Dark" }], default: "brand" }
+    ]
+  },
+  trust_badges: {
+    label: "Trust badges",
+    description: "Why buy from you: icon, title and a line each.",
+    fields: [
+      title("Why buy from us"),
+      intro,
+      {
+        key: "items",
+        kind: "list",
+        label: "Badges",
+        min: 1,
+        max: 8,
+        itemLabel: "title",
+        of: [
+          { key: "icon", kind: "icon", label: "Icon", default: "shield-check" },
+          { key: "title", kind: "text", label: "Title", max: 50, required: true, default: "Inspected and graded" },
+          { key: "text", kind: "textarea", label: "Text", max: 140, default: "" }
+        ],
+        default: [{ title: "Inspected and graded" }]
+      },
+      tone()
+    ]
+  },
+  cta_cards: {
+    label: "Action cards",
+    description: "Two to four cards that each lead somewhere (repairs, sell your laptop\u2026).",
+    fields: [
+      title("", 90),
+      {
+        key: "items",
+        kind: "list",
+        label: "Cards",
+        min: 1,
+        max: 4,
+        itemLabel: "title",
+        of: [
+          { key: "icon", kind: "icon", label: "Icon", default: "wrench" },
+          { key: "title", kind: "text", label: "Title", max: 50, required: true, default: "Book a repair" },
+          { key: "text", kind: "textarea", label: "Text", max: 140, default: "" },
+          { key: "cta_label", kind: "text", label: "Link text", max: 30, default: "Learn more" },
+          { key: "cta_href", kind: "url", label: "Link", required: true, default: "/" }
+        ],
+        default: [{ title: "Book a repair", cta_href: "/" }]
+      },
+      tone()
+    ]
+  },
+  testimonials: {
+    label: "Testimonials",
+    description: "What customers say.",
+    fields: [
+      title("What customers say"),
+      {
+        key: "items",
+        kind: "list",
+        label: "Quotes",
+        min: 1,
+        max: 12,
+        itemLabel: "name",
+        of: [
+          { key: "quote", kind: "textarea", label: "Quote", max: 400, required: true, default: "Great service." },
+          { key: "name", kind: "text", label: "Name", max: 60, required: true, default: "A happy customer" },
+          { key: "detail", kind: "text", label: "Detail (city, purchase)", max: 80, default: "" },
+          { key: "rating", kind: "select", label: "Stars", options: ["5", "4", "3", "2", "1"].map((v) => ({ value: v, label: v })), default: "5" }
+        ],
+        default: [{ quote: "Great service.", name: "A happy customer" }]
+      },
+      tone("muted")
+    ]
+  },
+  faq: {
+    label: "FAQ",
+    description: "Questions and answers (also used for search snippets).",
+    fields: [
+      title("Frequently asked questions"),
+      intro,
+      {
+        key: "items",
+        kind: "list",
+        label: "Questions",
+        min: 1,
+        max: 20,
+        itemLabel: "q",
+        of: [
+          { key: "q", kind: "text", label: "Question", max: 160, required: true, default: "A question?" },
+          { key: "a", kind: "textarea", label: "Answer", max: 800, required: true, default: "The answer." }
+        ],
+        default: [{ q: "A question?", a: "The answer." }]
+      },
+      tone("muted")
+    ]
+  },
+  rich_text: {
+    label: "Text",
+    description: "Free text with headings, lists and links.",
+    fields: [title("", 90), { key: "html", kind: "richtext", label: "Text", max: 8e3, default: "<p>Write something about your store.</p>" }, { key: "width", kind: "select", label: "Width", options: [{ value: "narrow", label: "Narrow" }, { value: "wide", label: "Wide" }], default: "narrow" }, tone()]
+  },
+  usp_strip: {
+    label: "Highlights strip",
+    description: "A short row of selling points under the hero.",
+    fields: [
+      {
+        key: "items",
+        kind: "list",
+        label: "Highlights",
+        min: 2,
+        max: 6,
+        itemLabel: "title",
+        of: [
+          { key: "icon", kind: "icon", label: "Icon", default: "check" },
+          { key: "title", kind: "text", label: "Title", max: 40, required: true, default: "Free delivery" },
+          { key: "text", kind: "text", label: "Line", max: 80, default: "" }
+        ],
+        default: [{ title: "Free delivery" }, { title: "Warranty included" }]
+      },
+      tone("tinted")
+    ]
+  },
+  brand_strip: {
+    label: "Brands we sell",
+    description: "Brand names or logos.",
+    fields: [
+      title("Brands we sell"),
+      {
+        key: "items",
+        kind: "list",
+        label: "Brands",
+        min: 1,
+        max: 16,
+        itemLabel: "name",
+        of: [
+          { key: "name", kind: "text", label: "Brand", max: 40, required: true, default: "Brand" },
+          { key: "logo", kind: "image", label: "Logo (optional)", default: null }
+        ],
+        default: [{ name: "Brand" }]
+      },
+      tone()
+    ]
+  },
+  newsletter: {
+    label: "Newsletter sign-up",
+    description: "Email sign-up with consent; the app decides where it goes.",
+    fields: [
+      { key: "title", kind: "text", label: "Heading", max: 90, required: true, default: "Get new arrivals first" },
+      { key: "text", kind: "textarea", label: "Text", max: 200, default: "" },
+      { key: "button_label", kind: "text", label: "Button text", max: 30, required: true, default: "Subscribe" },
+      { key: "consent_text", kind: "text", label: "Consent line", max: 160, required: true, default: "I agree to receive emails from this store. I can unsubscribe any time." },
+      { key: "success_text", kind: "text", label: "Thank-you message", max: 120, default: "Thanks! You are on the list." },
+      tone("tinted")
+    ]
+  },
+  gallery: {
+    label: "Gallery",
+    description: "Photos of your store, workshop or products.",
+    fields: [
+      title("Inside our store"),
+      {
+        key: "items",
+        kind: "list",
+        label: "Photos",
+        min: 1,
+        max: 12,
+        itemLabel: "caption",
+        of: [
+          { key: "image", kind: "image", label: "Photo", required: true, default: null },
+          { key: "caption", kind: "text", label: "Caption", max: 100, default: "" }
+        ],
+        default: []
+      },
+      { key: "columns", kind: "select", label: "Columns", options: [{ value: "2", label: "2" }, { value: "3", label: "3" }, { value: "4", label: "4" }], default: "3" },
+      tone()
+    ]
+  }
+};
+var SECTION_TYPE_KEYS = Object.keys(SECTION_TYPES);
+var PAGE_VERSION = 1;
+var MAX_SECTIONS = 20;
+
+// src/schema/richtext.js
+var ALLOWED = /* @__PURE__ */ new Set(["p", "br", "h2", "h3", "h4", "strong", "b", "em", "i", "u", "ul", "ol", "li", "a", "blockquote"]);
+var VOID = /* @__PURE__ */ new Set(["br"]);
+var DROP_WITH_CONTENT = /<(script|style|iframe|object|embed|template|noscript|svg|math|textarea|select|title|head)\b[\s\S]*?<\/\1\s*>/gi;
+var TAG = /<!--[\s\S]*?-->|<\/?([a-zA-Z][a-zA-Z0-9]*)\b([^>]*)>/g;
+var escapeText = (s) => s.replace(/&(?!(?:[a-z][a-z0-9]{1,31}|#\d{1,7}|#x[0-9a-f]{1,6});)/gi, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+var escapeAttr = (s) => s.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+var decode = (s) => s.replace(/&(amp|quot|#39|lt|gt|#x[0-9a-f]+|#\d+);/gi, (m, e) => {
+  const k = e.toLowerCase();
+  if (k === "amp") return "&";
+  if (k === "quot") return '"';
+  if (k === "#39") return "'";
+  if (k === "lt") return "<";
+  if (k === "gt") return ">";
+  const code = k.startsWith("#x") ? parseInt(k.slice(2), 16) : parseInt(k.slice(1), 10);
+  return Number.isFinite(code) && code < 1114112 ? String.fromCodePoint(code) : "";
+});
+function safeHref(raw) {
+  const v = decode(String(raw || "")).replace(/[\u0000- \u007f-\u009f]/g, "");
+  if (!v) return null;
+  if (/^(https?:\/\/|mailto:|tel:)/i.test(v)) return v;
+  if (/^\/(?!\/)/.test(v) || v.startsWith("#")) return v;
+  return null;
+}
+function hrefOf(attrs) {
+  var _a, _b;
+  const m = /\bhref\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+))/i.exec(attrs);
+  return m ? safeHref((_b = (_a = m[1]) != null ? _a : m[2]) != null ? _b : m[3]) : null;
+}
+function sanitizeRichText(html, { maxLength = 2e4 } = {}) {
+  const src = String(html == null ? "" : html).slice(0, maxLength * 4).replace(/<[a-zA-Z/!][^>]*$/, "").replace(DROP_WITH_CONTENT, "");
+  let out = "";
+  let last = 0;
+  for (const m of src.matchAll(TAG)) {
+    out += escapeText(src.slice(last, m.index));
+    last = m.index + m[0].length;
+    const name = (m[1] || "").toLowerCase();
+    if (!name || !ALLOWED.has(name)) continue;
+    const closing = m[0][1] === "/";
+    if (closing) {
+      if (!VOID.has(name)) out += `</${name}>`;
+    } else if (name === "a") {
+      const href = hrefOf(m[2] || "");
+      out += href ? `<a href="${escapeAttr(href)}" rel="nofollow noopener noreferrer">` : "<a>";
+    } else {
+      out += `<${name}>`;
+    }
+  }
+  out += escapeText(src.slice(last));
+  return out.length > maxLength ? out.slice(0, maxLength).replace(/<[^>]*$/, "") : out;
+}
+
+// src/schema/validate.js
+var ID_RE = /^[a-z0-9][a-z0-9-]{0,39}$/;
+var MEDIA_RE = /^[A-Za-z0-9_-]{1,64}$/;
+var CONTROL = /[\u0000-\u0008\u000b\u000c\u000e-\u001f\u007f]/g;
+function field(f, value, path, errors) {
+  var _a, _b, _c, _d;
+  const absent = value === void 0 || value === null;
+  const missing = absent || value === "";
+  switch (f.kind) {
+    case "text":
+    case "textarea": {
+      let v = absent ? (_a = f.default) != null ? _a : "" : value;
+      if (typeof v !== "string") {
+        errors.push({ path, message: "must be text" });
+        return (_b = f.default) != null ? _b : "";
+      }
+      v = v.replace(CONTROL, "");
+      v = f.kind === "text" ? v.replace(/\s+/g, " ").trim() : v.trim();
+      if (f.max && v.length > f.max) errors.push({ path, message: `must be at most ${f.max} characters` });
+      if (f.required && !v) errors.push({ path, message: "is required" });
+      return v.slice(0, f.max || v.length);
+    }
+    case "url": {
+      if (missing) {
+        if (f.required) errors.push({ path, message: "is required" });
+        return "";
+      }
+      const v = typeof value === "string" ? safeHref(value.trim()) : null;
+      if (!v || v.length > 500) {
+        errors.push({ path, message: "must be a page on this site (/\u2026), a full https:// address, mailto: or tel:" });
+        return "";
+      }
+      return v;
+    }
+    case "image": {
+      if (missing) {
+        if (f.required) errors.push({ path, message: "is required" });
+        return null;
+      }
+      if (typeof value !== "object" || !MEDIA_RE.test(String((_c = value.media_id) != null ? _c : ""))) {
+        errors.push({ path, message: "must be an uploaded image" });
+        return null;
+      }
+      return { media_id: typeof value.media_id === "number" ? value.media_id : String(value.media_id), alt: String((_d = value.alt) != null ? _d : "").replace(CONTROL, "").slice(0, 120) };
+    }
+    case "icon": {
+      const v = absent ? f.default : value;
+      if (!ICON_NAMES.includes(v)) {
+        errors.push({ path, message: `must be one of the icon names (${ICON_NAMES.slice(0, 4).join(", ")}\u2026)` });
+        return f.default;
+      }
+      return v;
+    }
+    case "select": {
+      const v = missing ? f.default : String(value);
+      if (!f.options.some((o) => o.value === v)) {
+        errors.push({ path, message: `must be one of ${f.options.map((o) => o.value).join(", ")}` });
+        return f.default;
+      }
+      return v;
+    }
+    case "bool":
+      if (missing) return f.default;
+      if (typeof value !== "boolean") {
+        errors.push({ path, message: "must be true or false" });
+        return f.default;
+      }
+      return value;
+    case "richtext": {
+      const raw = absent ? f.default : value;
+      if (typeof raw !== "string") {
+        errors.push({ path, message: "must be text" });
+        return f.default;
+      }
+      if (f.max && raw.length > f.max * 2) errors.push({ path, message: `must be at most ${f.max} characters` });
+      return sanitizeRichText(raw, { maxLength: f.max });
+    }
+    case "list": {
+      const arr = absent ? f.default || [] : value;
+      if (!Array.isArray(arr)) {
+        errors.push({ path, message: "must be a list" });
+        return [];
+      }
+      if (f.min && arr.length < f.min) errors.push({ path, message: `needs at least ${f.min}` });
+      if (f.max && arr.length > f.max) errors.push({ path, message: `can have at most ${f.max}` });
+      return arr.slice(0, f.max || arr.length).map((item, i) => fields(f.of, item, `${path}[${i}]`, errors));
+    }
+    default:
+      throw new Error(`Unknown field kind "${f.kind}" (${path})`);
+  }
+}
+function fields(defs, obj, path, errors) {
+  const src = obj && typeof obj === "object" && !Array.isArray(obj) ? obj : {};
+  if (obj != null && src !== obj) errors.push({ path, message: "must be an object" });
+  return Object.fromEntries(defs.map((f) => [f.key, field(f, Object.prototype.hasOwnProperty.call(src, f.key) ? src[f.key] : void 0, `${path}.${f.key}`, errors)]));
+}
+function validatePage(input) {
+  const errors = [];
+  const doc = input && typeof input === "object" && !Array.isArray(input) ? input : null;
+  if (!doc) return { ok: false, errors: [{ path: "page", message: "must be an object" }], page: { version: PAGE_VERSION, sections: [] } };
+  if (doc.version != null && doc.version !== PAGE_VERSION) errors.push({ path: "version", message: `must be ${PAGE_VERSION}` });
+  const list = Array.isArray(doc.sections) ? doc.sections : [];
+  if (!Array.isArray(doc.sections)) errors.push({ path: "sections", message: "must be a list" });
+  if (list.length > MAX_SECTIONS) errors.push({ path: "sections", message: `can have at most ${MAX_SECTIONS}` });
+  const seen = /* @__PURE__ */ new Set();
+  const sections = [];
+  list.slice(0, MAX_SECTIONS).forEach((s, i) => {
+    var _a, _b;
+    const path = `sections[${i}]`;
+    if (!s || typeof s !== "object") {
+      errors.push({ path, message: "must be an object" });
+      return;
+    }
+    const def = SECTION_TYPES[s.type];
+    if (!def) {
+      errors.push({ path: `${path}.type`, message: `unknown section type "${s.type}"` });
+      return;
+    }
+    const id = String((_a = s.id) != null ? _a : "");
+    if (!ID_RE.test(id)) errors.push({ path: `${path}.id`, message: "must be 1\u201340 lowercase letters, digits or dashes" });
+    else if (seen.has(id)) errors.push({ path: `${path}.id`, message: `duplicate id "${id}"` });
+    seen.add(id);
+    const enabled = s.enabled === void 0 ? true : s.enabled;
+    if (typeof enabled !== "boolean") errors.push({ path: `${path}.enabled`, message: "must be true or false" });
+    sections.push({ id, type: s.type, enabled: enabled !== false, props: fields(def.fields, (_b = s.props) != null ? _b : {}, `${path}.props`, errors) });
+  });
+  return { ok: errors.length === 0, errors, page: { version: PAGE_VERSION, sections } };
+}
+
+// src/schema/color.js
+var HEX_RE = /^#([0-9a-f]{6})$/i;
+var isHex = (v) => typeof v === "string" && HEX_RE.test(v);
+function hexToRgb(hex) {
+  const m = HEX_RE.exec(String(hex || ""));
+  if (!m) throw new Error(`Not a #rrggbb colour: ${hex}`);
+  const n = parseInt(m[1], 16);
+  return [n >> 16 & 255, n >> 8 & 255, n & 255];
+}
+function rgbToHex([r, g, b]) {
+  const c = (x) => Math.round(Math.min(255, Math.max(0, x))).toString(16).padStart(2, "0");
+  return `#${c(r)}${c(g)}${c(b)}`;
+}
+var toLinear = (c) => {
+  const x = c / 255;
+  return x <= 0.04045 ? x / 12.92 : ((x + 0.055) / 1.055) ** 2.4;
+};
+var fromLinear = (x) => 255 * (x <= 31308e-7 ? 12.92 * x : 1.055 * x ** (1 / 2.4) - 0.055);
+function hexToOklch(hex) {
+  const [r, g, b] = hexToRgb(hex).map(toLinear);
+  const l = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b);
+  const m = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b);
+  const s = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b);
+  const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s;
+  const A = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s;
+  const B = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s;
+  return { l: L, c: Math.hypot(A, B), h: Math.atan2(B, A) * 180 / Math.PI };
+}
+function oklchToLinear({ l, c, h }) {
+  const a = c * Math.cos(h * Math.PI / 180);
+  const b = c * Math.sin(h * Math.PI / 180);
+  const l_ = (l + 0.3963377774 * a + 0.2158037573 * b) ** 3;
+  const m_ = (l - 0.1055613458 * a - 0.0638541728 * b) ** 3;
+  const s_ = (l - 0.0894841775 * a - 1.291485548 * b) ** 3;
+  return [
+    4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_,
+    -1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_,
+    -0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_
+  ];
+}
+var inGamut = (rgb) => rgb.every((x) => x >= -1e-4 && x <= 1 + 1e-4);
+function oklchToHex({ l, c, h }) {
+  let lo = 0;
+  let hi = c;
+  let rgb = oklchToLinear({ l, c, h });
+  if (!inGamut(rgb)) {
+    for (let i = 0; i < 24; i += 1) {
+      const mid = (lo + hi) / 2;
+      if (inGamut(oklchToLinear({ l, c: mid, h }))) lo = mid;
+      else hi = mid;
+    }
+    rgb = oklchToLinear({ l, c: lo, h });
+  }
+  return rgbToHex(rgb.map((x) => fromLinear(Math.min(1, Math.max(0, x)))));
+}
+var PALETTE_STEPS = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+var LIGHTNESS = { 50: 0.975, 100: 0.945, 200: 0.89, 300: 0.81, 400: 0.71, 500: 0.62, 700: 0.46, 800: 0.39, 900: 0.32, 950: 0.24 };
+var CHROMA = { 50: 0.18, 100: 0.32, 200: 0.55, 300: 0.78, 400: 0.92, 500: 1, 700: 0.92, 800: 0.82, 900: 0.7, 950: 0.58 };
+function brandPalette(hex) {
+  const base3 = hexToOklch(hex);
+  const out = { 600: rgbToHex(hexToRgb(hex)) };
+  for (const step of PALETTE_STEPS) {
+    if (step === 600) continue;
+    const l = step < 600 ? Math.max(LIGHTNESS[step], Math.min(0.985, base3.l + (0.985 - base3.l) * ((600 - step) / 600))) : Math.min(LIGHTNESS[step], Math.max(0.12, base3.l - base3.l * 0.6 * ((step - 600) / 350)));
+    out[step] = oklchToHex({ l, c: base3.c * CHROMA[step], h: base3.h });
+  }
+  return Object.fromEntries(PALETTE_STEPS.map((s) => [s, out[s]]));
+}
+function luminance(hex) {
+  const [r, g, b] = hexToRgb(hex).map(toLinear);
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+function contrastRatio(a, b) {
+  const [x, y] = [luminance(a), luminance(b)].sort((p, q) => q - p);
+  return (x + 0.05) / (y + 0.05);
+}
+function readableOn(hex) {
+  return contrastRatio(hex, "#ffffff") >= contrastRatio(hex, "#101828") ? "#ffffff" : "#101828";
+}
+
+// src/schema/theme.js
+var FONT_PAIRS = {
+  system: { label: "System (fastest)", heading: "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", body: "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif", href: null },
+  inter: { label: "Inter", heading: "Inter, ui-sans-serif, system-ui, sans-serif", body: "Inter, ui-sans-serif, system-ui, sans-serif", href: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" },
+  poppins: { label: "Poppins + Inter", heading: "Poppins, ui-sans-serif, system-ui, sans-serif", body: "Inter, ui-sans-serif, system-ui, sans-serif", href: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700&display=swap" },
+  dmsans: { label: "DM Sans", heading: "'DM Sans', ui-sans-serif, system-ui, sans-serif", body: "'DM Sans', ui-sans-serif, system-ui, sans-serif", href: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap" },
+  nunito: { label: "Nunito (rounded)", heading: "Nunito, ui-rounded, ui-sans-serif, system-ui, sans-serif", body: "Nunito, ui-rounded, ui-sans-serif, system-ui, sans-serif", href: "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;800&display=swap" },
+  serif: { label: "Merriweather + Source Sans", heading: "Merriweather, Georgia, 'Times New Roman', serif", body: "'Source Sans 3', ui-sans-serif, system-ui, sans-serif", href: "https://fonts.googleapis.com/css2?family=Merriweather:wght@700&family=Source+Sans+3:wght@400;600&display=swap" }
+};
+var RADII = { none: ["0", "0"], sm: ["0.375rem", "0.5rem"], md: ["0.75rem", "1rem"], lg: ["1rem", "1.5rem"], full: ["1.5rem", "2rem"] };
+var MODES = ["light", "dark", "auto"];
+var THEME_PRESETS = {
+  classic: { label: "Classic blue", primary: "#2563eb", accent: "#f59e0b", font: "inter", radius: "md", mode: "light" },
+  forest: { label: "Forest", primary: "#15803d", accent: "#ca8a04", font: "dmsans", radius: "lg", mode: "light" },
+  sunset: { label: "Sunset", primary: "#c2410c", accent: "#0369a1", font: "poppins", radius: "md", mode: "light" },
+  midnight: { label: "Midnight", primary: "#4338ca", accent: "#0891b2", font: "inter", radius: "lg", mode: "dark" },
+  slate: { label: "Minimal slate", primary: "#334155", accent: "#0f766e", font: "system", radius: "sm", mode: "light" },
+  berry: { label: "Berry", primary: "#be185d", accent: "#6d28d9", font: "nunito", radius: "full", mode: "light" }
+};
+var { label: _classicLabel, ...classic } = THEME_PRESETS.classic;
+var DEFAULT_THEME = { preset: "classic", ...classic, logo: null, favicon: null };
+var mediaRef = (v, path, errors, { alt = false } = {}) => {
+  if (v == null || v === "") return null;
+  if (typeof v !== "object" || v.media_id == null || !/^[A-Za-z0-9_-]{1,64}$/.test(String(v.media_id))) {
+    errors.push({ path, message: "must be an uploaded image" });
+    return null;
+  }
+  const ref = { media_id: typeof v.media_id === "number" ? v.media_id : String(v.media_id) };
+  if (alt) ref.alt = String(v.alt == null ? "" : v.alt).slice(0, 120);
+  return ref;
+};
+function validateTheme(input) {
+  const errors = [];
+  const warnings = [];
+  const t = input && typeof input === "object" && !Array.isArray(input) ? input : {};
+  if (input != null && t !== input) errors.push({ path: "theme", message: "must be an object" });
+  const preset = t.preset == null || t.preset === "" ? null : String(t.preset);
+  if (preset && !THEME_PRESETS[preset] && preset !== "custom") errors.push({ path: "preset", message: `must be one of ${Object.keys(THEME_PRESETS).join(", ")} or custom` });
+  const base3 = preset && THEME_PRESETS[preset] || THEME_PRESETS.classic;
+  const color = (key) => {
+    const v = t[key] == null || t[key] === "" ? base3[key] : String(t[key]).toLowerCase();
+    if (!isHex(v)) {
+      errors.push({ path: key, message: "must be a colour like #2563eb" });
+      return base3[key];
+    }
+    return v;
+  };
+  const pick = (key, allowed, fallback) => {
+    const v = t[key] == null || t[key] === "" ? fallback : String(t[key]);
+    if (!allowed.includes(v)) {
+      errors.push({ path: key, message: `must be one of ${allowed.join(", ")}` });
+      return fallback;
+    }
+    return v;
+  };
+  const theme = {
+    preset: preset || "classic",
+    primary: color("primary"),
+    accent: color("accent"),
+    font: pick("font", Object.keys(FONT_PAIRS), base3.font),
+    radius: pick("radius", Object.keys(RADII), base3.radius),
+    mode: pick("mode", MODES, base3.mode),
+    logo: mediaRef(t.logo, "logo", errors, { alt: true }),
+    favicon: mediaRef(t.favicon, "favicon", errors)
+  };
+  const onBrand = contrastRatio(theme.primary, readableOn(theme.primary));
+  if (onBrand < 4.5) warnings.push({ path: "primary", message: `Button text on this colour is hard to read (contrast ${onBrand.toFixed(1)}:1, needs 4.5:1).` });
+  const onPage = contrastRatio(theme.primary, "#ffffff");
+  if (onPage < 3) warnings.push({ path: "primary", message: `Links in this colour are hard to see on white (contrast ${onPage.toFixed(1)}:1, needs 3:1).` });
+  const accentText = contrastRatio(theme.accent, readableOn(theme.accent));
+  if (accentText < 4.5) warnings.push({ path: "accent", message: `Text on the accent colour is hard to read (contrast ${accentText.toFixed(1)}:1, needs 4.5:1).` });
+  return { ok: errors.length === 0, errors, warnings, theme };
+}
+function themeVars(input) {
+  const { theme } = validateTheme(input);
+  const font = FONT_PAIRS[theme.font];
+  const [radius, radiusLg] = RADII[theme.radius];
+  return {
+    theme,
+    font,
+    palette: { primary: brandPalette(theme.primary), accent: brandPalette(theme.accent) },
+    style: {
+      "--dt-brand": theme.primary,
+      "--dt-brand-accent": theme.accent,
+      "--dt-brand-contrast": readableOn(theme.primary),
+      "--dt-brand-accent-contrast": readableOn(theme.accent),
+      "--dt-lp-font": font.body,
+      "--dt-lp-font-heading": font.heading,
+      "--dt-lp-radius": radius,
+      "--dt-lp-radius-lg": radiusLg
+    }
+  };
+}
+
+// src/tenant/HeroSlider.jsx
+import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef4, useState as useState5 } from "react";
+
+// src/tenant/icons.jsx
+import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+var base2 = {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.8,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+var PATHS = {
+  "shield-check": /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    /* @__PURE__ */ jsx22("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z" }),
+    /* @__PURE__ */ jsx22("path", { d: "m9 12 2 2 4-4" })
+  ] }),
+  "badge-check": /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    /* @__PURE__ */ jsx22("path", { d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z" }),
+    /* @__PURE__ */ jsx22("path", { d: "m9 12 2 2 4-4" })
+  ] }),
+  truck: /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    /* @__PURE__ */ jsx22("path", { d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2" }),
+    /* @__PURE__ */ jsx22("path", { d: "M15 18H9" }),
+    /* @__PURE__ */ jsx22("path", { d: "M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62L18.3 9.38a1 1 0 0 0-.78-.38H14" }),
+    /* @__PURE__ */ jsx22("circle", { cx: "17", cy: "18", r: "2" }),
+    /* @__PURE__ */ jsx22("circle", { cx: "7", cy: "18", r: "2" })
+  ] }),
+  wrench: /* @__PURE__ */ jsx22("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" }),
+  refresh: /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    /* @__PURE__ */ jsx22("path", { d: "M3 12a9 9 0 0 1 15-6.7L21 8" }),
+    /* @__PURE__ */ jsx22("path", { d: "M21 3v5h-5" }),
+    /* @__PURE__ */ jsx22("path", { d: "M21 12a9 9 0 0 1-15 6.7L3 16" }),
+    /* @__PURE__ */ jsx22("path", { d: "M8 16H3v5" })
+  ] }),
+  battery: /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    /* @__PURE__ */ jsx22("rect", { x: "2", y: "7", width: "16", height: "10", rx: "2" }),
+    /* @__PURE__ */ jsx22("path", { d: "M22 11v2M6 11v2M10 11v2" })
+  ] }),
+  cpu: /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    /* @__PURE__ */ jsx22("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2" }),
+    /* @__PURE__ */ jsx22("rect", { x: "9", y: "9", width: "6", height: "6" }),
+    /* @__PURE__ */ jsx22("path", { d: "M15 2v2M15 20v2M2 15h2M2 9h2M20 15h2M20 9h2M9 2v2M9 20v2" })
+  ] }),
+  laptop: /* @__PURE__ */ jsx22("path", { d: "M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16" }),
+  star: /* @__PURE__ */ jsx22("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }),
+  headset: /* @__PURE__ */ jsx22("path", { d: "M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3" }),
+  rupee: /* @__PURE__ */ jsx22("path", { d: "M6 3h12M6 8h12M6 13l8.5 8M6 13h3M9 13c6.67 0 6.67-10 0-10" }),
+  award: /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    /* @__PURE__ */ jsx22("circle", { cx: "12", cy: "8", r: "6" }),
+    /* @__PURE__ */ jsx22("path", { d: "M15.48 12.89 17 22l-5-3-5 3 1.52-9.11" })
+  ] }),
+  clock: /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    /* @__PURE__ */ jsx22("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx22("path", { d: "M12 6v6l4 2" })
+  ] }),
+  "map-pin": /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    /* @__PURE__ */ jsx22("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
+    /* @__PURE__ */ jsx22("circle", { cx: "12", cy: "10", r: "3" })
+  ] }),
+  phone: /* @__PURE__ */ jsx22("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" }),
+  check: /* @__PURE__ */ jsx22("path", { d: "M20 6 9 17l-5-5" }),
+  sparkles: /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    /* @__PURE__ */ jsx22("path", { d: "M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9L12 3z" }),
+    /* @__PURE__ */ jsx22("path", { d: "M5 3v4M3 5h4M19 17v4M17 19h4" })
+  ] }),
+  tag: /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    /* @__PURE__ */ jsx22("path", { d: "M12.59 2.59A2 2 0 0 0 11.17 2H4a2 2 0 0 0-2 2v7.17a2 2 0 0 0 .59 1.42l8.7 8.7a2.43 2.43 0 0 0 3.42 0l6.58-6.58a2.43 2.43 0 0 0 0-3.42z" }),
+    /* @__PURE__ */ jsx22("circle", { cx: "7.5", cy: "7.5", r: "1.5" })
+  ] }),
+  gift: /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    /* @__PURE__ */ jsx22("rect", { x: "3", y: "8", width: "18", height: "4", rx: "1" }),
+    /* @__PURE__ */ jsx22("path", { d: "M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7" }),
+    /* @__PURE__ */ jsx22("path", { d: "M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5" })
+  ] }),
+  heart: /* @__PURE__ */ jsx22("path", { d: "M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" }),
+  // Controls (not offered to content).
+  "chevron-left": /* @__PURE__ */ jsx22("path", { d: "m15 18-6-6 6-6" }),
+  "chevron-right": /* @__PURE__ */ jsx22("path", { d: "m9 18 6-6-6-6" }),
+  pause: /* @__PURE__ */ jsx22("path", { d: "M8 5v14M16 5v14" }),
+  play: /* @__PURE__ */ jsx22("path", { d: "M7 4.5v15l12-7.5-12-7.5Z" })
+};
+function NamedIcon({ name, size = 20, className = "dt-lp-icon" }) {
+  const paths = PATHS[name];
+  if (!paths) return null;
+  return /* @__PURE__ */ jsx22("svg", { ...base2, width: size, height: size, className, children: paths });
+}
+
+// src/tenant/HeroSlider.jsx
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+var reducedMotion = () => typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function Slide({ slide, index, count, active, headingTag: H, media, eager }) {
+  const wide = media(slide.image, "wide");
+  const narrow = media(slide.mobile_image, "narrow");
+  return /* @__PURE__ */ jsxs20(
+    "div",
+    {
+      className: `dt-lp-slide dt-lp-slide--${slide.align} dt-lp-slide--overlay-${wide || narrow ? slide.overlay : "none"}${wide || narrow ? " dt-lp-slide--image" : ""}`,
+      role: "group",
+      "aria-roledescription": "slide",
+      "aria-label": `${index + 1} of ${count}`,
+      "aria-hidden": active ? void 0 : "true",
+      "data-active": active ? "" : void 0,
+      children: [
+        wide || narrow ? /* @__PURE__ */ jsxs20("picture", { className: "dt-lp-slide-media", children: [
+          narrow && wide ? /* @__PURE__ */ jsx23("source", { media: "(max-width: 640px)", srcSet: narrow }) : null,
+          /* @__PURE__ */ jsx23("img", { src: wide || narrow, alt: slide.image && slide.image.alt || "", loading: eager ? "eager" : "lazy", decoding: "async" })
+        ] }) : null,
+        /* @__PURE__ */ jsx23("div", { className: "dt-lp-wrap dt-lp-slide-body", children: /* @__PURE__ */ jsxs20("div", { className: "dt-lp-slide-copy", children: [
+          slide.eyebrow ? /* @__PURE__ */ jsx23("p", { className: "dt-lp-eyebrow dt-lp-slide-eyebrow", children: slide.eyebrow }) : null,
+          /* @__PURE__ */ jsx23(H, { className: "dt-lp-slide-heading", children: slide.heading }),
+          slide.text ? /* @__PURE__ */ jsx23("p", { className: "dt-lp-slide-text", children: slide.text }) : null,
+          slide.cta_label && slide.cta_href ? /* @__PURE__ */ jsx23(SmartLink, { href: slide.cta_href, className: "dt-lp-btn dt-lp-btn--lg dt-lp-btn--primary dt-lp-slide-cta", tabIndex: active ? void 0 : -1, children: slide.cta_label }) : null
+        ] }) })
+      ]
+    }
+  );
+}
+function HeroSlider({ id, slides = [], height = "standard", autoplay = true, interval = "6", first = false, media }) {
+  const count = slides.length;
+  const [index, setIndex] = useState5(0);
+  const [playing, setPlaying] = useState5(false);
+  const [hold, setHold] = useState5(false);
+  const touch = useRef4(null);
+  const go = useCallback2((i) => setIndex((i % count + count) % count), [count]);
+  useEffect3(() => {
+    setPlaying(Boolean(autoplay) && count > 1 && !reducedMotion());
+  }, [autoplay, count]);
+  useEffect3(() => {
+    if (!playing || hold || count < 2) return void 0;
+    const t = setTimeout(() => go(index + 1), Math.max(3, Number(interval) || 6) * 1e3);
+    return () => clearTimeout(t);
+  }, [playing, hold, index, interval, count, go]);
+  useEffect3(() => {
+    if (index >= count) setIndex(0);
+  }, [count, index]);
+  if (!count) return null;
+  const onKey = (e) => {
+    if (e.key === "ArrowRight") {
+      e.preventDefault();
+      go(index + 1);
+    }
+    if (e.key === "ArrowLeft") {
+      e.preventDefault();
+      go(index - 1);
+    }
+  };
+  const onTouchStart = (e) => {
+    touch.current = e.touches[0].clientX;
+  };
+  const onTouchEnd = (e) => {
+    if (touch.current == null) return;
+    const dx = e.changedTouches[0].clientX - touch.current;
+    touch.current = null;
+    if (Math.abs(dx) > 40) go(index + (dx < 0 ? 1 : -1));
+  };
+  return /* @__PURE__ */ jsxs20(
+    "section",
+    {
+      id,
+      className: `dt-lp-hero-slider dt-lp-hero-slider--${height}`,
+      "aria-roledescription": "carousel",
+      "aria-label": "Highlights",
+      onKeyDown: onKey,
+      onMouseEnter: () => setHold(true),
+      onMouseLeave: () => setHold(false),
+      onFocus: () => setHold(true),
+      onBlur: () => setHold(false),
+      onTouchStart,
+      onTouchEnd,
+      children: [
+        /* @__PURE__ */ jsx23("div", { className: "dt-lp-slides", "aria-live": playing && !hold ? "off" : "polite", children: slides.map((s, i) => /* @__PURE__ */ jsx23(Slide, { slide: s, index: i, count, active: i === index, eager: i === 0, headingTag: first && i === 0 ? "h1" : "h2", media }, i)) }),
+        count > 1 ? /* @__PURE__ */ jsxs20("div", { className: "dt-lp-slider-controls", children: [
+          /* @__PURE__ */ jsx23("button", { type: "button", className: "dt-lp-slider-btn", "aria-label": "Previous slide", onClick: () => go(index - 1), children: /* @__PURE__ */ jsx23(NamedIcon, { name: "chevron-left", size: 20 }) }),
+          /* @__PURE__ */ jsx23("div", { className: "dt-lp-slider-dots", children: slides.map((s, i) => /* @__PURE__ */ jsx23("button", { type: "button", className: "dt-lp-slider-dot", "aria-label": `Go to slide ${i + 1}`, "aria-current": i === index ? "true" : void 0, onClick: () => go(i) }, i)) }),
+          /* @__PURE__ */ jsx23("button", { type: "button", className: "dt-lp-slider-btn", "aria-label": "Next slide", onClick: () => go(index + 1), children: /* @__PURE__ */ jsx23(NamedIcon, { name: "chevron-right", size: 20 }) }),
+          autoplay ? /* @__PURE__ */ jsx23("button", { type: "button", className: "dt-lp-slider-btn", "aria-label": playing ? "Pause slides" : "Play slides", onClick: () => setPlaying((p) => !p), children: /* @__PURE__ */ jsx23(NamedIcon, { name: playing ? "pause" : "play", size: 18 }) }) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/tenant/blocks.jsx
+import { useState as useState6 } from "react";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+var hid = (id) => `${id}-title`;
+var Heading = ({ id, title: title2, intro: intro2, align = "center" }) => title2 ? /* @__PURE__ */ jsx24(SectionIntro, { id: hid(id), title: title2, body: intro2, align }) : null;
+function SlotSection({ id, title: title2, intro: intro2, tone: tone2, slot, ...props }) {
+  const body = typeof slot === "function" ? slot({ title: title2, intro: intro2, ...props }) : slot;
+  if (!body) return null;
+  return /* @__PURE__ */ jsxs21(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, className: "dt-lp-slot", children: [
+    /* @__PURE__ */ jsx24(Heading, { id, title: title2, intro: intro2, align: "start" }),
+    /* @__PURE__ */ jsx24("div", { className: "dt-lp-slot-body", children: body })
+  ] });
+}
+function PromoBanner({ id, eyebrow, heading, text, cta_label: label, cta_href: href, image, style = "brand", media }) {
+  const src = media(image, "wide");
+  return /* @__PURE__ */ jsx24("section", { id, "aria-labelledby": hid(id), className: "dt-lp-section dt-lp-promo-wrap", children: /* @__PURE__ */ jsx24("div", { className: "dt-lp-wrap", children: /* @__PURE__ */ jsxs21("div", { className: `dt-lp-promo dt-lp-promo--${style}${src ? " dt-lp-promo--image" : ""}`, children: [
+    /* @__PURE__ */ jsxs21("div", { className: "dt-lp-promo-copy", children: [
+      eyebrow ? /* @__PURE__ */ jsx24("p", { className: "dt-lp-eyebrow dt-lp-eyebrow--inverse", children: eyebrow }) : null,
+      /* @__PURE__ */ jsx24("h2", { id: hid(id), className: "dt-lp-h2 dt-lp-promo-heading", children: heading }),
+      text ? /* @__PURE__ */ jsx24("p", { className: "dt-lp-promo-text", children: text }) : null,
+      label && href ? /* @__PURE__ */ jsx24(SmartLink, { href, className: "dt-lp-btn dt-lp-btn--lg dt-lp-btn--inverse", children: label }) : null
+    ] }),
+    src ? /* @__PURE__ */ jsx24("img", { className: "dt-lp-promo-img", src, alt: image.alt || "", loading: "lazy", decoding: "async" }) : null
+  ] }) }) });
+}
+function TrustBadges({ id, title: title2, intro: intro2, items = [], tone: tone2 }) {
+  return /* @__PURE__ */ jsxs21(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, children: [
+    /* @__PURE__ */ jsx24(Heading, { id, title: title2, intro: intro2 }),
+    /* @__PURE__ */ jsx24("ul", { className: "dt-lp-tgrid dt-lp-tgrid--4", children: items.map((it, i) => /* @__PURE__ */ jsxs21("li", { className: "dt-lp-card dt-lp-tcard", children: [
+      /* @__PURE__ */ jsx24("span", { className: "dt-lp-icon-tile", children: /* @__PURE__ */ jsx24(NamedIcon, { name: it.icon, size: 22 }) }),
+      /* @__PURE__ */ jsxs21("div", { className: "dt-lp-card-text", children: [
+        /* @__PURE__ */ jsx24("h3", { className: "dt-lp-h3", children: it.title }),
+        it.text ? /* @__PURE__ */ jsx24("p", { children: it.text }) : null
+      ] })
+    ] }, i)) })
+  ] });
+}
+function CtaCards({ id, title: title2, items = [], tone: tone2 }) {
+  return /* @__PURE__ */ jsxs21(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, children: [
+    /* @__PURE__ */ jsx24(Heading, { id, title: title2 }),
+    /* @__PURE__ */ jsx24("ul", { className: `dt-lp-tgrid dt-lp-tgrid--${Math.min(items.length, 4) || 1}`, children: items.map((it, i) => /* @__PURE__ */ jsx24("li", { children: /* @__PURE__ */ jsxs21(SmartLink, { href: it.cta_href, className: "dt-lp-card dt-lp-tcard dt-lp-ctacard", children: [
+      /* @__PURE__ */ jsx24("span", { className: "dt-lp-icon-tile", children: /* @__PURE__ */ jsx24(NamedIcon, { name: it.icon, size: 22 }) }),
+      /* @__PURE__ */ jsxs21("div", { className: "dt-lp-card-text", children: [
+        /* @__PURE__ */ jsx24("h3", { className: "dt-lp-h3", children: it.title }),
+        it.text ? /* @__PURE__ */ jsx24("p", { children: it.text }) : null,
+        it.cta_label ? /* @__PURE__ */ jsxs21("span", { className: "dt-lp-textlink", children: [
+          it.cta_label,
+          " ",
+          /* @__PURE__ */ jsx24(NamedIcon, { name: "chevron-right", size: 16 })
+        ] }) : null
+      ] })
+    ] }) }, i)) })
+  ] });
+}
+function Testimonials({ id, title: title2, items = [], tone: tone2 }) {
+  return /* @__PURE__ */ jsxs21(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, children: [
+    /* @__PURE__ */ jsx24(Heading, { id, title: title2 }),
+    /* @__PURE__ */ jsx24("ul", { className: "dt-lp-tgrid dt-lp-tgrid--3", children: items.map((it, i) => {
+      const stars = Math.max(1, Math.min(5, Number(it.rating) || 5));
+      return /* @__PURE__ */ jsxs21("li", { className: "dt-lp-card dt-lp-quote", children: [
+        /* @__PURE__ */ jsx24("p", { className: "dt-lp-stars", "aria-label": `${stars} out of 5 stars`, children: Array.from({ length: 5 }, (_, s) => /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", className: s < stars ? "dt-lp-star dt-lp-star--on" : "dt-lp-star", children: "\u2605" }, s)) }),
+        /* @__PURE__ */ jsx24("blockquote", { children: /* @__PURE__ */ jsx24("p", { children: it.quote }) }),
+        /* @__PURE__ */ jsxs21("p", { className: "dt-lp-quote-by", children: [
+          /* @__PURE__ */ jsx24("strong", { children: it.name }),
+          it.detail ? /* @__PURE__ */ jsxs21("span", { children: [
+            " \xB7 ",
+            it.detail
+          ] }) : null
+        ] })
+      ] }, i);
+    }) })
+  ] });
+}
+function FaqSection({ id, title: title2, intro: intro2, items = [], tone: tone2 }) {
+  return /* @__PURE__ */ jsx24(Faq, { id, title: title2, intro: intro2, items, tone: tone2, openFirst: true });
+}
+function RichText({ id, title: title2, html, width = "narrow", tone: tone2 }) {
+  return /* @__PURE__ */ jsxs21(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, narrow: width === "narrow", children: [
+    title2 ? /* @__PURE__ */ jsx24("h2", { id: hid(id), className: "dt-lp-h2", children: title2 }) : null,
+    /* @__PURE__ */ jsx24("div", { className: "dt-lp-prose", dangerouslySetInnerHTML: { __html: sanitizeRichText(html) } })
+  ] });
+}
+function UspStrip({ id, items = [], tone: tone2 = "tinted" }) {
+  return /* @__PURE__ */ jsx24("section", { id, "aria-label": "Highlights", className: `dt-lp-usp dt-lp-tone--${tone2}`, children: /* @__PURE__ */ jsx24("div", { className: "dt-lp-wrap", children: /* @__PURE__ */ jsx24("ul", { className: "dt-lp-usp-list", children: items.map((it, i) => /* @__PURE__ */ jsxs21("li", { className: "dt-lp-usp-item", children: [
+    /* @__PURE__ */ jsx24(NamedIcon, { name: it.icon, size: 20, className: "dt-lp-icon dt-lp-usp-icon" }),
+    /* @__PURE__ */ jsxs21("span", { children: [
+      /* @__PURE__ */ jsx24("strong", { children: it.title }),
+      it.text ? /* @__PURE__ */ jsx24("span", { className: "dt-lp-usp-text", children: it.text }) : null
+    ] })
+  ] }, i)) }) }) });
+}
+function BrandStrip({ id, title: title2, items = [], tone: tone2, media }) {
+  return /* @__PURE__ */ jsxs21(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, className: "dt-lp-brands", children: [
+    /* @__PURE__ */ jsx24(Heading, { id, title: title2 }),
+    /* @__PURE__ */ jsx24("ul", { className: "dt-lp-brand-list", children: items.map((it, i) => {
+      const src = media(it.logo, "logo");
+      return /* @__PURE__ */ jsx24("li", { className: "dt-lp-brand-item", children: src ? /* @__PURE__ */ jsx24("img", { src, alt: it.name, loading: "lazy", decoding: "async" }) : /* @__PURE__ */ jsx24("span", { children: it.name }) }, i);
+    }) })
+  ] });
+}
+function Newsletter({ id, title: title2, text, button_label: button, consent_text: consentText, success_text: success, tone: tone2, onSubscribe }) {
+  const [email, setEmail] = useState6("");
+  const [consent, setConsent] = useState6(false);
+  const [state, setState] = useState6({ status: "idle", message: "" });
+  const submit = async (e) => {
+    e.preventDefault();
+    if (!onSubscribe) return;
+    setState({ status: "busy", message: "" });
+    try {
+      await onSubscribe({ email: email.trim(), consent, section: id });
+      setState({ status: "done", message: success || "Thanks!" });
+    } catch (err) {
+      setState({ status: "error", message: err && err.message || "Could not subscribe. Please try again." });
+    }
+  };
+  return /* @__PURE__ */ jsxs21(Section, { id, labelledBy: hid(id), tone: tone2, narrow: true, children: [
+    /* @__PURE__ */ jsx24(SectionIntro, { id: hid(id), title: title2, body: text, align: "center" }),
+    state.status === "done" ? /* @__PURE__ */ jsx24("p", { className: "dt-lp-news-done", role: "status", children: state.message }) : /* @__PURE__ */ jsxs21("form", { className: "dt-lp-news", onSubmit: submit, children: [
+      /* @__PURE__ */ jsxs21("div", { className: "dt-lp-news-row", children: [
+        /* @__PURE__ */ jsx24("label", { className: "dt-lp-sr", htmlFor: `${id}-email`, children: "Email" }),
+        /* @__PURE__ */ jsx24("input", { id: `${id}-email`, type: "email", required: true, autoComplete: "email", placeholder: "you@example.com", value: email, onChange: (e) => setEmail(e.target.value), className: "dt-lp-input" }),
+        /* @__PURE__ */ jsx24("button", { type: "submit", className: "dt-lp-btn dt-lp-btn--md dt-lp-btn--primary", disabled: !consent || state.status === "busy", "aria-busy": state.status === "busy" ? "true" : void 0, children: button })
+      ] }),
+      /* @__PURE__ */ jsxs21("label", { className: "dt-lp-news-consent", children: [
+        /* @__PURE__ */ jsx24("input", { type: "checkbox", checked: consent, onChange: (e) => setConsent(e.target.checked), required: true }),
+        /* @__PURE__ */ jsx24("span", { children: consentText })
+      ] }),
+      state.status === "error" ? /* @__PURE__ */ jsx24("p", { className: "dt-lp-news-error", role: "alert", children: state.message }) : null
+    ] })
+  ] });
+}
+function Gallery({ id, title: title2, items = [], columns = "3", tone: tone2, media }) {
+  const shown = items.map((it) => ({ ...it, src: media(it.image, "gallery") })).filter((it) => it.src);
+  if (!shown.length) return null;
+  return /* @__PURE__ */ jsxs21(Section, { id, labelledBy: title2 ? hid(id) : void 0, tone: tone2, children: [
+    /* @__PURE__ */ jsx24(Heading, { id, title: title2 }),
+    /* @__PURE__ */ jsx24("ul", { className: `dt-lp-gallery dt-lp-gallery--${columns}`, children: shown.map((it, i) => /* @__PURE__ */ jsx24("li", { children: /* @__PURE__ */ jsxs21("figure", { children: [
+      /* @__PURE__ */ jsx24("img", { src: it.src, alt: it.image.alt || it.caption || "", loading: "lazy", decoding: "async" }),
+      it.caption ? /* @__PURE__ */ jsx24("figcaption", { children: it.caption }) : null
+    ] }) }, i)) })
+  ] });
+}
+
+// src/tenant/TenantPage.jsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var TENANT_BLOCKS = {
+  hero_slider: HeroSlider,
+  featured: SlotSection,
+  categories: SlotSection,
+  promo_banner: PromoBanner,
+  trust_badges: TrustBadges,
+  cta_cards: CtaCards,
+  testimonials: Testimonials,
+  faq: FaqSection,
+  rich_text: RichText,
+  usp_strip: UspStrip,
+  brand_strip: BrandStrip,
+  newsletter: Newsletter,
+  gallery: Gallery
+};
+var SectionBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { failed: false };
+  }
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  render() {
+    return this.state.failed ? null : this.props.children;
+  }
+};
+var noMedia = () => null;
+function TenantPage({
+  page,
+  theme,
+  slots = {},
+  resolveMedia = noMedia,
+  linkComponent = null,
+  onSubscribe = null,
+  storeName = "",
+  className = "",
+  headingStart = 1
+}) {
+  const doc = useMemo(() => validatePage(page).page, [page]);
+  const vars = useMemo(() => themeVars(theme), [theme]);
+  const ctx = useMemo(() => ({ brand: { id: "tenant", name: storeName, primary: vars.theme.primary }, linkComponent, onBookDemo: null, home: true }), [storeName, vars.theme.primary, linkComponent]);
+  const media = (ref, variant) => ref && ref.media_id != null ? resolveMedia(ref, variant) : null;
+  const visible = doc.sections.filter((s) => s.enabled && TENANT_BLOCKS[s.type]);
+  return /* @__PURE__ */ jsx25(LandingProvider, { value: ctx, children: /* @__PURE__ */ jsx25("div", { className: `dt-landing dt-lp-tenant ${className}`.trim(), style: vars.style, "data-theme": vars.theme.mode === "auto" ? void 0 : vars.theme.mode, children: visible.map((s, i) => {
+    const Block = TENANT_BLOCKS[s.type];
+    return /* @__PURE__ */ jsx25(SectionBoundary, { children: /* @__PURE__ */ jsx25(Block, { ...s.props, id: `s-${s.id}`, first: i === 0 && headingStart === 1, media, slot: slots[s.type], onSubscribe }) }, s.id);
+  }) }) });
+}
 export {
   Audiences,
   AuthShell,
@@ -1234,15 +2240,19 @@ export {
   FeatureSection,
   Header,
   Hero,
+  HeroSlider,
   HowItWorks,
   LandingPage,
   LandingProvider,
   MarketingLayout,
+  NamedIcon,
   PageHero,
   PreviewFrame,
   Section,
   SectionIntro,
   SmartLink,
+  TENANT_BLOCKS,
+  TenantPage,
   TextLink,
   Wordmark,
   Wrap,
@@ -1255,7 +2265,10 @@ export {
   resolveHref,
   stashDemoFill,
   takeDemoFill,
+  themeVars,
   toLandingBrand,
   useLanding,
-  useTapReveal
+  useTapReveal,
+  validatePage,
+  validateTheme
 };