@siteable/core 0.1.1 → 0.1.2

package/dist/index.js

@@ -1,14 +1,14 @@
-import { jsx as t, jsxs as i, Fragment as _ } from "react/jsx-runtime";
-import { useState as C, createElement as U, Component as xt, useRef as D, useEffect as I, useMemo as V, useReducer as bt, useCallback as ft } from "react";
-import { Menu as Oe, Sparkles as xe, ArrowRight as F, Zap as pe, Settings as ht, Lock as vt, Star as be, Rocket as yt, Palette as wt, Layers as me, Globe as kt, Shield as Nt, Bot as St, Code as fe, Blocks as Ct, Check as ne, Quote as he, ChevronLeft as $t, ChevronRight as Ee, ChevronDown as ae, Send as He, Mail as ve, ImageIcon as oe, Play as ye, ChevronUp as Pt, Copy as Fe, Trash2 as ze, X as se, Plus as ie, Monitor as Tt, Tablet as It, Smartphone as jt, Undo2 as At, Redo2 as Dt, Eye as Bt, Clock as Re, HelpCircle as we, Loader2 as Mt, Download as Lt, GalleryHorizontalEnd as Ge, FileText as Ue, Flag as qe, Minus as _e, Image as Je, Newspaper as Ve, Users as We, BarChart3 as Ke, MessageSquare as Ye, PanelBottom as Ze, Megaphone as Qe, DollarSign as Xe, Grid3X3 as et, Type as tt, Layout as Y, GripVertical as Ot, Search as rt, MousePointer2 as Et, RotateCcw as Ht, FolderOpen as Ft, BookOpen as zt, Building2 as Rt, UtensilsCrossed as Gt, Briefcase as Ut } from "lucide-react";
+import { jsx as t, jsxs as i, Fragment as J } from "react/jsx-runtime";
+import { useState as C, createElement as U, Component as Pt, useRef as D, useEffect as I, useMemo as W, useReducer as Tt, useCallback as It } from "react";
+import { Menu as He, Sparkles as he, ArrowRight as H, Zap as me, Settings as jt, Lock as At, Star as ve, Rocket as Dt, Palette as Bt, Layers as ge, Globe as Lt, Shield as Mt, Bot as Ot, Code as ye, Blocks as Ft, Check as ae, Quote as we, ChevronLeft as Et, ChevronRight as ze, ChevronDown as oe, Send as Re, Mail as ke, ImageIcon as se, Play as Ne, ChevronUp as Ht, Copy as Ge, Trash2 as Ue, X as ie, Plus as le, Monitor as zt, Tablet as Rt, Smartphone as Gt, Undo2 as Ut, Redo2 as qt, Eye as _t, Clock as qe, HelpCircle as Se, Loader2 as Jt, Download as Vt, GalleryHorizontalEnd as _e, FileText as Je, Flag as Ve, Minus as We, Image as Ke, Newspaper as Ye, Users as Ze, BarChart3 as Qe, MessageSquare as Xe, PanelBottom as et, Megaphone as tt, DollarSign as rt, Grid3X3 as nt, Type as at, Layout as Z, GripVertical as Wt, Search as ot, MousePointer2 as Kt, RotateCcw as Yt, FolderOpen as Zt, BookOpen as Qt, Building2 as Xt, UtensilsCrossed as er, Briefcase as tr } from "lucide-react";
 import { toast as S } from "sonner";
-import { create as nt } from "zustand";
-import { persist as qt } from "zustand/middleware";
-import { produce as Z } from "immer";
-import { useSensors as _t, useSensor as Ae, PointerSensor as Jt, KeyboardSensor as Vt, DndContext as Wt, closestCenter as Kt } from "@dnd-kit/core";
-import { sortableKeyboardCoordinates as Yt, SortableContext as Zt, verticalListSortingStrategy as Qt, useSortable as Xt } from "@dnd-kit/sortable";
-import { CSS as er } from "@dnd-kit/utilities";
-function tr({ props: e }) {
+import { create as st } from "zustand";
+import { persist as rr } from "zustand/middleware";
+import { produce as Q } from "immer";
+import { useSensors as nr, useSensor as Be, PointerSensor as ar, KeyboardSensor as or, DndContext as sr, closestCenter as ir } from "@dnd-kit/core";
+import { sortableKeyboardCoordinates as lr, SortableContext as cr, verticalListSortingStrategy as dr, useSortable as pr } from "@dnd-kit/sortable";
+import { CSS as ur } from "@dnd-kit/utilities";
+function mr({ props: e }) {
   const { logo: n, links: r = [], ctaText: a } = e;
   return /* @__PURE__ */ i("nav", { className: "px-6 @md:px-10 py-4 flex items-center justify-between", children: [
     /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
@@ -25,11 +25,11 @@ function tr({ props: e }) {
     )) }),
     /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ t("button", { className: "px-4 py-2 rounded-lg bg-green text-black text-[13px] font-semibold hover:bg-green-dim transition-colors", children: a }),
-      /* @__PURE__ */ t("button", { className: "@2xl:hidden w-9 h-9 rounded-lg border border-border-default flex items-center justify-center text-text-2 hover:text-text-0 hover:bg-bg-3 transition-colors", children: /* @__PURE__ */ t(Oe, { size: 16 }) })
+      /* @__PURE__ */ t("button", { className: "@2xl:hidden w-9 h-9 rounded-lg border border-border-default flex items-center justify-center text-text-2 hover:text-text-0 hover:bg-bg-3 transition-colors", children: /* @__PURE__ */ t(He, { size: 16 }) })
     ] })
   ] });
 }
-function rr({ props: e }) {
+function gr({ props: e }) {
   const { logo: n, links: r = [], ctaText: a } = e, o = Math.ceil(r.length / 2), s = r.slice(0, o), l = r.slice(o);
   return /* @__PURE__ */ i("nav", { className: "px-6 @md:px-10 py-4 flex items-center justify-between", children: [
     /* @__PURE__ */ t("div", { className: "hidden @2xl:flex items-center gap-6 flex-1", children: s.map((c, d) => /* @__PURE__ */ t("span", { className: "text-[13px] text-text-2 hover:text-text-0 transition-colors cursor-pointer", children: c }, d)) }),
@@ -41,17 +41,17 @@ function rr({ props: e }) {
       l.map((c, d) => /* @__PURE__ */ t("span", { className: "text-[13px] text-text-2 hover:text-text-0 transition-colors cursor-pointer", children: c }, d)),
       /* @__PURE__ */ t("button", { className: "px-4 py-2 rounded-lg bg-green text-black text-[13px] font-semibold hover:bg-green-dim transition-colors ml-2", children: a })
     ] }),
-    /* @__PURE__ */ t("button", { className: "@2xl:hidden w-9 h-9 rounded-lg border border-border-default flex items-center justify-center text-text-2 hover:text-text-0 hover:bg-bg-3 transition-colors", children: /* @__PURE__ */ t(Oe, { size: 16 }) })
+    /* @__PURE__ */ t("button", { className: "@2xl:hidden w-9 h-9 rounded-lg border border-border-default flex items-center justify-center text-text-2 hover:text-text-0 hover:bg-bg-3 transition-colors", children: /* @__PURE__ */ t(He, { size: 16 }) })
   ] });
 }
-function nr({ block: e }) {
+function xr({ block: e }) {
   const n = e.props;
-  return e.variant === "centered" ? /* @__PURE__ */ t(rr, { props: n }) : /* @__PURE__ */ t(tr, { props: n });
+  return e.variant === "centered" ? /* @__PURE__ */ t(gr, { props: n }) : /* @__PURE__ */ t(mr, { props: n });
 }
-function ar({ props: e }) {
+function br({ props: e }) {
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-20 @md:py-28 text-center", children: [
     e.badge && /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-green/10 border border-green/20 text-green text-[11px] font-medium mb-6", children: [
-      /* @__PURE__ */ t(xe, { size: 12 }),
+      /* @__PURE__ */ t(he, { size: 12 }),
       e.badge
     ] }),
     /* @__PURE__ */ t("h1", { className: "reveal-fade-up reveal-d2 text-4xl @md:text-5xl font-bold tracking-tight leading-[1.1] mb-4 max-w-3xl mx-auto", children: e.headline }),
@@ -59,17 +59,17 @@ function ar({ props: e }) {
     /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d4 flex flex-wrap items-center justify-center gap-3", children: [
       /* @__PURE__ */ i("button", { className: "px-6 py-3 rounded-lg bg-green text-black text-sm font-semibold hover:bg-green-dim transition-all hover:accent-glow-xl flex items-center gap-2", children: [
         e.primaryCta,
-        /* @__PURE__ */ t(F, { size: 16 })
+        /* @__PURE__ */ t(H, { size: 16 })
       ] }),
       e.secondaryCta && /* @__PURE__ */ t("button", { className: "px-6 py-3 rounded-lg bg-bg-3 text-text-0 text-sm font-medium border border-border-default hover:bg-bg-4 hover:border-border-hover transition-all", children: e.secondaryCta })
     ] })
   ] });
 }
-function or({ props: e }) {
+function fr({ props: e }) {
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-16 @md:py-24 flex flex-col @2xl:flex-row items-center gap-10", children: [
     /* @__PURE__ */ i("div", { className: "flex-1", children: [
       e.badge && /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-green/10 border border-green/20 text-green text-[11px] font-medium mb-4", children: [
-        /* @__PURE__ */ t(xe, { size: 12 }),
+        /* @__PURE__ */ t(he, { size: 12 }),
         e.badge
       ] }),
       /* @__PURE__ */ t("h1", { className: "reveal-fade-up reveal-d2 text-3xl @md:text-5xl font-bold tracking-tight leading-[1.1] mb-4", children: e.headline }),
@@ -77,7 +77,7 @@ function or({ props: e }) {
       /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d4 flex flex-wrap items-center gap-3", children: [
         /* @__PURE__ */ i("button", { className: "px-6 py-3 rounded-lg bg-green text-black text-sm font-semibold hover:bg-green-dim transition-all flex items-center gap-2", children: [
           e.primaryCta,
-          /* @__PURE__ */ t(F, { size: 16 })
+          /* @__PURE__ */ t(H, { size: 16 })
         ] }),
         e.secondaryCta && /* @__PURE__ */ t("button", { className: "px-6 py-3 rounded-lg bg-bg-3 text-text-0 text-sm font-medium border border-border-default hover:bg-bg-4 transition-all", children: e.secondaryCta })
       ] })
@@ -88,13 +88,13 @@ function or({ props: e }) {
     ] }) })
   ] });
 }
-function sr({ props: e }) {
+function hr({ props: e }) {
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-20 @md:py-32 text-center relative overflow-hidden", children: [
     /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-gradient-to-b from-green/5 via-transparent to-transparent pointer-events-none" }),
     /* @__PURE__ */ t("div", { className: "absolute top-0 left-1/2 -translate-x-1/2 w-[600px] h-[300px] bg-green/8 rounded-full blur-[100px] pointer-events-none" }),
     /* @__PURE__ */ i("div", { className: "relative z-10", children: [
       e.badge && /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-green/10 border border-green/20 text-green text-[11px] font-medium mb-6", children: [
-        /* @__PURE__ */ t(xe, { size: 12 }),
+        /* @__PURE__ */ t(he, { size: 12 }),
         e.badge
       ] }),
       /* @__PURE__ */ t("h1", { className: "reveal-fade-up reveal-d2 text-4xl @md:text-5xl font-bold tracking-tight leading-[1.1] mb-4 max-w-3xl mx-auto", style: { color: "var(--color-text-0)" }, children: e.headline }),
@@ -102,54 +102,54 @@ function sr({ props: e }) {
       /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d4 flex flex-wrap items-center justify-center gap-3", children: [
         /* @__PURE__ */ i("button", { className: "px-6 py-3 rounded-lg bg-green text-black text-sm font-semibold hover:bg-green-dim transition-all hover:accent-glow-xl flex items-center gap-2", children: [
           e.primaryCta,
-          /* @__PURE__ */ t(F, { size: 16 })
+          /* @__PURE__ */ t(H, { size: 16 })
         ] }),
         e.secondaryCta && /* @__PURE__ */ t("button", { className: "px-6 py-3 rounded-lg bg-bg-3 text-text-0 text-sm font-medium border border-border-default hover:bg-bg-4 transition-all", children: e.secondaryCta })
       ] })
     ] })
   ] });
 }
-function ir({ props: e }) {
+function vr({ props: e }) {
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-24 @md:py-36 text-center", children: [
     /* @__PURE__ */ t("h1", { className: "reveal-fade-up reveal-d1 text-5xl @md:text-7xl font-bold tracking-tighter leading-[1.05] mb-6 max-w-4xl mx-auto", children: e.headline }),
     /* @__PURE__ */ t("p", { className: "reveal-fade-up reveal-d2 text-text-2 text-lg @md:text-xl leading-relaxed max-w-lg mx-auto mb-10", children: e.subheadline }),
     /* @__PURE__ */ t("div", { className: "reveal-fade-up reveal-d3", children: /* @__PURE__ */ i("button", { className: "px-8 py-4 rounded-lg bg-green text-black text-sm font-semibold hover:bg-green-dim transition-all hover:accent-glow-xl flex items-center gap-2 mx-auto", children: [
       e.primaryCta,
-      /* @__PURE__ */ t(F, { size: 16 })
+      /* @__PURE__ */ t(H, { size: 16 })
     ] }) })
   ] });
 }
-function lr({ block: e }) {
+function yr({ block: e }) {
   const n = e.props;
   switch (e.variant) {
     case "split":
-      return /* @__PURE__ */ t(or, { props: n });
+      return /* @__PURE__ */ t(fr, { props: n });
     case "gradient":
-      return /* @__PURE__ */ t(sr, { props: n });
+      return /* @__PURE__ */ t(hr, { props: n });
     case "minimal":
-      return /* @__PURE__ */ t(ir, { props: n });
+      return /* @__PURE__ */ t(vr, { props: n });
     default:
-      return /* @__PURE__ */ t(ar, { props: n });
+      return /* @__PURE__ */ t(br, { props: n });
   }
 }
-const cr = {
-  Blocks: Ct,
-  Code: fe,
-  Bot: St,
-  Zap: pe,
-  Shield: Nt,
-  Globe: kt,
-  Layers: me,
-  Palette: wt,
-  Rocket: yt,
-  Star: be,
-  Lock: vt,
-  Settings: ht
+const wr = {
+  Blocks: Ft,
+  Code: ye,
+  Bot: Ot,
+  Zap: me,
+  Shield: Mt,
+  Globe: Lt,
+  Layers: ge,
+  Palette: Bt,
+  Rocket: Dt,
+  Star: ve,
+  Lock: At,
+  Settings: jt
 };
-function ke(e) {
-  return e ? cr[e] || pe : pe;
+function Ce(e) {
+  return e ? wr[e] || me : me;
 }
-function dr({ props: e }) {
+function kr({ props: e }) {
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-16 @md:py-20", children: [
     /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 text-center mb-10", children: [
       e.label && /* @__PURE__ */ t("div", { className: "text-[11px] font-semibold uppercase tracking-widest text-green mb-2", children: e.label }),
@@ -157,7 +157,7 @@ function dr({ props: e }) {
       e.subtitle && /* @__PURE__ */ t("p", { className: "text-text-2 text-sm max-w-lg mx-auto", children: e.subtitle })
     ] }),
     /* @__PURE__ */ t("div", { className: "grid grid-cols-1 @lg:grid-cols-2 @3xl:grid-cols-3 gap-4", children: e.items.map((n, r) => {
-      const a = ke(n.icon);
+      const a = Ce(n.icon);
       return /* @__PURE__ */ i(
         "div",
         {
@@ -173,7 +173,7 @@ function dr({ props: e }) {
     }) })
   ] });
 }
-function pr({ props: e }) {
+function Nr({ props: e }) {
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-16 @md:py-20", children: [
     /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 text-center mb-10", children: [
       e.label && /* @__PURE__ */ t("div", { className: "text-[11px] font-semibold uppercase tracking-widest text-green mb-2", children: e.label }),
@@ -181,7 +181,7 @@ function pr({ props: e }) {
       e.subtitle && /* @__PURE__ */ t("p", { className: "text-text-2 text-sm max-w-lg mx-auto", children: e.subtitle })
     ] }),
     /* @__PURE__ */ t("div", { className: "max-w-2xl mx-auto space-y-4", children: e.items.map((n, r) => {
-      const a = ke(n.icon);
+      const a = Ce(n.icon);
       return /* @__PURE__ */ i(
         "div",
         {
@@ -199,7 +199,7 @@ function pr({ props: e }) {
     }) })
   ] });
 }
-function mr({ props: e }) {
+function Sr({ props: e }) {
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-16 @md:py-20", children: [
     /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 text-center mb-12", children: [
       e.label && /* @__PURE__ */ t("div", { className: "text-[11px] font-semibold uppercase tracking-widest text-green mb-2", children: e.label }),
@@ -207,7 +207,7 @@ function mr({ props: e }) {
       e.subtitle && /* @__PURE__ */ t("p", { className: "text-text-2 text-sm max-w-lg mx-auto", children: e.subtitle })
     ] }),
     /* @__PURE__ */ t("div", { className: "space-y-8", children: e.items.map((n, r) => {
-      const a = ke(n.icon), o = n.image, s = r % 2 === 1;
+      const a = Ce(n.icon), o = n.image, s = r % 2 === 1;
       return /* @__PURE__ */ i(
         "div",
         {
@@ -226,18 +226,23 @@ function mr({ props: e }) {
     }) })
   ] });
 }
-function ur({ block: e }) {
+function Cr({ block: e }) {
   const n = e.props;
   switch (e.variant) {
     case "list":
-      return /* @__PURE__ */ t(pr, { props: n });
+      return /* @__PURE__ */ t(Nr, { props: n });
     case "alternating":
-      return /* @__PURE__ */ t(mr, { props: n });
+      return /* @__PURE__ */ t(Sr, { props: n });
     default:
-      return /* @__PURE__ */ t(dr, { props: n });
+      return /* @__PURE__ */ t(kr, { props: n });
   }
 }
-const at = [
+const it = ["Vercel", "Stripe", "GitHub", "Figma", "Notion", "Linear"], lt = [
+  { title: "Product", links: ["Features", "Pricing", "Changelog", "Roadmap"] },
+  { title: "Company", links: ["About", "Blog", "Careers", "Press"] },
+  { title: "Resources", links: ["Documentation", "API Reference", "Guides", "Community"] },
+  { title: "Legal", links: ["Privacy", "Terms", "Security", "Cookie Policy"] }
+], ct = [
   {
     name: "Starter",
     price: "$0",
@@ -263,9 +268,40 @@ const at = [
     features: ["Everything in Pro", "Team collaboration", "Custom components", "SSO", "Dedicated support"],
     cta: "Contact Sales"
   }
-];
-function gr({ props: e }) {
-  const n = e.tiers || at;
+], dt = [
+  { value: "10K+", label: "Sites built" },
+  { value: "99.9%", label: "Uptime" },
+  { value: "50ms", label: "Avg. response" },
+  { value: "4.9/5", label: "User rating" }
+], pt = [
+  { question: "What is OpenPage?", answer: "OpenPage is a visual website builder that uses structured JSON config as the source of truth. Both humans and AI agents can edit the same config to build beautiful websites." },
+  { question: "How does the JSON config work?", answer: "Every website is represented as a JSON document with blocks, styles, and content. The visual editor reads and writes this JSON, and agents can make surgical edits via the API." },
+  { question: "Can I use my own components?", answer: "Yes! OpenPage supports custom components. You can build your own blocks following our component schema and register them in the block registry." },
+  { question: "Is it free to use?", answer: "OpenPage offers a free tier for personal projects with up to 5 blocks. Pro and Team plans unlock unlimited blocks, custom domains, and priority support." }
+], ut = [
+  { name: "Alex Rivera", role: "CEO & Founder" },
+  { name: "Jordan Lee", role: "CTO" },
+  { name: "Sam Patel", role: "Head of Design" },
+  { name: "Casey Morgan", role: "Lead Engineer" }
+], ce = [
+  { name: "Sarah Chen", role: "CEO at TechCorp", quote: "OpenPage completely changed how we build landing pages. The JSON config approach is genius.", rating: 5, avatar: "" },
+  { name: "Marcus Johnson", role: "Lead Developer", quote: "Finally, a tool where both designers and AI agents can work together seamlessly.", rating: 5, avatar: "" },
+  { name: "Emma Wilson", role: "Product Manager", quote: "We shipped our marketing site in half the time. The component library is incredible.", rating: 4, avatar: "" }
+], mt = [
+  { src: "", alt: "Image 1", caption: "" },
+  { src: "", alt: "Image 2", caption: "" },
+  { src: "", alt: "Image 3", caption: "" },
+  { src: "", alt: "Image 4", caption: "" },
+  { src: "", alt: "Image 5", caption: "" },
+  { src: "", alt: "Image 6", caption: "" }
+], gt = [
+  { src: "", alt: "1" },
+  { src: "", alt: "2" },
+  { src: "", alt: "3" },
+  { src: "", alt: "4" }
+], xt = ct;
+function $r({ props: e }) {
+  const n = e.tiers || xt;
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-16 @md:py-20", children: [
     /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 text-center mb-10", children: [
       /* @__PURE__ */ t("h2", { className: "text-2xl @md:text-3xl font-bold tracking-tight mb-2", children: e.title }),
@@ -277,7 +313,7 @@ function gr({ props: e }) {
         className: `reveal-fade-up reveal-d${Math.min(a + 2, 8)} relative rounded-xl p-6 flex flex-col transition-all ${r.featured ? "bg-bg-2 border-2 border-green accent-glow-ring" : "bg-bg-2 border border-border-default hover:border-border-hover"}`,
         children: [
           r.featured && /* @__PURE__ */ i("div", { className: "absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-0.5 rounded-full bg-green text-black text-[10px] font-bold uppercase tracking-wider flex items-center gap-1", children: [
-            /* @__PURE__ */ t(be, { size: 10, fill: "currentColor" }),
+            /* @__PURE__ */ t(ve, { size: 10, fill: "currentColor" }),
             "Recommended"
           ] }),
           /* @__PURE__ */ i("div", { className: "mb-4", children: [
@@ -289,7 +325,7 @@ function gr({ props: e }) {
             r.period && /* @__PURE__ */ t("span", { className: "text-text-3 text-sm", children: r.period })
           ] }),
           /* @__PURE__ */ t("ul", { className: "space-y-2 mb-6 flex-1", children: r.features.map((o, s) => /* @__PURE__ */ i("li", { className: "flex items-start gap-2 text-[12.5px] text-text-1", children: [
-            /* @__PURE__ */ t(ne, { size: 14, className: "text-green shrink-0 mt-0.5" }),
+            /* @__PURE__ */ t(ae, { size: 14, className: "text-green shrink-0 mt-0.5" }),
             o
           ] }, s)) }),
           /* @__PURE__ */ t(
@@ -305,8 +341,8 @@ function gr({ props: e }) {
     )) })
   ] });
 }
-function xr({ props: e }) {
-  const n = e.tiers || at, r = [...new Set(n.flatMap((a) => a.features))];
+function Pr({ props: e }) {
+  const n = e.tiers || xt, r = [...new Set(n.flatMap((a) => a.features))];
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-16 @md:py-20", children: [
     /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 text-center mb-10", children: [
       /* @__PURE__ */ t("h2", { className: "text-2xl @md:text-3xl font-bold tracking-tight mb-2", children: e.title }),
@@ -322,16 +358,16 @@ function xr({ props: e }) {
       ] }) }),
       /* @__PURE__ */ t("tbody", { children: r.map((a, o) => /* @__PURE__ */ i("tr", { className: "border-b border-border-subtle", children: [
         /* @__PURE__ */ t("td", { className: "py-2.5 px-3 text-text-1", children: a }),
-        n.map((s, l) => /* @__PURE__ */ t("td", { className: "py-2.5 px-3 text-center", children: s.features.includes(a) ? /* @__PURE__ */ t(ne, { size: 14, className: "text-green mx-auto" }) : /* @__PURE__ */ t("span", { className: "text-text-3", children: "-" }) }, l))
+        n.map((s, l) => /* @__PURE__ */ t("td", { className: "py-2.5 px-3 text-center", children: s.features.includes(a) ? /* @__PURE__ */ t(ae, { size: 14, className: "text-green mx-auto" }) : /* @__PURE__ */ t("span", { className: "text-text-3", children: "-" }) }, l))
       ] }, o)) })
     ] }) })
   ] });
 }
-function br({ block: e }) {
+function Tr({ block: e }) {
   const n = e.props;
-  return e.variant === "comparison" ? /* @__PURE__ */ t(xr, { props: n }) : /* @__PURE__ */ t(gr, { props: n });
+  return e.variant === "comparison" ? /* @__PURE__ */ t(Pr, { props: n }) : /* @__PURE__ */ t($r, { props: n });
 }
-function fr({ props: e }) {
+function Ir({ props: e }) {
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-16 @md:py-20 text-center relative overflow-hidden", children: [
     /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-gradient-to-b from-green/6 via-green/3 to-transparent pointer-events-none" }),
     /* @__PURE__ */ i("div", { className: "relative z-10", children: [
@@ -339,12 +375,12 @@ function fr({ props: e }) {
       e.subheadline && /* @__PURE__ */ t("p", { className: "reveal-fade-up reveal-d2 text-text-2 text-sm mb-6 max-w-md mx-auto", children: e.subheadline }),
       /* @__PURE__ */ t("div", { className: "reveal-fade-up reveal-d3", children: /* @__PURE__ */ i("button", { className: "px-8 py-3 rounded-lg bg-green text-black text-sm font-semibold hover:bg-green-dim transition-all hover:accent-glow-xl inline-flex items-center gap-2", children: [
         e.buttonText,
-        /* @__PURE__ */ t(F, { size: 16 })
+        /* @__PURE__ */ t(H, { size: 16 })
       ] }) })
     ] })
   ] });
 }
