@sprintup-cms/sdk 1.8.32 → 1.8.41

package/dist/react/index.cjs

@@ -123,6 +123,24 @@ function FAQBlock({ block }) {
     ] }, i)) })
   ] });
 }
+function TeamMemberBlock({ block }) {
+  const d = getData(block);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row items-center sm:items-start gap-4 p-6 rounded-xl border border-border bg-card", children: [
+    d.avatar ? /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: d.avatar,
+        alt: d.name || "Team member",
+        className: "w-20 h-20 rounded-full object-cover border-2 border-border flex-shrink-0"
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 rounded-full bg-muted flex items-center justify-center text-muted-foreground text-2xl font-semibold flex-shrink-0", children: (d.name || "T").charAt(0).toUpperCase() }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center sm:text-left", children: [
+      d.name && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-lg", children: d.name }),
+      d.role && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-primary font-medium", children: d.role }),
+      d.bio && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-2 leading-relaxed", children: d.bio })
+    ] })
+  ] });
+}
 function StatsBlock({ block }) {
   const d = getData(block);
   const items = d.items || d.stats || [];
@@ -322,6 +340,221 @@ function SectionBlock({ block, pageType }) {
     ([key, value]) => isHtml(value) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-neutral dark:prose-invert max-w-none", dangerouslySetInnerHTML: { __html: String(value) } }, key) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: String(value) }, key)
   ) });
 }