-function hr({ props: e }) {
+function jr({ props: e }) {
   return /* @__PURE__ */ t("section", { className: "px-6 @md:px-10 py-12 @md:py-16", children: /* @__PURE__ */ i("div", { className: "reveal-scale reveal-d1 flex flex-col @lg:flex-row items-center justify-between gap-6 p-8 rounded-xl bg-bg-2 border border-border-default relative overflow-hidden", children: [
     /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-gradient-to-r from-green/5 to-transparent pointer-events-none" }),
     /* @__PURE__ */ i("div", { className: "relative z-10", children: [
@@ -353,15 +389,15 @@ function hr({ props: e }) {
     ] }),
     /* @__PURE__ */ i("button", { className: "relative z-10 px-6 py-3 rounded-lg bg-green text-black text-sm font-semibold hover:bg-green-dim transition-all shrink-0 flex items-center gap-2", children: [
       e.buttonText,
-      /* @__PURE__ */ t(F, { size: 16 })
+      /* @__PURE__ */ t(H, { size: 16 })
     ] })
   ] }) });
 }
-function vr({ block: e }) {
+function Ar({ block: e }) {
   const n = e.props;
-  return e.variant === "split" ? /* @__PURE__ */ t(hr, { props: n }) : /* @__PURE__ */ t(fr, { props: n });
+  return e.variant === "split" ? /* @__PURE__ */ t(jr, { props: n }) : /* @__PURE__ */ t(Ir, { props: n });
 }
-function yr({ props: e }) {
+function Dr({ props: e }) {
   return /* @__PURE__ */ t("footer", { className: "px-6 @md:px-10 py-8 border-t border-border-subtle", children: /* @__PURE__ */ i("div", { className: "flex flex-col @lg:flex-row items-center justify-between gap-4", children: [
     /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
       e.logoImage ? /* @__PURE__ */ t("img", { src: e.logoImage, alt: e.logo, className: "h-6 w-auto object-contain" }) : /* @__PURE__ */ t("div", { className: "w-6 h-6 rounded-md bg-green/10 flex items-center justify-center", children: /* @__PURE__ */ t("div", { className: "w-3 h-3 rounded-full bg-green" }) }),
@@ -378,13 +414,8 @@ function yr({ props: e }) {
     /* @__PURE__ */ t("span", { className: "text-[11px] text-text-3", children: e.copyright })
   ] }) });
 }
-function wr({ props: e }) {
-  const n = e.columns || [
-    { title: "Product", links: ["Features", "Pricing", "Changelog", "Roadmap"] },
-    { title: "Company", links: ["About", "Blog", "Careers", "Press"] },
-    { title: "Resources", links: ["Documentation", "API Reference", "Guides", "Community"] },
-    { title: "Legal", links: ["Privacy", "Terms", "Security", "Cookie Policy"] }
-  ];
+function Br({ props: e }) {
+  const n = e.columns || lt;
   return /* @__PURE__ */ i("footer", { className: "px-6 @md:px-10 py-12 border-t border-border-subtle", children: [
     /* @__PURE__ */ i("div", { className: "grid grid-cols-2 @2xl:grid-cols-5 gap-8 mb-10", children: [
       /* @__PURE__ */ i("div", { className: "col-span-2 @2xl:col-span-1", children: [
@@ -412,7 +443,7 @@ function wr({ props: e }) {
     ] })
   ] });
 }
-function kr({ props: e }) {
+function Lr({ props: e }) {
   return /* @__PURE__ */ t("footer", { className: "px-6 @md:px-10 py-6", children: /* @__PURE__ */ i("div", { className: "flex items-center justify-center gap-1.5 text-[11px] text-text-3", children: [
     /* @__PURE__ */ t("span", { children: e.copyright }),
     e.links.length > 0 && /* @__PURE__ */ t("span", { className: "mx-1", children: "|" }),
@@ -422,25 +453,20 @@ function kr({ props: e }) {
     ] }, r))
   ] }) });
 }
-function Nr({ block: e }) {
+function Mr({ block: e }) {
   const n = e.props;
   switch (e.variant) {
     case "multi-column":
-      return /* @__PURE__ */ t(wr, { props: n });
+      return /* @__PURE__ */ t(Br, { props: n });
     case "minimal":
-      return /* @__PURE__ */ t(kr, { props: n });
+      return /* @__PURE__ */ t(Lr, { props: n });
     default:
-      return /* @__PURE__ */ t(yr, { props: n });
+      return /* @__PURE__ */ t(Dr, { props: n });
   }
 }
-const Ne = [
-  { name: "Sarah Chen", role: "CEO at TechCorp", quote: "OpenPage completely changed how we build landing pages. The JSON config approach is genius.", rating: 5 },
-  { name: "Marcus Johnson", role: "Lead Developer", quote: "Finally, a tool where both designers and AI agents can work together seamlessly.", rating: 5 },
-  { name: "Emma Wilson", role: "Product Manager", quote: "We shipped our marketing site in half the time. The component library is incredible.", rating: 4 }
-];
-function Se({ rating: e }) {
+function $e({ rating: e }) {
   return /* @__PURE__ */ t("div", { className: "flex gap-0.5", children: [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ t(
-    be,
+    ve,
     {
       size: 12,
       className: n <= e ? "text-status-yellow fill-status-yellow" : "text-text-3"
@@ -448,8 +474,8 @@ function Se({ rating: e }) {
     n
   )) });
 }
-function Sr({ props: e }) {
-  const n = e.items || Ne;
+function Or({ props: e }) {
+  const n = e.items || ce;
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-16 @md:py-20", children: [
     /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 text-center mb-10", children: [
       /* @__PURE__ */ t("h2", { className: "text-2xl @md:text-3xl font-bold tracking-tight mb-2", children: e.title || "What people say" }),
@@ -460,13 +486,13 @@ function Sr({ props: e }) {
       {
         className: `reveal-fade-up reveal-d${Math.min(a + 2, 8)} bg-bg-2 border border-border-default rounded-xl p-5 transition-all hover:border-border-hover`,
         children: [
-          /* @__PURE__ */ t(he, { size: 20, className: "text-green/30 mb-3" }),
+          /* @__PURE__ */ t(we, { size: 20, className: "text-green/30 mb-3" }),
           /* @__PURE__ */ i("p", { className: "text-[13px] text-text-1 leading-relaxed mb-4 italic", children: [
             '"',
             r.quote,
             '"'
           ] }),
-          r.rating && /* @__PURE__ */ t(Se, { rating: r.rating }),
+          r.rating && /* @__PURE__ */ t($e, { rating: r.rating }),
           /* @__PURE__ */ i("div", { className: "flex items-center gap-3 mt-4 pt-4 border-t border-border-subtle", children: [
             r.avatar ? /* @__PURE__ */ t("img", { src: r.avatar, alt: r.name, className: "w-9 h-9 rounded-full object-cover border border-border-default" }) : /* @__PURE__ */ t("div", { className: "w-9 h-9 rounded-full bg-bg-4 border border-border-default flex items-center justify-center text-[11px] font-semibold text-text-2", children: r.name.split(" ").map((o) => o[0]).join("") }),
             /* @__PURE__ */ i("div", { children: [
@@ -480,8 +506,8 @@ function Sr({ props: e }) {
     )) })
   ] });
 }
-function Cr({ props: e }) {
-  const n = e.items || Ne, [r, a] = C(0), o = (c) => {
+function Fr({ props: e }) {
+  const n = e.items || ce, [r, a] = C(0), o = (c) => {
     a((c % n.length + n.length) % n.length);
   };
   if (n.length === 0) return null;
@@ -489,13 +515,13 @@ function Cr({ props: e }) {
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-16 @md:py-20", children: [
     /* @__PURE__ */ t("div", { className: "reveal-fade-up reveal-d1 text-center mb-10", children: /* @__PURE__ */ t("h2", { className: "text-2xl @md:text-3xl font-bold tracking-tight mb-2", children: e.title || "What people say" }) }),
     /* @__PURE__ */ t("div", { className: "reveal-fade-up reveal-d2 max-w-2xl mx-auto", children: /* @__PURE__ */ i("div", { className: "text-center", children: [
-      /* @__PURE__ */ t(he, { size: 32, className: "text-green/20 mx-auto mb-4" }),
+      /* @__PURE__ */ t(we, { size: 32, className: "text-green/20 mx-auto mb-4" }),
       /* @__PURE__ */ i("p", { className: "text-lg text-text-0 leading-relaxed mb-4 italic", children: [
         '"',
         l.quote,
         '"'
       ] }),
-      l.rating && /* @__PURE__ */ t("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ t(Se, { rating: l.rating }) }),
+      l.rating && /* @__PURE__ */ t("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ t($e, { rating: l.rating }) }),
       /* @__PURE__ */ i("div", { className: "flex items-center justify-center gap-3", children: [
         l.avatar ? /* @__PURE__ */ t("img", { src: l.avatar, alt: l.name, className: "w-10 h-10 rounded-full object-cover border border-border-default" }) : /* @__PURE__ */ t("div", { className: "w-10 h-10 rounded-full bg-bg-4 border border-border-default flex items-center justify-center text-xs font-semibold text-text-2", children: l.name.split(" ").map((c) => c[0]).join("") }),
         /* @__PURE__ */ i("div", { className: "text-left", children: [
@@ -509,7 +535,7 @@ function Cr({ props: e }) {
           {
             onClick: () => o(s - 1),
             className: "w-8 h-8 rounded-full border border-border-default bg-bg-2 flex items-center justify-center text-text-2 hover:text-text-0 hover:border-border-hover transition-colors",
-            children: /* @__PURE__ */ t($t, { size: 16 })
+            children: /* @__PURE__ */ t(Et, { size: 16 })
           }
         ),
         /* @__PURE__ */ t("div", { className: "flex gap-1.5", children: n.map((c, d) => /* @__PURE__ */ t(
@@ -525,23 +551,23 @@ function Cr({ props: e }) {
           {
             onClick: () => o(s + 1),
             className: "w-8 h-8 rounded-full border border-border-default bg-bg-2 flex items-center justify-center text-text-2 hover:text-text-0 hover:border-border-hover transition-colors",
-            children: /* @__PURE__ */ t(Ee, { size: 16 })
+            children: /* @__PURE__ */ t(ze, { size: 16 })
           }
         )
       ] })
     ] }) })
   ] });
 }
-function $r({ props: e }) {
-  const r = (e.items || Ne)[0];
+function Er({ props: e }) {
+  const r = (e.items || ce)[0];
   return r ? /* @__PURE__ */ t("section", { className: "px-6 @md:px-10 py-16 @md:py-24", children: /* @__PURE__ */ i("div", { className: "max-w-2xl mx-auto text-center", children: [
-    /* @__PURE__ */ t("div", { className: "reveal-fade-up reveal-d1", children: /* @__PURE__ */ t(he, { size: 48, className: "text-green/20 mx-auto mb-6" }) }),
+    /* @__PURE__ */ t("div", { className: "reveal-fade-up reveal-d1", children: /* @__PURE__ */ t(we, { size: 48, className: "text-green/20 mx-auto mb-6" }) }),
     /* @__PURE__ */ i("p", { className: "reveal-fade-up reveal-d2 text-xl @md:text-2xl text-text-0 leading-relaxed mb-8 italic font-display", children: [
       '"',
       r.quote,
       '"'
     ] }),
-    r.rating && /* @__PURE__ */ t("div", { className: "flex justify-center mb-6", children: /* @__PURE__ */ t(Se, { rating: r.rating }) }),
+    r.rating && /* @__PURE__ */ t("div", { className: "flex justify-center mb-6", children: /* @__PURE__ */ t($e, { rating: r.rating }) }),
     /* @__PURE__ */ i("div", { className: "flex items-center justify-center gap-3", children: [
       /* @__PURE__ */ t("div", { className: "w-12 h-12 rounded-full bg-bg-4 border border-border-default flex items-center justify-center text-sm font-semibold text-text-2", children: r.name.split(" ").map((a) => a[0]).join("") }),
       /* @__PURE__ */ i("div", { className: "text-left", children: [
@@ -551,25 +577,20 @@ function $r({ props: e }) {
     ] })
   ] }) }) : null;
 }
-function Pr({ block: e }) {
+function Hr({ block: e }) {
   const n = e.props;
   switch (e.variant) {
     case "carousel":
-      return /* @__PURE__ */ t(Cr, { props: n });
+      return /* @__PURE__ */ t(Fr, { props: n });
     case "spotlight":
-      return /* @__PURE__ */ t($r, { props: n });
+      return /* @__PURE__ */ t(Er, { props: n });
     default:
-      return /* @__PURE__ */ t(Sr, { props: n });
+      return /* @__PURE__ */ t(Or, { props: n });
   }
 }
-const Ce = [
-  { value: "10K+", label: "Sites built" },
-  { value: "99.9%", label: "Uptime" },
-  { value: "50ms", label: "Avg. response" },
-  { value: "4.9/5", label: "User rating" }
-];
-function Tr({ props: e }) {
-  const n = e.items || Ce;
+const Pe = dt;
+function zr({ props: e }) {
+  const n = e.items || Pe;
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-12 @md:py-16", children: [
     e.title && /* @__PURE__ */ t("h2", { className: "reveal-fade-up reveal-d1 text-xl font-bold tracking-tight text-center mb-8", children: e.title }),
     /* @__PURE__ */ t("div", { className: "grid grid-cols-2 @2xl:grid-cols-4 gap-4", children: n.map((r, a) => /* @__PURE__ */ i("div", { className: `reveal-fade-up reveal-d${Math.min(a + 2, 8)} text-center p-4 rounded-xl bg-bg-2 border border-border-default`, children: [
@@ -578,15 +599,15 @@ function Tr({ props: e }) {
     ] }, a)) })
   ] });
 }
-function Ir({ props: e }) {
-  const n = e.items || Ce;
+function Rr({ props: e }) {
+  const n = e.items || Pe;
   return /* @__PURE__ */ t("section", { className: "px-6 @md:px-10 py-10", children: /* @__PURE__ */ t("div", { className: "reveal-scale reveal-d1 flex flex-wrap items-center justify-center gap-8 @md:gap-12 py-6 px-4 rounded-xl bg-bg-2 border border-border-default", children: n.map((r, a) => /* @__PURE__ */ i("div", { className: "text-center", children: [
     /* @__PURE__ */ t("div", { className: "text-2xl @md:text-3xl font-bold tracking-tight text-text-0 mb-0.5", children: r.value }),
     /* @__PURE__ */ t("div", { className: "text-[11px] text-text-3 font-medium uppercase tracking-wider", children: r.label })
   ] }, a)) }) });
 }
-function jr({ props: e }) {
-  const n = e.items || Ce;
+function Gr({ props: e }) {
+  const n = e.items || Pe;
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-12 @md:py-16", children: [
     e.title && /* @__PURE__ */ t("h2", { className: "reveal-fade-up reveal-d1 text-xl font-bold tracking-tight text-center mb-8", children: e.title }),
     /* @__PURE__ */ t("div", { className: "grid grid-cols-2 @2xl:grid-cols-4 gap-4", children: n.map((r, a) => /* @__PURE__ */ i("div", { className: `reveal-fade-up reveal-d${Math.min(a + 2, 8)} text-center p-5 rounded-xl bg-green/8 border border-green/15`, children: [
@@ -595,24 +616,19 @@ function jr({ props: e }) {
     ] }, a)) })
   ] });
 }
-function Ar({ block: e }) {
+function Ur({ block: e }) {
   const n = e.props;
   switch (e.variant) {
     case "bar":
-      return /* @__PURE__ */ t(Ir, { props: n });
+      return /* @__PURE__ */ t(Rr, { props: n });
     case "counter":
-      return /* @__PURE__ */ t(jr, { props: n });
+      return /* @__PURE__ */ t(Gr, { props: n });
     default:
-      return /* @__PURE__ */ t(Tr, { props: n });
+      return /* @__PURE__ */ t(zr, { props: n });
   }
 }
-const Dr = [
-  { question: "What is OpenPage?", answer: "OpenPage is a visual website builder that uses structured JSON config as the source of truth. Both humans and AI agents can edit the same config to build beautiful websites." },
-  { question: "How does the JSON config work?", answer: "Every website is represented as a JSON document with blocks, styles, and content. The visual editor reads and writes this JSON, and agents can make surgical edits via the API." },
-  { question: "Can I use my own components?", answer: "Yes! OpenPage supports custom components. You can build your own blocks following our component schema and register them in the block registry." },
-  { question: "Is it free to use?", answer: "OpenPage offers a free tier for personal projects with up to 5 blocks. Pro and Team plans unlock unlimited blocks, custom domains, and priority support." }
-];
-function Br({ item: e, isOpen: n, onToggle: r }) {
+const qr = pt;
+function _r({ item: e, isOpen: n, onToggle: r }) {
   return /* @__PURE__ */ i("div", { className: "border-b border-border-subtle", children: [
     /* @__PURE__ */ i(
       "button",
@@ -622,7 +638,7 @@ function Br({ item: e, isOpen: n, onToggle: r }) {
         children: [
           /* @__PURE__ */ t("span", { className: "text-[13.5px] font-medium text-text-0 group-hover:text-green transition-colors", children: e.question }),
           /* @__PURE__ */ t(
-            ae,
+            oe,
             {
               size: 16,
               className: `text-text-3 shrink-0 ml-4 transition-transform duration-200 ${n ? "rotate-180 text-green" : ""}`
@@ -640,15 +656,15 @@ function Br({ item: e, isOpen: n, onToggle: r }) {
     )
   ] });
 }
-function Mr({ block: e }) {
-  const n = e.props, r = n.items || Dr, [a, o] = C(0);
+function Jr({ block: e }) {
+  const n = e.props, r = n.items || qr, [a, o] = C(0);
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-16 @md:py-20", children: [
     /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 text-center mb-10", children: [
       /* @__PURE__ */ t("h2", { className: "text-2xl @md:text-3xl font-bold tracking-tight mb-2", children: n.title || "Frequently Asked Questions" }),
       n.subtitle && /* @__PURE__ */ t("p", { className: "text-text-2 text-sm max-w-lg mx-auto", children: n.subtitle })
     ] }),
     /* @__PURE__ */ t("div", { className: "max-w-2xl mx-auto", children: r.map((s, l) => /* @__PURE__ */ t("div", { className: `reveal-fade-up reveal-d${Math.min(l + 2, 8)}`, children: /* @__PURE__ */ t(
-      Br,
+      _r,
       {
         item: s,
         isOpen: a === l,
@@ -657,14 +673,9 @@ function Mr({ block: e }) {
     ) }, l)) })
   ] });
 }
-const Lr = [
-  { name: "Alex Rivera", role: "CEO & Founder" },
-  { name: "Jordan Lee", role: "CTO" },
-  { name: "Sam Patel", role: "Head of Design" },
-  { name: "Casey Morgan", role: "Lead Engineer" }
-];
-function Or({ block: e }) {
-  const n = e.props, r = n.members || Lr;
+const Vr = ut;
+function Wr({ block: e }) {
+  const n = e.props, r = n.members || Vr;
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-16 @md:py-20", children: [
     /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 text-center mb-10", children: [
       /* @__PURE__ */ t("h2", { className: "text-2xl @md:text-3xl font-bold tracking-tight mb-2", children: n.title || "Meet the Team" }),
@@ -677,7 +688,7 @@ function Or({ block: e }) {
     ] }, o)) })
   ] });
 }
-function Er({ block: e }) {
+function Kr({ block: e }) {
   const n = e.props;
   return /* @__PURE__ */ t("section", { className: "px-6 @md:px-10 py-16 @md:py-20", children: /* @__PURE__ */ i("div", { className: "max-w-lg mx-auto", children: [
     /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 text-center mb-8", children: [
@@ -726,7 +737,7 @@ function Er({ block: e }) {
           onClick: () => S("Message sent! We'll be in touch soon."),
           className: "w-full py-3 rounded-lg bg-green text-black text-sm font-semibold hover:bg-green-dim transition-all hover:accent-glow-lg flex items-center justify-center gap-2",
           children: [
-            /* @__PURE__ */ t(He, { size: 14 }),
+            /* @__PURE__ */ t(Re, { size: 14 }),
             "Send Message"
           ]
         }
@@ -734,10 +745,10 @@ function Er({ block: e }) {
     ] })
   ] }) });
 }
-function Hr({ block: e }) {
+function Yr({ block: e }) {
   const n = e.props;
   return /* @__PURE__ */ t("section", { className: "px-6 @md:px-10 py-12 @md:py-16", children: /* @__PURE__ */ i("div", { className: "max-w-xl mx-auto text-center", children: [
-    /* @__PURE__ */ t("div", { className: "reveal-scale reveal-d1 w-12 h-12 rounded-xl bg-green/10 border border-green/20 flex items-center justify-center text-green mx-auto mb-4", children: /* @__PURE__ */ t(ve, { size: 22 }) }),
+    /* @__PURE__ */ t("div", { className: "reveal-scale reveal-d1 w-12 h-12 rounded-xl bg-green/10 border border-green/20 flex items-center justify-center text-green mx-auto mb-4", children: /* @__PURE__ */ t(ke, { size: 22 }) }),
     /* @__PURE__ */ t("h2", { className: "reveal-fade-up reveal-d2 text-xl @md:text-2xl font-bold tracking-tight mb-2", children: n.title || "Stay in the loop" }),
     /* @__PURE__ */ t("p", { className: "reveal-fade-up reveal-d3 text-text-2 text-sm mb-6", children: n.subtitle || "Get updates on new features and releases. No spam, ever." }),
     /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d4 flex gap-2 max-w-sm mx-auto", children: [
@@ -762,8 +773,7 @@ function Hr({ block: e }) {
     !n.socialProof && /* @__PURE__ */ t("p", { className: "text-[11px] text-text-3 mt-3", children: "Join 2,000+ developers and designers" })
   ] }) });
 }
-const Fr = ["Vercel", "Stripe", "GitHub", "Figma", "Notion", "Linear"];
-function zr({ name: e }) {
+function Zr({ name: e }) {
   return /* @__PURE__ */ t("div", { className: "group cursor-pointer transition-all", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2 opacity-50 group-hover:opacity-100 transition-all group-hover:scale-105 grayscale group-hover:grayscale-0", children: [
     /* @__PURE__ */ i(
       "svg",
@@ -806,34 +816,34 @@ function zr({ name: e }) {
     /* @__PURE__ */ t("span", { className: "text-sm font-semibold text-text-3 group-hover:text-text-0 tracking-tight transition-colors", children: e })
   ] }) });
 }
-function Rr({ block: e }) {
-  const n = e.props, r = n.logos || Fr;
+function Qr({ block: e }) {
+  const n = e.props, r = n.logos || it;
   return /* @__PURE__ */ i("section", { className: "px-6 @md:px-10 py-10 @md:py-14", children: [
     /* @__PURE__ */ t("p", { className: "reveal-fade-up reveal-d1 text-center text-[11px] font-medium uppercase tracking-widest text-text-3 mb-6", children: n.title || "Trusted by teams at" }),
-    /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center justify-center gap-8 @md:gap-12", children: r.map((a, o) => /* @__PURE__ */ t("div", { className: `reveal-fade-up reveal-d${Math.min(o + 2, 8)}`, children: /* @__PURE__ */ t(zr, { name: a }) }, o)) })
+    /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center justify-center gap-8 @md:gap-12", children: r.map((a, o) => /* @__PURE__ */ t("div", { className: `reveal-fade-up reveal-d${Math.min(o + 2, 8)}`, children: /* @__PURE__ */ t(Zr, { name: a }) }, o)) })
   ] });
 }
-function Gr({ block: e }) {
+function Xr({ block: e }) {
   const { variant: n } = e, r = Number(e.props.height) || 60, a = e.props.width || "full", o = a === "narrow" ? "max-w-32" : a === "centered" ? "max-w-xs" : "w-full";
   return n === "space" ? /* @__PURE__ */ t("div", { style: { height: `${r}px` } }) : n === "dots" ? /* @__PURE__ */ t("div", { className: "flex items-center justify-center gap-2 py-8", style: { minHeight: `${r}px` }, children: [0, 1, 2].map((s) => /* @__PURE__ */ t("span", { className: "w-1.5 h-1.5 rounded-full bg-text-3" }, s)) }) : /* @__PURE__ */ t("div", { className: "flex items-center justify-center", style: { minHeight: `${r}px` }, children: /* @__PURE__ */ t("div", { className: `${o} mx-auto border-t border-border-default` }) });
 }
-function Ur({ block: e }) {
+function en({ block: e }) {
   const { variant: n, props: r } = e, a = r.text || "Announcement", o = r.linkText, s = r.linkUrl || "#";
   return n === "bar" ? /* @__PURE__ */ t("div", { className: "px-6 py-3 @lg:px-9", children: /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 flex items-center justify-between gap-4 px-5 py-3.5 rounded-lg border border-border-default bg-bg-2", children: [
     /* @__PURE__ */ t("span", { className: "text-[13px] text-text-1", children: a }),
     o && /* @__PURE__ */ i("a", { href: s, className: "text-[13px] font-medium text-green hover:text-green-dim transition-colors flex items-center gap-1 shrink-0", children: [
       o,
-      /* @__PURE__ */ t(F, { size: 13 })
+      /* @__PURE__ */ t(H, { size: 13 })
     ] })
   ] }) }) : /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 flex items-center justify-center gap-3 px-4 py-2.5 bg-green/10 border-b border-green/20", children: [
     /* @__PURE__ */ t("span", { className: "text-[12.5px] text-text-0 font-medium", children: a }),
     o && /* @__PURE__ */ i("a", { href: s, className: "text-[12.5px] font-semibold text-green hover:text-green-dim transition-colors flex items-center gap-1", children: [
       o,
-      /* @__PURE__ */ t(F, { size: 12 })
+      /* @__PURE__ */ t(H, { size: 12 })
     ] })
   ] });
 }
-function qr(e) {
+function tn(e) {
   const n = e.split(`
 `), r = [];
   let a = [], o = 0;
@@ -847,22 +857,22 @@ function qr(e) {
       continue;
     }
     if (c.startsWith("### ")) {
-      s(), r.push(U("h3", { key: o++, className: "text-lg font-semibold font-display mb-2 mt-4" }, Q(c.slice(4))));
+      s(), r.push(U("h3", { key: o++, className: "text-lg font-semibold font-display mb-2 mt-4" }, X(c.slice(4))));
       continue;
     }
     if (c.startsWith("## ")) {
-      s(), r.push(U("h2", { key: o++, className: "text-xl font-semibold font-display mb-3 mt-5" }, Q(c.slice(3))));
+      s(), r.push(U("h2", { key: o++, className: "text-xl font-semibold font-display mb-3 mt-5" }, X(c.slice(3))));
       continue;
     }
     if (c.startsWith("- ") || c.startsWith("* ")) {
-      a.push(U("li", { key: o++ }, Q(c.slice(2))));
+      a.push(U("li", { key: o++ }, X(c.slice(2))));
       continue;
     }
-    s(), r.push(U("p", { key: o++, className: "text-text-1 leading-relaxed mb-3" }, Q(c)));
+    s(), r.push(U("p", { key: o++, className: "text-text-1 leading-relaxed mb-3" }, X(c)));
   }
   return s(), r;
 }
-function Q(e) {
+function X(e) {
   const n = [];
   let r = e, a = 0;
   for (; r.length > 0; ) {
@@ -875,8 +885,8 @@ function Q(e) {
   }
   return n;
 }
-function _r({ block: e }) {
-  const { variant: n, props: r } = e, a = r.body || "", o = qr(a);
+function rn({ block: e }) {
+  const { variant: n, props: r } = e, a = r.body || "", o = tn(a);
   if (n === "columns") {
     const s = Math.ceil(o.length / 2);
     return /* @__PURE__ */ t("div", { className: "px-6 py-12 @lg:px-16 @lg:py-16", children: /* @__PURE__ */ i("div", { className: "reveal-fade-up reveal-d1 grid grid-cols-1 @lg:grid-cols-2 gap-8 @lg:gap-12", children: [
@@ -886,51 +896,51 @@ function _r({ block: e }) {
   }
   return n === "highlight" ? /* @__PURE__ */ t("div", { className: "px-6 py-12 @lg:px-16 @lg:py-16", children: /* @__PURE__ */ t("div", { className: "reveal-slide-right reveal-d1 border-l-2 border-green pl-6 @lg:pl-8 bg-green-glow2 rounded-r-lg py-6 px-4", children: o }) }) : /* @__PURE__ */ t("div", { className: "reveal-fade-up reveal-d1 px-6 py-12 @lg:px-16 @lg:py-16 max-w-3xl mx-auto", children: o });
 }
-function ce({ className: e }) {
-  return /* @__PURE__ */ t("div", { className: `bg-gradient-to-br from-bg-3 to-bg-4 flex items-center justify-center ${e || ""}`, children: /* @__PURE__ */ t(oe, { size: 32, className: "text-text-3" }) });
+function pe({ className: e }) {
+  return /* @__PURE__ */ t("div", { className: `bg-gradient-to-br from-bg-3 to-bg-4 flex items-center justify-center ${e || ""}`, children: /* @__PURE__ */ t(se, { size: 32, className: "text-text-3" }) });
 }
-function Jr({ block: e }) {
+function nn({ block: e }) {
   const { variant: n, props: r } = e, a = r.src, o = r.alt || "", s = r.title, l = r.subtitle, c = r.imageSide || "left", d = r.images || [];
   if (n === "side-by-side")
     return /* @__PURE__ */ t("div", { className: "px-6 py-12 @lg:px-16 @lg:py-16", children: /* @__PURE__ */ i("div", { className: "grid grid-cols-1 @lg:grid-cols-2 gap-8 @lg:gap-12 items-center ", children: [
-      /* @__PURE__ */ t("div", { className: `reveal-scale reveal-d1 ${c === "right" ? "@lg:order-2" : ""}`, children: a ? /* @__PURE__ */ t("img", { src: a, alt: o, className: "w-full h-full object-cover rounded-lg" }) : /* @__PURE__ */ t(ce, { className: "w-full h-64 @lg:h-80 rounded-lg" }) }),
+      /* @__PURE__ */ t("div", { className: `reveal-scale reveal-d1 ${c === "right" ? "@lg:order-2" : ""}`, children: a ? /* @__PURE__ */ t("img", { src: a, alt: o, className: "w-full h-full object-cover rounded-lg" }) : /* @__PURE__ */ t(pe, { className: "w-full h-64 @lg:h-80 rounded-lg" }) }),
       /* @__PURE__ */ i("div", { className: `reveal-fade-up reveal-d2 ${c === "right" ? "@lg:order-1" : ""}`, children: [
         s && /* @__PURE__ */ t("h2", { className: "text-2xl font-display font-semibold mb-3", children: s }),
         l && /* @__PURE__ */ t("p", { className: "text-text-1 leading-relaxed", children: l })
       ] })
     ] }) });
   if (n === "grid") {
-    const p = d.length > 0 ? d.slice(0, 4) : [{ src: void 0, alt: "1" }, { src: void 0, alt: "2" }, { src: void 0, alt: "3" }, { src: void 0, alt: "4" }];
+    const p = d.length > 0 ? d.slice(0, 4) : gt;
     return /* @__PURE__ */ i("div", { className: "px-6 py-12 @lg:px-16 @lg:py-16", children: [
       s && /* @__PURE__ */ t("h2", { className: "reveal-fade-up reveal-d1 text-2xl font-display font-semibold mb-6 text-center", children: s }),
-      /* @__PURE__ */ t("div", { className: "grid grid-cols-2 @lg:grid-cols-4 gap-3", children: p.map((m, f) => /* @__PURE__ */ t("div", { className: `reveal-scale reveal-d${Math.min(f + 2, 8)} aspect-square rounded-lg overflow-hidden`, children: m.src ? /* @__PURE__ */ t("img", { src: m.src, alt: m.alt || "", className: "w-full h-full object-cover" }) : /* @__PURE__ */ t(ce, { className: "w-full h-full" }) }, f)) })
+      /* @__PURE__ */ t("div", { className: "grid grid-cols-2 @lg:grid-cols-4 gap-3", children: p.map((u, f) => /* @__PURE__ */ t("div", { className: `reveal-scale reveal-d${Math.min(f + 2, 8)} aspect-square rounded-lg overflow-hidden`, children: u.src ? /* @__PURE__ */ t("img", { src: u.src, alt: u.alt || "", className: "w-full h-full object-cover" }) : /* @__PURE__ */ t(pe, { className: "w-full h-full" }) }, f)) })
     ] });
   }
   return /* @__PURE__ */ i("div", { className: "reveal-scale reveal-d1 relative", children: [
-    a ? /* @__PURE__ */ t("img", { src: a, alt: o, className: "w-full h-64 @lg:h-96 object-cover" }) : /* @__PURE__ */ t(ce, { className: "w-full h-64 @lg:h-96" }),
+    a ? /* @__PURE__ */ t("img", { src: a, alt: o, className: "w-full h-64 @lg:h-96 object-cover" }) : /* @__PURE__ */ t(pe, { className: "w-full h-64 @lg:h-96" }),
     (s || l) && /* @__PURE__ */ i("div", { className: "absolute inset-0 bg-gradient-to-t from-bg-0/80 to-transparent flex flex-col justify-end p-6 @lg:p-12", children: [
       s && /* @__PURE__ */ t("h2", { className: "reveal-fade-up reveal-d2 text-2xl @lg:text-3xl font-display font-bold mb-2", children: s }),
       l && /* @__PURE__ */ t("p", { className: "reveal-fade-up reveal-d3 text-text-1 text-sm @lg:text-base max-w-lg", children: l })
     ] })
   ] });
 }
-function Vr(e) {
+function an(e) {
   return e.match(/(?:youtu\.be\/|youtube\.com\/(?:watch\?v=|embed\/|v\/))([a-zA-Z0-9_-]{11})/)?.[1] || null;
 }
-function Wr(e) {
+function on(e) {
   return e.match(/vimeo\.com\/(\d+)/)?.[1] || null;
 }
-function Kr() {
-  return /* @__PURE__ */ t("div", { className: "w-full aspect-video bg-gradient-to-br from-bg-3 to-bg-4 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ t("div", { className: "w-14 h-14 rounded-full bg-bg-5/50 border border-border-default flex items-center justify-center", children: /* @__PURE__ */ t(ye, { size: 24, className: "text-text-3 ml-0.5" }) }) });
+function sn() {
+  return /* @__PURE__ */ t("div", { className: "w-full aspect-video bg-gradient-to-br from-bg-3 to-bg-4 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ t("div", { className: "w-14 h-14 rounded-full bg-bg-5/50 border border-border-default flex items-center justify-center", children: /* @__PURE__ */ t(Ne, { size: 24, className: "text-text-3 ml-0.5" }) }) });
 }
-function Yr({ block: e }) {
+function ln({ block: e }) {
   const { variant: n, props: r } = e, a = r.url || "", o = r.title;
   let s = null;
   if (n === "vimeo") {
-    const l = Wr(a);
+    const l = on(a);
     l && (s = `https://player.vimeo.com/video/${l}`);
   } else {
-    const l = Vr(a);
+    const l = an(a);
     l && (s = `https://www.youtube-nocookie.com/embed/${l}`);
   }
   return /* @__PURE__ */ i("div", { className: "px-6 py-12 @lg:px-16 @lg:py-16", children: [
@@ -944,34 +954,26 @@ function Yr({ block: e }) {
         allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
         allowFullScreen: !0
       }
-    ) }) : /* @__PURE__ */ t(Kr, {})
+    ) }) : /* @__PURE__ */ t(sn, {})
   ] });
 }
-const Zr = [
-  { alt: "Image 1" },
-  { alt: "Image 2" },
-  { alt: "Image 3" },
-  { alt: "Image 4" },
-  { alt: "Image 5" },
-  { alt: "Image 6" }
-];
-function De({ image: e, tall: n }) {
+function Le({ image: e, tall: n }) {
   return /* @__PURE__ */ i("div", { className: `rounded-lg overflow-hidden border border-border-default group ${n ? "row-span-2" : ""}`, children: [
-    e.src ? /* @__PURE__ */ t("img", { src: e.src, alt: e.alt || "", className: "w-full h-full object-cover" }) : /* @__PURE__ */ t("div", { className: "w-full h-full min-h-[140px] bg-gradient-to-br from-bg-3 to-bg-4 flex items-center justify-center", children: /* @__PURE__ */ t(oe, { size: 24, className: "text-text-3" }) }),
+    e.src ? /* @__PURE__ */ t("img", { src: e.src, alt: e.alt || "", className: "w-full h-full object-cover" }) : /* @__PURE__ */ t("div", { className: "w-full h-full min-h-[140px] bg-gradient-to-br from-bg-3 to-bg-4 flex items-center justify-center", children: /* @__PURE__ */ t(se, { size: 24, className: "text-text-3" }) }),
     e.caption && /* @__PURE__ */ t("div", { className: "px-3 py-2 bg-bg-2 text-[11px] text-text-2", children: e.caption })
   ] });
 }
-function Qr({ block: e }) {
-  const { variant: n, props: r } = e, a = r.title, o = (r.images || []).length > 0 ? r.images : Zr;
+function cn({ block: e }) {
+  const { variant: n, props: r } = e, a = r.title, o = (r.images || []).length > 0 ? r.images : mt;
   return n === "masonry" ? /* @__PURE__ */ i("div", { className: "px-6 py-12 @lg:px-16 @lg:py-16", children: [
     a && /* @__PURE__ */ t("h2", { className: "reveal-fade-up reveal-d1 text-2xl font-display font-semibold mb-6 text-center", children: a }),
-    /* @__PURE__ */ t("div", { className: "grid grid-cols-2 @lg:grid-cols-3 auto-rows-[160px] gap-3", children: o.map((s, l) => /* @__PURE__ */ t("div", { className: `reveal-scale reveal-d${Math.min(l + 2, 8)}`, children: /* @__PURE__ */ t(De, { image: s, tall: l % 3 === 0 }) }, l)) })
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-2 @lg:grid-cols-3 auto-rows-[160px] gap-3", children: o.map((s, l) => /* @__PURE__ */ t("div", { className: `reveal-scale reveal-d${Math.min(l + 2, 8)}`, children: /* @__PURE__ */ t(Le, { image: s, tall: l % 3 === 0 }) }, l)) })
   ] }) : /* @__PURE__ */ i("div", { className: "px-6 py-12 @lg:px-16 @lg:py-16", children: [
     a && /* @__PURE__ */ t("h2", { className: "reveal-fade-up reveal-d1 text-2xl font-display font-semibold mb-6 text-center", children: a }),
-    /* @__PURE__ */ t("div", { className: "grid grid-cols-2 @lg:grid-cols-3 gap-3", children: o.map((s, l) => /* @__PURE__ */ t("div", { className: `reveal-scale reveal-d${Math.min(l + 2, 8)}`, children: /* @__PURE__ */ t(De, { image: s }) }, l)) })
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-2 @lg:grid-cols-3 gap-3", children: o.map((s, l) => /* @__PURE__ */ t("div", { className: `reveal-scale reveal-d${Math.min(l + 2, 8)}`, children: /* @__PURE__ */ t(Le, { image: s }) }, l)) })
   ] });
 }
-class Xr extends xt {
+class dn extends Pt {
   state = { hasError: !1, error: void 0 };
   static getDerivedStateFromError(n) {
     return { hasError: !0, error: n };
@@ -987,45 +989,45 @@ class Xr extends xt {
     ] }) : this.props.children;
   }
 }
-function en({ block: e }) {
+function pn({ block: e }) {
   return /* @__PURE__ */ i("div", { className: "px-9 py-7 text-center text-text-3 text-sm", children: [
     e.type,
     " block (coming soon)"
   ] });
 }
-const tn = {
-  navbar: nr,
-  hero: lr,
-  features: ur,
-  pricing: br,
-  cta: vr,
-  footer: Nr,
-  testimonials: Pr,
-  stats: Ar,
-  faq: Mr,
-  team: Or,
-  contact: Er,
-  newsletter: Hr,
-  logocloud: Rr,
-  divider: Gr,
-  banner: Ur,
-  content: _r,
-  image: Jr,
-  video: Yr,
-  gallery: Qr
+const un = {
+  navbar: xr,
+  hero: yr,
+  features: Cr,
+  pricing: Tr,
+  cta: Ar,
+  footer: Mr,
+  testimonials: Hr,
+  stats: Ur,
+  faq: Jr,
+  team: Wr,
+  contact: Kr,
+  newsletter: Yr,
+  logocloud: Qr,
+  divider: Xr,
+  banner: en,
+  content: rn,
+  image: nn,
+  video: ln,
+  gallery: cn
 };
-function rn({ block: e }) {
-  const n = tn[e.type] || en;
-  return /* @__PURE__ */ t(Xr, { blockType: e.type, children: /* @__PURE__ */ t(n, { block: e }) });
+function mn({ block: e }) {
+  const n = un[e.type] || pn;
+  return /* @__PURE__ */ t(dn, { blockType: e.type, children: /* @__PURE__ */ t(n, { block: e }) });
 }
-function W(e) {
+function K(e) {
   return e.pages && e.pages.length > 0 ? e.pages : [{ id: "page-home", name: "Home", path: "/", blocks: e.blocks }];
 }
-function Be(e, n) {
-  const r = W(e);
+function Me(e, n) {
+  const r = K(e);
   return r.find((o) => o.id === n)?.blocks ?? r[0]?.blocks ?? [];
 }
-const Me = [
+const Oe = [
   {
     id: "block-navbar",
     type: "navbar",
@@ -1083,54 +1085,54 @@ const Me = [
       links: ["Privacy", "Terms", "Contact"]
     }
   }
-], nn = {
+], gn = {
   name: "My Website",
-  pages: [{ id: "page-home", name: "Home", path: "/", blocks: Me }],
-  blocks: Me
+  pages: [{ id: "page-home", name: "Home", path: "/", blocks: Oe }],
+  blocks: Oe
 };
-function ue(e) {
+function xe(e) {
   return {
     pages: e.config.pages ? JSON.parse(JSON.stringify(e.config.pages)) : void 0,
     blocks: JSON.parse(JSON.stringify(e.config.blocks)),
     theme: e.config.theme ? JSON.parse(JSON.stringify(e.config.theme)) : void 0
   };
 }
-function M(e, n) {
-  const r = ue(e);
+function L(e, n) {
+  const r = xe(e);
   return {
     undoStack: [...e.undoStack, { ...r, label: n, timestamp: Date.now() }].slice(-50),
     redoStack: []
   };
 }
-function H(e) {
-  const n = W(e);
+function E(e) {
+  const n = K(e);
   return { ...e, pages: n };
 }
-function X(e, n, r) {
-  const o = W(e).map(
+function ee(e, n, r) {
+  const o = K(e).map(
     (l) => l.id === n ? { ...l, blocks: r([...l.blocks]) } : l
   ), s = o.find((l) => l.id === n)?.blocks ?? [];
   return { ...e, pages: o, blocks: s };
 }
-const v = nt()(
-  qt(
+const v = st()(
+  rr(
     (e, n) => ({
-      config: nn,
+      config: gn,
       activePageId: "page-home",
       undoStack: [],
       redoStack: [],
       setConfig: (r) => {
-        const a = W(r);
+        const a = K(r);
         e({ config: { ...r, pages: a }, activePageId: a[0]?.id ?? "page-home", undoStack: [], redoStack: [] });
       },
       setActivePage: (r) => e({ activePageId: r }),
       getActivePageBlocks: () => {
         const r = n();
-        return Be(r.config, r.activePageId);
+        return Me(r.config, r.activePageId);
       },
       updateBlock: (r, a) => e((o) => ({
-        ...M(o, "Update block"),
-        config: Z(H(o.config), (s) => {
+        ...L(o, "Update block"),
+        config: Q(E(o.config), (s) => {
           const l = s.pages.find((d) => d.id === o.activePageId);
           if (!l) return;
           const c = l.blocks.find((d) => d.id === r);
@@ -1138,8 +1140,8 @@ const v = nt()(
         })
       })),
       updateBlockProps: (r, a) => e((o) => ({
-        ...M(o, "Update properties"),
-        config: Z(H(o.config), (s) => {
+        ...L(o, "Update properties"),
+        config: Q(E(o.config), (s) => {
           const l = s.pages.find((d) => d.id === o.activePageId);
           if (!l) return;
           const c = l.blocks.find((d) => d.id === r);
@@ -1147,32 +1149,32 @@ const v = nt()(
         })
       })),
       addBlock: (r, a) => e((o) => ({
-        ...M(o, "Add block"),
-        config: X(H(o.config), o.activePageId, (s) => (a !== void 0 ? s.splice(a, 0, r) : s.push(r), s))
+        ...L(o, "Add block"),
+        config: ee(E(o.config), o.activePageId, (s) => (a !== void 0 ? s.splice(a, 0, r) : s.push(r), s))
       })),
       removeBlock: (r) => e((a) => ({
-        ...M(a, "Remove block"),
-        config: X(
-          H(a.config),
+        ...L(a, "Remove block"),
+        config: ee(
+          E(a.config),
           a.activePageId,
           (o) => o.filter((s) => s.id !== r)
         )
       })),
       duplicateBlock: (r) => e((a) => {
-        const o = Be(a.config, a.activePageId), s = o.findIndex((d) => d.id === r);
+        const o = Me(a.config, a.activePageId), s = o.findIndex((d) => d.id === r);
         if (s === -1) return a;
         const l = o[s], c = {
           ...JSON.parse(JSON.stringify(l)),
           id: `block-${Date.now()}`
         };
         return {
-          ...M(a, "Duplicate block"),
-          config: X(H(a.config), a.activePageId, (d) => (d.splice(s + 1, 0, c), d))
+          ...L(a, "Duplicate block"),
+          config: ee(E(a.config), a.activePageId, (d) => (d.splice(s + 1, 0, c), d))
         };
       }),
       moveBlock: (r, a) => e((o) => ({
-        ...M(o, "Move block"),
-        config: X(H(o.config), o.activePageId, (s) => {
+        ...L(o, "Move block"),
+        config: ee(E(o.config), o.activePageId, (s) => {
           const [l] = s.splice(r, 1);
           return s.splice(a, 0, l), s;
         })
@@ -1180,35 +1182,35 @@ const v = nt()(
       addPage: (r, a) => {
         const o = `page-${Date.now()}`;
         return e((s) => ({
-          ...M(s, "Add page"),
-          config: Z(H(s.config), (l) => {
+          ...L(s, "Add page"),
+          config: Q(E(s.config), (l) => {
             l.pages.push({ id: o, name: r, path: a, blocks: [] });
           }),
           activePageId: o
         })), o;
       },
       removePage: (r) => e((a) => {
-        const o = W(a.config);
+        const o = K(a.config);
         if (o.length <= 1) return a;
         const s = o.filter((c) => c.id !== r), l = a.activePageId === r ? s[0].id : a.activePageId;
         return {
-          ...M(a, "Remove page"),
+          ...L(a, "Remove page"),
           config: { ...a.config, pages: s, blocks: s[0].blocks },
           activePageId: l
         };
       }),
       renamePage: (r, a) => e((o) => ({
-        config: Z(H(o.config), (s) => {
+        config: Q(E(o.config), (s) => {
           const l = s.pages.find((c) => c.id === r);
           l && (l.name = a);
         })
       })),
       setTheme: (r) => e((a) => ({
-        ...M(a, "Change theme"),
+        ...L(a, "Change theme"),
         config: { ...a.config, theme: r }
       })),
       updateTheme: (r) => e((a) => ({
-        ...M(a, "Update theme"),
+        ...L(a, "Update theme"),
         config: { ...a.config, theme: { ...a.config.theme, ...r } }
       })),
       previewTheme: (r) => e((a) => ({
@@ -1216,7 +1218,7 @@ const v = nt()(
       })),
       undo: () => e((r) => {
         if (r.undoStack.length === 0) return r;
-        const a = r.undoStack[r.undoStack.length - 1], o = ue(r);
+        const a = r.undoStack[r.undoStack.length - 1], o = xe(r);
         return {
           undoStack: r.undoStack.slice(0, -1),
           redoStack: [...r.redoStack, { ...o, label: a.label, timestamp: Date.now() }],
@@ -1225,7 +1227,7 @@ const v = nt()(
       }),
       redo: () => e((r) => {
         if (r.redoStack.length === 0) return r;
-        const a = r.redoStack[r.redoStack.length - 1], o = ue(r);
+        const a = r.redoStack[r.redoStack.length - 1], o = xe(r);
         return {
           redoStack: r.redoStack.slice(0, -1),
           undoStack: [...r.undoStack, { ...o, label: a.label, timestamp: Date.now() }],
@@ -1249,7 +1251,7 @@ const v = nt()(
       }
     }
   )
-), P = nt()((e) => ({
+), P = st()((e) => ({
   selectedBlockId: null,
   viewport: "desktop",
   jsonDrawerOpen: !1,
@@ -1271,7 +1273,7 @@ const v = nt()(
   setGenerationError: (n) => e({ generationError: n }),
   clearGeneration: () => e({ isGenerating: !1, generationPrompt: null })
 }));
-function an(e = !1) {
+function xn(e = !1) {
   const n = D(null), [r, a] = C(e);
   return I(() => {
     if (e) return;
@@ -1286,14 +1288,14 @@ function an(e = !1) {
     return s.observe(o), () => s.disconnect();
   }, [e]), { ref: n, isRevealed: e || r };
 }
-function on({ block: e, isSelected: n, onSelect: r, children: a }) {
+function bn({ block: e, isSelected: n, onSelect: r, children: a }) {
   const o = v((y) => {
     const $ = y.config.pages;
     return !$ || $.length === 0 ? y.config.blocks : ($.find((R) => R.id === y.activePageId) ?? $[0]).blocks;
-  }), { duplicateBlock: s, removeBlock: l, moveBlock: c } = v(), { selectedBlockId: d, selectBlock: p } = P(), m = P((y) => y.previewMode), f = D(null), { ref: x, isRevealed: h } = an(!m), w = o.findIndex((y) => y.id === e.id), N = w === 0, b = w === o.length - 1;
+  }), { duplicateBlock: s, removeBlock: l, moveBlock: c } = v(), { selectedBlockId: d, selectBlock: p } = P(), u = P((y) => y.previewMode), f = D(null), { ref: x, isRevealed: h } = xn(!u), w = o.findIndex((y) => y.id === e.id), N = w === 0, b = w === o.length - 1;
   return I(() => {
     n && f.current && f.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
-  }, [n]), m ? /* @__PURE__ */ t(
+  }, [n]), u ? /* @__PURE__ */ t(
     "div",
     {
       ref: x,
@@ -1340,7 +1342,7 @@ function on({ block: e, isSelected: n, onSelect: r, children: a }) {
                   className: "w-6 h-6 rounded bg-bg-2/80 border border-border-default backdrop-blur-sm flex items-center justify-center text-text-3 hover:text-text-0 hover:bg-bg-3 transition-colors",
                   title: "Move up",
                   "aria-label": `Move ${e.type} block up`,
-                  children: /* @__PURE__ */ t(Pt, { size: 12 })
+                  children: /* @__PURE__ */ t(Ht, { size: 12 })
                 }
               ),
               !b && /* @__PURE__ */ t(
@@ -1352,7 +1354,7 @@ function on({ block: e, isSelected: n, onSelect: r, children: a }) {
                   className: "w-6 h-6 rounded bg-bg-2/80 border border-border-default backdrop-blur-sm flex items-center justify-center text-text-3 hover:text-text-0 hover:bg-bg-3 transition-colors",
                   title: "Move down",
                   "aria-label": `Move ${e.type} block down`,
-                  children: /* @__PURE__ */ t(ae, { size: 12 })
+                  children: /* @__PURE__ */ t(oe, { size: 12 })
                 }
               ),
               /* @__PURE__ */ t(
@@ -1364,7 +1366,7 @@ function on({ block: e, isSelected: n, onSelect: r, children: a }) {
                   className: "w-6 h-6 rounded bg-bg-2/80 border border-border-default backdrop-blur-sm flex items-center justify-center text-text-3 hover:text-text-0 hover:bg-bg-3 transition-colors",
                   title: "Duplicate",
                   "aria-label": `Duplicate ${e.type} block`,
-                  children: /* @__PURE__ */ t(Fe, { size: 12 })
+                  children: /* @__PURE__ */ t(Ge, { size: 12 })
                 }
               ),
               /* @__PURE__ */ t(
@@ -1384,7 +1386,7 @@ function on({ block: e, isSelected: n, onSelect: r, children: a }) {
                   className: "w-6 h-6 rounded bg-bg-2/80 border border-border-default backdrop-blur-sm flex items-center justify-center text-text-3 hover:text-status-red hover:bg-status-red/10 transition-colors",
                   title: "Delete",
                   "aria-label": `Delete ${e.type} block`,
-                  children: /* @__PURE__ */ t(ze, { size: 12 })
+                  children: /* @__PURE__ */ t(Ue, { size: 12 })
                 }
               )
             ]
@@ -1410,7 +1412,9 @@ const A = [
     description: "Full-width hero section with headline and CTAs",
     category: "Hero",
     variants: ["centered", "split", "gradient", "minimal"],
-    defaultProps: { headline: "Your Headline Here", subheadline: "A compelling subheadline that explains your value proposition.", primaryCta: "Get Started", secondaryCta: "Learn More" }
+    // badge:'' gives the normalizer a string contract for badge (renders only
+    // when truthy → byte-identical output vs the key being absent) — ISS-005 review item 1.
+    defaultProps: { badge: "", headline: "Your Headline Here", subheadline: "A compelling subheadline that explains your value proposition.", primaryCta: "Get Started", secondaryCta: "Learn More" }
   },
   {
     type: "features",
@@ -1426,7 +1430,7 @@ const A = [
     description: "Pricing tiers with feature comparison",
     category: "Commerce",
     variants: ["simple", "comparison"],
-    defaultProps: { title: "Pricing", subtitle: "Choose the plan that fits your needs" }
+    defaultProps: { title: "Pricing", subtitle: "Choose the plan that fits your needs", tiers: ct }
   },
   {
     type: "cta",
@@ -1442,7 +1446,7 @@ const A = [
     description: "Page footer with links and copyright",
     category: "Navigation",
     variants: ["simple", "multi-column", "minimal"],
-    defaultProps: { logo: "Brand", copyright: "2026 Brand. All rights reserved.", links: ["Privacy", "Terms"] }
+    defaultProps: { logo: "Brand", copyright: "2026 Brand. All rights reserved.", links: ["Privacy", "Terms"], columns: lt }
   },
   {
     type: "testimonials",
@@ -1450,7 +1454,7 @@ const A = [
     description: "Customer testimonials with quotes and ratings",
     category: "Social Proof",
     variants: ["cards", "carousel", "spotlight"],
-    defaultProps: { title: "What our customers say" }
+    defaultProps: { title: "What our customers say", items: ce }
   },
   {
     type: "stats",
@@ -1458,7 +1462,7 @@ const A = [
     description: "Key metrics and statistics display",
     category: "Social Proof",
     variants: ["grid", "bar", "counter"],
-    defaultProps: { title: "By the numbers" }
+    defaultProps: { title: "By the numbers", items: dt }
   },
   {
     type: "faq",
@@ -1466,7 +1470,7 @@ const A = [
     description: "Frequently asked questions accordion",
     category: "Content",
     variants: ["accordion"],
-    defaultProps: { title: "Frequently Asked Questions" }
+    defaultProps: { title: "Frequently Asked Questions", items: pt }
   },
   {
     type: "team",
@@ -1474,7 +1478,7 @@ const A = [
     description: "Team member grid with photos and roles",
     category: "Content",
     variants: ["grid"],
-    defaultProps: { title: "Meet the Team" }
+    defaultProps: { title: "Meet the Team", members: ut }
   },
   {
     type: "contact",
@@ -1498,7 +1502,7 @@ const A = [
     description: "Company logos with hover effects",
     category: "Social Proof",
     variants: ["default"],
-    defaultProps: { title: "Trusted by leading companies" }
+    defaultProps: { title: "Trusted by leading companies", logos: it }
   },
   {
     type: "content",
@@ -1520,7 +1524,7 @@ Write your content here. Supports **bold**, *italic*, and lists.
     description: "Image with text overlay or side-by-side layout",
     category: "Media",
     variants: ["hero-image", "side-by-side", "grid"],
-    defaultProps: { title: "Visual Storytelling", subtitle: "A picture is worth a thousand words.", imageSide: "left" }
+    defaultProps: { title: "Visual Storytelling", subtitle: "A picture is worth a thousand words.", imageSide: "left", images: gt }
   },
   {
     type: "video",
@@ -1536,7 +1540,7 @@ Write your content here. Supports **bold**, *italic*, and lists.
     description: "Image gallery in grid or masonry layout",
     category: "Media",
     variants: ["grid", "masonry"],
-    defaultProps: { title: "Gallery" }
+    defaultProps: { title: "Gallery", images: mt }
   },
   {
     type: "divider",
@@ -1552,9 +1556,9 @@ Write your content here. Supports **bold**, *italic*, and lists.
     description: "Announcement bar or ribbon",
     category: "Content",
     variants: ["ribbon", "bar"],
-    defaultProps: { text: "New: We just launched v2.0!", linkText: "Learn more" }
+    defaultProps: { text: "New: We just launched v2.0!", linkText: "Learn more", linkUrl: "#" }
   }
-], po = [...new Set(A.map((e) => e.category))], j = {
+], ko = [...new Set(A.map((e) => e.category))], j = {
   bg0: "#09090b",
   bg1: "#0f0f12",
   bg2: "#18181b",
@@ -1575,7 +1579,7 @@ Write your content here. Supports **bold**, *italic*, and lists.
   fontMono: "JetBrains Mono",
   radius: 8,
   radiusLg: 12
-}, K = [
+}, Y = [
   {
     id: "default",
     name: "Dark Minimal",
@@ -1814,15 +1818,15 @@ Write your content here. Supports **bold**, *italic*, and lists.
     }
   }
 ];
-function le(e) {
+function de(e) {
   return e ? { ...j, ...e } : j;
 }
-function ot(e) {
+function bt(e) {
   const n = e.replace("#", ""), r = parseInt(n.slice(0, 2), 16), a = parseInt(n.slice(2, 4), 16), o = parseInt(n.slice(4, 6), 16);
   return `${r}, ${a}, ${o}`;
 }
-function sn(e) {
-  const n = ot(e.accent);
+function fn(e) {
+  const n = bt(e.accent);
   return {
     "--color-bg-0": e.bg0,
     "--color-bg-1": e.bg1,
@@ -1849,7 +1853,7 @@ function sn(e) {
     "--radius-lg": `${e.radiusLg}px`
   };
 }
-const ln = [
+const hn = [
   "DM Sans",
   "Inter",
   "Space Grotesk",
@@ -1865,14 +1869,14 @@ const ln = [
   "JetBrains Mono",
   "Fira Code",
   "Source Code Pro"
-], cn = [
+], vn = [
   {
     id: "1",
     role: "agent",
     text: "Hi! I can help you build and modify your site. Try asking me to add sections, change content, or tweak styles."
   }
 ];
-function dn() {
+function yn() {
   return /* @__PURE__ */ i("div", { className: "self-start flex gap-1 px-4 py-3 bg-green-glow rounded-xl rounded-bl-sm border border-green/10", children: [
     [0, 1, 2].map((e) => /* @__PURE__ */ t(
       "span",
@@ -1893,10 +1897,10 @@ function dn() {
       ` })
   ] });
 }
-function pn(e, n) {
+function wn(e, n) {
   const r = e.toLowerCase(), a = n.find((d) => d.type === "hero");
   if (r.includes("change") && r.includes("headline") && a) {
-    const p = (e.match(/["'](.+?)["']/) || e.match(/to\s+(.+)/i))?.[1]?.trim() || "Your New Headline", m = String(a.props.headline || "Build websites with JSON");
+    const p = (e.match(/["'](.+?)["']/) || e.match(/to\s+(.+)/i))?.[1]?.trim() || "Your New Headline", u = String(a.props.headline || "Build websites with JSON");
     return {
       id: `msg-${Date.now()}`,
       role: "agent",
@@ -1906,40 +1910,42 @@ function pn(e, n) {
         blockId: a.id,
         propKey: "headline",
         value: p,
-        removed: [`"${m}"`],
+        removed: [`"${u}"`],
         added: [`"${p}"`]
       }
     };
   }
   const o = r.match(/add\s+(?:a\s+)?(\w+)/);
   if (o) {
-    const d = o[1].replace(/s$/, ""), p = A.find((m) => m.type === d || m.label.toLowerCase().includes(d));
+    const d = o[1].replace(/s$/, ""), p = A.find((u) => u.type === d || u.label.toLowerCase().includes(d));
     if (p)
       return { action: "addBlock", block: {
         id: `block-${Date.now()}`,
         type: p.type,
         variant: p.variants[0],
-        props: { ...p.defaultProps }
+        // ISS-005 review item 3: deep copy — defaultProps now hold shared array-of-object
+        // constants; a shallow spread would let this block's edits mutate every future insert.
+        props: structuredClone(p.defaultProps)
       }, message: `Adding a ${p.label} block.` };
   }
   const s = r.match(/(?:remove|delete)\s+(?:the\s+)?(\w+)/);
   if (s) {
-    const d = s[1].replace(/s$/, ""), p = n.find((m) => m.type === d || m.type.includes(d));
+    const d = s[1].replace(/s$/, ""), p = n.find((u) => u.type === d || u.type.includes(d));
     if (p)
       return { action: "removeBlock", blockId: p.id, message: `Removing the ${p.type} block.` };
   }
   const l = r.match(/(?:make|change|switch)\s+(?:the\s+)?(\w+)\s+(?:to\s+|a\s+)?(\w+)/);
   if (l) {
-    const d = l[1], p = l[2], m = n.find((f) => f.type === d || f.type.includes(d));
-    if (m) {
-      const x = A.find((h) => h.type === m.type)?.variants.find((h) => h.includes(p));
+    const d = l[1], p = l[2], u = n.find((f) => f.type === d || f.type.includes(d));
+    if (u) {
+      const x = A.find((h) => h.type === u.type)?.variants.find((h) => h.includes(p));
       if (x)
-        return { action: "changeVariant", blockId: m.id, variant: x, message: `Changing ${m.type} to ${x} variant.` };
+        return { action: "changeVariant", blockId: u.id, variant: x, message: `Changing ${u.type} to ${x} variant.` };
     }
   }
   const c = r.match(/(?:make it|switch to|use|apply)\s+(?:the\s+)?(\w+)\s*(?:theme)?/);
   if (c) {
-    const d = c[1], p = K.find((m) => m.id.includes(d) || m.name.toLowerCase().includes(d));
+    const d = c[1], p = Y.find((u) => u.id.includes(d) || u.name.toLowerCase().includes(d));
     if (p)
       return { action: "changeTheme", themeId: p.id, message: `Switching to the ${p.name} theme.` };
   }
@@ -1954,8 +1960,8 @@ function pn(e, n) {
 - "Switch to midnight theme"`
   };
 }
-function mo() {
-  const [e, n] = C(cn), [r, a] = C(""), [o, s] = C(!1), l = v((b) => b.updateBlockProps), c = v((b) => b.addBlock), d = v((b) => b.removeBlock), p = v((b) => b.updateBlock), m = v((b) => b.setTheme), f = D(null);
+function No() {
+  const [e, n] = C(vn), [r, a] = C(""), [o, s] = C(!1), l = v((b) => b.updateBlockProps), c = v((b) => b.addBlock), d = v((b) => b.removeBlock), p = v((b) => b.updateBlock), u = v((b) => b.setTheme), f = D(null);
   I(() => {
     f.current?.scrollIntoView({ behavior: "smooth" });
   }, [e, o]);
@@ -1978,7 +1984,7 @@ function mo() {
     if (!b) return;
     const y = { id: `msg-${Date.now()}`, role: "user", text: b };
     n(($) => [...$, y]), a(""), s(!0), setTimeout(() => {
-      const $ = v.getState(), L = $.config.pages, R = L && L.length > 0 ? (L.find((O) => O.id === $.activePageId) ?? L[0]).blocks : $.config.blocks, T = pn(b, R);
+      const $ = v.getState(), M = $.config.pages, R = M && M.length > 0 ? (M.find((O) => O.id === $.activePageId) ?? M[0]).blocks : $.config.blocks, T = wn(b, R);
       if (s(!1), "action" in T) {
         const O = { id: `msg-${Date.now()}`, role: "agent", text: T.message };
         if (n((B) => [...B, O]), T.action === "addBlock")
@@ -1988,8 +1994,8 @@ function mo() {
         else if (T.action === "changeVariant")
           p(T.blockId, { variant: T.variant }), S(`Variant changed to ${T.variant}`);
         else if (T.action === "changeTheme") {
-          const B = K.find((E) => E.id === T.themeId);
-          B && (m(B.theme), S(`Theme changed to ${B.name}`));
+          const B = Y.find((F) => F.id === T.themeId);
+          B && (u(B.theme), S(`Theme changed to ${B.name}`));
         }
       } else
         n((O) => [...O, T]);
@@ -2016,7 +2022,7 @@ function mo() {
                       onClick: () => x(b),
                       className: "px-1.5 py-0.5 rounded text-[9px] bg-green/20 text-green hover:bg-green/30 transition-colors flex items-center gap-0.5",
                       children: [
-                        /* @__PURE__ */ t(ne, { size: 9 }),
+                        /* @__PURE__ */ t(ae, { size: 9 }),
                         " Apply"
                       ]
                     }
@@ -2027,14 +2033,14 @@ function mo() {
                       onClick: () => h(b),
                       className: "px-1.5 py-0.5 rounded text-[9px] bg-status-red/10 text-status-red hover:bg-status-red/20 transition-colors flex items-center gap-0.5",
                       children: [
-                        /* @__PURE__ */ t(se, { size: 9 }),
+                        /* @__PURE__ */ t(ie, { size: 9 }),
                         " Reject"
                       ]
                     }
                   )
                 ] }),
                 b.applied && /* @__PURE__ */ i("span", { className: "text-[9px] text-green font-medium flex items-center gap-0.5", children: [
-                  /* @__PURE__ */ t(ne, { size: 9 }),
+                  /* @__PURE__ */ t(ae, { size: 9 }),
                   " Applied"
                 ] })
               ] }),
@@ -2052,7 +2058,7 @@ function mo() {
         },
         b.id
       )),
-      o && /* @__PURE__ */ t(dn, {}),
+      o && /* @__PURE__ */ t(yn, {}),
       /* @__PURE__ */ t("div", { ref: f })
     ] }),
     /* @__PURE__ */ i("div", { className: "p-2.5 border-t border-border-default", children: [
@@ -2076,7 +2082,7 @@ function mo() {
             onClick: w,
             className: "w-9 h-9 rounded-lg bg-green flex items-center justify-center text-black shrink-0 hover:bg-green-dim transition-colors",
             "aria-label": "Send message",
-            children: /* @__PURE__ */ t(He, { size: 14 })
+            children: /* @__PURE__ */ t(Re, { size: 14 })
           }
         )
       ] }),
@@ -2092,7 +2098,7 @@ function mo() {
     ] })
   ] });
 }
-function mn() {
+function kn() {
   const e = v((a) => a.addBlock), n = P((a) => a.selectBlock);
   function r() {
     const a = A.find((s) => s.type === "hero"), o = {
@@ -2112,31 +2118,31 @@ function mn() {
         onClick: r,
         className: "px-3.5 py-1.5 rounded-md bg-green text-black text-[12.5px] font-semibold border border-green hover:bg-green-dim transition-colors flex items-center gap-1.5",
         children: [
-          /* @__PURE__ */ t(ie, { size: 14 }),
+          /* @__PURE__ */ t(le, { size: 14 }),
           "Add Hero Block"
         ]
       }
     )
   ] });
 }
-const un = /* @__PURE__ */ new Set(["DM Sans", "JetBrains Mono", "Space Grotesk"]), de = /* @__PURE__ */ new Set();
-function gn(e) {
+const Nn = /* @__PURE__ */ new Set(["DM Sans", "JetBrains Mono", "Space Grotesk"]), ue = /* @__PURE__ */ new Set();
+function Sn(e) {
   return `https://fonts.googleapis.com/css2?family=${e.replace(/ /g, "+")}:wght@300;400;500;600;700&display=swap`;
 }
-function xn(e) {
+function Cn(e) {
   const n = D([]);
   I(() => {
     const r = [...new Set(e)].filter(
-      (a) => a && !un.has(a) && !de.has(a)
+      (a) => a && !Nn.has(a) && !ue.has(a)
     );
     if (r.length !== 0) {
       for (const a of r) {
         if (document.querySelector(`link[data-openpage-font="${a}"]`)) {
-          de.add(a);
+          ue.add(a);
           continue;
         }
         const o = document.createElement("link");
-        o.rel = "stylesheet", o.href = gn(a), o.setAttribute("data-openpage-font", a), document.head.appendChild(o), de.add(a), document.fonts.load(`16px "${a}"`).catch(() => {
+        o.rel = "stylesheet", o.href = Sn(a), o.setAttribute("data-openpage-font", a), document.head.appendChild(o), ue.add(a), document.fonts.load(`16px "${a}"`).catch(() => {
         });
       }
       return n.current = e, () => {
@@ -2144,15 +2150,15 @@ function xn(e) {
     }
   }, [e.join(",")]);
 }
-function bn() {
+function $n() {
   const e = v((p) => {
-    const m = p.config.pages;
-    return !m || m.length === 0 ? p.config.blocks : (m.find((x) => x.id === p.activePageId) ?? m[0]).blocks;
-  }), n = v((p) => p.config.theme), { selectedBlockId: r, selectBlock: a, viewport: o } = P(), s = V(() => le(n), [n]), l = V(() => sn(s), [s]);
-  xn([s.fontSans, s.fontDisplay, s.fontMono]);
+    const u = p.config.pages;
+    return !u || u.length === 0 ? p.config.blocks : (u.find((x) => x.id === p.activePageId) ?? u[0]).blocks;
+  }), n = v((p) => p.config.theme), { selectedBlockId: r, selectBlock: a, viewport: o } = P(), s = W(() => de(n), [n]), l = W(() => fn(s), [s]);
+  Cn([s.fontSans, s.fontDisplay, s.fontMono]);
   const c = o === "desktop" ? "880px" : o === "tablet" ? "768px" : "375px";
   if (e.length === 0)
-    return /* @__PURE__ */ t(mn, {});
+    return /* @__PURE__ */ t(kn, {});
   const d = /* @__PURE__ */ t(
     "div",
     {
@@ -2164,12 +2170,12 @@ function bn() {
       role: "region",
       "aria-label": `Site preview, ${e.length} blocks, ${o} viewport`,
       children: e.map((p) => /* @__PURE__ */ t(
-        on,
+        bn,
         {
           block: p,
           isSelected: r === p.id,
           onSelect: () => a(p.id),
-          children: /* @__PURE__ */ t(rn, { block: p })
+          children: /* @__PURE__ */ t(mn, { block: p })
         },
         p.id
       ))
@@ -2193,20 +2199,20 @@ function bn() {
     ] }) }) : d
   ] });
 }
-function u(e) {
+function m(e) {
   return String(e ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function z(e, n, r) {
-  const a = r ? ` class="${u(r)}"` : "", o = u(e);
-  return n && n.trim() ? `<a href="${u(n)}"${a}>${o}</a>` : `<span${a}>${o}</span>`;
+  const a = r ? ` class="${m(r)}"` : "", o = m(e);
+  return n && n.trim() ? `<a href="${m(n)}"${a}>${o}</a>` : `<span${a}>${o}</span>`;
 }
-function fn(e) {
+function Pn(e) {
   return `https://fonts.googleapis.com/css2?${[...new Set(e.filter(Boolean))].map(
     (a) => `family=${a.replace(/ /g, "+")}:wght@300;400;500;600;700`
   ).join("&")}&display=swap`;
 }
-function st(e) {
-  return u(
+function ft(e) {
+  return m(
     e.split(" ").map((n) => n[0]).join("")
   );
 }
@@ -2214,30 +2220,30 @@ function g(e, n, r) {
   const a = e[n];
   return a ?? r;
 }
-function hn(e) {
+function Tn(e) {
   const n = (e || "").toLowerCase().trim();
   return !n || n === "english" || n.startsWith("en") ? "en" : n === "german" || n.startsWith("de") ? "de" : n === "spanish" || n.startsWith("es") ? "es" : n === "french" || n.startsWith("fr") ? "fr" : "en";
 }
-const it = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>', vn = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>', yn = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="18" y2="18"/></svg>', $e = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3Z"/></svg>', wn = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>', kn = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>', Nn = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21"/><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3"/></svg>', Sn = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m22 2-7 20-4-9-9-4Z"/><path d="M22 2 11 13"/></svg>', Cn = '<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>', $n = '<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>';
-function lt(e) {
-  return `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="16" height="16" rx="4" stroke="currentColor" stroke-width="1.5"/><text x="9" y="13" text-anchor="middle" fill="currentColor" font-size="10" font-weight="600" font-family="system-ui, sans-serif">${u(e.charAt(0).toUpperCase())}</text></svg>`;
+const ht = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>', In = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>', jn = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="18" y2="18"/></svg>', Te = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3Z"/></svg>', An = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>', Dn = '<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>', Bn = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21"/><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3"/></svg>', Ln = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m22 2-7 20-4-9-9-4Z"/><path d="M22 2 11 13"/></svg>', Mn = '<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>', On = '<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>';
+function vt(e) {
+  return `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="16" height="16" rx="4" stroke="currentColor" stroke-width="1.5"/><text x="9" y="13" text-anchor="middle" fill="currentColor" font-size="10" font-weight="600" font-family="system-ui, sans-serif">${m(e.charAt(0).toUpperCase())}</text></svg>`;
 }
-function Pn(e) {
+function Fn(e) {
   return `<div class="flex gap-0.5">${[1, 2, 3, 4, 5].map(
-    (r) => r <= e ? `<span class="text-yellow-400">${wn}</span>` : `<span class="text-text-3">${kn}</span>`
+    (r) => r <= e ? `<span class="text-yellow-400">${An}</span>` : `<span class="text-text-3">${Dn}</span>`
   ).join("")}</div>`;
 }
-function Tn(e) {
-  return `<svg width="28" height="28" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="26" height="26" rx="6" fill="none" stroke="currentColor" stroke-width="1.5"/><text x="14" y="18" text-anchor="middle" fill="currentColor" font-size="14" font-weight="700" font-family="system-ui, sans-serif">${u(e.charAt(0).toUpperCase())}</text></svg>`;
+function En(e) {
+  return `<svg width="28" height="28" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="26" height="26" rx="6" fill="none" stroke="currentColor" stroke-width="1.5"/><text x="14" y="18" text-anchor="middle" fill="currentColor" font-size="14" font-weight="700" font-family="system-ui, sans-serif">${m(e.charAt(0).toUpperCase())}</text></svg>`;
 }
-function In(e) {
-  const n = u(g(e.props, "logo", "Brand")), r = g(e.props, "logoImage", ""), a = g(e.props, "links", []), o = u(g(e.props, "ctaText", "Get Started")), s = a.map((c) => typeof c == "string" ? c : c?.label ?? c?.text ?? "").filter(Boolean).map(
-    (c) => `          <span class="text-[13px] text-text-2 hover:text-text-0 transition-colors cursor-pointer">${u(c)}</span>`
+function Hn(e) {
+  const n = m(g(e.props, "logo", "Brand")), r = g(e.props, "logoImage", ""), a = g(e.props, "links", []), o = m(g(e.props, "ctaText", "Get Started")), s = a.map((c) => typeof c == "string" ? c : c?.label ?? c?.text ?? "").filter(Boolean).map(
+    (c) => `          <span class="text-[13px] text-text-2 hover:text-text-0 transition-colors cursor-pointer">${m(c)}</span>`
   ).join(`
 `);
   return `  <nav class="px-6 md:px-10 py-4 flex items-center justify-between">
     <div class="flex items-center gap-2">
-      ${r ? `<img src="${u(r)}" alt="${n}" class="h-8 w-auto object-contain" />` : '<div class="w-8 h-8 rounded-lg bg-green/10 flex items-center justify-center"><div class="w-4 h-4 rounded-full bg-green"></div></div>'}
+      ${r ? `<img src="${m(r)}" alt="${n}" class="h-8 w-auto object-contain" />` : '<div class="w-8 h-8 rounded-lg bg-green/10 flex items-center justify-center"><div class="w-4 h-4 rounded-full bg-green"></div></div>'}
       <span class="font-semibold text-[15px] text-text-0 tracking-tight">${n}</span>
     </div>
     <div class="hidden lg:flex items-center gap-6">
@@ -2246,15 +2252,15 @@ ${s}
     <div class="flex items-center gap-3">
       <button class="px-4 py-2 rounded-lg bg-green text-black text-[13px] font-semibold hover:bg-green-dim transition-colors">${o}</button>
       <button class="lg:hidden w-9 h-9 rounded-lg border border-border-default flex items-center justify-center text-text-2 hover:text-text-0 hover:bg-bg-3 transition-colors">
-        ${yn}
+        ${jn}
       </button>
     </div>
   </nav>`;
 }
-function jn(e) {
-  const n = g(e.props, "badge", ""), r = u(g(e.props, "headline", "")), a = u(g(e.props, "subheadline", "")), o = g(e.props, "primaryCta", ""), s = g(e.props, "primaryCtaUrl", ""), l = g(e.props, "secondaryCta", ""), c = g(e.props, "secondaryCtaUrl", ""), d = n ? `      <div class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-green/10 border border-green/20 text-green text-[11px] font-medium mb-6">
-        ${$e}
-        ${u(n)}
+function zn(e) {
+  const n = g(e.props, "badge", ""), r = m(g(e.props, "headline", "")), a = m(g(e.props, "subheadline", "")), o = g(e.props, "primaryCta", ""), s = g(e.props, "primaryCtaUrl", ""), l = g(e.props, "secondaryCta", ""), c = g(e.props, "secondaryCtaUrl", ""), d = n ? `      <div class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-green/10 border border-green/20 text-green text-[11px] font-medium mb-6">
+        ${Te}
+        ${m(n)}
       </div>` : "", p = l ? `        ${z(l, c, "px-6 py-3 rounded-lg bg-bg-3 text-text-0 text-sm font-medium border border-border-default hover:bg-bg-4 hover:border-border-hover transition-all inline-block")}` : "";
   return `  <section class="px-6 md:px-10 py-20 md:py-28 text-center">
 ${d}
@@ -2266,11 +2272,11 @@ ${p}
       </div>
   </section>`;
 }
-function An(e) {
-  const n = g(e.props, "badge", ""), r = u(g(e.props, "headline", "")), a = u(g(e.props, "subheadline", "")), o = g(e.props, "primaryCta", ""), s = g(e.props, "primaryCtaUrl", ""), l = g(e.props, "secondaryCta", ""), c = g(e.props, "secondaryCtaUrl", ""), d = g(e.props, "heroImage", ""), p = n ? `        <div class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-green/10 border border-green/20 text-green text-[11px] font-medium mb-4">
-          ${$e}
-          ${u(n)}
-        </div>` : "", m = l ? `          ${z(l, c, "px-6 py-3 rounded-lg bg-bg-3 text-text-0 text-sm font-medium border border-border-default hover:bg-bg-4 transition-all inline-block")}` : "", f = d ? `          <img src="${u(d)}" alt="" class="absolute inset-0 w-full h-full object-cover" />` : `          <div class="absolute inset-0 bg-gradient-to-br from-green/5 to-transparent"></div>
+function Rn(e) {
+  const n = g(e.props, "badge", ""), r = m(g(e.props, "headline", "")), a = m(g(e.props, "subheadline", "")), o = g(e.props, "primaryCta", ""), s = g(e.props, "primaryCtaUrl", ""), l = g(e.props, "secondaryCta", ""), c = g(e.props, "secondaryCtaUrl", ""), d = g(e.props, "heroImage", ""), p = n ? `        <div class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-green/10 border border-green/20 text-green text-[11px] font-medium mb-4">
+          ${Te}
+          ${m(n)}
+        </div>` : "", u = l ? `          ${z(l, c, "px-6 py-3 rounded-lg bg-bg-3 text-text-0 text-sm font-medium border border-border-default hover:bg-bg-4 transition-all inline-block")}` : "", f = d ? `          <img src="${m(d)}" alt="" class="absolute inset-0 w-full h-full object-cover" />` : `          <div class="absolute inset-0 bg-gradient-to-br from-green/5 to-transparent"></div>
           <div class="absolute inset-6 border border-dashed border-border-default rounded-lg flex items-center justify-center text-text-3 text-sm">Preview</div>`;
   return `  <section class="px-6 md:px-10 py-16 md:py-24 flex flex-col lg:flex-row items-center gap-10">
       <div class="flex-1">
@@ -2279,7 +2285,7 @@ ${p}
         <p class="text-text-2 text-base leading-relaxed mb-6 max-w-lg">${a}</p>
         <div class="flex flex-wrap items-center gap-3">
           ${z(o, s, "px-6 py-3 rounded-lg bg-green text-black text-sm font-semibold hover:bg-green-dim transition-all inline-flex items-center gap-2")}
-${m}
+${u}
         </div>
       </div>
       <div class="flex-1 w-full">
@@ -2289,10 +2295,10 @@ ${f}
       </div>
   </section>`;
 }
-function Dn(e) {
-  const n = g(e.props, "badge", ""), r = u(g(e.props, "headline", "")), a = u(g(e.props, "subheadline", "")), o = g(e.props, "primaryCta", ""), s = g(e.props, "primaryCtaUrl", ""), l = g(e.props, "secondaryCta", ""), c = g(e.props, "secondaryCtaUrl", ""), d = n ? `        <div class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-green/10 border border-green/20 text-green text-[11px] font-medium mb-6">
-          ${$e}
-          ${u(n)}
+function Gn(e) {
+  const n = g(e.props, "badge", ""), r = m(g(e.props, "headline", "")), a = m(g(e.props, "subheadline", "")), o = g(e.props, "primaryCta", ""), s = g(e.props, "primaryCtaUrl", ""), l = g(e.props, "secondaryCta", ""), c = g(e.props, "secondaryCtaUrl", ""), d = n ? `        <div class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-green/10 border border-green/20 text-green text-[11px] font-medium mb-6">
+          ${Te}
+          ${m(n)}
         </div>` : "", p = l ? `          ${z(l, c, "px-6 py-3 rounded-lg bg-bg-3 text-text-0 text-sm font-medium border border-border-default hover:bg-bg-4 transition-all inline-block")}` : "";
   return `  <section class="px-6 md:px-10 py-20 md:py-32 text-center relative overflow-hidden">
       <div class="absolute inset-0 bg-gradient-to-b from-green/5 via-transparent to-transparent pointer-events-none"></div>
@@ -2308,28 +2314,28 @@ ${p}
       </div>
   </section>`;
 }
-function Bn(e) {
+function Un(e) {
   switch (e.variant) {
     case "split":
-      return An(e);
+      return Rn(e);
     case "gradient":
-      return Dn(e);
+      return Gn(e);
     default:
-      return jn(e);
+      return zn(e);
   }
 }
-function Mn(e) {
-  const n = g(e.props, "label", ""), r = u(g(e.props, "title", "")), a = g(e.props, "subtitle", ""), o = g(
+function qn(e) {
+  const n = g(e.props, "label", ""), r = m(g(e.props, "title", "")), a = g(e.props, "subtitle", ""), o = g(
     e.props,
     "items",
     []
-  ), s = n ? `        <div class="text-[11px] font-semibold uppercase tracking-widest text-green mb-2">${u(n)}</div>` : "", l = a ? `        <p class="text-text-2 text-sm max-w-lg mx-auto">${u(a)}</p>` : "", c = o.map(
+  ), s = n ? `        <div class="text-[11px] font-semibold uppercase tracking-widest text-green mb-2">${m(n)}</div>` : "", l = a ? `        <p class="text-text-2 text-sm max-w-lg mx-auto">${m(a)}</p>` : "", c = o.map(
     (d) => `        <div class="group bg-bg-2 border border-border-default rounded-xl p-5 transition-all hover:-translate-y-0.5 hover:border-border-hover hover:shadow-[0_8px_24px_rgba(0,0,0,0.2)]">
           <div class="w-10 h-10 rounded-lg bg-green/10 border border-green/20 flex items-center justify-center text-green mb-3">
-            ${lt(d.icon || "Z")}
+            ${vt(d.icon || "Z")}
           </div>
-          <h3 class="text-sm font-semibold mb-1">${u(d.title)}</h3>
-          <p class="text-[12.5px] text-text-2 leading-relaxed">${u(d.description)}</p>
+          <h3 class="text-sm font-semibold mb-1">${m(d.title)}</h3>
+          <p class="text-[12.5px] text-text-2 leading-relaxed">${m(d.description)}</p>
         </div>`
   ).join(`
 `);
@@ -2344,19 +2350,19 @@ ${c}
       </div>
   </section>`;
 }
-function Ln(e) {
-  const n = g(e.props, "label", ""), r = u(g(e.props, "title", "")), a = g(e.props, "subtitle", ""), o = g(
+function _n(e) {
+  const n = g(e.props, "label", ""), r = m(g(e.props, "title", "")), a = g(e.props, "subtitle", ""), o = g(
     e.props,
     "items",
     []
-  ), s = n ? `        <div class="text-[11px] font-semibold uppercase tracking-widest text-green mb-2">${u(n)}</div>` : "", l = a ? `        <p class="text-text-2 text-sm max-w-lg mx-auto">${u(a)}</p>` : "", c = o.map(
+  ), s = n ? `        <div class="text-[11px] font-semibold uppercase tracking-widest text-green mb-2">${m(n)}</div>` : "", l = a ? `        <p class="text-text-2 text-sm max-w-lg mx-auto">${m(a)}</p>` : "", c = o.map(
     (d) => `        <div class="flex gap-4 p-4 rounded-xl bg-bg-2 border border-border-default transition-all hover:border-border-hover">
           <div class="w-10 h-10 rounded-lg bg-green/10 border border-green/20 flex items-center justify-center text-green shrink-0">
-            ${lt(d.icon || "Z")}
+            ${vt(d.icon || "Z")}
           </div>
           <div>
-            <h3 class="text-sm font-semibold mb-0.5">${u(d.title)}</h3>
-            <p class="text-[12.5px] text-text-2 leading-relaxed">${u(d.description)}</p>
+            <h3 class="text-sm font-semibold mb-0.5">${m(d.title)}</h3>
+            <p class="text-[12.5px] text-text-2 leading-relaxed">${m(d.description)}</p>
           </div>
         </div>`
   ).join(`
@@ -2372,10 +2378,10 @@ ${c}
       </div>
   </section>`;
 }
-function On(e) {
-  return e.variant === "list" ? Ln(e) : Mn(e);
+function Jn(e) {
+  return e.variant === "list" ? _n(e) : qn(e);
 }
-const ct = [
+const yt = [
   {
     name: "Starter",
     price: "$0",
@@ -2415,32 +2421,32 @@ const ct = [
     cta: "Contact Sales"
   }
 ];
-function En(e) {
-  const n = u(g(e.props, "title", "")), r = g(e.props, "subtitle", ""), a = g(e.props, "tiers", ct), o = r ? `        <p class="text-text-2 text-sm max-w-lg mx-auto">${u(r)}</p>` : "", s = a.map((l) => {
+function Vn(e) {
+  const n = m(g(e.props, "title", "")), r = g(e.props, "subtitle", ""), a = g(e.props, "tiers", yt), o = r ? `        <p class="text-text-2 text-sm max-w-lg mx-auto">${m(r)}</p>` : "", s = a.map((l) => {
     const c = l.featured ? "bg-bg-2 border-2 border-green" : "bg-bg-2 border border-border-default hover:border-border-hover", d = l.featured ? `          <div class="absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-0.5 rounded-full bg-green text-black text-[10px] font-bold uppercase tracking-wider flex items-center gap-1">
-            ${$n}
+            ${On}
             Recommended
-          </div>` : "", p = l.featured ? "w-full py-2.5 rounded-lg text-sm font-semibold transition-all bg-green text-black hover:bg-green-dim" : "w-full py-2.5 rounded-lg text-sm font-semibold transition-all bg-bg-3 text-text-0 border border-border-default hover:bg-bg-4 hover:border-border-hover", m = l.features.map(
+          </div>` : "", p = l.featured ? "w-full py-2.5 rounded-lg text-sm font-semibold transition-all bg-green text-black hover:bg-green-dim" : "w-full py-2.5 rounded-lg text-sm font-semibold transition-all bg-bg-3 text-text-0 border border-border-default hover:bg-bg-4 hover:border-border-hover", u = l.features.map(
       (h) => `            <li class="flex items-start gap-2 text-[12.5px] text-text-1">
-              <span class="text-green shrink-0 mt-0.5">${it}</span>
-              ${u(h)}
+              <span class="text-green shrink-0 mt-0.5">${ht}</span>
+              ${m(h)}
             </li>`
     ).join(`
-`), f = l.period ? `<span class="text-text-3 text-sm">${u(l.period)}</span>` : "", x = l.description ? `            <p class="text-[11px] text-text-3">${u(l.description)}</p>` : "";
+`), f = l.period ? `<span class="text-text-3 text-sm">${m(l.period)}</span>` : "", x = l.description ? `            <p class="text-[11px] text-text-3">${m(l.description)}</p>` : "";
     return `        <div class="relative rounded-xl p-6 flex flex-col transition-all ${c}">
 ${d}
           <div class="mb-4">
-            <h3 class="text-sm font-semibold mb-1">${u(l.name)}</h3>
+            <h3 class="text-sm font-semibold mb-1">${m(l.name)}</h3>
 ${x}
           </div>
           <div class="mb-4">
-            <span class="text-3xl font-bold tracking-tight">${u(l.price)}</span>
+            <span class="text-3xl font-bold tracking-tight">${m(l.price)}</span>
             ${f}
           </div>
           <ul class="space-y-2 mb-6 flex-1">
-${m}
+${u}
           </ul>
-          <button class="${p}">${u(l.cta)}</button>
+          <button class="${p}">${m(l.cta)}</button>
         </div>`;
   }).join(`
 `);
@@ -2454,16 +2460,16 @@ ${s}
       </div>
   </section>`;
 }
-function Hn(e) {
-  const n = u(g(e.props, "title", "")), r = g(e.props, "subtitle", ""), a = g(e.props, "tiers", ct), o = [...new Set(a.flatMap((d) => d.features))], s = r ? `        <p class="text-text-2 text-sm max-w-lg mx-auto">${u(r)}</p>` : "", l = a.map((d) => `              <th class="py-3 px-3 text-center font-semibold ${d.featured ? "text-green" : "text-text-0"}">
-                ${u(d.name)}
-                <div class="text-lg font-bold mt-0.5">${u(d.price)}</div>
+function Wn(e) {
+  const n = m(g(e.props, "title", "")), r = g(e.props, "subtitle", ""), a = g(e.props, "tiers", yt), o = [...new Set(a.flatMap((d) => d.features))], s = r ? `        <p class="text-text-2 text-sm max-w-lg mx-auto">${m(r)}</p>` : "", l = a.map((d) => `              <th class="py-3 px-3 text-center font-semibold ${d.featured ? "text-green" : "text-text-0"}">
+                ${m(d.name)}
+                <div class="text-lg font-bold mt-0.5">${m(d.price)}</div>
               </th>`).join(`
 `), c = o.map((d) => {
-    const p = a.map((m) => m.features.includes(d) ? `              <td class="py-2.5 px-3 text-center"><span class="text-green inline-block">${it}</span></td>` : '              <td class="py-2.5 px-3 text-center text-text-3">-</td>').join(`
+    const p = a.map((u) => u.features.includes(d) ? `              <td class="py-2.5 px-3 text-center"><span class="text-green inline-block">${ht}</span></td>` : '              <td class="py-2.5 px-3 text-center text-text-3">-</td>').join(`
 `);
     return `            <tr class="border-b border-border-subtle">
-              <td class="py-2.5 px-3 text-text-1">${u(d)}</td>
+              <td class="py-2.5 px-3 text-text-1">${m(d)}</td>
 ${p}
             </tr>`;
   }).join(`
@@ -2488,11 +2494,11 @@ ${c}
       </div>
   </section>`;
 }
-function Fn(e) {
-  return e.variant === "comparison" ? Hn(e) : En(e);
+function Kn(e) {
+  return e.variant === "comparison" ? Wn(e) : Vn(e);
 }
-function zn(e) {
-  const n = u(g(e.props, "headline", "")), r = g(e.props, "subheadline", ""), a = g(e.props, "buttonText", ""), o = g(e.props, "buttonUrl", ""), s = r ? `        <p class="text-text-2 text-sm mb-6 max-w-md mx-auto">${u(r)}</p>` : "";
+function Yn(e) {
+  const n = m(g(e.props, "headline", "")), r = g(e.props, "subheadline", ""), a = g(e.props, "buttonText", ""), o = g(e.props, "buttonUrl", ""), s = r ? `        <p class="text-text-2 text-sm mb-6 max-w-md mx-auto">${m(r)}</p>` : "";
   return `  <section class="px-6 md:px-10 py-16 md:py-20 text-center relative overflow-hidden">
       <div class="absolute inset-0 bg-gradient-to-b from-green/[0.06] via-green/[0.03] to-transparent pointer-events-none"></div>
       <div class="relative z-10">
@@ -2502,8 +2508,8 @@ ${s}
       </div>
   </section>`;
 }
-function Rn(e) {
-  const n = u(g(e.props, "headline", "")), r = g(e.props, "subheadline", ""), a = g(e.props, "buttonText", ""), o = g(e.props, "buttonUrl", ""), s = r ? `          <p class="text-text-2 text-sm">${u(r)}</p>` : "";
+function Zn(e) {
+  const n = m(g(e.props, "headline", "")), r = g(e.props, "subheadline", ""), a = g(e.props, "buttonText", ""), o = g(e.props, "buttonUrl", ""), s = r ? `          <p class="text-text-2 text-sm">${m(r)}</p>` : "";
   return `  <section class="px-6 md:px-10 py-12 md:py-16">
       <div class="flex flex-col md:flex-row items-center justify-between gap-6 p-8 rounded-xl bg-bg-2 border border-border-default relative overflow-hidden">
         <div class="absolute inset-0 bg-gradient-to-r from-green/5 to-transparent pointer-events-none"></div>
@@ -2515,18 +2521,18 @@ ${s}
       </div>
   </section>`;
 }
-function Gn(e) {
-  return e.variant === "split" ? Rn(e) : zn(e);
+function Qn(e) {
+  return e.variant === "split" ? Zn(e) : Yn(e);
 }
-function Un(e) {
-  const n = u(g(e.props, "logo", "Brand")), r = g(e.props, "logoImage", ""), a = u(g(e.props, "copyright", "")), s = g(e.props, "links", []).map(
-    (c) => `        <span class="text-[12px] text-text-3 hover:text-text-1 transition-colors cursor-pointer">${u(c)}</span>`
+function Xn(e) {
+  const n = m(g(e.props, "logo", "Brand")), r = g(e.props, "logoImage", ""), a = m(g(e.props, "copyright", "")), s = g(e.props, "links", []).map(
+    (c) => `        <span class="text-[12px] text-text-3 hover:text-text-1 transition-colors cursor-pointer">${m(c)}</span>`
   ).join(`
 `);
   return `  <footer class="px-6 md:px-10 py-8 border-t border-border-subtle">
       <div class="flex flex-col md:flex-row items-center justify-between gap-4">
         <div class="flex items-center gap-2">
-          ${r ? `<img src="${u(r)}" alt="${n}" class="h-6 w-auto object-contain" />` : '<div class="w-6 h-6 rounded-md bg-green/10 flex items-center justify-center"><div class="w-3 h-3 rounded-full bg-green"></div></div>'}
+          ${r ? `<img src="${m(r)}" alt="${n}" class="h-6 w-auto object-contain" />` : '<div class="w-6 h-6 rounded-md bg-green/10 flex items-center justify-center"><div class="w-3 h-3 rounded-full bg-green"></div></div>'}
           <span class="text-sm font-semibold text-text-1">${n}</span>
         </div>
         <div class="flex items-center gap-4">
@@ -2536,8 +2542,8 @@ ${s}
       </div>
   </footer>`;
 }
-function qn(e) {
-  const n = u(g(e.props, "logo", "Brand")), r = g(e.props, "logoImage", ""), a = u(g(e.props, "copyright", "")), o = g(e.props, "links", []), l = g(
+function ea(e) {
+  const n = m(g(e.props, "logo", "Brand")), r = g(e.props, "logoImage", ""), a = m(g(e.props, "copyright", "")), o = g(e.props, "links", []), l = g(
     e.props,
     "columns",
     [
@@ -2550,26 +2556,26 @@ function qn(e) {
       { title: "Legal", links: ["Privacy", "Terms", "Security", "Cookie Policy"] }
     ]
   ).map((p) => {
-    const m = p.links.map(
-      (f) => `            <li><span class="text-[12.5px] text-text-3 hover:text-text-1 transition-colors cursor-pointer">${u(f)}</span></li>`
+    const u = p.links.map(
+      (f) => `            <li><span class="text-[12.5px] text-text-3 hover:text-text-1 transition-colors cursor-pointer">${m(f)}</span></li>`
     ).join(`
 `);
     return `        <div>
-          <h4 class="text-[11px] font-semibold uppercase tracking-wider text-text-2 mb-3">${u(p.title)}</h4>
+          <h4 class="text-[11px] font-semibold uppercase tracking-wider text-text-2 mb-3">${m(p.title)}</h4>
           <ul class="space-y-2">
-${m}
+${u}
           </ul>
         </div>`;
   }).join(`
 `), c = o.map(
-    (p) => `          <span class="text-[11px] text-text-3 hover:text-text-1 transition-colors cursor-pointer">${u(p)}</span>`
+    (p) => `          <span class="text-[11px] text-text-3 hover:text-text-1 transition-colors cursor-pointer">${m(p)}</span>`
   ).join(`
 `);
   return `  <footer class="px-6 md:px-10 py-12 border-t border-border-subtle">
       <div class="grid grid-cols-2 lg:grid-cols-5 gap-8 mb-10">
         <div class="col-span-2 lg:col-span-1">
           <div class="flex items-center gap-2 mb-3">
-            ${r ? `<img src="${u(r)}" alt="${n}" class="h-7 w-auto object-contain" />` : '<div class="w-7 h-7 rounded-md bg-green/10 flex items-center justify-center"><div class="w-3.5 h-3.5 rounded-full bg-green"></div></div>'}
+            ${r ? `<img src="${m(r)}" alt="${n}" class="h-7 w-auto object-contain" />` : '<div class="w-7 h-7 rounded-md bg-green/10 flex items-center justify-center"><div class="w-3.5 h-3.5 rounded-full bg-green"></div></div>'}
             <span class="text-sm font-semibold">${n}</span>
           </div>
           <p class="text-[12px] text-text-3 leading-relaxed max-w-[200px]">Build beautiful websites with structured JSON config.</p>
@@ -2584,10 +2590,10 @@ ${c}
       </div>
   </footer>`;
 }
-function _n(e) {
-  const n = u(g(e.props, "copyright", "")), r = g(e.props, "links", []), a = r.map((s, l) => {
+function ta(e) {
+  const n = m(g(e.props, "copyright", "")), r = g(e.props, "links", []), a = r.map((s, l) => {
     const c = l < r.length - 1 ? '<span class="mx-1">|</span>' : "";
-    return `<span class="hover:text-text-1 transition-colors cursor-pointer">${u(s)}</span>${c}`;
+    return `<span class="hover:text-text-1 transition-colors cursor-pointer">${m(s)}</span>${c}`;
   }).join(""), o = r.length > 0 ? '<span class="mx-1">|</span>' : "";
   return `  <footer class="px-6 md:px-10 py-6">
       <div class="flex items-center justify-center gap-1.5 text-[11px] text-text-3">
@@ -2597,17 +2603,17 @@ function _n(e) {
       </div>
   </footer>`;
 }
-function Jn(e) {
+function ra(e) {
   switch (e.variant) {
     case "multi-column":
-      return qn(e);
+      return ea(e);
     case "minimal":
-      return _n(e);
+      return ta(e);
     default:
-      return Un(e);
+      return Xn(e);
   }
 }
-const Vn = [
+const na = [
   {
     name: "Sarah Chen",
     role: "CEO at TechCorp",
@@ -2627,20 +2633,20 @@ const Vn = [
     rating: 4
   }
 ];
-function Wn(e) {
-  const n = u(
+function aa(e) {
+  const n = m(
     g(e.props, "title", "What people say")
-  ), r = g(e.props, "subtitle", ""), a = g(e.props, "items", Vn), o = r ? `        <p class="text-text-2 text-sm max-w-lg mx-auto">${u(r)}</p>` : "", s = a.map((l) => {
-    const c = l.rating ? `          ${Pn(l.rating)}` : "";
+  ), r = g(e.props, "subtitle", ""), a = g(e.props, "items", na), o = r ? `        <p class="text-text-2 text-sm max-w-lg mx-auto">${m(r)}</p>` : "", s = a.map((l) => {
+    const c = l.rating ? `          ${Fn(l.rating)}` : "";
     return `        <div class="bg-bg-2 border border-border-default rounded-xl p-5 transition-all hover:border-border-hover">
-          <span class="text-green/30 block mb-3">${Nn}</span>
-          <p class="text-[13px] text-text-1 leading-relaxed mb-4 italic">"${u(l.quote)}"</p>
+          <span class="text-green/30 block mb-3">${Bn}</span>
+          <p class="text-[13px] text-text-1 leading-relaxed mb-4 italic">"${m(l.quote)}"</p>
 ${c}
           <div class="flex items-center gap-3 mt-4 pt-4 border-t border-border-subtle">
-            ${l.avatar ? `<img src="${u(l.avatar)}" alt="${u(l.name)}" class="w-9 h-9 rounded-full object-cover border border-border-default" />` : `<div class="w-9 h-9 rounded-full bg-bg-4 border border-border-default flex items-center justify-center text-[11px] font-semibold text-text-2">${st(l.name)}</div>`}
+            ${l.avatar ? `<img src="${m(l.avatar)}" alt="${m(l.name)}" class="w-9 h-9 rounded-full object-cover border border-border-default" />` : `<div class="w-9 h-9 rounded-full bg-bg-4 border border-border-default flex items-center justify-center text-[11px] font-semibold text-text-2">${ft(l.name)}</div>`}
             <div>
-              <div class="text-[12.5px] font-semibold">${u(l.name)}</div>
-              <div class="text-[11px] text-text-3">${u(l.role)}</div>
+              <div class="text-[12.5px] font-semibold">${m(l.name)}</div>
+              <div class="text-[11px] text-text-3">${m(l.role)}</div>
             </div>
           </div>
         </div>`;
@@ -2656,17 +2662,17 @@ ${s}
       </div>
   </section>`;
 }
-const dt = [
+const wt = [
   { value: "10K+", label: "Sites built" },
   { value: "99.9%", label: "Uptime" },
   { value: "50ms", label: "Avg. response" },
   { value: "4.9/5", label: "User rating" }
 ];
-function Kn(e) {
-  const n = g(e.props, "title", ""), r = g(e.props, "items", dt), a = n ? `      <h2 class="text-xl font-bold tracking-tight text-center mb-8">${u(n)}</h2>` : "", o = r.map(
+function oa(e) {
+  const n = g(e.props, "title", ""), r = g(e.props, "items", wt), a = n ? `      <h2 class="text-xl font-bold tracking-tight text-center mb-8">${m(n)}</h2>` : "", o = r.map(
     (s) => `        <div class="text-center p-4 rounded-xl bg-bg-2 border border-border-default">
-          <div class="text-3xl md:text-4xl font-bold tracking-tight text-green mb-1">${u(s.value)}</div>
-          <div class="text-[12px] text-text-2 font-medium">${u(s.label)}</div>
+          <div class="text-3xl md:text-4xl font-bold tracking-tight text-green mb-1">${m(s.value)}</div>
+          <div class="text-[12px] text-text-2 font-medium">${m(s.label)}</div>
         </div>`
   ).join(`
 `);
@@ -2677,23 +2683,23 @@ ${o}
       </div>
   </section>`;
 }
-function Yn(e) {
+function sa(e) {
   return `  <section class="px-6 md:px-10 py-10">
       <div class="flex flex-wrap items-center justify-center gap-8 md:gap-12 py-6 px-4 rounded-xl bg-bg-2 border border-border-default">
-${g(e.props, "items", dt).map(
+${g(e.props, "items", wt).map(
     (a) => `          <div class="text-center">
-            <div class="text-2xl md:text-3xl font-bold tracking-tight text-text-0 mb-0.5">${u(a.value)}</div>
-            <div class="text-[11px] text-text-3 font-medium uppercase tracking-wider">${u(a.label)}</div>
+            <div class="text-2xl md:text-3xl font-bold tracking-tight text-text-0 mb-0.5">${m(a.value)}</div>
+            <div class="text-[11px] text-text-3 font-medium uppercase tracking-wider">${m(a.label)}</div>
           </div>`
   ).join(`
 `)}
       </div>
   </section>`;
 }
-function Zn(e) {
-  return e.variant === "bar" ? Yn(e) : Kn(e);
+function ia(e) {
+  return e.variant === "bar" ? sa(e) : oa(e);
 }
-const Qn = [
+const la = [
   {
     question: "What is OpenPage?",
     answer: "OpenPage is a visual website builder that uses structured JSON config as the source of truth. Both humans and AI agents can edit the same config to build beautiful websites."
@@ -2711,17 +2717,17 @@ const Qn = [
     answer: "OpenPage offers a free tier for personal projects with up to 5 blocks. Pro and Team plans unlock unlimited blocks, custom domains, and priority support."
   }
 ];
-function Xn(e) {
-  const n = u(
+function ca(e) {
+  const n = m(
     g(e.props, "title", "Frequently Asked Questions")
-  ), r = g(e.props, "subtitle", ""), a = g(e.props, "items", Qn), o = r ? `        <p class="text-text-2 text-sm max-w-lg mx-auto">${u(r)}</p>` : "", s = a.map(
+  ), r = g(e.props, "subtitle", ""), a = g(e.props, "items", la), o = r ? `        <p class="text-text-2 text-sm max-w-lg mx-auto">${m(r)}</p>` : "", s = a.map(
     (l, c) => `        <div class="border-b border-border-subtle">
           <button onclick="toggleFaq(this)" class="w-full flex items-center justify-between py-4 text-left group" aria-expanded="${c === 0 ? "true" : "false"}">
-            <span class="text-[13.5px] font-medium text-text-0 group-hover:text-green transition-colors">${u(l.question)}</span>
-            <span class="faq-chevron text-text-3 shrink-0 ml-4 transition-transform duration-200${c === 0 ? " rotate-180 text-green" : ""}">${vn}</span>
+            <span class="text-[13.5px] font-medium text-text-0 group-hover:text-green transition-colors">${m(l.question)}</span>
+            <span class="faq-chevron text-text-3 shrink-0 ml-4 transition-transform duration-200${c === 0 ? " rotate-180 text-green" : ""}">${In}</span>
           </button>
           <div class="faq-content overflow-hidden transition-all duration-200${c === 0 ? " max-h-[500px] pb-4" : " max-h-0"}">
-            <p class="text-[12.5px] text-text-2 leading-relaxed pr-8">${u(l.answer)}</p>
+            <p class="text-[12.5px] text-text-2 leading-relaxed pr-8">${m(l.answer)}</p>
           </div>
         </div>`
   ).join(`
@@ -2736,18 +2742,18 @@ ${s}
       </div>
   </section>`;
 }
-const ea = [
+const da = [
   { name: "Alex Rivera", role: "CEO & Founder" },
   { name: "Jordan Lee", role: "CTO" },
   { name: "Sam Patel", role: "Head of Design" },
   { name: "Casey Morgan", role: "Lead Engineer" }
 ];
-function ta(e) {
-  const n = u(g(e.props, "title", "Meet the Team")), r = g(e.props, "subtitle", ""), a = g(e.props, "members", ea), o = r ? `        <p class="text-text-2 text-sm max-w-lg mx-auto">${u(r)}</p>` : "", s = a.map(
+function pa(e) {
+  const n = m(g(e.props, "title", "Meet the Team")), r = g(e.props, "subtitle", ""), a = g(e.props, "members", da), o = r ? `        <p class="text-text-2 text-sm max-w-lg mx-auto">${m(r)}</p>` : "", s = a.map(
     (l) => `        <div class="text-center group">
-          ${l.avatar ? `<img src="${u(l.avatar)}" alt="${u(l.name)}" class="w-20 h-20 mx-auto rounded-full object-cover border-2 border-border-default mb-3 transition-all group-hover:border-green/30" />` : `<div class="w-20 h-20 mx-auto rounded-full bg-bg-3 border-2 border-border-default flex items-center justify-center text-xl font-bold text-text-3 mb-3 transition-all group-hover:border-green/30">${st(l.name)}</div>`}
-          <h3 class="text-sm font-semibold">${u(l.name)}</h3>
-          <p class="text-[11px] text-text-3 mt-0.5">${u(l.role)}</p>
+          ${l.avatar ? `<img src="${m(l.avatar)}" alt="${m(l.name)}" class="w-20 h-20 mx-auto rounded-full object-cover border-2 border-border-default mb-3 transition-all group-hover:border-green/30" />` : `<div class="w-20 h-20 mx-auto rounded-full bg-bg-3 border-2 border-border-default flex items-center justify-center text-xl font-bold text-text-3 mb-3 transition-all group-hover:border-green/30">${ft(l.name)}</div>`}
+          <h3 class="text-sm font-semibold">${m(l.name)}</h3>
+          <p class="text-[11px] text-text-3 mt-0.5">${m(l.role)}</p>
         </div>`
   ).join(`
 `);
@@ -2761,8 +2767,8 @@ ${s}
       </div>
   </section>`;
 }
-function ra(e) {
-  const n = u(g(e.props, "title", "Get in Touch")), r = g(e.props, "subtitle", ""), a = r ? `          <p class="text-text-2 text-sm">${u(r)}</p>` : "";
+function ua(e) {
+  const n = m(g(e.props, "title", "Get in Touch")), r = g(e.props, "subtitle", ""), a = r ? `          <p class="text-text-2 text-sm">${m(r)}</p>` : "";
   return `  <section class="px-6 md:px-10 py-16 md:py-20">
       <div class="max-w-lg mx-auto">
         <div class="text-center mb-8">
@@ -2785,29 +2791,29 @@ ${a}
             <textarea rows="4" placeholder="How can we help?" class="w-full px-3 py-2.5 rounded-lg border border-border-default bg-bg-2 text-text-0 text-[13px] outline-none focus:border-green placeholder:text-text-3 resize-y transition-colors"></textarea>
           </div>
           <button type="submit" class="w-full py-3 rounded-lg bg-green text-black text-sm font-semibold hover:bg-green-dim transition-all flex items-center justify-center gap-2">
-            ${Sn}
+            ${Ln}
             Send Message
           </button>
         </form>
       </div>
   </section>`;
 }
-function na(e) {
-  const n = u(
+function ma(e) {
+  const n = m(
     g(e.props, "title", "Stay in the loop")
-  ), r = u(
+  ), r = m(
     g(
       e.props,
       "subtitle",
       "Get updates on new features and releases. No spam, ever."
     )
-  ), a = u(
+  ), a = m(
     g(e.props, "buttonText", "Subscribe")
-  ), o = g(e.props, "socialProof", ""), s = o ? u(o) : "Join 2,000+ developers and designers";
+  ), o = g(e.props, "socialProof", ""), s = o ? m(o) : "Join 2,000+ developers and designers";
   return `  <section class="px-6 md:px-10 py-12 md:py-16">
       <div class="max-w-xl mx-auto text-center">
         <div class="w-12 h-12 rounded-xl bg-green/10 border border-green/20 flex items-center justify-center text-green mx-auto mb-4">
-          ${Cn}
+          ${Mn}
         </div>
         <h2 class="text-xl md:text-2xl font-bold tracking-tight mb-2">${n}</h2>
         <p class="text-text-2 text-sm mb-6">${r}</p>
@@ -2819,8 +2825,8 @@ function na(e) {
       </div>
   </section>`;
 }
-function aa(e) {
-  const n = u(
+function ga(e) {
+  const n = m(
     g(e.props, "title", "Trusted by teams at")
   ), a = g(e.props, "logos", [
     "Vercel",
@@ -2832,8 +2838,8 @@ function aa(e) {
   ]).map(
     (o) => `        <div class="group cursor-pointer transition-all">
           <div class="flex items-center gap-2 opacity-50 group-hover:opacity-100 transition-all group-hover:scale-105">
-            <span class="text-text-3 group-hover:text-green transition-colors">${Tn(o)}</span>
-            <span class="text-sm font-semibold text-text-3 group-hover:text-text-0 tracking-tight transition-colors">${u(o)}</span>
+            <span class="text-text-3 group-hover:text-green transition-colors">${En(o)}</span>
+            <span class="text-sm font-semibold text-text-3 group-hover:text-text-0 tracking-tight transition-colors">${m(o)}</span>
           </div>
         </div>`
   ).join(`
@@ -2845,45 +2851,45 @@ ${a}
       </div>
   </section>`;
 }
-function oa(e) {
+function xa(e) {
   switch (e.type) {
     case "navbar":
-      return In(e);
+      return Hn(e);
     case "hero":
-      return Bn(e);
+      return Un(e);
     case "features":
-      return On(e);
+      return Jn(e);
     case "pricing":
-      return Fn(e);
+      return Kn(e);
     case "cta":
-      return Gn(e);
+      return Qn(e);
     case "footer":
-      return Jn(e);
+      return ra(e);
     case "testimonials":
-      return Wn(e);
+      return aa(e);
     case "stats":
-      return Zn(e);
+      return ia(e);
     case "faq":
-      return Xn(e);
+      return ca(e);
     case "team":
-      return ta(e);
+      return pa(e);
     case "contact":
-      return ra(e);
+      return ua(e);
     case "newsletter":
-      return na(e);
+      return ma(e);
     case "logocloud":
-      return aa(e);
+      return ga(e);
     default:
-      return `  <!-- Unknown block type: ${u(e.type)} -->`;
+      return `  <!-- Unknown block type: ${m(e.type)} -->`;
   }
 }
-function sa(e, n) {
-  const r = le(e.theme), a = [r.fontSans, r.fontDisplay, r.fontMono], o = fn(a), s = n?.settings, l = e.blocks.some((E) => E.type === "faq"), c = e.blocks.map((E) => oa(E)).join(`
+function ba(e, n) {
+  const r = de(e.theme), a = [r.fontSans, r.fontDisplay, r.fontMono], o = Pn(a), s = n?.settings, l = e.blocks.some((F) => F.type === "faq"), c = e.blocks.map((F) => xa(F)).join(`
 
-`), d = (s?.seoTitle || s?.siteName || e.name || "Website").trim(), p = (s?.seoDescription || s?.siteDescription || "").trim(), m = (s?.seoTitle || s?.siteName || d).trim(), f = (s?.seoDescription || s?.siteDescription || p).trim(), x = (s?.ogImageUrl || "").trim(), h = (s?.faviconUrl || "").trim(), w = (s?.gaId || "").trim(), N = (s?.posthogKey || "").trim(), b = hn(s?.language), y = p ? `  <meta name="description" content="${u(p)}" />
-` : "", $ = f ? `  <meta property="og:description" content="${u(f)}" />
-` : "", L = x ? `  <meta property="og:image" content="${u(x)}" />
-` : "", R = h ? `  <link rel="icon" href="${u(h)}" />
+`), d = (s?.seoTitle || s?.siteName || e.name || "Website").trim(), p = (s?.seoDescription || s?.siteDescription || "").trim(), u = (s?.seoTitle || s?.siteName || d).trim(), f = (s?.seoDescription || s?.siteDescription || p).trim(), x = (s?.ogImageUrl || "").trim(), h = (s?.faviconUrl || "").trim(), w = (s?.gaId || "").trim(), N = (s?.posthogKey || "").trim(), b = Tn(s?.language), y = p ? `  <meta name="description" content="${m(p)}" />
+` : "", $ = f ? `  <meta property="og:description" content="${m(f)}" />
+` : "", M = x ? `  <meta property="og:image" content="${m(x)}" />
+` : "", R = h ? `  <link rel="icon" href="${m(h)}" />
 ` : "", T = w ? `
   <script async src="https://www.googletagmanager.com/gtag/js?id=${encodeURIComponent(w)}"><\/script>
   <script>
@@ -2928,13 +2934,13 @@ function sa(e, n) {
       }
     <\/script>` : "";
   return `<!DOCTYPE html>
-<html lang="${u(b)}">
+<html lang="${m(b)}">
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>${u(d)}</title>
-${y}  <meta property="og:title" content="${u(m)}" />
-${$}${L}${R}
+  <title>${m(d)}</title>
+${y}  <meta property="og:title" content="${m(u)}" />
+${$}${M}${R}
 
   <!-- Google Fonts -->
   <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -3038,25 +3044,25 @@ ${B}
 </body>
 </html>`;
 }
-async function ia(e, n) {
-  return sa(e, n);
+async function fa(e, n) {
+  return ba(e, n);
 }
-function la(e, n) {
+function ha(e, n) {
   const r = new Blob([e], { type: "text/html" }), a = URL.createObjectURL(r), o = document.createElement("a");
   o.href = a, o.download = n, document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(a);
 }
-function uo(e) {
+function So(e) {
   const n = window.open("", "_blank", "noopener,noreferrer");
   if (!n)
     throw new Error("Preview popup was blocked");
   n.document.open(), n.document.write(e), n.document.close();
 }
-const ca = [
-  { value: "desktop", icon: Tt, label: "Desktop" },
-  { value: "tablet", icon: It, label: "Tablet" },
-  { value: "mobile", icon: jt, label: "Mobile" }
+const va = [
+  { value: "desktop", icon: zt, label: "Desktop" },
+  { value: "tablet", icon: Rt, label: "Tablet" },
+  { value: "mobile", icon: Gt, label: "Mobile" }
 ];
-function da({ onAdd: e, onClose: n }) {
+function ya({ onAdd: e, onClose: n }) {
   const [r, a] = C(""), [o, s] = C("/"), l = D(null);
   I(() => {
     l.current?.focus();
@@ -3112,8 +3118,8 @@ function da({ onAdd: e, onClose: n }) {
     )
   ] }) });
 }
-function pa({ page: e, isActive: n, onClick: r, onRename: a, onDelete: o, canDelete: s }) {
-  const [l, c] = C(!1), [d, p] = C(e.name), [m, f] = C(!1), x = D(null);
+function wa({ page: e, isActive: n, onClick: r, onRename: a, onDelete: o, canDelete: s }) {
+  const [l, c] = C(!1), [d, p] = C(e.name), [u, f] = C(!1), x = D(null);
   I(() => {
     l && x.current?.focus();
   }, [l]);
@@ -3150,7 +3156,7 @@ function pa({ page: e, isActive: n, onClick: r, onRename: a, onDelete: o, canDel
         children: e.name
       }
     ),
-    m && /* @__PURE__ */ i(_, { children: [
+    u && /* @__PURE__ */ i(J, { children: [
       /* @__PURE__ */ t("div", { className: "fixed inset-0 z-10", onClick: () => f(!1) }),
       /* @__PURE__ */ i("div", { className: "absolute top-full left-0 mt-1 bg-bg-2 border border-border-default rounded-lg p-1 shadow-[0_8px_24px_rgba(0,0,0,0.4)] z-20 min-w-[100px]", children: [
         /* @__PURE__ */ t(
@@ -3177,17 +3183,17 @@ function pa({ page: e, isActive: n, onClick: r, onRename: a, onDelete: o, canDel
     ] })
   ] });
 }
-function ma({ activeProject: e, onExit: n } = {}) {
-  const { viewport: r, setViewport: a, toggleJsonDrawer: o, jsonDrawerOpen: s, toggleHistory: l, togglePreview: c, toggleShortcutsModal: d, previewMode: p } = P(), { undo: m, redo: f, canUndo: x, canRedo: h } = v(), w = v((k) => k.undoStack), N = v((k) => k.redoStack), b = v((k) => k.config.pages) ?? [], y = v((k) => k.activePageId), $ = v((k) => k.setActivePage), L = v((k) => k.addPage), R = v((k) => k.removePage), T = v((k) => k.renamePage), O = v((k) => k.config.name), B = v((k) => k.config), [E, Pe] = C(!1), [Te, Ie] = C(!1), ut = e?.name || O;
-  async function gt() {
-    Ie(!0);
+function ka({ activeProject: e, onExit: n } = {}) {
+  const { viewport: r, setViewport: a, toggleJsonDrawer: o, jsonDrawerOpen: s, toggleHistory: l, togglePreview: c, toggleShortcutsModal: d, previewMode: p } = P(), { undo: u, redo: f, canUndo: x, canRedo: h } = v(), w = v((k) => k.undoStack), N = v((k) => k.redoStack), b = v((k) => k.config.pages) ?? [], y = v((k) => k.activePageId), $ = v((k) => k.setActivePage), M = v((k) => k.addPage), R = v((k) => k.removePage), T = v((k) => k.renamePage), O = v((k) => k.config.name), B = v((k) => k.config), [F, Ie] = C(!1), [je, Ae] = C(!1), Ct = e?.name || O;
+  async function $t() {
+    Ae(!0);
     try {
-      const k = await ia(B, { settings: e?.settings }), G = `${(e?.name || B.name || "site").toLowerCase().replace(/\s+/g, "-")}.html`;
-      la(k, G), S("HTML exported");
+      const k = await fa(B, { settings: e?.settings }), G = `${(e?.name || B.name || "site").toLowerCase().replace(/\s+/g, "-")}.html`;
+      ha(k, G), S("HTML exported");
     } catch {
       S.error("Export failed");
     } finally {
-      Ie(!1);
+      Ae(!1);
     }
   }
   return /* @__PURE__ */ i("div", { className: "h-10 bg-bg-1 border-b border-border-default flex items-center px-3 gap-1", children: [
@@ -3201,12 +3207,12 @@ function ma({ activeProject: e, onExit: n } = {}) {
         }
       ),
       /* @__PURE__ */ t("span", { children: "/" }),
-      /* @__PURE__ */ t("span", { className: "text-text-0 font-medium max-w-[120px] truncate", children: ut })
+      /* @__PURE__ */ t("span", { className: "text-text-0 font-medium max-w-[120px] truncate", children: Ct })
     ] }),
     /* @__PURE__ */ t("div", { className: "w-px h-5 bg-border-default mx-1.5 shrink-0" }),
     /* @__PURE__ */ i("div", { className: "flex items-center gap-0.5 relative overflow-x-auto", children: [
       b.map((k) => /* @__PURE__ */ t(
-        pa,
+        wa,
         {
           page: k,
           isActive: y === k.id,
@@ -3221,28 +3227,28 @@ function ma({ activeProject: e, onExit: n } = {}) {
         /* @__PURE__ */ t(
           "button",
           {
-            onClick: () => Pe(!E),
+            onClick: () => Ie(!F),
             className: "w-6 h-6 rounded flex items-center justify-center text-text-3 hover:text-green hover:bg-bg-2 transition-all",
             title: "Add page",
             "aria-label": "Add page",
-            children: /* @__PURE__ */ t(ie, { size: 12 })
+            children: /* @__PURE__ */ t(le, { size: 12 })
           }
         ),
-        E && /* @__PURE__ */ t(
-          da,
+        F && /* @__PURE__ */ t(
+          ya,
           {
-            onAdd: (k, G) => L(k, G),
-            onClose: () => Pe(!1)
+            onAdd: (k, G) => M(k, G),
+            onClose: () => Ie(!1)
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ i("div", { className: "ml-auto flex items-center gap-1 shrink-0", children: [
-      ca.map(({ value: k, icon: G, label: je }) => /* @__PURE__ */ t(
+      va.map(({ value: k, icon: G, label: De }) => /* @__PURE__ */ t(
         "button",
         {
-          title: je,
-          "aria-label": je,
+          title: De,
+          "aria-label": De,
           "aria-pressed": r === k,
           onClick: () => a(k),
           className: `w-7 h-7 rounded flex items-center justify-center text-xs transition-all ${r === k ? "bg-bg-3 text-text-0" : "text-text-3 hover:text-text-1 hover:bg-bg-3"}`,
@@ -3256,13 +3262,13 @@ function ma({ activeProject: e, onExit: n } = {}) {
         {
           onClick: () => {
             const k = w[w.length - 1]?.label;
-            m(), k && S(`Undo: ${k}`, { duration: 1500 });
+            u(), k && S(`Undo: ${k}`, { duration: 1500 });
           },
           disabled: !x(),
           className: "w-7 h-7 rounded flex items-center justify-center text-text-3 hover:text-text-1 hover:bg-bg-3 transition-all disabled:opacity-30 disabled:cursor-not-allowed",
           title: "Undo",
           "aria-label": "Undo",
-          children: /* @__PURE__ */ t(At, { size: 14 })
+          children: /* @__PURE__ */ t(Ut, { size: 14 })
         }
       ),
       /* @__PURE__ */ t(
@@ -3276,7 +3282,7 @@ function ma({ activeProject: e, onExit: n } = {}) {
           className: "w-7 h-7 rounded flex items-center justify-center text-text-3 hover:text-text-1 hover:bg-bg-3 transition-all disabled:opacity-30 disabled:cursor-not-allowed",
           title: "Redo",
           "aria-label": "Redo",
-          children: /* @__PURE__ */ t(Dt, { size: 14 })
+          children: /* @__PURE__ */ t(qt, { size: 14 })
         }
       ),
       /* @__PURE__ */ t("div", { className: "w-px h-5 bg-border-default mx-1" }),
@@ -3289,7 +3295,7 @@ function ma({ activeProject: e, onExit: n } = {}) {
           "aria-label": "Toggle preview mode",
           "aria-pressed": p,
           children: [
-            /* @__PURE__ */ t(Bt, { size: 13 }),
+            /* @__PURE__ */ t(_t, { size: 13 }),
             /* @__PURE__ */ t("span", { children: "Preview" })
           ]
         }
@@ -3303,7 +3309,7 @@ function ma({ activeProject: e, onExit: n } = {}) {
           "aria-label": "Toggle JSON drawer",
           "aria-pressed": s,
           children: [
-            /* @__PURE__ */ t(fe, { size: 13 }),
+            /* @__PURE__ */ t(ye, { size: 13 }),
             /* @__PURE__ */ t("span", { children: "JSON" })
           ]
         }
@@ -3316,7 +3322,7 @@ function ma({ activeProject: e, onExit: n } = {}) {
           title: "History (H)",
           "aria-label": "Toggle version history",
           children: [
-            /* @__PURE__ */ t(Re, { size: 13 }),
+            /* @__PURE__ */ t(qe, { size: 13 }),
             /* @__PURE__ */ t("span", { children: "History" })
           ]
         }
@@ -3328,21 +3334,21 @@ function ma({ activeProject: e, onExit: n } = {}) {
           className: "w-7 h-7 rounded flex items-center justify-center text-text-3 hover:text-text-1 hover:bg-bg-3 transition-all",
           title: "Keyboard shortcuts (?)",
           "aria-label": "Show keyboard shortcuts",
-          children: /* @__PURE__ */ t(we, { size: 14 })
+          children: /* @__PURE__ */ t(Se, { size: 14 })
         }
       ),
       /* @__PURE__ */ t("div", { className: "w-px h-5 bg-border-default mx-1" }),
       /* @__PURE__ */ t(
         "button",
         {
-          onClick: gt,
-          disabled: Te,
+          onClick: $t,
+          disabled: je,
           className: "h-7 px-3 rounded-lg bg-green text-bg-0 text-[11.5px] font-semibold hover:bg-green/90 transition-all disabled:opacity-40 disabled:cursor-not-allowed flex items-center gap-1.5",
-          children: Te ? /* @__PURE__ */ i(_, { children: [
-            /* @__PURE__ */ t(Mt, { size: 12, className: "animate-spin" }),
+          children: je ? /* @__PURE__ */ i(J, { children: [
+            /* @__PURE__ */ t(Jt, { size: 12, className: "animate-spin" }),
             /* @__PURE__ */ t("span", { children: "Exporting..." })
-          ] }) : /* @__PURE__ */ i(_, { children: [
-            /* @__PURE__ */ t(Lt, { size: 12 }),
+          ] }) : /* @__PURE__ */ i(J, { children: [
+            /* @__PURE__ */ t(Vt, { size: 12 }),
             /* @__PURE__ */ t("span", { children: "Export" })
           ] })
         }
@@ -3350,7 +3356,7 @@ function ma({ activeProject: e, onExit: n } = {}) {
     ] })
   ] });
 }
-function ua({ value: e, onInput: n, onChange: r }) {
+function Na({ value: e, onInput: n, onChange: r }) {
   return /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5", children: [
     /* @__PURE__ */ t(
       "input",
@@ -3380,8 +3386,8 @@ function ua({ value: e, onInput: n, onChange: r }) {
     )
   ] });
 }
-function ee({ title: e, colors: n, defaultOpen: r = !1 }) {
-  const [a, o] = C(r), s = v((p) => p.config.theme), l = v((p) => p.previewTheme), c = v((p) => p.updateTheme), d = V(() => le(s), [s]);
+function te({ title: e, colors: n, defaultOpen: r = !1 }) {
+  const [a, o] = C(r), s = v((p) => p.config.theme), l = v((p) => p.previewTheme), c = v((p) => p.updateTheme), d = W(() => de(s), [s]);
   return /* @__PURE__ */ i("div", { className: "border border-border-default rounded-lg overflow-hidden", children: [
     /* @__PURE__ */ i(
       "button",
@@ -3400,26 +3406,26 @@ function ee({ title: e, colors: n, defaultOpen: r = !1 }) {
               p.key
             )) })
           ] }),
-          /* @__PURE__ */ t(ae, { size: 12, className: `text-text-3 transition-transform ${a ? "rotate-180" : ""}` })
+          /* @__PURE__ */ t(oe, { size: 12, className: `text-text-3 transition-transform ${a ? "rotate-180" : ""}` })
         ]
       }
     ),
     a && /* @__PURE__ */ t("div", { className: "px-3 py-2.5 space-y-2.5 bg-bg-1", children: n.map((p) => /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ t("span", { className: "text-[10.5px] text-text-2", children: p.label }),
       /* @__PURE__ */ t(
-        ua,
+        Na,
         {
           value: d[p.key],
-          onInput: (m) => l({ [p.key]: m }),
-          onChange: (m) => c({ [p.key]: m })
+          onInput: (u) => l({ [p.key]: u }),
+          onChange: (u) => c({ [p.key]: u })
         }
       )
     ] }, p.key)) })
   ] });
 }
-function ga() {
-  const e = v((s) => s.config.theme), n = v((s) => s.setTheme), r = v((s) => s.updateTheme), a = V(() => le(e), [e]), o = V(() => {
-    for (const s of K)
+function Sa() {
+  const e = v((s) => s.config.theme), n = v((s) => s.setTheme), r = v((s) => s.updateTheme), a = W(() => de(e), [e]), o = W(() => {
+    for (const s of Y)
       if (Object.keys(s.theme).every(
         (c) => a[c] === s.theme[c]
       )) return s.id;
@@ -3428,7 +3434,7 @@ function ga() {
   return /* @__PURE__ */ i("div", { className: "px-3.5 py-3.5", children: [
     /* @__PURE__ */ i("div", { className: "mb-4", children: [
       /* @__PURE__ */ t("div", { className: "text-[10px] font-semibold uppercase tracking-wider text-text-3 mb-2", children: "Presets" }),
-      /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-1.5", children: K.map((s) => /* @__PURE__ */ i(
+      /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-1.5", children: Y.map((s) => /* @__PURE__ */ i(
         "button",
         {
           onClick: () => n(s.theme),
@@ -3448,7 +3454,7 @@ function ga() {
     ] }),
     /* @__PURE__ */ i("div", { className: "space-y-2 mb-4", children: [
       /* @__PURE__ */ t(
-        ee,
+        te,
         {
           title: "Backgrounds",
           defaultOpen: !0,
@@ -3463,7 +3469,7 @@ function ga() {
         }
       ),
       /* @__PURE__ */ t(
-        ee,
+        te,
         {
           title: "Text",
           colors: [
@@ -3475,7 +3481,7 @@ function ga() {
         }
       ),
       /* @__PURE__ */ t(
-        ee,
+        te,
         {
           title: "Accent",
           defaultOpen: !0,
@@ -3486,7 +3492,7 @@ function ga() {
         }
       ),
       /* @__PURE__ */ t(
-        ee,
+        te,
         {
           title: "Borders",
           colors: [
@@ -3512,7 +3518,7 @@ function ga() {
             onChange: (c) => r({ [s]: c.target.value }),
             className: "w-full px-2 py-1.5 rounded-lg border border-border-default bg-bg-2 text-text-0 text-[11px] outline-none focus:border-green cursor-pointer",
             style: { fontFamily: `"${a[s]}", sans-serif` },
-            children: ln.map((c) => /* @__PURE__ */ t("option", { value: c, children: c }, c))
+            children: hn.map((c) => /* @__PURE__ */ t("option", { value: c, children: c }, c))
           }
         )
       ] }, s)) })
@@ -3552,27 +3558,27 @@ function ga() {
     ] })
   ] });
 }
-const pt = {
-  navbar: Y,
-  hero: tt,
-  features: et,
-  pricing: Xe,
-  cta: Qe,
-  footer: Ze,
-  testimonials: Ye,
-  stats: Ke,
-  faq: we,
-  team: We,
-  contact: ve,
-  newsletter: Ve,
-  logocloud: Je,
-  divider: _e,
-  banner: qe,
-  content: Ue,
-  image: oe,
-  video: ye,
-  gallery: Ge
-}, te = {
+const kt = {
+  navbar: Z,
+  hero: at,
+  features: nt,
+  pricing: rt,
+  cta: tt,
+  footer: et,
+  testimonials: Xe,
+  stats: Qe,
+  faq: Se,
+  team: Ze,
+  contact: ke,
+  newsletter: Ye,
+  logocloud: Ke,
+  divider: We,
+  banner: Ve,
+  content: Je,
+  image: se,
+  video: Ne,
+  gallery: _e
+}, re = {
   navbar: "Navbar",
   hero: "Hero",
   features: "Features",
@@ -3593,11 +3599,11 @@ const pt = {
   video: "Video",
   gallery: "Gallery"
 };
-function xa({ block: e, isSelected: n, onSelect: r, onDuplicate: a, onRemove: o }) {
-  const { attributes: s, listeners: l, setNodeRef: c, transform: d, transition: p, isDragging: m } = Xt({ id: e.id }), f = pt[e.type] || Y, x = {
-    transform: er.Transform.toString(d),
+function Ca({ block: e, isSelected: n, onSelect: r, onDuplicate: a, onRemove: o }) {
+  const { attributes: s, listeners: l, setNodeRef: c, transform: d, transition: p, isDragging: u } = pr({ id: e.id }), f = kt[e.type] || Z, x = {
+    transform: ur.Transform.toString(d),
     transition: p,
-    opacity: m ? 0.5 : 1
+    opacity: u ? 0.5 : 1
   };
   return /* @__PURE__ */ i(
     "div",
@@ -3613,12 +3619,12 @@ function xa({ block: e, isSelected: n, onSelect: r, onDuplicate: a, onRemove: o
             ...s,
             ...l,
             className: "opacity-0 group-hover:opacity-100 transition-opacity text-text-3 cursor-grab active:cursor-grabbing",
-            "aria-label": `Drag to reorder ${te[e.type]}`,
-            children: /* @__PURE__ */ t(Ot, { size: 12 })
+            "aria-label": `Drag to reorder ${re[e.type]}`,
+            children: /* @__PURE__ */ t(Wt, { size: 12 })
           }
         ),
         /* @__PURE__ */ t("div", { className: `w-[26px] h-[26px] rounded flex items-center justify-center text-[11px] shrink-0 border ${n ? "border-green/30 bg-green-glow" : "border-border-default bg-bg-3"}`, children: /* @__PURE__ */ t(f, { size: 13 }) }),
-        /* @__PURE__ */ t("span", { className: "font-medium flex-1", children: te[e.type] }),
+        /* @__PURE__ */ t("span", { className: "font-medium flex-1", children: re[e.type] }),
         /* @__PURE__ */ i("div", { className: "flex gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity", children: [
           /* @__PURE__ */ t(
             "button",
@@ -3627,8 +3633,8 @@ function xa({ block: e, isSelected: n, onSelect: r, onDuplicate: a, onRemove: o
                 h.stopPropagation(), a();
               },
               className: "w-[22px] h-[22px] rounded flex items-center justify-center text-text-3 hover:bg-bg-4 hover:text-text-0 transition-all",
-              "aria-label": `Duplicate ${te[e.type]}`,
-              children: /* @__PURE__ */ t(Fe, { size: 11 })
+              "aria-label": `Duplicate ${re[e.type]}`,
+              children: /* @__PURE__ */ t(Ge, { size: 11 })
             }
           ),
           /* @__PURE__ */ t(
@@ -3638,8 +3644,8 @@ function xa({ block: e, isSelected: n, onSelect: r, onDuplicate: a, onRemove: o
                 h.stopPropagation(), o();
               },
               className: "w-[22px] h-[22px] rounded flex items-center justify-center text-text-3 hover:bg-status-red/10 hover:text-status-red transition-all",
-              "aria-label": `Remove ${te[e.type]}`,
-              children: /* @__PURE__ */ t(ze, { size: 11 })
+              "aria-label": `Remove ${re[e.type]}`,
+              children: /* @__PURE__ */ t(Ue, { size: 11 })
             }
           )
         ] })
@@ -3647,7 +3653,7 @@ function xa({ block: e, isSelected: n, onSelect: r, onDuplicate: a, onRemove: o
     }
   );
 }
-function ba({ onAdd: e, onClose: n }) {
+function $a({ onAdd: e, onClose: n }) {
   const [r, a] = C(""), o = A.filter(
     (l) => l.label.toLowerCase().includes(r.toLowerCase()) || l.category.toLowerCase().includes(r.toLowerCase())
   ), s = o.reduce((l, c) => (l[c.category] || (l[c.category] = []), l[c.category].push(c), l), {});
@@ -3667,7 +3673,7 @@ function ba({ onAdd: e, onClose: n }) {
     Object.entries(s).map(([l, c]) => /* @__PURE__ */ i("div", { children: [
       /* @__PURE__ */ t("div", { className: "text-[9px] font-semibold uppercase tracking-wider text-text-3 px-1.5 pt-2 pb-1", children: l }),
       c.map((d) => {
-        const p = pt[d.type] || Y;
+        const p = kt[d.type] || Z;
         return /* @__PURE__ */ i(
           "button",
           {
@@ -3689,22 +3695,22 @@ function ba({ onAdd: e, onClose: n }) {
       })
     ] }, l)),
     o.length === 0 && /* @__PURE__ */ i("div", { className: "px-2 py-3 text-center text-[11px] text-text-3 flex items-center justify-center gap-1.5", children: [
-      /* @__PURE__ */ t(rt, { size: 12 }),
+      /* @__PURE__ */ t(ot, { size: 12 }),
       'No components match "',
       r,
       '"'
     ] })
   ] });
 }
-function fa() {
+function Pa() {
   const e = v((x) => {
     const h = x.config.pages;
     return !h || h.length === 0 ? x.config.blocks : (h.find((N) => N.id === x.activePageId) ?? h[0]).blocks;
-  }), { duplicateBlock: n, removeBlock: r, moveBlock: a, addBlock: o } = v(), { selectedBlockId: s, selectBlock: l } = P(), [c, d] = C(!1), p = _t(
-    Ae(Jt, { activationConstraint: { distance: 5 } }),
-    Ae(Vt, { coordinateGetter: Yt })
+  }), { duplicateBlock: n, removeBlock: r, moveBlock: a, addBlock: o } = v(), { selectedBlockId: s, selectBlock: l } = P(), [c, d] = C(!1), p = nr(
+    Be(ar, { activationConstraint: { distance: 5 } }),
+    Be(or, { coordinateGetter: lr })
   );
-  function m(x) {
+  function u(x) {
     const { active: h, over: w } = x;
     if (!w || h.id === w.id) return;
     const N = e.findIndex((y) => y.id === h.id), b = e.findIndex((y) => y.id === w.id);
@@ -3717,7 +3723,9 @@ function fa() {
       id: `block-${Date.now()}`,
       type: x,
       variant: h.variants[0],
-      props: { ...h.defaultProps }
+      // ISS-005 review item 3: deep copy — defaultProps now hold shared array-of-object
+      // constants; a shallow spread would let this block's edits mutate every future insert.
+      props: structuredClone(h.defaultProps)
     };
     o(w), l(w.id), S(`${h.label} added`);
   }
@@ -3726,8 +3734,8 @@ function fa() {
       /* @__PURE__ */ t("span", { className: "text-[10px] font-semibold uppercase tracking-wider text-text-3", children: "Layers" }),
       /* @__PURE__ */ t("span", { className: "text-[10px] text-text-3", children: e.length })
     ] }),
-    /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto px-2 pb-2", children: /* @__PURE__ */ t(Wt, { sensors: p, collisionDetection: Kt, onDragEnd: m, children: /* @__PURE__ */ t(Zt, { items: e.map((x) => x.id), strategy: Qt, children: e.map((x) => /* @__PURE__ */ t(
-      xa,
+    /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto px-2 pb-2", children: /* @__PURE__ */ t(sr, { sensors: p, collisionDetection: ir, onDragEnd: u, children: /* @__PURE__ */ t(cr, { items: e.map((x) => x.id), strategy: dr, children: e.map((x) => /* @__PURE__ */ t(
+      Ca,
       {
         block: x,
         isSelected: s === x.id,
@@ -3756,57 +3764,59 @@ function fa() {
           onClick: () => d(!c),
           className: "w-full py-2 rounded-md border border-dashed border-border-default text-text-2 text-xs flex items-center justify-center gap-1.5 transition-all hover:border-green hover:text-green hover:bg-green-glow2",
           children: [
-            /* @__PURE__ */ t(ie, { size: 13 }),
+            /* @__PURE__ */ t(le, { size: 13 }),
             "Add Component"
           ]
         }
       ),
-      c && /* @__PURE__ */ t(ba, { onAdd: f, onClose: () => d(!1) })
+      c && /* @__PURE__ */ t($a, { onAdd: f, onClose: () => d(!1) })
     ] })
   ] });
 }
-function ha() {
+function Ta() {
   return `block-${Date.now()}`;
 }
-const va = {
-  navbar: Y,
-  hero: tt,
-  features: et,
-  pricing: Xe,
-  cta: Qe,
-  footer: Ze,
-  testimonials: Ye,
-  stats: Ke,
-  faq: we,
-  team: We,
-  contact: ve,
-  newsletter: Ve,
-  logocloud: Je,
-  divider: _e,
-  banner: qe,
-  content: Ue,
-  image: oe,
-  video: ye,
-  gallery: Ge
+const Ia = {
+  navbar: Z,
+  hero: at,
+  features: nt,
+  pricing: rt,
+  cta: tt,
+  footer: et,
+  testimonials: Xe,
+  stats: Qe,
+  faq: Se,
+  team: Ze,
+  contact: ke,
+  newsletter: Ye,
+  logocloud: Ke,
+  divider: We,
+  banner: Ve,
+  content: Je,
+  image: se,
+  video: Ne,
+  gallery: _e
 };
-function ya() {
+function ja() {
   const [e, n] = C(""), r = v((c) => c.addBlock), a = P((c) => c.selectBlock), o = A.filter(
     (c) => c.label.toLowerCase().includes(e.toLowerCase()) || c.category.toLowerCase().includes(e.toLowerCase())
   ), s = o.reduce((c, d) => (c[d.category] || (c[d.category] = []), c[d.category].push(d), c), {});
   function l(c) {
-    const d = A.find((m) => m.type === c);
+    const d = A.find((u) => u.type === c);
     if (!d) return;
     const p = {
-      id: ha(),
+      id: Ta(),
       type: c,
       variant: d.variants[0],
-      props: { ...d.defaultProps }
+      // ISS-005 review item 3: deep copy — defaultProps now hold shared array-of-object
+      // constants; a shallow spread would let this block's edits mutate every future insert.
+      props: structuredClone(d.defaultProps)
     };
     r(p), a(p.id), S(`${d.label} added`);
   }
   return /* @__PURE__ */ i("div", { className: "flex flex-col flex-1 overflow-hidden", children: [
     /* @__PURE__ */ t("div", { className: "px-3 pt-2.5 pb-1.5", children: /* @__PURE__ */ i("div", { className: "relative", children: [
-      /* @__PURE__ */ t(rt, { size: 12, className: "absolute left-2 top-1/2 -translate-y-1/2 text-text-3" }),
+      /* @__PURE__ */ t(ot, { size: 12, className: "absolute left-2 top-1/2 -translate-y-1/2 text-text-3" }),
       /* @__PURE__ */ t(
         "input",
         {
@@ -3823,16 +3833,16 @@ function ya() {
       Object.entries(s).map(([c, d]) => /* @__PURE__ */ i("div", { children: [
         /* @__PURE__ */ t("div", { className: "text-[9px] font-semibold uppercase tracking-wider text-text-3 px-1.5 pt-2.5 pb-1", children: c }),
         d.map((p) => {
-          const m = va[p.type] || Y;
+          const u = Ia[p.type] || Z;
           return /* @__PURE__ */ i(
             "button",
             {
               onClick: () => l(p.type),
               className: "w-full flex items-center gap-2 px-2.5 py-1.5 rounded-md text-[12px] text-text-1 hover:bg-bg-3 hover:text-text-0 transition-colors text-left group",
               children: [
-                /* @__PURE__ */ t("div", { className: "w-[22px] h-[22px] rounded border border-border-default bg-bg-3 flex items-center justify-center text-[10px] shrink-0", children: /* @__PURE__ */ t(m, { size: 12 }) }),
+                /* @__PURE__ */ t("div", { className: "w-[22px] h-[22px] rounded border border-border-default bg-bg-3 flex items-center justify-center text-[10px] shrink-0", children: /* @__PURE__ */ t(u, { size: 12 }) }),
                 /* @__PURE__ */ t("span", { className: "flex-1", children: p.label }),
-                /* @__PURE__ */ t(ie, { size: 11, className: "text-text-3 opacity-0 group-hover:opacity-100 transition-opacity" })
+                /* @__PURE__ */ t(le, { size: 11, className: "text-text-3 opacity-0 group-hover:opacity-100 transition-opacity" })
               ]
             },
             p.type
@@ -3847,7 +3857,7 @@ function ya() {
     ] })
   ] });
 }
-function wa() {
+function Aa() {
   const [e, n] = C("layers");
   return /* @__PURE__ */ i("div", { className: "hidden md:flex w-[280px] bg-bg-1 border-r border-border-default flex-col shrink-0", children: [
     /* @__PURE__ */ i("div", { className: "flex border-b border-border-default shrink-0", children: [
@@ -3868,10 +3878,10 @@ function wa() {
         }
       )
     ] }),
-    e === "layers" ? /* @__PURE__ */ t(fa, {}) : /* @__PURE__ */ t(ya, {})
+    e === "layers" ? /* @__PURE__ */ t(Pa, {}) : /* @__PURE__ */ t(ja, {})
   ] });
 }
-const ka = {
+const Da = {
   navbar: {
     sections: [
       {
@@ -4194,7 +4204,7 @@ const ka = {
     ]
   }
 };
-function Na({ field: e, block: n }) {
+function Ba({ field: e, block: n }) {
   const r = v((l) => l.updateBlockProps), a = v((l) => l.updateBlock), o = e.key === "variant" ? n.variant : n.props[e.key], s = (l) => {
     e.key === "variant" ? a(n.id, { variant: l }) : r(n.id, { [e.key]: l });
   };
@@ -4249,8 +4259,8 @@ function Na({ field: e, block: n }) {
               type: "text",
               value: c,
               onChange: (p) => {
-                const m = [...l];
-                m[d] = p.target.value, s(m);
+                const u = [...l];
+                u[d] = p.target.value, s(u);
               },
               className: "flex-1 px-2 py-1 rounded border border-border-default bg-bg-2 text-text-0 text-xs outline-none focus:border-green"
             }
@@ -4258,7 +4268,7 @@ function Na({ field: e, block: n }) {
           /* @__PURE__ */ t(
             "button",
             {
-              onClick: () => s(l.filter((p, m) => m !== d)),
+              onClick: () => s(l.filter((p, u) => u !== d)),
               className: "px-1.5 text-text-3 hover:text-status-red text-xs transition-colors",
               children: "x"
             }
@@ -4278,7 +4288,7 @@ function Na({ field: e, block: n }) {
       let l = function() {
         if (c.length > 0) {
           const p = {};
-          for (const m of Object.keys(c[0])) p[m] = "";
+          for (const u of Object.keys(c[0])) p[u] = "";
           return p;
         }
         return {
@@ -4303,14 +4313,14 @@ function Na({ field: e, block: n }) {
             /* @__PURE__ */ t(
               "button",
               {
-                onClick: () => s(c.filter((m, f) => f !== p)),
+                onClick: () => s(c.filter((u, f) => f !== p)),
                 className: "text-[10px] text-text-3 hover:text-status-red transition-colors",
                 children: "Remove"
               }
             )
           ] }),
-          Object.entries(d).map(([m, f]) => /* @__PURE__ */ i("div", { className: "mb-1", children: [
-            /* @__PURE__ */ t("label", { className: "block text-[10px] text-text-3 mb-0.5", children: m }),
+          Object.entries(d).map(([u, f]) => /* @__PURE__ */ i("div", { className: "mb-1", children: [
+            /* @__PURE__ */ t("label", { className: "block text-[10px] text-text-3 mb-0.5", children: u }),
             /* @__PURE__ */ t(
               "input",
               {
@@ -4318,12 +4328,12 @@ function Na({ field: e, block: n }) {
                 value: String(f),
                 onChange: (x) => {
                   const h = [...c];
-                  h[p] = { ...h[p], [m]: x.target.value }, s(h);
+                  h[p] = { ...h[p], [u]: x.target.value }, s(h);
                 },
                 className: "w-full px-1.5 py-1 rounded border border-border-subtle bg-bg-3 text-text-0 text-[11px] outline-none focus:border-green"
               }
             )
-          ] }, m))
+          ] }, u))
         ] }, p)),
         /* @__PURE__ */ t(
           "button",
@@ -4339,7 +4349,7 @@ function Na({ field: e, block: n }) {
       return null;
   }
 }
-function Sa({ title: e, children: n }) {
+function La({ title: e, children: n }) {
   const [r, a] = C(!0);
   return /* @__PURE__ */ i("div", { className: "border-b border-border-subtle", children: [
     /* @__PURE__ */ i(
@@ -4348,7 +4358,7 @@ function Sa({ title: e, children: n }) {
         onClick: () => a(!r),
         className: "w-full px-3.5 py-2.5 flex items-center gap-1 text-[10px] font-semibold uppercase tracking-wider text-text-3 hover:text-text-2 transition-colors",
         children: [
-          r ? /* @__PURE__ */ t(ae, { size: 12 }) : /* @__PURE__ */ t(Ee, { size: 12 }),
+          r ? /* @__PURE__ */ t(oe, { size: 12 }) : /* @__PURE__ */ t(ze, { size: 12 }),
           e
         ]
       }
@@ -4356,14 +4366,14 @@ function Sa({ title: e, children: n }) {
     r && /* @__PURE__ */ t("div", { className: "px-3.5 pb-3", children: n })
   ] });
 }
-function Ca({ block: e }) {
-  const [n, r] = C(!1), a = ka[e.type];
-  return /* @__PURE__ */ i(_, { children: [
+function Ma({ block: e }) {
+  const [n, r] = C(!1), a = Da[e.type];
+  return /* @__PURE__ */ i(J, { children: [
     /* @__PURE__ */ i("div", { className: "px-3.5 py-3 border-b border-border-default flex items-center justify-between", children: [
       /* @__PURE__ */ t("span", { className: "text-[11px] font-semibold uppercase tracking-wider text-text-2", children: "Properties" }),
       /* @__PURE__ */ t("span", { className: "text-[10px] px-2 py-0.5 rounded-full bg-green-glow text-green font-semibold", children: e.type })
     ] }),
-    a?.sections.map((o) => /* @__PURE__ */ t(Sa, { title: o.title, children: o.fields.map((s) => /* @__PURE__ */ t(Na, { field: s, block: e }, s.key)) }, o.title)) || /* @__PURE__ */ t("div", { className: "p-3.5 text-[11px] text-text-3", children: "No editable properties defined for this block type." }),
+    a?.sections.map((o) => /* @__PURE__ */ t(La, { title: o.title, children: o.fields.map((s) => /* @__PURE__ */ t(Ba, { field: s, block: e }, s.key)) }, o.title)) || /* @__PURE__ */ t("div", { className: "p-3.5 text-[11px] text-text-3", children: "No editable properties defined for this block type." }),
     /* @__PURE__ */ i("div", { className: "border-t border-border-subtle", children: [
       /* @__PURE__ */ i(
         "button",
@@ -4371,7 +4381,7 @@ function Ca({ block: e }) {
           onClick: () => r(!n),
           className: "w-full px-3.5 py-2 flex items-center gap-1.5 text-[10px] text-text-3 hover:text-text-2 transition-colors",
           children: [
-            /* @__PURE__ */ t(fe, { size: 11 }),
+            /* @__PURE__ */ t(ye, { size: 11 }),
             n ? "Hide" : "View",
             " Block JSON"
           ]
@@ -4381,7 +4391,7 @@ function Ca({ block: e }) {
     ] })
   ] });
 }
-function $a() {
+function Oa() {
   const e = P((d) => d.selectedBlockId), n = v((d) => {
     const p = d.config.pages;
     return !p || p.length === 0 ? d.config.blocks : (p.find((f) => f.id === d.activePageId) ?? p[0]).blocks;
@@ -4406,15 +4416,15 @@ function $a() {
         }
       )
     ] }),
-    /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto", children: c === "design" ? /* @__PURE__ */ t(ga, {}) : r ? /* @__PURE__ */ i(_, { children: [
-      /* @__PURE__ */ t(Ca, { block: r }),
+    /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto", children: c === "design" ? /* @__PURE__ */ t(Sa, {}) : r ? /* @__PURE__ */ i(J, { children: [
+      /* @__PURE__ */ t(Ma, { block: r }),
       /* @__PURE__ */ i("div", { className: "mt-auto px-3.5 py-2.5 font-mono text-[10.5px] text-text-3 break-all border-t border-border-subtle", children: [
         "config.blocks[",
         n.indexOf(r),
         "]"
       ] })
     ] }) : /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center text-center px-6 py-16 gap-3", children: [
-      /* @__PURE__ */ t("div", { className: "w-10 h-10 rounded-lg bg-bg-3 border border-border-default flex items-center justify-center", children: /* @__PURE__ */ t(Et, { size: 16, className: "text-text-3" }) }),
+      /* @__PURE__ */ t("div", { className: "w-10 h-10 rounded-lg bg-bg-3 border border-border-default flex items-center justify-center", children: /* @__PURE__ */ t(Kt, { size: 16, className: "text-text-3" }) }),
       /* @__PURE__ */ i("div", { children: [
         /* @__PURE__ */ t("p", { className: "text-text-1 text-[12px] font-medium", children: "Click a block to edit" }),
         /* @__PURE__ */ t("p", { className: "text-text-3 text-[11px] mt-1", children: "Select any block on the canvas to see its properties here" })
@@ -4422,11 +4432,11 @@ function $a() {
     ] }) })
   ] });
 }
-function Pa(e) {
+function Fa(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function Ta(e) {
-  return Pa(e).replace(
+function Ea(e) {
+  return Fa(e).replace(
     /(&quot;(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\&])*?&quot;(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+-]?\d+)?)/g,
     (r) => {
       let a = "text-status-yellow";
@@ -4439,10 +4449,10 @@ function Ta(e) {
     }
   );
 }
-function Ia() {
-  const e = v((N) => N.config), n = v((N) => N.setConfig), { jsonDrawerOpen: r, toggleJsonDrawer: a } = P(), [o, s] = C(!1), [l, c] = C(""), [d, p] = C(null), m = JSON.stringify(e, null, 2), f = Ta(m);
+function Ha() {
+  const e = v((N) => N.config), n = v((N) => N.setConfig), { jsonDrawerOpen: r, toggleJsonDrawer: a } = P(), [o, s] = C(!1), [l, c] = C(""), [d, p] = C(null), u = JSON.stringify(e, null, 2), f = Ea(u);
   function x() {
-    c(m), p(null), s(!0);
+    c(u), p(null), s(!0);
   }
   function h() {
     try {
@@ -4484,7 +4494,7 @@ function Ia() {
                     children: "Edit"
                   }
                 ),
-                o && /* @__PURE__ */ i(_, { children: [
+                o && /* @__PURE__ */ i(J, { children: [
                   /* @__PURE__ */ t(
                     "button",
                     {
@@ -4532,14 +4542,14 @@ function Ia() {
     }
   );
 }
-function ja(e) {
+function za(e) {
   const n = Math.floor((Date.now() - e) / 1e3);
   if (n < 10) return "Just now";
   if (n < 60) return `${n}s ago`;
   const r = Math.floor(n / 60);
   return r < 60 ? `${r}m ago` : `${Math.floor(r / 60)}h ago`;
 }
-function Aa() {
+function Ra() {
   const { historyOpen: e, toggleHistory: n } = P(), r = v((s) => s.undoStack), a = D(null), o = [...r].reverse();
   return I(() => {
     if (!e) return;
@@ -4564,7 +4574,7 @@ function Aa() {
       children: [
         /* @__PURE__ */ i("div", { className: "px-4 py-3.5 border-b border-border-default flex items-center justify-between", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ t(Re, { size: 14, className: "text-text-2" }),
+            /* @__PURE__ */ t(qe, { size: 14, className: "text-text-2" }),
             /* @__PURE__ */ t("h3", { className: "text-sm font-semibold", children: "Version History" }),
             /* @__PURE__ */ i("span", { className: "text-[10px] text-text-3", children: [
               "(",
@@ -4577,7 +4587,7 @@ function Aa() {
             {
               onClick: n,
               className: "w-7 h-7 rounded flex items-center justify-center text-text-3 hover:text-text-0 hover:bg-bg-3 transition-colors",
-              children: /* @__PURE__ */ t(se, { size: 14 })
+              children: /* @__PURE__ */ t(ie, { size: 14 })
             }
           )
         ] }),
@@ -4598,12 +4608,12 @@ function Aa() {
               className: "p-3 rounded-lg cursor-pointer transition-colors mb-0.5 hover:bg-bg-3 group",
               children: [
                 /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 text-[11px] text-text-2 mb-1", children: [
-                  /* @__PURE__ */ t("span", { children: ja(s.timestamp) }),
+                  /* @__PURE__ */ t("span", { children: za(s.timestamp) }),
                   /* @__PURE__ */ t("span", { className: "text-[9px] px-1.5 py-0.5 rounded-full font-semibold bg-status-blue/10 text-status-blue", children: "manual" })
                 ] }),
                 /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ t("div", { className: "text-[12.5px] text-text-1", children: s.label }),
-                  /* @__PURE__ */ t(Ht, { size: 12, className: "text-text-3 opacity-0 group-hover:opacity-100 transition-opacity" })
+                  /* @__PURE__ */ t(Yt, { size: 12, className: "text-text-3 opacity-0 group-hover:opacity-100 transition-opacity" })
                 ] })
               ]
             },
@@ -4615,13 +4625,13 @@ function Aa() {
     }
   );
 }
-const re = [
+const ne = [
   { label: "Analyzing prompt", duration: 3 },
   { label: "Generating layout", duration: 5 },
   { label: "Writing copy", duration: 4 },
   { label: "Applying theme", duration: 3 }
 ];
-function Da(e, n) {
+function Ga(e, n) {
   switch (n.type) {
     case "start":
       return { elapsed: 0, showAfterFade: !0 };
@@ -4633,25 +4643,25 @@ function Da(e, n) {
       return e;
   }
 }
-function Ba() {
-  const e = P((p) => p.isGenerating), n = P((p) => p.clearGeneration), [{ elapsed: r, showAfterFade: a }, o] = bt(Da, {
+function Ua() {
+  const e = P((p) => p.isGenerating), n = P((p) => p.clearGeneration), [{ elapsed: r, showAfterFade: a }, o] = Tt(Ga, {
     elapsed: 0,
     showAfterFade: !1
   });
   I(() => {
     if (e) {
       o({ type: "start" });
-      const m = setInterval(() => o({ type: "tick" }), 1e3);
-      return () => clearInterval(m);
+      const u = setInterval(() => o({ type: "tick" }), 1e3);
+      return () => clearInterval(u);
     }
     const p = setTimeout(() => o({ type: "hide" }), 600);
     return () => clearTimeout(p);
   }, [e]);
   const s = e || a, l = !e && a;
   if (!s) return null;
-  let c = 0, d = re.length - 1;
-  for (let p = 0; p < re.length; p++)
-    if (c += re[p].duration, r < c) {
+  let c = 0, d = ne.length - 1;
+  for (let p = 0; p < ne.length; p++)
+    if (c += ne[p].duration, r < c) {
       d = p;
       break;
     }
@@ -4706,10 +4716,10 @@ function Ba() {
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ t("div", { className: "w-full space-y-2", children: re.map((p, m) => /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ t("div", { className: `w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-semibold border transition-all duration-500 ${m < d ? "bg-green/20 border-green/40 text-green" : m === d ? "border-green text-green animate-pulse" : "border-border-default text-text-3"}`, children: m < d ? /* @__PURE__ */ t("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ t("path", { d: "M2 5L4 7L8 3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) : /* @__PURE__ */ t("span", { children: m + 1 }) }),
-            /* @__PURE__ */ t("span", { className: `text-[12px] transition-colors duration-500 ${m < d ? "text-text-2" : m === d ? "text-text-0 font-medium" : "text-text-3"}`, children: p.label }),
-            m === d && /* @__PURE__ */ t("div", { className: "flex-1 h-1 rounded-full bg-bg-3 overflow-hidden ml-auto max-w-[80px]", children: /* @__PURE__ */ t("div", { className: "h-full bg-green/60 rounded-full gen-progress" }) })
+          /* @__PURE__ */ t("div", { className: "w-full space-y-2", children: ne.map((p, u) => /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ t("div", { className: `w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-semibold border transition-all duration-500 ${u < d ? "bg-green/20 border-green/40 text-green" : u === d ? "border-green text-green animate-pulse" : "border-border-default text-text-3"}`, children: u < d ? /* @__PURE__ */ t("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ t("path", { d: "M2 5L4 7L8 3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) : /* @__PURE__ */ t("span", { children: u + 1 }) }),
+            /* @__PURE__ */ t("span", { className: `text-[12px] transition-colors duration-500 ${u < d ? "text-text-2" : u === d ? "text-text-0 font-medium" : "text-text-3"}`, children: p.label }),
+            u === d && /* @__PURE__ */ t("div", { className: "flex-1 h-1 rounded-full bg-bg-3 overflow-hidden ml-auto max-w-[80px]", children: /* @__PURE__ */ t("div", { className: "h-full bg-green/60 rounded-full gen-progress" }) })
           ] }, p.label)) }),
           /* @__PURE__ */ i(
             "button",
@@ -4717,7 +4727,7 @@ function Ba() {
               onClick: () => n(),
               className: "px-4 py-2 rounded-lg bg-bg-2 text-text-2 text-[12px] border border-border-default hover:bg-bg-3 hover:text-text-0 hover:border-border-hover transition-all inline-flex items-center gap-1.5",
               children: [
-                /* @__PURE__ */ t(se, { size: 12 }),
+                /* @__PURE__ */ t(ie, { size: 12 }),
                 "Cancel"
               ]
             }
@@ -4758,7 +4768,7 @@ function Ba() {
     }
   );
 }
-const Ma = `You are a website configuration generator for OpenPage, a visual website builder.
+const qa = `You are a website configuration generator for OpenPage, a visual website builder.
 
 Given a user's description, generate a complete JSON site configuration.
 
@@ -4787,12 +4797,12 @@ Each page has its own blocks array. Generate at least 2 pages: Home and one addi
 
 ## Available Block Types
 
-1. navbar (variants: default, centered) - Props: { logo, links[], ctaText }
+1. navbar (variants: default, centered) - Props: { logo, links: string[], ctaText }
 2. hero (variants: centered, split, gradient, minimal) - Props: { badge?, headline, subheadline, primaryCta, secondaryCta? }
 3. features (variants: grid, list, alternating) - Props: { label?, title, subtitle?, items: [{ icon?, title, description }] }
-4. pricing (variants: simple, comparison) - Props: { title, subtitle?, tiers?: [{ name, price, period?, description?, features[], cta, featured? }] }
+4. pricing (variants: simple, comparison) - Props: { title, subtitle?, tiers?: [{ name, price, period?, description?, features: string[], cta, featured? }] }
 5. cta (variants: simple, split) - Props: { headline, subheadline?, buttonText }
-6. footer (variants: simple, multi-column, minimal) - Props: { logo, copyright, links[] }
+6. footer (variants: simple, multi-column, minimal) - Props: { logo, copyright, links: string[], columns?: [{ title, links: string[] }] }
 7. testimonials (variants: cards, carousel, spotlight) - Props: { title?, items?: [{ name, role?, quote, rating? }] }
 8. stats (variants: grid, bar, counter) - Props: { title?, items?: [{ value, label }] }
 9. faq (variants: accordion) - Props: { title?, items?: [{ question, answer }] }
@@ -4820,18 +4830,58 @@ Fonts: DM Sans, Inter, Space Grotesk, Poppins, Manrope, Outfit, Plus Jakarta San
 6. Do NOT use placeholder text like "Lorem ipsum"
 7. Make copy compelling and specific to the described business
 8. Each page needs a unique id (page-home, page-about, etc.), a name, and a path (/, /about, etc.)
+9. Link/label arrays (navbar links, footer links, footer columns[].links, pricing tiers[].features) are plain strings — NEVER objects like {label, href}
 
-Return ONLY valid JSON. No markdown, no code fences, no explanation.`;
-function J(e) {
-  return K.find((n) => n.id === e)?.theme;
+Return ONLY valid JSON. No markdown, no code fences, no explanation.`, _a = ["label", "text", "title", "name"];
+function q(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function Fe(e) {
+  if (typeof e == "string") return e;
+  if (typeof e == "number" && Number.isFinite(e) || typeof e == "boolean") return String(e);
+  if (q(e)) {
+    for (const n of _a)
+      if (typeof e[n] == "string") return e[n];
+  }
+  return null;
+}
+function Ja(e, n) {
+  if (typeof n == "string")
+    return Fe(e) ?? n;
+  if (typeof n == "number")
+    return typeof e == "number" && Number.isFinite(e) ? e : typeof e == "string" && e.trim() !== "" && Number.isFinite(Number(e)) ? Number(e) : n;
+  if (typeof n == "boolean")
+    return typeof e == "boolean" ? e : e === "true" ? !0 : e === "false" ? !1 : n;
+  if (Array.isArray(n)) {
+    if (!Array.isArray(e)) return n;
+    if (n.length === 0) return e;
+    const r = n[0], a = [];
+    for (const o of e)
+      if (typeof r == "string") {
+        const s = Fe(o);
+        s !== null && a.push(s);
+      } else q(r) ? q(o) && a.push(be(o, r)) : typeof o == typeof r && a.push(o);
+    return a.length === 0 ? n : a;
+  }
+  return q(n) ? q(e) ? be(e, n) : n : e;
 }
-const q = [
+function be(e, n) {
+  if (!q(e)) return {};
+  const r = { ...e };
+  for (const [a, o] of Object.entries(n))
+    a in r && (r[a] = Ja(r[a], o));
+  return r;
+}
+function V(e) {
+  return Y.find((n) => n.id === e)?.theme;
+}
+const _ = [
   {
     keywords: ["portfolio", "personal", "resume", "freelance", "designer", "developer"],
     themePresetId: "slate",
     build: (e) => ({
       name: e,
-      theme: J("slate"),
+      theme: V("slate"),
       blocks: [
         { id: "block-navbar-1", type: "navbar", variant: "default", props: { logo: e, links: ["Work", "About", "Contact"], ctaText: "Hire Me" } },
         { id: "block-hero-1", type: "hero", variant: "minimal", props: { headline: `Hi, I'm ${e}`, subheadline: "I design and build digital experiences that make a difference.", primaryCta: "View My Work" } },
@@ -4848,7 +4898,7 @@ const q = [
     themePresetId: "amber",
     build: (e) => ({
       name: e,
-      theme: J("amber"),
+      theme: V("amber"),
       blocks: [
         { id: "block-navbar-1", type: "navbar", variant: "centered", props: { logo: e, links: ["Menu", "About", "Reservations", "Gallery"], ctaText: "Book a Table" } },
         { id: "block-hero-1", type: "hero", variant: "gradient", props: { headline: `Welcome to ${e}`, subheadline: "Fresh ingredients, bold flavors, unforgettable dining experiences.", primaryCta: "View Menu", secondaryCta: "Make a Reservation" } },
@@ -4865,7 +4915,7 @@ const q = [
     themePresetId: "clean",
     build: (e) => ({
       name: e,
-      theme: J("clean"),
+      theme: V("clean"),
       blocks: [
         { id: "block-navbar-1", type: "navbar", variant: "centered", props: { logo: e, links: ["Services", "Work", "About", "Contact"], ctaText: "Get a Quote" } },
         { id: "block-hero-1", type: "hero", variant: "split", props: { badge: "Award-Winning Agency", headline: "We build brands that matter", subheadline: "Strategy, design, and technology working together to drive real results.", primaryCta: "Start a Project", secondaryCta: "Our Work" } },
@@ -4883,7 +4933,7 @@ const q = [
     themePresetId: "ivory",
     build: (e) => ({
       name: e,
-      theme: J("ivory"),
+      theme: V("ivory"),
       blocks: [
         { id: "block-navbar-1", type: "navbar", variant: "default", props: { logo: e, links: ["Articles", "Topics", "About"], ctaText: "Subscribe" } },
         { id: "block-hero-1", type: "hero", variant: "minimal", props: { headline: e, subheadline: "Thoughtful writing on technology, design, and the future of work.", primaryCta: "Start Reading" } },
@@ -4909,7 +4959,7 @@ Exploring ideas at the intersection of technology and humanity. From AI ethics t
     themePresetId: "default",
     build: (e) => ({
       name: e,
-      theme: J("default"),
+      theme: V("default"),
       blocks: [
         { id: "block-navbar-1", type: "navbar", variant: "default", props: { logo: e, links: ["Features", "Pricing", "About"], ctaText: "Get Started" } },
         { id: "block-hero-1", type: "hero", variant: "centered", props: { badge: "Now in Beta", headline: `${e} - Build Better, Ship Faster`, subheadline: "The all-in-one platform that helps teams move from idea to production in record time.", primaryCta: "Start Free Trial", secondaryCta: "Watch Demo" } },
@@ -4922,54 +4972,55 @@ Exploring ideas at the intersection of technology and humanity. From AI ethics t
       ]
     })
   }
-], mt = [
+], Nt = [
   { id: "portfolio", name: "Portfolio", description: "Showcase your work and skills", accent: "#06b6d4", blockCount: 7, templateIndex: 0, icon: "Briefcase" },
   { id: "restaurant", name: "Restaurant", description: "Menu, reservations, and ambiance", accent: "#e8a838", blockCount: 7, templateIndex: 1, icon: "UtensilsCrossed" },
   { id: "agency", name: "Agency", description: "Services, case studies, and team", accent: "#228be6", blockCount: 8, templateIndex: 2, icon: "Building2" },
   { id: "blog", name: "Blog", description: "Articles, topics, and subscribers", accent: "#4f46e5", blockCount: 7, templateIndex: 3, icon: "BookOpen" }
 ];
-function La(e, n) {
-  const r = mt.find((a) => a.id === e);
-  return r ? q[r.templateIndex].build(n) : q[q.length - 1].build(n);
+function Va(e, n) {
+  const r = Nt.find((a) => a.id === e);
+  return r ? _[r.templateIndex].build(n) : _[_.length - 1].build(n);
 }
-function Oa(e) {
+function Wa(e) {
   const n = e.split(/\s+/).slice(0, 4).join(" ");
   return n.charAt(0).toUpperCase() + n.slice(1);
 }
-function ge(e) {
-  const n = e.toLowerCase(), r = Oa(e);
-  for (const a of q)
+function fe(e) {
+  const n = e.toLowerCase(), r = Wa(e);
+  for (const a of _)
     if (a.keywords.length !== 0 && a.keywords.some((o) => n.includes(o)))
       return a.build(r);
-  return q[q.length - 1].build(r);
+  return _[_.length - 1].build(r);
 }
-const Ea = new Set(A.map((e) => e.type)), Ha = Object.fromEntries(A.map((e) => [e.type, new Set(e.variants)])), Fa = Object.fromEntries(A.map((e) => [e.type, e.defaultProps])), za = "gemini-3-flash-preview", Ra = "openpage-gemini-key";
-async function Ga(e, n, r) {
-  const a = localStorage.getItem(Ra);
+const Ka = new Set(A.map((e) => e.type)), Ya = Object.fromEntries(A.map((e) => [e.type, new Set(e.variants)])), Za = Object.fromEntries(A.map((e) => [e.type, e.defaultProps])), Qa = "gemini-3-flash-preview", Xa = "openpage-gemini-key";
+async function eo(e, n, r) {
+  const a = localStorage.getItem(Xa);
   if (a)
     try {
-      return { config: await Ua(e, a, n), source: "ai" };
+      return { config: await to(e, a, n), source: "ai" };
     } catch (o) {
       if (o instanceof Error && o.name === "AbortError") throw o;
     }
   if (r)
     try {
-      return { config: await r(e, n), source: "ai" };
+      const o = await r(e, n);
+      return { config: St(o, e), source: "ai" };
     } catch (o) {
       if (o instanceof Error && o.name === "AbortError") throw o;
     }
-  return { config: ge(e), source: "template" };
+  return { config: fe(e), source: "template" };
 }
-async function Ua(e, n, r) {
+async function to(e, n, r) {
   const a = await fetch(
-    `https://generativelanguage.googleapis.com/v1beta/models/${za}:generateContent?key=${n}`,
+    `https://generativelanguage.googleapis.com/v1beta/models/${Qa}:generateContent?key=${n}`,
     {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       signal: r,
       body: JSON.stringify({
         contents: [{ role: "user", parts: [{ text: `Generate a website configuration for: ${e}` }] }],
-        systemInstruction: { parts: [{ text: Ma }] },
+        systemInstruction: { parts: [{ text: qa }] },
         generationConfig: { responseMimeType: "application/json", temperature: 0.8 }
       })
     }
@@ -4977,12 +5028,12 @@ async function Ua(e, n, r) {
   if (!a.ok) throw new Error(`Gemini API error: ${a.status}`);
   const s = (await a.json()).candidates?.[0]?.content?.parts?.[0]?.text;
   if (!s) throw new Error("Empty Gemini response");
-  return Va(JSON.parse(s), e);
+  return St(JSON.parse(s), e);
 }
-function qa(e) {
+function ro(e) {
   return typeof e == "string" && /^#[0-9a-fA-F]{6}$/.test(e);
 }
-function _a(e) {
+function no(e) {
   const n = {}, r = [
     "bg0",
     "bg1",
@@ -5001,18 +5052,19 @@ function _a(e) {
     "borderHover"
   ], a = ["fontSans", "fontDisplay", "fontMono"];
   for (const o of r)
-    qa(e[o]) && (n[o] = e[o]);
+    ro(e[o]) && (n[o] = e[o]);
   for (const o of a)
     typeof e[o] == "string" && e[o].length > 0 && (n[o] = e[o]);
   return typeof e.radius == "number" && e.radius >= 0 && e.radius <= 24 && (n.radius = e.radius), typeof e.radiusLg == "number" && e.radiusLg >= 0 && e.radiusLg <= 32 && (n.radiusLg = e.radiusLg), n;
 }
-function Ja(e, n) {
+function ao(e, n) {
+  if (!e || typeof e != "object") return null;
   const r = e.type;
-  if (!r || !Ea.has(r)) return null;
-  const a = Ha[r];
+  if (!r || !Ka.has(r)) return null;
+  const a = Ya[r];
   let o = e.variant;
   (!o || !a?.has(o)) && (o = A.find((c) => c.type === r)?.variants[0] || "default");
-  const s = Fa[r] || {}, l = typeof e.props == "object" && e.props ? { ...s, ...e.props } : s;
+  const s = Za[r] || {}, l = typeof e.props == "object" && e.props ? { ...s, ...be(e.props, s) } : s;
   return {
     id: typeof e.id == "string" && e.id ? e.id : `block-${r}-${n}-${Date.now()}`,
     type: r,
@@ -5020,24 +5072,24 @@ function Ja(e, n) {
     props: l
   };
 }
-function Le(e) {
+function Ee(e) {
   const n = [];
   for (let r = 0; r < e.length; r++) {
-    const a = Ja(e[r], r);
+    const a = ao(e[r], r);
     a && n.push(a);
   }
   return n;
 }
-function Va(e, n) {
+function St(e, n) {
   if (!e || typeof e != "object")
-    return ge(n || "");
-  const r = e, a = typeof r.name == "string" ? r.name : Wa(n);
+    return fe(n || "");
+  const r = e, a = typeof r.name == "string" ? r.name : oo(n);
   let o;
   if (Array.isArray(r.pages) && r.pages.length > 0) {
     o = [];
     for (const c of r.pages) {
       if (!c || typeof c != "object") continue;
-      const d = c, p = Array.isArray(d.blocks) ? Le(d.blocks) : [];
+      const d = c, p = Array.isArray(d.blocks) ? Ee(d.blocks) : [];
       p.length > 0 && o.push({
         id: typeof d.id == "string" ? d.id : `page-${Date.now()}-${o.length}`,
         name: typeof d.name == "string" ? d.name : `Page ${o.length + 1}`,
@@ -5048,24 +5100,24 @@ function Va(e, n) {
     o.length === 0 && (o = void 0);
   }
   let s = [];
-  if (Array.isArray(r.blocks) && (s = Le(r.blocks)), o && o.length > 0 && s.length === 0 && (s = o[0].blocks), !o && s.length === 0)
-    return ge(n || "");
+  if (Array.isArray(r.blocks) && (s = Ee(r.blocks)), o && o.length > 0 && s.length === 0 && (s = o[0].blocks), !o && s.length === 0)
+    return fe(n || "");
   !o && s.length > 0 && (o = [{ id: "page-home", name: "Home", path: "/", blocks: s }]);
   let l;
-  return r.theme && typeof r.theme == "object" && (l = _a(r.theme), Object.keys(l).length === 0 && (l = void 0)), { name: a, pages: o, blocks: s, theme: l };
+  return r.theme && typeof r.theme == "object" && (l = no(r.theme), Object.keys(l).length === 0 && (l = void 0)), { name: a, pages: o, blocks: s, theme: l };
 }
-function Wa(e) {
+function oo(e) {
   if (!e) return "My Website";
   const n = e.split(/\s+/).slice(0, 4).join(" ");
   return n.charAt(0).toUpperCase() + n.slice(1);
 }
-const Ka = {
-  Briefcase: Ut,
-  UtensilsCrossed: Gt,
-  Building2: Rt,
-  BookOpen: zt
+const so = {
+  Briefcase: tr,
+  UtensilsCrossed: er,
+  Building2: Xt,
+  BookOpen: Qt
 };
-function Ya(e) {
+function io(e) {
   const n = v((o) => o.config), r = P((o) => o.activeProjectId), a = D(null);
   I(() => {
     a.current = JSON.stringify(n);
@@ -5073,32 +5125,32 @@ function Ya(e) {
     !r || JSON.stringify(n) === a.current || e?.(r, n);
   }, [n, r]);
 }
-function Za(e, n, r) {
-  const a = P((m) => m.isGenerating), o = P((m) => m.generationPrompt), s = P((m) => m.clearGeneration), l = P((m) => m.setGenerationError), c = P((m) => m.activeProjectId), d = v((m) => m.setConfig), p = D(null);
+function lo(e, n, r) {
+  const a = P((u) => u.isGenerating), o = P((u) => u.generationPrompt), s = P((u) => u.clearGeneration), l = P((u) => u.setGenerationError), c = P((u) => u.activeProjectId), d = v((u) => u.setConfig), p = D(null);
   I(() => {
     if (!a || !o) return;
-    const m = new AbortController();
-    p.current = m;
+    const u = new AbortController();
+    p.current = u;
     const f = setTimeout(() => {
-      m.abort(), l("Generation timed out"), S.error("Generation timed out. Try again or add a Gemini API key in Settings."), s();
+      u.abort(), l("Generation timed out"), S.error("Generation timed out. Try again or add a Gemini API key in Settings."), s();
     }, 3e4);
-    return Ga(o, m.signal, r).then(({ config: x, source: h }) => {
-      clearTimeout(f), !m.signal.aborted && (d(x), c && (e?.(c, x), x.name && n?.(c, x.name)), s(), h === "template" && S("Generated from template. Add a Gemini API key in Settings for AI generation."));
+    return eo(o, u.signal, r).then(({ config: x, source: h }) => {
+      clearTimeout(f), !u.signal.aborted && (d(x), c && (e?.(c, x), x.name && n?.(c, x.name)), s(), h === "template" && S("Generated from template. Add a Gemini API key in Settings for AI generation."));
     }).catch((x) => {
       clearTimeout(f), !(x instanceof Error && x.name === "AbortError") && (l(x instanceof Error ? x.message : "Generation failed"), S.error(x instanceof Error ? x.message : "Generation failed"), s());
     }), () => {
-      clearTimeout(f), m.abort(), p.current = null;
+      clearTimeout(f), u.abort(), p.current = null;
     };
   }, [a, o]);
 }
-function Qa({ onCreate: e, onExit: n }) {
+function co({ onCreate: e, onExit: n }) {
   const r = v((s) => s.setConfig), a = P((s) => s.setActiveProject);
   function o(s, l) {
     const c = e?.(l) ?? `local-${Date.now()}`;
-    a(c), r(La(s, l));
+    a(c), r(Va(s, l));
   }
   return /* @__PURE__ */ t("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "flex flex-col items-center text-center px-6 max-w-md", children: [
-    /* @__PURE__ */ t("div", { className: "w-12 h-12 rounded-xl bg-bg-3 border border-border-default flex items-center justify-center mb-4", children: /* @__PURE__ */ t(Ft, { size: 20, className: "text-text-3" }) }),
+    /* @__PURE__ */ t("div", { className: "w-12 h-12 rounded-xl bg-bg-3 border border-border-default flex items-center justify-center mb-4", children: /* @__PURE__ */ t(Zt, { size: 20, className: "text-text-3" }) }),
     /* @__PURE__ */ t("h2", { className: "text-[16px] font-display font-semibold text-text-1 mb-1", children: "No project selected" }),
     /* @__PURE__ */ t("p", { className: "text-text-2 text-[13px] mb-6", children: "Open a project from the Dashboard, or start from a template." }),
     /* @__PURE__ */ t(
@@ -5109,8 +5161,8 @@ function Qa({ onCreate: e, onExit: n }) {
         children: "Go to Dashboard"
       }
     ),
-    /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-2 w-full", children: mt.map((s) => {
-      const l = ot(s.accent), c = Ka[s.icon] || me;
+    /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-2 w-full", children: Nt.map((s) => {
+      const l = bt(s.accent), c = so[s.icon] || ge;
       return /* @__PURE__ */ i(
         "button",
         {
@@ -5138,7 +5190,7 @@ function Qa({ onCreate: e, onExit: n }) {
               ] }),
               /* @__PURE__ */ t("div", { className: "text-[10px] text-text-2 leading-snug mb-1.5", children: s.description }),
               /* @__PURE__ */ i("div", { className: "text-[10px] text-text-3 flex items-center gap-1", children: [
-                /* @__PURE__ */ t(me, { size: 9 }),
+                /* @__PURE__ */ t(ge, { size: 9 }),
                 s.blockCount,
                 " blocks"
               ] })
@@ -5150,26 +5202,26 @@ function Qa({ onCreate: e, onExit: n }) {
     }) })
   ] }) });
 }
-function go({ onConfigChange: e, onRename: n, onCreate: r, activeProject: a, onExit: o, onServerFallback: s } = {}) {
-  Ya(e), Za(e, n, s);
+function Co({ onConfigChange: e, onRename: n, onCreate: r, activeProject: a, onExit: o, onServerFallback: s } = {}) {
+  io(e), lo(e, n, s);
   const l = P((d) => d.previewMode);
   return P((d) => d.activeProjectId) ? /* @__PURE__ */ i("div", { className: "h-full flex flex-col relative", children: [
     /* @__PURE__ */ i("div", { className: "flex-1 flex overflow-hidden", children: [
-      !l && /* @__PURE__ */ t(wa, {}),
+      !l && /* @__PURE__ */ t(Aa, {}),
       /* @__PURE__ */ i("div", { className: "flex-1 flex flex-col min-w-0 relative", children: [
-        /* @__PURE__ */ t(ma, { activeProject: a, onExit: o }),
+        /* @__PURE__ */ t(ka, { activeProject: a, onExit: o }),
         /* @__PURE__ */ i("div", { className: "flex-1 flex flex-col overflow-hidden relative", children: [
-          /* @__PURE__ */ t(bn, {}),
-          /* @__PURE__ */ t(Ia, {}),
-          /* @__PURE__ */ t(Ba, {})
+          /* @__PURE__ */ t($n, {}),
+          /* @__PURE__ */ t(Ha, {}),
+          /* @__PURE__ */ t(Ua, {})
         ] })
       ] }),
-      !l && /* @__PURE__ */ t($a, {})
+      !l && /* @__PURE__ */ t(Oa, {})
     ] }),
-    /* @__PURE__ */ t(Aa, {})
-  ] }) : /* @__PURE__ */ t(Qa, { onCreate: r, onExit: o });
+    /* @__PURE__ */ t(Ra, {})
+  ] }) : /* @__PURE__ */ t(co, { onCreate: r, onExit: o });
 }
-const Xa = [
+const po = [
   {
     title: "Navigation",
     shortcuts: [
@@ -5198,12 +5250,12 @@ const Xa = [
     ]
   }
 ];
-function xo() {
+function $o() {
   const { shortcutsModalOpen: e, toggleShortcutsModal: n } = P(), r = D(null), a = D(null);
   I(() => {
     e && a.current?.focus();
   }, [e]);
-  const o = ft((s) => {
+  const o = It((s) => {
     if (s.key === "Escape") {
       n();
       return;
@@ -5241,11 +5293,11 @@ function xo() {
                   onClick: n,
                   className: "w-7 h-7 rounded flex items-center justify-center text-text-3 hover:text-text-0 hover:bg-bg-3 transition-colors",
                   "aria-label": "Close shortcuts",
-                  children: /* @__PURE__ */ t(se, { size: 14 })
+                  children: /* @__PURE__ */ t(ie, { size: 14 })
                 }
               )
             ] }),
-            /* @__PURE__ */ t("div", { className: "p-5 space-y-5 overflow-y-auto", children: Xa.map((s) => /* @__PURE__ */ i("div", { children: [
+            /* @__PURE__ */ t("div", { className: "p-5 space-y-5 overflow-y-auto", children: po.map((s) => /* @__PURE__ */ i("div", { children: [
               /* @__PURE__ */ t("h3", { className: "text-[10px] font-semibold uppercase tracking-wider text-text-3 mb-2", children: s.title }),
               /* @__PURE__ */ t("div", { className: "space-y-1.5", children: s.shortcuts.map((l) => /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ t("span", { className: "text-[12.5px] text-text-1", children: l.description }),
@@ -5265,7 +5317,7 @@ function xo() {
     }
   ) : null;
 }
-function bo() {
+function Po() {
   const [e, n] = C(() => localStorage.getItem("openpage-gemini-key") || ""), [r, a] = C(!1), [o, s] = C(!1);
   function l(d) {
     n(d), d ? localStorage.setItem("openpage-gemini-key", d) : localStorage.removeItem("openpage-gemini-key");
@@ -5326,64 +5378,64 @@ function bo() {
   ] });
 }
 export {
-  mo as AgentPanel,
-  Ur as BannerBlock,
-  on as BlockWrapper,
-  bn as Canvas,
-  mn as CanvasEmpty,
-  ma as CanvasToolbar,
-  Er as ContactBlock,
-  _r as ContentBlock,
-  vr as CtaBlock,
-  ga as DesignPanel,
-  Gr as DividerBlock,
-  go as EditorLayout,
-  Mr as FaqBlock,
-  ur as FeaturesBlock,
-  Nr as FooterBlock,
-  Ma as GENERATION_PROMPT,
-  Qr as GalleryBlock,
-  bo as GeminiKeyInputField,
-  Ba as GenerationOverlay,
-  lr as HeroBlock,
-  Jr as ImageBlock,
-  Ia as JsonDrawer,
-  fa as LayersPanel,
-  wa as LeftSidebar,
-  Rr as LogoCloudBlock,
-  nr as NavbarBlock,
-  Hr as NewsletterBlock,
-  br as PricingBlock,
-  Ca as PropertiesPanel,
-  rn as RenderBlock,
-  $a as RightSidebar,
-  xo as ShortcutsModal,
-  Ar as StatsBlock,
-  Or as TeamBlock,
-  Pr as TestimonialsBlock,
-  Aa as VersionHistory,
-  Yr as VideoBlock,
+  No as AgentPanel,
+  en as BannerBlock,
+  bn as BlockWrapper,
+  $n as Canvas,
+  kn as CanvasEmpty,
+  ka as CanvasToolbar,
+  Kr as ContactBlock,
+  rn as ContentBlock,
+  Ar as CtaBlock,
+  Sa as DesignPanel,
+  Xr as DividerBlock,
+  Co as EditorLayout,
+  Jr as FaqBlock,
+  Cr as FeaturesBlock,
+  Mr as FooterBlock,
+  qa as GENERATION_PROMPT,
+  cn as GalleryBlock,
+  Po as GeminiKeyInputField,
+  Ua as GenerationOverlay,
+  yr as HeroBlock,
+  nn as ImageBlock,
+  Ha as JsonDrawer,
+  Pa as LayersPanel,
+  Aa as LeftSidebar,
+  Qr as LogoCloudBlock,
+  xr as NavbarBlock,
+  Yr as NewsletterBlock,
+  Tr as PricingBlock,
+  Ma as PropertiesPanel,
+  mn as RenderBlock,
+  Oa as RightSidebar,
+  $o as ShortcutsModal,
+  Ur as StatsBlock,
+  Wr as TeamBlock,
+  Hr as TestimonialsBlock,
+  Ra as VersionHistory,
+  ln as VideoBlock,
   A as blockMetadata,
-  La as buildTemplate,
-  po as categories,
-  nn as defaultConfig,
+  Va as buildTemplate,
+  ko as categories,
+  gn as defaultConfig,
   j as defaultTheme,
-  la as downloadHTML,
-  sa as exportSiteToHTML,
-  ia as exportToHTML,
-  Ga as generateSiteConfig,
-  ge as getTemplateForPrompt,
-  ln as googleFontOptions,
-  ot as hexToRgb,
-  uo as previewHTML,
-  qr as renderMarkdown,
-  le as resolveTheme,
-  mt as templateMeta,
-  K as themePresets,
-  sn as themeToCSS,
+  ha as downloadHTML,
+  ba as exportSiteToHTML,
+  fa as exportToHTML,
+  eo as generateSiteConfig,
+  fe as getTemplateForPrompt,
+  hn as googleFontOptions,
+  bt as hexToRgb,
+  So as previewHTML,
+  tn as renderMarkdown,
+  de as resolveTheme,
+  Nt as templateMeta,
+  Y as themePresets,
+  fn as themeToCSS,
   v as useConfigStore,
   P as useEditorStore,
-  xn as useGoogleFonts,
-  an as useScrollReveal,
-  Va as validateSiteConfig
+  Cn as useGoogleFonts,
+  xn as useScrollReveal,
+  St as validateSiteConfig
 };