+var FEATURE_ICONS = {
+  zap: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }) }),
+  shield: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }),
+  star: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: /* @__PURE__ */ jsxRuntime.jsx("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" }) }),
+  check: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }),
+  lock: /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+  ] }),
+  globe: /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+  ] }),
+  clock: /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "12 6 12 12 16 14" })
+  ] }),
+  heart: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" }) }),
+  settings: /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
+  ] }),
+  users: /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "7", r: "4" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+  ] }),
+  trending: /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "w-5 h-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "23 6 13.5 15.5 8.5 10.5 1 18" }),
+    /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "17 6 23 6 23 12" })
+  ] })
+};
+function ButtonBlock({ block }) {
+  const d = getData(block);
+  const label = d.label || d.text || "Button";
+  const url = d.url || "#";
+  const variant = d.variant || "default";
+  const base = "inline-flex items-center justify-center px-5 py-2.5 rounded-lg text-sm font-medium transition-opacity hover:opacity-90";
+  const cls = variant === "outline" ? `${base} border border-primary text-primary bg-transparent` : variant === "ghost" ? `${base} text-primary hover:bg-primary/10` : `${base} bg-primary text-primary-foreground`;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: url, className: cls, children: label }) });
+}
+function ListBlock({ block }) {
+  const d = getData(block);
+  const items = Array.isArray(d.items) ? d.items : [];
+  const ordered = Boolean(d.ordered);
+  const Tag = ordered ? "ol" : "ul";
+  const listCls = ordered ? "list-decimal" : "list-disc";
+  return /* @__PURE__ */ jsxRuntime.jsx(Tag, { className: `${listCls} pl-6 space-y-1.5 text-base text-foreground leading-relaxed`, children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: item }, i)) });
+}
+function GalleryBlock({ block }) {
+  const d = getData(block);
+  const images = Array.isArray(d.images) ? d.images : [];
+  const cols = Number(d.columns) || 3;
+  const gridCols = cols === 2 ? "grid-cols-2" : cols === 4 ? "grid-cols-2 md:grid-cols-4" : "grid-cols-2 md:grid-cols-3";
+  if (!images.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `grid gap-3 ${gridCols}`, children: images.filter((img) => img.src).map((img, i) => /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: "overflow-hidden rounded-lg border border-border", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("img", { src: img.src, alt: img.alt || "", className: "w-full h-48 object-cover" }),
+    img.caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: "px-2 py-1 text-xs text-muted-foreground text-center", children: img.caption })
+  ] }, i)) });
+}
+function PricingTableBlock({ block }) {
+  const d = getData(block);
+  const tiers = Array.isArray(d.tiers) ? d.tiers : [];
+  const [yearly, setYearly] = React__default.default.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "py-12", children: [
+    (d.title || d.subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-8", children: [
+      d.title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl md:text-3xl font-bold tracking-tight", children: d.title }),
+      d.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: d.subtitle })
+    ] }),
+    d.billingToggle && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-3 mb-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm ${!yearly ? "font-semibold" : "text-muted-foreground"}`, children: "Monthly" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => setYearly((v) => !v),
+          className: `relative w-10 h-6 rounded-full transition-colors ${yearly ? "bg-primary" : "bg-muted"}`,
+          "aria-label": "Toggle billing period",
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `absolute top-1 w-4 h-4 rounded-full bg-white shadow transition-all ${yearly ? "left-5" : "left-1"}` })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm ${yearly ? "font-semibold" : "text-muted-foreground"}`, children: "Yearly" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `grid gap-6 ${tiers.length === 2 ? "md:grid-cols-2" : tiers.length >= 3 ? "md:grid-cols-3" : ""}`, children: tiers.map((tier, i) => {
+      const price = yearly ? tier.yearlyPrice ?? tier.monthlyPrice : tier.monthlyPrice;
+      const featured = Boolean(tier.featured);
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-col rounded-2xl border p-8 ${featured ? "border-primary bg-primary text-primary-foreground shadow-xl" : "border-border bg-card"}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `text-xl font-bold ${featured ? "text-primary-foreground" : ""}`, children: tier.name }),
+          tier.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-sm mt-1 ${featured ? "text-primary-foreground/70" : "text-muted-foreground"}`, children: tier.description }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-end gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `text-4xl font-extrabold ${featured ? "text-primary-foreground" : ""}`, children: [
+              d.currency ?? "$",
+              price ?? 0
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm mb-1 ${featured ? "text-primary-foreground/70" : "text-muted-foreground"}`, children: "/mo" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2 flex-1 mb-8", children: (tier.features ?? []).map((f, j) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { className: `w-4 h-4 flex-shrink-0 ${f.included ? featured ? "text-primary-foreground" : "text-primary" : "text-muted-foreground opacity-40"}`, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: f.included ? /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) : /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: !f.included ? "opacity-50" : "", children: f.text })
+        ] }, j)) }),
+        tier.cta && /* @__PURE__ */ jsxRuntime.jsx("a", { href: tier.ctaUrl || "#", className: `block text-center py-2.5 px-6 rounded-lg font-semibold text-sm transition-opacity hover:opacity-90 ${featured ? "bg-primary-foreground text-primary" : "bg-primary text-primary-foreground"}`, children: tier.cta })
+      ] }, tier.id || i);
+    }) })
+  ] });
+}
+function CardGridBlock({ block }) {
+  const d = getData(block);
+  const cards = Array.isArray(d.cards) ? d.cards : [];
+  const cols = Number(d.columns) || 3;
+  const gridCols = cols === 2 ? "sm:grid-cols-2" : cols === 4 ? "sm:grid-cols-2 lg:grid-cols-4" : "sm:grid-cols-2 lg:grid-cols-3";
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-6xl mx-auto px-4", children: [
+    d.title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl md:text-3xl font-bold tracking-tight text-center text-balance mb-8", children: d.title }),
+    cards.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-sm text-muted-foreground", children: "No cards added yet." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `grid grid-cols-1 gap-6 ${gridCols}`, children: cards.map((card, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col rounded-xl border border-border bg-card overflow-hidden hover:shadow-md transition-shadow", children: [
+      card.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-video overflow-hidden bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: card.image,
+          alt: card.title || "",
+          className: "w-full h-full object-cover",
+          onError: (e) => {
+            e.target.style.display = "none";
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col flex-1 p-5 gap-2", children: [
+        card.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-base", children: card.title }),
+        card.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground leading-relaxed flex-1", children: card.description }),
+        card.link && /* @__PURE__ */ jsxRuntime.jsxs("a", { href: card.link, className: "inline-flex items-center text-sm font-medium text-primary hover:underline mt-2", children: [
+          card.linkText || "Learn more",
+          " \u2192"
+        ] })
+      ] })
+    ] }, i)) })
+  ] }) });
+}
+function TimelineBlock({ block }) {
+  const d = getData(block);
+  const items = Array.isArray(d.items) ? d.items : [];
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl mx-auto px-4", children: [
+    (d.title || d.subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-10", children: [
+      d.title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl md:text-3xl font-bold tracking-tight text-balance", children: d.title }),
+      d.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground text-pretty", children: d.subtitle })
+    ] }),
+    items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-sm text-muted-foreground", children: "No timeline items added yet." }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-6 top-0 bottom-0 w-px bg-border", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-8", children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex gap-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 w-12 h-12 rounded-full bg-primary text-primary-foreground flex items-center justify-center text-xs font-bold z-10 ring-4 ring-background", children: item.year || i + 1 }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 pb-2 pt-1", children: [
+          item.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-base", children: item.title }),
+          item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1 leading-relaxed", children: item.description })
+        ] })
+      ] }, i)) })
+    ] })
+  ] }) });
+}
+function PricingCardBlock({ block }) {
+  const d = getData(block);
+  const features = Array.isArray(d.features) ? d.features : [];
+  const featured = Boolean(d.featured);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex flex-col rounded-2xl border p-8 ${featured ? "border-primary bg-primary text-primary-foreground shadow-xl scale-105" : "border-border bg-card"}`, children: [
+    featured && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 rounded-full bg-primary-foreground text-primary text-xs font-semibold", children: "Most Popular" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6", children: [
+      d.name && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `text-xl font-bold ${featured ? "text-primary-foreground" : ""}`, children: d.name }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-end gap-1", children: [
+        d.price && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-4xl font-extrabold tracking-tight ${featured ? "text-primary-foreground" : ""}`, children: d.price }),
+        d.period && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm mb-1 ${featured ? "text-primary-foreground/70" : "text-muted-foreground"}`, children: d.period })
+      ] })
+    ] }),
+    features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3 flex-1 mb-8", children: features.map((feat, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("svg", { className: `w-4 h-4 flex-shrink-0 ${featured ? "text-primary-foreground" : "text-primary"}`, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: featured ? "text-primary-foreground/90" : "", children: feat })
+    ] }, i)) }),
+    d.button && /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: d.url || "#",
+        className: `block text-center py-2.5 px-6 rounded-lg font-semibold text-sm transition-opacity hover:opacity-90 ${featured ? "bg-primary-foreground text-primary" : "bg-primary text-primary-foreground"}`,
+        children: d.button
+      }
+    )
+  ] });
+}
+function IconFeatureBlock({ block }) {
+  const d = getData(block);
+  const iconKey = (d.icon || "zap").toLowerCase();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4 p-6 rounded-xl border border-border bg-card", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-lg bg-primary/10 text-primary flex items-center justify-center flex-shrink-0", children: FEATURE_ICONS[iconKey] ?? /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "w-6 h-6", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+      d.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-base", children: d.title }),
+      d.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1 leading-relaxed", children: d.description })
+    ] })
+  ] });
+}
+function FeatureGridBlock({ block }) {
+  const d = getData(block);
+  const features = Array.isArray(d.features) ? d.features : [];
+  const cols = Number(d.columns) || 3;
+  const gridCols = cols === 2 ? "sm:grid-cols-2" : cols === 4 ? "sm:grid-cols-2 lg:grid-cols-4" : "sm:grid-cols-2 lg:grid-cols-3";
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "py-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-6xl mx-auto px-4", children: [
+    (d.title || d.subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-10", children: [
+      d.title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl md:text-3xl font-bold tracking-tight text-balance", children: d.title }),
+      d.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground text-pretty", children: d.subtitle })
+    ] }),
+    features.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-sm text-muted-foreground", children: "No features added yet." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `grid grid-cols-1 gap-6 ${gridCols}`, children: features.map((feat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 p-6 rounded-xl border border-border bg-card hover:shadow-md transition-shadow", children: [
+      feat.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-lg bg-primary/10 text-primary flex items-center justify-center flex-shrink-0", children: FEATURE_ICONS[feat.icon] ?? /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "w-5 h-5", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        feat.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-base", children: feat.title }),
+        feat.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground mt-1 leading-relaxed prose prose-sm max-w-none", dangerouslySetInnerHTML: { __html: feat.description } })
+      ] })
+    ] }, i)) })
+  ] }) });
+}
 function TwoColumnBlock({ block }) {
   const d = getData(block);
   const imagePos = d.imagePosition === "left" ? "flex-row-reverse" : "flex-row";
@@ -357,10 +590,15 @@ var BUILT_IN = {
   text: (b) => /* @__PURE__ */ jsxRuntime.jsx(TextBlock, { block: b }),
   richtext: (b) => /* @__PURE__ */ jsxRuntime.jsx(RichTextBlock, { block: b }),
   image: (b) => /* @__PURE__ */ jsxRuntime.jsx(ImageBlock, { block: b }),
+  button: (b) => /* @__PURE__ */ jsxRuntime.jsx(ButtonBlock, { block: b }),
+  list: (b) => /* @__PURE__ */ jsxRuntime.jsx(ListBlock, { block: b }),
+  gallery: (b) => /* @__PURE__ */ jsxRuntime.jsx(GalleryBlock, { block: b }),
+  "pricing-table": (b) => /* @__PURE__ */ jsxRuntime.jsx(PricingTableBlock, { block: b }),
   hero: (b) => /* @__PURE__ */ jsxRuntime.jsx(HeroBlock, { block: b }),
   "hero-section": (b) => /* @__PURE__ */ jsxRuntime.jsx(HeroBlock, { block: b }),
   cta: (b) => /* @__PURE__ */ jsxRuntime.jsx(CTABlock, { block: b }),
   faq: (b) => /* @__PURE__ */ jsxRuntime.jsx(FAQBlock, { block: b }),
+  "team-member": (b) => /* @__PURE__ */ jsxRuntime.jsx(TeamMemberBlock, { block: b }),
   stats: (b) => /* @__PURE__ */ jsxRuntime.jsx(StatsBlock, { block: b }),
   testimonial: (b) => /* @__PURE__ */ jsxRuntime.jsx(TestimonialBlock, { block: b }),
   quote: (b) => /* @__PURE__ */ jsxRuntime.jsx(QuoteBlock, { block: b }),
@@ -368,6 +606,11 @@ var BUILT_IN = {
   divider: () => /* @__PURE__ */ jsxRuntime.jsx(DividerBlock, {}),
   spacer: (b) => /* @__PURE__ */ jsxRuntime.jsx(SpacerBlock, { block: b }),
   video: (b) => /* @__PURE__ */ jsxRuntime.jsx(VideoBlock, { block: b }),
+  "card-grid": (b) => /* @__PURE__ */ jsxRuntime.jsx(CardGridBlock, { block: b }),
+  timeline: (b) => /* @__PURE__ */ jsxRuntime.jsx(TimelineBlock, { block: b }),
+  "pricing-card": (b) => /* @__PURE__ */ jsxRuntime.jsx(PricingCardBlock, { block: b }),
+  "icon-feature": (b) => /* @__PURE__ */ jsxRuntime.jsx(IconFeatureBlock, { block: b }),
+  "feature-grid": (b) => /* @__PURE__ */ jsxRuntime.jsx(FeatureGridBlock, { block: b }),
   "two-column": (b) => /* @__PURE__ */ jsxRuntime.jsx(TwoColumnBlock, { block: b }),
   "product-list": (b) => /* @__PURE__ */ jsxRuntime.jsx(ProductListBlock, { block: b })
 };