keystone-design-bootstrap 1.0.47 → 1.0.49

package/dist/design_system/sections/index.js

@@ -38,7 +38,7 @@ var __objRest = (source, exclude) => {
 };
 
 // src/design_system/sections/index.tsx
-import React59 from "react";
+import React64 from "react";
 
 // src/lib/component-registry.ts
 var registry = /* @__PURE__ */ new Map();
@@ -71,10 +71,10 @@ function useTheme() {
 
 // src/design_system/sections/hero-home.tsx
 import { Fragment, useMemo as useMemo3, useState as useState5 } from "react";
-import React14 from "react";
+import React15 from "react";
 
 // src/design_system/elements/index.tsx
-import React13 from "react";
+import React14 from "react";
 
 // src/design_system/elements/buttons/button.tsx
 import React2, { isValidElement } from "react";
@@ -3696,15 +3696,114 @@ function VideoPlayButton({ onClick, className = "" }) {
   );
 }
 
+// src/design_system/elements/modal/modal.tsx
+import React13, { useEffect as useEffect6, useRef as useRef4 } from "react";
+var MAX_WIDTH_CLASSES = {
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  xl: "max-w-xl",
+  "2xl": "max-w-2xl",
+  "3xl": "max-w-3xl",
+  "4xl": "max-w-4xl",
+  "5xl": "max-w-5xl"
+};
+function Modal({
+  isOpen,
+  onClose,
+  title,
+  titleId = "modal-title",
+  children,
+  overlayClassName,
+  panelClassName,
+  maxWidth = "md"
+}) {
+  const overlayRef = useRef4(null);
+  const closeButtonRef = useRef4(null);
+  useEffect6(() => {
+    var _a;
+    if (!isOpen) return;
+    const previouslyFocused = document.activeElement;
+    (_a = closeButtonRef.current) == null ? void 0 : _a.focus();
+    const handleEscape = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handleEscape);
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", handleEscape);
+      document.body.style.overflow = "";
+      previouslyFocused == null ? void 0 : previouslyFocused.focus();
+    };
+  }, [isOpen, onClose]);
+  if (!isOpen) return null;
+  const maxWidthClass = MAX_WIDTH_CLASSES[maxWidth];
+  return /* @__PURE__ */ React13.createElement(
+    "div",
+    {
+      ref: overlayRef,
+      className: overlayClassName != null ? overlayClassName : "fixed inset-0 z-[200] flex items-center justify-center p-4 bg-black/50",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": title ? titleId : void 0,
+      onClick: (e) => e.target === overlayRef.current && onClose()
+    },
+    /* @__PURE__ */ React13.createElement(
+      "div",
+      {
+        className: panelClassName != null ? panelClassName : `bg-primary border border-secondary rounded-lg shadow-xl w-full overflow-hidden ${maxWidthClass} max-h-[90vh] flex flex-col`,
+        onClick: (e) => e.stopPropagation()
+      },
+      /* @__PURE__ */ React13.createElement("div", { className: "flex items-start justify-between gap-4 p-4 md:p-6 border-b border-secondary flex-shrink-0" }, title ? /* @__PURE__ */ React13.createElement(
+        "h2",
+        {
+          id: titleId,
+          className: "font-display text-lg font-normal text-fg-primary md:text-xl flex-1 min-w-0"
+        },
+        title
+      ) : /* @__PURE__ */ React13.createElement("span", { className: "flex-1", "aria-hidden": true }), /* @__PURE__ */ React13.createElement(
+        "button",
+        {
+          ref: closeButtonRef,
+          type: "button",
+          onClick: onClose,
+          className: "shrink-0 p-1 text-fg-primary hover:text-brand-accent rounded focus:outline-none focus:ring-2 focus:ring-brand-accent",
+          "aria-label": "Close"
+        },
+        /* @__PURE__ */ React13.createElement(
+          "svg",
+          {
+            className: "w-5 h-5",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            "aria-hidden": true
+          },
+          /* @__PURE__ */ React13.createElement(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M6 18L18 6M6 6l12 12"
+            }
+          )
+        )
+      )),
+      /* @__PURE__ */ React13.createElement("div", { className: "overflow-y-auto flex-1 p-4 md:p-6" }, children)
+    )
+  );
+}
+
 // src/design_system/elements/index.tsx
 function createThemedExport(componentName, BaseComponent) {
   return function ThemedComponent(props) {
     const { theme } = useTheme();
     try {
       const Component2 = getThemedComponent(componentName, theme);
-      return React13.createElement(Component2, props);
+      return React14.createElement(Component2, props);
     } catch (e) {
-      return React13.createElement(BaseComponent, props);
+      return React14.createElement(BaseComponent, props);
     }
   };
 }
@@ -3779,13 +3878,13 @@ var AvatarsWithReview = ({
       };
     });
   }, [stockPhotos]);
-  return /* @__PURE__ */ React14.createElement("div", { className: cx("flex items-center gap-4", className) }, /* @__PURE__ */ React14.createElement("div", { className: "inline-flex -space-x-3 overflow-hidden" }, avatarPhotos.map((avatar, index) => /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement("div", { className: cx("flex items-center gap-4", className) }, /* @__PURE__ */ React15.createElement("div", { className: "inline-flex -space-x-3 overflow-hidden" }, avatarPhotos.map((avatar, index) => /* @__PURE__ */ React15.createElement(
     "div",
     {
       key: index,
       className: "inline-block size-10 rounded-full ring-[1.5px] ring-bg-primary outline-1 -outline-offset-1 outline-avatar-contrast-border overflow-hidden"
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       PhotoWithFallback2,
       {
         photoUrl: avatar.url,
@@ -3794,10 +3893,10 @@ var AvatarsWithReview = ({
         className: "size-full object-cover"
       }
     )
-  ))), /* @__PURE__ */ React14.createElement("div", { className: "flex flex-col gap-0.5" }, /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-1" }, Array(5).fill(null).map((_, index) => {
+  ))), /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col gap-0.5" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-1" }, Array(5).fill(null).map((_, index) => {
     const clipId0 = `clip0_star_${index}`;
     const clipId1 = `clip1_star_${index}`;
-    return /* @__PURE__ */ React14.createElement(
+    return /* @__PURE__ */ React15.createElement(
       "svg",
       {
         key: index,
@@ -3808,22 +3907,22 @@ var AvatarsWithReview = ({
         className: "relative size-5 shrink-0 grow-0",
         preserveAspectRatio: "none"
       },
-      /* @__PURE__ */ React14.createElement("g", { clipPath: `url(#${clipId0})` }, /* @__PURE__ */ React14.createElement(
+      /* @__PURE__ */ React15.createElement("g", { clipPath: `url(#${clipId0})` }, /* @__PURE__ */ React15.createElement(
         "path",
         {
           d: "M9.53834 1.60996C9.70914 1.19932 10.2909 1.19932 10.4617 1.60996L12.5278 6.57744C12.5998 6.75056 12.7626 6.86885 12.9495 6.88383L18.3123 7.31376C18.7556 7.3493 18.9354 7.90256 18.5976 8.19189L14.5117 11.6919C14.3693 11.8139 14.3071 12.0053 14.3506 12.1876L15.5989 17.4208C15.7021 17.8534 15.2315 18.1954 14.8519 17.9635L10.2606 15.1592C10.1006 15.0615 9.89938 15.0615 9.73937 15.1592L5.14806 17.9635C4.76851 18.1954 4.29788 17.8534 4.40108 17.4208L5.64939 12.1876C5.69289 12.0053 5.6307 11.8139 5.48831 11.6919L1.40241 8.19189C1.06464 7.90256 1.24441 7.3493 1.68773 7.31376L7.05054 6.88383C7.23744 6.86885 7.40024 6.75056 7.47225 6.57744L9.53834 1.60996Z",
           className: "fill-bg-tertiary"
         }
-      ), /* @__PURE__ */ React14.createElement("g", { clipPath: `url(#${clipId1})` }, /* @__PURE__ */ React14.createElement(
+      ), /* @__PURE__ */ React15.createElement("g", { clipPath: `url(#${clipId1})` }, /* @__PURE__ */ React15.createElement(
         "path",
         {
           d: "M9.53834 1.60996C9.70914 1.19932 10.2909 1.19932 10.4617 1.60996L12.5278 6.57744C12.5998 6.75056 12.7626 6.86885 12.9495 6.88383L18.3123 7.31376C18.7556 7.3493 18.9354 7.90256 18.5976 8.19189L14.5117 11.6919C14.3693 11.8139 14.3071 12.0053 14.3506 12.1876L15.5989 17.4208C15.7021 17.8534 15.2315 18.1954 14.8519 17.9635L10.2606 15.1592C10.1006 15.0615 9.89938 15.0615 9.73937 15.1592L5.14806 17.9635C4.76851 18.1954 4.29788 17.8534 4.40108 17.4208L5.64939 12.1876C5.69289 12.0053 5.6307 11.8139 5.48831 11.6919L1.40241 8.19189C1.06464 7.90256 1.24441 7.3493 1.68773 7.31376L7.05054 6.88383C7.23744 6.86885 7.40024 6.75056 7.47225 6.57744L9.53834 1.60996Z",
           className: "fill-warning-300"
         }
       ))),
-      /* @__PURE__ */ React14.createElement("defs", null, /* @__PURE__ */ React14.createElement("clipPath", { id: clipId0 }, /* @__PURE__ */ React14.createElement("rect", { width: 20, height: 20, fill: "white" })), /* @__PURE__ */ React14.createElement("clipPath", { id: clipId1 }, /* @__PURE__ */ React14.createElement("rect", { width: 20, height: 20, fill: "white" })))
+      /* @__PURE__ */ React15.createElement("defs", null, /* @__PURE__ */ React15.createElement("clipPath", { id: clipId0 }, /* @__PURE__ */ React15.createElement("rect", { width: 20, height: 20, fill: "white" })), /* @__PURE__ */ React15.createElement("clipPath", { id: clipId1 }, /* @__PURE__ */ React15.createElement("rect", { width: 20, height: 20, fill: "white" })))
     );
-  }))), /* @__PURE__ */ React14.createElement("p", { className: "text-md font-medium text-tertiary" }, "from ", count, "+ reviews")));
+  }))), /* @__PURE__ */ React15.createElement("p", { className: "text-md font-medium text-tertiary" }, "from ", count, "+ reviews")));
 };
 var HeroHome = ({
   websitePhotos,
@@ -3842,7 +3941,7 @@ var HeroHome = ({
     alt: ((_b = websitePhotos == null ? void 0 : websitePhotos.hero) == null ? void 0 : _b.alt) || "Hero image"
   };
   const stockPhotos = (websitePhotos == null ? void 0 : websitePhotos.stock_photos) || [];
-  return /* @__PURE__ */ React14.createElement(Fragment, null, /* @__PURE__ */ React14.createElement("section", { className: "bg-primary py-16 md:pb-24" }, /* @__PURE__ */ React14.createElement("div", { className: "mx-auto grid max-w-container grid-cols-1 items-center gap-16 px-4 md:px-8 lg:grid-cols-2 lg:gap-8" }, /* @__PURE__ */ React14.createElement("div", { className: "flex max-w-3xl flex-col items-start lg:pr-8" }, /* @__PURE__ */ React14.createElement("h1", { className: "text-display-md font-semibold text-primary md:text-display-lg lg:text-display-xl" }, headline || "Welcome"), /* @__PURE__ */ React14.createElement("p", { className: "mt-4 max-w-lg text-lg text-balance text-tertiary md:mt-6 md:text-xl" }, subhead || ""), email_signup && /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React15.createElement(Fragment, null, /* @__PURE__ */ React15.createElement("section", { className: "bg-primary py-16 md:pb-24" }, /* @__PURE__ */ React15.createElement("div", { className: "mx-auto grid max-w-container grid-cols-1 items-center gap-16 px-4 md:px-8 lg:grid-cols-2 lg:gap-8" }, /* @__PURE__ */ React15.createElement("div", { className: "flex max-w-3xl flex-col items-start lg:pr-8" }, /* @__PURE__ */ React15.createElement("h1", { className: "text-display-md font-semibold text-primary md:text-display-lg lg:text-display-xl" }, headline || "Welcome"), /* @__PURE__ */ React15.createElement("p", { className: "mt-4 max-w-lg text-lg text-balance text-tertiary md:mt-6 md:text-xl" }, subhead || ""), email_signup && /* @__PURE__ */ React15.createElement(
     Form2,
     {
       onSubmit: (e) => {
@@ -3855,7 +3954,7 @@ var HeroHome = ({
       },
       className: "mt-8 flex w-full flex-col items-stretch gap-4 md:mt-12 md:max-w-120 md:flex-row md:items-start"
     },
-    /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(
       Input3,
       {
         isRequired: true,
@@ -3864,7 +3963,7 @@ var HeroHome = ({
         type: "email",
         placeholder: email_signup.placeholder,
         wrapperClassName: "py-0.5",
-        hint: /* @__PURE__ */ React14.createElement("span", null, "We care about your data in our", " ", /* @__PURE__ */ React14.createElement(
+        hint: /* @__PURE__ */ React15.createElement("span", null, "We care about your data in our", " ", /* @__PURE__ */ React15.createElement(
           "a",
           {
             href: email_signup.privacy_policy_link,
@@ -3874,8 +3973,8 @@ var HeroHome = ({
         ), ".")
       }
     ),
-    /* @__PURE__ */ React14.createElement(Button2, { type: "submit", color: "primary", size: "xl" }, email_signup.button_text)
-  ), /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React15.createElement(Button2, { type: "submit", color: "primary", size: "xl" }, email_signup.button_text)
+  ), /* @__PURE__ */ React15.createElement(
     AvatarsWithReview,
     {
       count: reviews == null ? void 0 : reviews.count,
@@ -3884,11 +3983,11 @@ var HeroHome = ({
     }
   ), (() => {
     const statsToShow = statistics && statistics.length > 0 ? statistics.slice(0, 4) : [];
-    return statsToShow.length > 0 && /* @__PURE__ */ React14.createElement("dl", { className: "mt-8 grid grid-cols-2 gap-x-6 gap-y-4 md:mt-12" }, statsToShow.map((stat, index) => {
+    return statsToShow.length > 0 && /* @__PURE__ */ React15.createElement("dl", { className: "mt-8 grid grid-cols-2 gap-x-6 gap-y-4 md:mt-12" }, statsToShow.map((stat, index) => {
       const IconComponent2 = mapIcon(stat.icon);
-      return /* @__PURE__ */ React14.createElement("div", { key: index, className: "flex flex-col gap-2" }, /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-2" }, IconComponent2 && /* @__PURE__ */ React14.createElement("div", { className: "size-5 shrink-0" }, /* @__PURE__ */ React14.createElement(IconComponent2, { className: "w-full h-full" })), /* @__PURE__ */ React14.createElement("dd", { className: "text-lg font-semibold text-primary md:text-xl" }, stat.number)), /* @__PURE__ */ React14.createElement("dt", { className: "text-sm font-medium text-tertiary md:text-md" }, stat.label));
+      return /* @__PURE__ */ React15.createElement("div", { key: index, className: "flex flex-col gap-2" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, IconComponent2 && /* @__PURE__ */ React15.createElement("div", { className: "size-5 shrink-0" }, /* @__PURE__ */ React15.createElement(IconComponent2, { className: "w-full h-full" })), /* @__PURE__ */ React15.createElement("dd", { className: "text-lg font-semibold text-primary md:text-xl" }, stat.number)), /* @__PURE__ */ React15.createElement("dt", { className: "text-sm font-medium text-tertiary md:text-md" }, stat.label));
     }));
-  })()), /* @__PURE__ */ React14.createElement("div", { className: "relative lg:h-full lg:min-h-160" }, /* @__PURE__ */ React14.createElement(
+  })()), /* @__PURE__ */ React15.createElement("div", { className: "relative lg:h-full lg:min-h-160" }, /* @__PURE__ */ React15.createElement(
     PhotoWithFallback2,
     {
       photoUrl: heroImage.url,
@@ -3896,7 +3995,7 @@ var HeroHome = ({
       fallbackId: "hero-home-image",
       className: "inset-0 h-70 w-full object-cover md:h-110 lg:absolute lg:h-full"
     }
-  ), videoUrl && /* @__PURE__ */ React14.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React14.createElement(VideoPlayButton, { onClick: () => setShowVideo(true) }))))), videoUrl && /* @__PURE__ */ React14.createElement(
+  ), videoUrl && /* @__PURE__ */ React15.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React15.createElement(VideoPlayButton, { onClick: () => setShowVideo(true) }))))), videoUrl && /* @__PURE__ */ React15.createElement(
     VideoModal,
     {
       isOpen: showVideo,
@@ -4049,6 +4148,14 @@ var AboutHome = ({
 };
 
 // src/utils/photo-helpers.ts
+var VIDEO_EXTENSIONS = [".mp4", ".mov", ".webm", ".m4v", ".avi", ".mkv", ".flv", ".wmv"];
+function isVideoUrl(url) {
+  var _a;
+  if (!url || typeof url !== "string") return false;
+  const path = (_a = url.split("?")[0]) != null ? _a : "";
+  const ext = path.slice(path.lastIndexOf(".")).toLowerCase();
+  return VIDEO_EXTENSIONS.includes(ext);
+}
 function getPhotoUrl(photos) {
   if (photos && photos.length > 0) {
     const featuredPhoto = photos.find((pa) => pa.featured);
@@ -4108,21 +4215,21 @@ var TestimonialsHome = ({
 };
 
 // src/design_system/sections/testimonials-grid.tsx
-import React15 from "react";
+import React16 from "react";
 var TestimonialsGrid = ({
   testimonials: testimonialsData,
   title = "",
   subtitle = ""
 }) => {
   const testimonials = Array.isArray(testimonialsData) ? testimonialsData : [];
-  return /* @__PURE__ */ React15.createElement("section", { className: "py-16 md:py-24" }, /* @__PURE__ */ React15.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React15.createElement("div", { className: "mx-auto mb-12 flex w-full max-w-3xl flex-col items-center text-center" }, title && /* @__PURE__ */ React15.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React15.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), testimonials.length > 0 ? /* @__PURE__ */ React15.createElement("div", { className: "grid max-w-container grid-cols-1 gap-5 lg:grid-cols-3 lg:gap-6" }, testimonials.map((testimonial, index) => {
+  return /* @__PURE__ */ React16.createElement("section", { className: "py-16 md:py-24" }, /* @__PURE__ */ React16.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React16.createElement("div", { className: "mx-auto mb-12 flex w-full max-w-3xl flex-col items-center text-center" }, title && /* @__PURE__ */ React16.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React16.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), testimonials.length > 0 ? /* @__PURE__ */ React16.createElement("div", { className: "grid max-w-container grid-cols-1 gap-5 lg:grid-cols-3 lg:gap-6" }, testimonials.map((testimonial, index) => {
     var _a;
     const reviewerName = testimonial.reviewer_name || "Customer";
     const quote = ((_a = testimonial.content_markdown) == null ? void 0 : _a.replace(/[#*\[\]()]/g, "").trim()) || "";
     const username = `@${reviewerName.toLowerCase().replace(/\s+/g, "")}`;
     const avatarUrl = getAvatarUrl(testimonial.photo_attachments, testimonial.id, reviewerName);
     const rating = testimonial.rating || 5;
-    return /* @__PURE__ */ React15.createElement("div", { key: testimonial.id || index, className: "flex flex-col gap-6 rounded-2xl bg-secondary p-6 md:p-8" }, /* @__PURE__ */ React15.createElement("div", { className: "flex gap-0.5" }, Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ React15.createElement(
+    return /* @__PURE__ */ React16.createElement("div", { key: testimonial.id || index, className: "flex flex-col gap-6 rounded-2xl bg-secondary p-6 md:p-8" }, /* @__PURE__ */ React16.createElement("div", { className: "flex gap-0.5" }, Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ React16.createElement(
       "svg",
       {
         key: i,
@@ -4132,8 +4239,8 @@ var TestimonialsGrid = ({
         strokeWidth: 2,
         viewBox: "0 0 24 24"
       },
-      /* @__PURE__ */ React15.createElement("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
-    ))), /* @__PURE__ */ React15.createElement("p", { className: "text-md text-primary" }, quote), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3 mt-auto" }, /* @__PURE__ */ React15.createElement("div", { className: "size-12 shrink-0 overflow-hidden rounded-full" }, /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React16.createElement("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
+    ))), /* @__PURE__ */ React16.createElement("p", { className: "text-md text-primary" }, quote), /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-3 mt-auto" }, /* @__PURE__ */ React16.createElement("div", { className: "size-12 shrink-0 overflow-hidden rounded-full" }, /* @__PURE__ */ React16.createElement(
       PhotoWithFallback2,
       {
         photoUrl: avatarUrl,
@@ -4141,8 +4248,8 @@ var TestimonialsGrid = ({
         fallbackId: `testimonial-${testimonial.id || index}`,
         className: "size-full object-cover"
       }
-    )), /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("p", { className: "text-sm font-semibold text-primary" }, reviewerName), /* @__PURE__ */ React15.createElement("p", { className: "text-sm text-tertiary" }, username))));
-  })) : /* @__PURE__ */ React15.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React15.createElement("p", { className: "text-gray-500" }, "No testimonials available"))));
+    )), /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("p", { className: "text-sm font-semibold text-primary" }, reviewerName), /* @__PURE__ */ React16.createElement("p", { className: "text-sm text-tertiary" }, username))));
+  })) : /* @__PURE__ */ React16.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React16.createElement("p", { className: "text-gray-500" }, "No testimonials available"))));
 };
 
 // src/design_system/sections/faq-home.tsx
@@ -4233,12 +4340,12 @@ var FAQHome = ({
 };
 
 // src/design_system/sections/blog-section.tsx
-import React16 from "react";
+import React17 from "react";
 import Link from "next/link";
 import { ArrowLeft as ArrowLeft2, ArrowRight as ArrowRight5, ArrowUpRight } from "@untitledui/icons";
 
 // src/design_system/elements/carousel/carousel-base.tsx
-import { cloneElement as cloneElement3, createContext as createContext8, isValidElement as isValidElement12, useCallback as useCallback4, useContext as useContext9, useEffect as useEffect6, useRef as useRef4, useSyncExternalStore as useSyncExternalStore3 } from "react";
+import { cloneElement as cloneElement3, createContext as createContext8, isValidElement as isValidElement12, useCallback as useCallback4, useContext as useContext9, useEffect as useEffect7, useRef as useRef5, useSyncExternalStore as useSyncExternalStore3 } from "react";
 import useEmblaCarousel2 from "embla-carousel-react";
 var CarouselContext2 = createContext8(null);
 var useCarousel2 = () => {
@@ -4262,7 +4369,7 @@ var CarouselRoot2 = (_a) => {
     }),
     plugins
   );
-  const snapshotRef = useRef4(DEFAULT_SNAPSHOT2);
+  const snapshotRef = useRef5(DEFAULT_SNAPSHOT2);
   const getSnapshot = useCallback4(() => {
     if (!api) {
       return DEFAULT_SNAPSHOT2;
@@ -4314,7 +4421,7 @@ var CarouselRoot2 = (_a) => {
     },
     [scrollPrev, scrollNext]
   );
-  useEffect6(() => {
+  useEffect7(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
@@ -4439,7 +4546,7 @@ var BlogSection = ({
       return "Recent";
     }
   };
-  return /* @__PURE__ */ React16.createElement("section", { className: `overflow-hidden ${backgroundColor} py-16 md:py-24` }, /* @__PURE__ */ React16.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col items-start justify-between lg:flex-row" }, /* @__PURE__ */ React16.createElement("div", { className: "max-w-3xl" }, /* @__PURE__ */ React16.createElement("p", { className: "text-sm font-semibold text-brand-secondary md:text-md" }, "Latest posts"), /* @__PURE__ */ React16.createElement("h2", { className: "mt-3 text-display-sm font-semibold text-primary md:text-display-md" }, title), /* @__PURE__ */ React16.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), showViewAll && /* @__PURE__ */ React16.createElement("div", { className: "hidden gap-3 lg:flex" }, /* @__PURE__ */ React16.createElement(Button2, { size: "xl", href: "/blog" }, "View all posts"))), postsArray.length > 0 ? /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement("section", { className: `overflow-hidden ${backgroundColor} py-16 md:py-24` }, /* @__PURE__ */ React17.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col items-start justify-between lg:flex-row" }, /* @__PURE__ */ React17.createElement("div", { className: "max-w-3xl" }, /* @__PURE__ */ React17.createElement("p", { className: "text-sm font-semibold text-brand-secondary md:text-md" }, "Latest posts"), /* @__PURE__ */ React17.createElement("h2", { className: "mt-3 text-display-sm font-semibold text-primary md:text-display-md" }, title), /* @__PURE__ */ React17.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), showViewAll && /* @__PURE__ */ React17.createElement("div", { className: "hidden gap-3 lg:flex" }, /* @__PURE__ */ React17.createElement(Button2, { size: "xl", href: "/blog" }, "View all posts"))), postsArray.length > 0 ? /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(
     Carousel2.Root,
     {
       className: "mt-12 md:mt-16",
@@ -4447,11 +4554,11 @@ var BlogSection = ({
         align: "start"
       }
     },
-    /* @__PURE__ */ React16.createElement(Carousel2.Content, { overflowHidden: false, className: "gap-6 pr-4 md:gap-8 md:pr-8" }, postsArray.map((post, index) => {
+    /* @__PURE__ */ React17.createElement(Carousel2.Content, { overflowHidden: false, className: "gap-6 pr-4 md:gap-8 md:pr-8" }, postsArray.map((post, index) => {
       var _a;
       const author = Array.isArray(post.blog_post_authors) && post.blog_post_authors.length > 0 ? post.blog_post_authors[0] : null;
       const excerpt = ((_a = post.excerpt_markdown) == null ? void 0 : _a.replace(/[#*\[\]()]/g, "").trim()) || "";
-      return /* @__PURE__ */ React16.createElement(Carousel2.Item, { key: post.id || index, className: "max-w-xs md:max-w-96" }, /* @__PURE__ */ React16.createElement("article", { className: cx("flex flex-col gap-4") }, /* @__PURE__ */ React16.createElement("div", { className: "relative" }, /* @__PURE__ */ React16.createElement("a", { href: `/blog/${post.slug || post.id}`, className: "w-full", tabIndex: -1 }, /* @__PURE__ */ React16.createElement(
+      return /* @__PURE__ */ React17.createElement(Carousel2.Item, { key: post.id || index, className: "max-w-xs md:max-w-96" }, /* @__PURE__ */ React17.createElement("article", { className: cx("flex flex-col gap-4") }, /* @__PURE__ */ React17.createElement("div", { className: "relative" }, /* @__PURE__ */ React17.createElement("a", { href: `/blog/${post.slug || post.id}`, className: "w-full", tabIndex: -1 }, /* @__PURE__ */ React17.createElement(
         PhotoWithFallback2,
         {
           item: post,
@@ -4459,48 +4566,50 @@ var BlogSection = ({
           alt: post.title || "Blog post",
           className: cx("aspect-[1.5] w-full object-cover")
         }
-      )), /* @__PURE__ */ React16.createElement("div", { className: "absolute inset-x-0 bottom-0 overflow-hidden bg-linear-to-b from-transparent to-black/40" }, /* @__PURE__ */ React16.createElement("div", { className: "relative flex items-start justify-between bg-alpha-white/30 p-4 backdrop-blur-md before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-alpha-white/30 md:p-5" }, /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement(
+      )), /* @__PURE__ */ React17.createElement("div", { className: "absolute inset-x-0 bottom-0 overflow-hidden bg-linear-to-b from-transparent to-black/40" }, /* @__PURE__ */ React17.createElement("div", { className: "relative flex items-start justify-between bg-alpha-white/30 p-4 backdrop-blur-md before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-alpha-white/30 md:p-5" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement(
         "a",
         {
           href: (author == null ? void 0 : author.slug) ? `/blog/author/${author.slug}` : "/blog",
           className: "block rounded-xs text-sm font-semibold text-white outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2"
         },
         (author == null ? void 0 : author.name) || "Author"
-      ), /* @__PURE__ */ React16.createElement("time", { className: "block text-sm text-white" }, formatDate4(post.published_at || ""))), /* @__PURE__ */ React16.createElement(
+      ), /* @__PURE__ */ React17.createElement("time", { className: "block text-sm text-white" }, formatDate4(post.published_at || ""))), /* @__PURE__ */ React17.createElement(
         Link,
         {
           href: "/blog",
           className: "rounded-xs text-sm font-semibold text-white outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2"
         },
         "Blog"
-      )))), /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ React16.createElement(
+      )))), /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ React17.createElement(
         "a",
         {
           href: `/blog/${post.slug || post.id}`,
           className: "group/title flex justify-between gap-x-4 rounded-md text-lg font-semibold text-primary outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2"
         },
         post.title || "Untitled Post",
-        /* @__PURE__ */ React16.createElement(
+        /* @__PURE__ */ React17.createElement(
           ArrowUpRight,
           {
             className: "mt-0.5 size-6 shrink-0 text-fg-quaternary transition duration-100 ease-linear group-hover/title:text-fg-quaternary_hover",
             "aria-hidden": "true"
           }
         )
-      ), excerpt && /* @__PURE__ */ React16.createElement("p", { className: "line-clamp-2 text-md text-tertiary" }, excerpt))));
+      ), excerpt && /* @__PURE__ */ React17.createElement("p", { className: "line-clamp-2 text-md text-tertiary" }, excerpt))));
     })),
-    /* @__PURE__ */ React16.createElement("div", { className: "mt-8 flex gap-4 md:gap-8" }, /* @__PURE__ */ React16.createElement(Carousel2.PrevTrigger, { asChild: true }, /* @__PURE__ */ React16.createElement(RoundButton2, { icon: ArrowLeft2 })), /* @__PURE__ */ React16.createElement(Carousel2.NextTrigger, { asChild: true }, /* @__PURE__ */ React16.createElement(RoundButton2, { icon: ArrowRight5 })))
-  ), showViewAll && /* @__PURE__ */ React16.createElement("div", { className: "mt-12 flex flex-col gap-3 lg:hidden" }, /* @__PURE__ */ React16.createElement(Button2, { size: "xl", href: "/blog" }, "View all posts"))) : /* @__PURE__ */ React16.createElement("div", { className: "mt-12 text-center md:mt-16" }, /* @__PURE__ */ React16.createElement("p", { className: "text-gray-500" }, "No blog posts available"))));
+    /* @__PURE__ */ React17.createElement("div", { className: "mt-8 flex gap-4 md:gap-8" }, /* @__PURE__ */ React17.createElement(Carousel2.PrevTrigger, { asChild: true }, /* @__PURE__ */ React17.createElement(RoundButton2, { icon: ArrowLeft2 })), /* @__PURE__ */ React17.createElement(Carousel2.NextTrigger, { asChild: true }, /* @__PURE__ */ React17.createElement(RoundButton2, { icon: ArrowRight5 })))
+  ), showViewAll && /* @__PURE__ */ React17.createElement("div", { className: "mt-12 flex flex-col gap-3 lg:hidden" }, /* @__PURE__ */ React17.createElement(Button2, { size: "xl", href: "/blog" }, "View all posts"))) : /* @__PURE__ */ React17.createElement("div", { className: "mt-12 text-center md:mt-16" }, /* @__PURE__ */ React17.createElement("p", { className: "text-gray-500" }, "No blog posts available"))));
 };
 
 // src/design_system/sections/contact-section.tsx
-import React20 from "react";
+import React21 from "react";
 
 // src/design_system/sections/contact-section-form.tsx
-import React19, { useRef as useRef5, useState as useState9 } from "react";
+import React20, { useRef as useRef6, useState as useState9 } from "react";
 
 // src/design_system/components/DynamicFormFields.tsx
-import React17, { useState as useState8 } from "react";
+import React18, { useState as useState8 } from "react";
+import ReactMarkdown2 from "react-markdown";
+import remarkGfm2 from "remark-gfm";
 
 // src/utils/countries.tsx
 import Image6 from "next/image";
@@ -5872,12 +5981,53 @@ function allFieldsFlat(fields) {
   }
   return out;
 }
-function renderField(field, index, showCountryCode, selectedCountryPhone, onCountryChange, phoneValues, setPhoneValues) {
-  var _a, _b, _c, _d;
+function renderField(field, index, showCountryCode, selectedCountryPhone, onCountryChange, phoneValues, setPhoneValues, companyName, privacyPolicyUrl, termsOfServiceUrl) {
+  var _a, _b, _c, _d, _e, _f;
   const name = (_a = field.name) != null ? _a : `field-${index}`;
+  const type = ((_b = field.type) != null ? _b : "text").toString().toLowerCase();
   if (field.type === "hidden") {
-    const val = (_b = field.value) != null ? _b : "";
-    return /* @__PURE__ */ React17.createElement("input", { key: name, type: "hidden", name, value: val });
+    const val = (_c = field.value) != null ? _c : "";
+    return /* @__PURE__ */ React18.createElement("input", { key: name, type: "hidden", name, value: val });
+  }
+  if (type === "checkbox") {
+    const labelRaw = (_d = field.label) != null ? _d : "";
+    const companyNameClean = companyName.replace(/\*\*/g, "").trim();
+    let labelWithCompany = companyNameClean ? labelRaw.replace(/\{\{company_name\}\}/gi, companyNameClean) : labelRaw;
+    if (name === "tos_privacy_consent" && privacyPolicyUrl && termsOfServiceUrl) {
+      labelWithCompany = labelWithCompany.replace(/\*\*Terms of Service\*\*/gi, `**[Terms of Service](${termsOfServiceUrl})**`).replace(/\*\*Privacy Policy\*\*/gi, `**[Privacy Policy](${privacyPolicyUrl})**`);
+    }
+    const id3 = `checkbox-${name}-${index}`;
+    return /* @__PURE__ */ React18.createElement("div", { key: name, className: "flex items-start gap-3" }, /* @__PURE__ */ React18.createElement(
+      "input",
+      {
+        type: "checkbox",
+        id: id3,
+        name,
+        value: "on",
+        required: Boolean(field.required),
+        "aria-describedby": id3 ? `${id3}-desc` : void 0,
+        className: "mt-1 h-4 w-4 shrink-0 rounded border-secondary focus:ring-focus-ring"
+      }
+    ), /* @__PURE__ */ React18.createElement(
+      "label",
+      {
+        id: id3 ? `${id3}-desc` : void 0,
+        htmlFor: id3,
+        className: "font-body text-sm text-tertiary [&_a]:underline [&_a]:outline-focus-ring [&_strong]:font-semibold"
+      },
+      /* @__PURE__ */ React18.createElement(
+        ReactMarkdown2,
+        {
+          remarkPlugins: [remarkGfm2],
+          components: {
+            p: ({ children }) => /* @__PURE__ */ React18.createElement("span", null, children),
+            strong: (props) => /* @__PURE__ */ React18.createElement("strong", __spreadValues({ className: "font-semibold" }, props)),
+            a: (props) => /* @__PURE__ */ React18.createElement("a", __spreadProps(__spreadValues({}, props), { className: "underline outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2" }))
+          }
+        },
+        labelWithCompany
+      )
+    ));
   }
   if (field.type === "tel" && showCountryCode) {
     const countryOptions = countries_default.map((c) => ({
@@ -5886,22 +6036,22 @@ function renderField(field, index, showCountryCode, selectedCountryPhone, onCoun
     }));
     const country = countries_default.find((c) => c.code === selectedCountryPhone);
     const nationalMask = getNationalMask(country);
-    const value = (_c = phoneValues[name]) != null ? _c : "";
-    const placeholder = nationalMask ? nationalMask.replace(/#/g, "0") : (_d = field.placeholder) != null ? _d : "";
+    const value = (_e = phoneValues[name]) != null ? _e : "";
+    const placeholder = nationalMask ? nationalMask.replace(/#/g, "0") : (_f = field.placeholder) != null ? _f : "";
     const handlePhoneChange = (valueOrEvent) => {
       const raw = typeof valueOrEvent === "string" ? valueOrEvent : valueOrEvent && typeof valueOrEvent === "object" && "target" in valueOrEvent && valueOrEvent.target && typeof valueOrEvent.target.value === "string" ? valueOrEvent.target.value : "";
       const digits = raw.replace(/\D/g, "");
       const formatted = nationalMask ? formatDigitsToMask(digits, nationalMask) : digits;
       setPhoneValues((prev) => __spreadProps(__spreadValues({}, prev), { [name]: formatted }));
     };
-    return /* @__PURE__ */ React17.createElement(
+    return /* @__PURE__ */ React18.createElement(
       InputGroup2,
       {
         key: name,
         label: field.label,
         isRequired: Boolean(field.required),
         size: "md",
-        leadingAddon: /* @__PURE__ */ React17.createElement(
+        leadingAddon: /* @__PURE__ */ React18.createElement(
           NativeSelect2,
           {
             "aria-label": "Country code",
@@ -5911,7 +6061,7 @@ function renderField(field, index, showCountryCode, selectedCountryPhone, onCoun
           }
         )
       },
-      /* @__PURE__ */ React17.createElement(
+      /* @__PURE__ */ React18.createElement(
         InputBase3,
         {
           type: "tel",
@@ -5925,7 +6075,7 @@ function renderField(field, index, showCountryCode, selectedCountryPhone, onCoun
     );
   }
   if (field.type === "textarea") {
-    return /* @__PURE__ */ React17.createElement(
+    return /* @__PURE__ */ React18.createElement(
       Textarea,
       {
         key: name,
@@ -5938,7 +6088,7 @@ function renderField(field, index, showCountryCode, selectedCountryPhone, onCoun
     );
   }
   const inputType = INPUT_TYPES.includes(field.type) ? field.type : "text";
-  return /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React18.createElement(
     Input3,
     {
       key: name,
@@ -5951,11 +6101,13 @@ function renderField(field, index, showCountryCode, selectedCountryPhone, onCoun
     }
   );
 }
-function DynamicFormFields({ form, jobSlug }) {
+function DynamicFormFields({ form, jobSlug, privacyPolicyUrl, termsOfServiceUrl }) {
+  var _a;
   const [selectedCountryPhone, setSelectedCountryPhone] = useState8("US");
   const [phoneValues, setPhoneValues] = useState8({});
   const { settings } = form;
   const fields = Array.isArray(form.fields) ? form.fields : [];
+  const companyName = (_a = form.company_name) != null ? _a : "";
   const handleCountryChange = (newCode) => {
     setSelectedCountryPhone(newCode);
     const country = countries_default.find((c) => c.code === newCode);
@@ -5976,24 +6128,40 @@ function DynamicFormFields({ form, jobSlug }) {
     });
   };
   const showCountryCode = (settings == null ? void 0 : settings.show_country_code) !== false;
-  const showPrivacyCheckbox = (settings == null ? void 0 : settings.show_privacy_checkbox) !== false;
   const flat = allFieldsFlat(fields);
   const hasPhoneField = flat.some((f) => f.type === "tel");
-  return /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-6" }, fields.map((item, index) => {
-    var _a;
+  const hasCheckboxFields = flat.some((f) => {
+    var _a2;
+    return ((_a2 = f.type) != null ? _a2 : "").toString().toLowerCase() === "checkbox";
+  });
+  const showPrivacyCheckbox = (settings == null ? void 0 : settings.show_privacy_checkbox) !== false && hasPhoneField && !hasCheckboxFields;
+  const renderFieldWithProps = (item, i) => renderField(
+    item,
+    i,
+    showCountryCode,
+    selectedCountryPhone,
+    handleCountryChange,
+    phoneValues,
+    setPhoneValues,
+    companyName,
+    privacyPolicyUrl,
+    termsOfServiceUrl
+  );
+  return /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-6" }, fields.map((item, index) => {
+    var _a2;
     if (Array.isArray(item)) {
       if (item.length === 0) return null;
-      return /* @__PURE__ */ React17.createElement(
+      return /* @__PURE__ */ React18.createElement(
         "div",
         {
           key: `row-${index}`,
           className: "flex flex-col gap-x-8 gap-y-6 md:flex-row"
         },
-        item.map((f, i) => /* @__PURE__ */ React17.createElement("div", { key: f.name, className: "flex-1" }, renderField(f, i, showCountryCode, selectedCountryPhone, handleCountryChange, phoneValues, setPhoneValues)))
+        item.map((f, i) => /* @__PURE__ */ React18.createElement("div", { key: f.name, className: "flex-1" }, renderFieldWithProps(f, i)))
       );
     }
-    return /* @__PURE__ */ React17.createElement("div", { key: (_a = item.name) != null ? _a : `field-${index}` }, renderField(item, index, showCountryCode, selectedCountryPhone, handleCountryChange, phoneValues, setPhoneValues));
-  }), jobSlug ? /* @__PURE__ */ React17.createElement("input", { type: "hidden", name: "jobSlug", value: jobSlug }) : null, showPrivacyCheckbox && hasPhoneField && /* @__PURE__ */ React17.createElement(PrivacyCheckbox2, null));
+    return /* @__PURE__ */ React18.createElement("div", { key: (_a2 = item.name) != null ? _a2 : `field-${index}` }, renderFieldWithProps(item, index));
+  }), jobSlug ? /* @__PURE__ */ React18.createElement("input", { type: "hidden", name: "jobSlug", value: jobSlug }) : null, showPrivacyCheckbox && /* @__PURE__ */ React18.createElement(PrivacyCheckbox2, null));
 }
 
 // src/tracking/trackMetaLead.ts
@@ -6004,7 +6172,7 @@ function trackMetaLead(eventId) {
 }
 
 // src/next/contexts/form-definitions.tsx
-import React18, { createContext as createContext9, useContext as useContext10 } from "react";
+import React19, { createContext as createContext9, useContext as useContext10 } from "react";
 var FormDefinitionsContext = createContext9({
   leadFormDefinition: null,
   jobApplicationFormDefinition: null
@@ -6019,14 +6187,16 @@ var ContactSectionForm = ({
   submitButtonText = "Send message",
   successMessage = "Thank you for contacting us! We'll get back to you soon.",
   thankYouMessage,
-  onSuccess
+  onSuccess,
+  privacyPolicyUrl,
+  termsOfServiceUrl
 }) => {
   const { leadFormDefinition } = useFormDefinitions();
   const resolvedFormDefinition = formDefinition != null ? formDefinition : leadFormDefinition;
   const [isSubmitting, setIsSubmitting] = useState9(false);
   const [submitStatus, setSubmitStatus] = useState9("idle");
   const [statusMessage, setStatusMessage] = useState9("");
-  const formRef = useRef5(null);
+  const formRef = useRef6(null);
   if (!resolvedFormDefinition || !Array.isArray(resolvedFormDefinition.fields) || resolvedFormDefinition.fields.length === 0) {
     return null;
   }
@@ -6039,7 +6209,8 @@ var ContactSectionForm = ({
     const formData = new FormData(e.currentTarget);
     const data = { formType: "lead" };
     formData.forEach((value, key) => {
-      if (key !== "privacy" && typeof value === "string") data[key] = value;
+      if (key.endsWith("_prefix")) return;
+      if (typeof value === "string") data[key] = value;
     });
     try {
       const response = await fetch("/api/form/", {
@@ -6065,7 +6236,14 @@ var ContactSectionForm = ({
     }
     setIsSubmitting(false);
   };
-  return /* @__PURE__ */ React19.createElement(Form2, { ref: formRef, onSubmit: handleSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React19.createElement(DynamicFormFields, { form: resolvedFormDefinition })), submitStatus === "success" && /* @__PURE__ */ React19.createElement("div", { className: "rounded-lg bg-success-50 p-4 text-success-700" }, thankYouMessage != null ? thankYouMessage : statusMessage), submitStatus === "error" && /* @__PURE__ */ React19.createElement("div", { className: "rounded-lg bg-error-50 p-4 text-error-700" }, statusMessage), /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(Form2, { ref: formRef, onSubmit: handleSubmit, className: "flex flex-col gap-8" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React20.createElement(
+    DynamicFormFields,
+    {
+      form: resolvedFormDefinition,
+      privacyPolicyUrl,
+      termsOfServiceUrl
+    }
+  )), submitStatus === "success" && /* @__PURE__ */ React20.createElement("div", { className: "rounded-lg bg-success-50 p-4 text-success-700" }, thankYouMessage != null ? thankYouMessage : statusMessage), submitStatus === "error" && /* @__PURE__ */ React20.createElement("div", { className: "rounded-lg bg-error-50 p-4 text-error-700" }, statusMessage), /* @__PURE__ */ React20.createElement(
     Button2,
     {
       type: "submit",
@@ -6078,17 +6256,34 @@ var ContactSectionForm = ({
 };
 
 // src/design_system/sections/contact-section.tsx
+function getLegalUrlsFromConfig(config) {
+  var _a, _b, _c;
+  if (!((_a = config == null ? void 0 : config.navigation) == null ? void 0 : _a.footer)) return {};
+  const flat = config.navigation.footer.flat();
+  const privacy = (_b = flat.find((l) => l.label === "Privacy Policy")) == null ? void 0 : _b.href;
+  const terms = (_c = flat.find((l) => l.label === "Terms of Service")) == null ? void 0 : _c.href;
+  return { privacyPolicyUrl: privacy, termsOfServiceUrl: terms };
+}
 var ContactSection = ({
   websitePhotos,
   title = "",
   subtitle = "",
-  formDefinition
+  formDefinition,
+  config
 }) => {
+  const { privacyPolicyUrl, termsOfServiceUrl } = getLegalUrlsFromConfig(config);
   const contactPhoto = websitePhotos == null ? void 0 : websitePhotos.contact;
   const contactImageUrl = contactPhoto == null ? void 0 : contactPhoto.url;
   const finalContactImage = contactImageUrl && contactImageUrl.trim() !== "" ? contactImageUrl : void 0;
   const finalContactImageAlt = (contactPhoto == null ? void 0 : contactPhoto.alt) || "Contact image";
-  return /* @__PURE__ */ React20.createElement("section", { className: "bg-primary py-16 md:pt-16 md:pb-24" }, /* @__PURE__ */ React20.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, /* @__PURE__ */ React20.createElement("div", { className: "grid grid-cols-1 gap-12 md:gap-16 lg:grid-cols-2" }, /* @__PURE__ */ React20.createElement("div", { className: "flex w-full flex-col gap-12" }, /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-display-md font-semibold text-primary" }, title), subtitle && /* @__PURE__ */ React20.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), /* @__PURE__ */ React20.createElement(ContactSectionForm, { formDefinition })), /* @__PURE__ */ React20.createElement("div", { className: "max-lg:hidden h-full min-h-0" }, /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement("section", { className: "bg-primary py-16 md:pt-16 md:pb-24" }, /* @__PURE__ */ React21.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, /* @__PURE__ */ React21.createElement("div", { className: "grid grid-cols-1 gap-12 md:gap-16 lg:grid-cols-2" }, /* @__PURE__ */ React21.createElement("div", { className: "flex w-full flex-col gap-12" }, /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React21.createElement("h2", { className: "text-display-md font-semibold text-primary" }, title), subtitle && /* @__PURE__ */ React21.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), /* @__PURE__ */ React21.createElement(
+    ContactSectionForm,
+    {
+      formDefinition,
+      privacyPolicyUrl,
+      termsOfServiceUrl
+    }
+  )), /* @__PURE__ */ React21.createElement("div", { className: "max-lg:hidden h-full min-h-0" }, /* @__PURE__ */ React21.createElement(
     PhotoWithFallback2,
     {
       photoUrl: finalContactImage,
@@ -6193,7 +6388,7 @@ var FooterHome = ({
 };
 
 // src/design_system/sections/header-navigation.tsx
-import React21, { useRef as useRef6, useState as useState10 } from "react";
+import React22, { useRef as useRef7, useState as useState10 } from "react";
 import Link4 from "next/link";
 import Image8 from "next/image";
 import { ChevronDown as ChevronDown4 } from "@untitledui/icons";
@@ -6263,7 +6458,7 @@ function resolveCtaUrls(companyInformation, _ctaButton, overrides) {
 var MobileNavItem = ({ label, href, children, onClose }) => {
   const [isOpen, setIsOpen] = useState10(false);
   if (href) {
-    return /* @__PURE__ */ React21.createElement("li", null, /* @__PURE__ */ React21.createElement(
+    return /* @__PURE__ */ React22.createElement("li", null, /* @__PURE__ */ React22.createElement(
       Link4,
       {
         href,
@@ -6273,7 +6468,7 @@ var MobileNavItem = ({ label, href, children, onClose }) => {
       label
     ));
   }
-  return /* @__PURE__ */ React21.createElement("li", { className: "flex flex-col gap-0.5" }, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React22.createElement("li", { className: "flex flex-col gap-0.5" }, /* @__PURE__ */ React22.createElement(
     "button",
     {
       "aria-expanded": isOpen,
@@ -6281,13 +6476,13 @@ var MobileNavItem = ({ label, href, children, onClose }) => {
       className: "flex w-full items-center justify-between px-4 py-3 text-sm font-medium text-primary hover:bg-primary_hover"
     },
     label,
-    /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React22.createElement(
       ChevronDown4,
       {
         className: cx("size-4 stroke-[2.625px] text-fg-quaternary transition duration-100 ease-linear", isOpen ? "-rotate-180" : "rotate-0")
       }
     )
-  ), isOpen && /* @__PURE__ */ React21.createElement("div", null, children));
+  ), isOpen && /* @__PURE__ */ React22.createElement("div", null, children));
 };
 function HeaderNavigation({
   variant = "standard",
@@ -6300,7 +6495,7 @@ function HeaderNavigation({
   websitePhotos
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const headerRef = useRef6(null);
+  const headerRef = useRef7(null);
   const navigation = navigationOverride || ((_a = config == null ? void 0 : config.navigation) == null ? void 0 : _a.header) || [];
   const logoImage = logoImageOverride || getLogoUrl(websitePhotos) || ((_b = props == null ? void 0 : props.logo) == null ? void 0 : _b.image);
   const logoText = logoTextOverride || (companyInformation == null ? void 0 : companyInformation.company_name) || ((_c = props == null ? void 0 : props.logo) == null ? void 0 : _c.text) || "";
@@ -6328,7 +6523,7 @@ function HeaderNavigation({
   };
   const HoverDropdown = ({ label, href, children }) => {
     const [isOpen, setIsOpen] = useState10(false);
-    const timeoutRef = React21.useRef(null);
+    const timeoutRef = React22.useRef(null);
     const handleMouseEnter = () => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
@@ -6342,37 +6537,37 @@ function HeaderNavigation({
       }, 100);
       timeoutRef.current = id3;
     };
-    React21.useEffect(() => {
+    React22.useEffect(() => {
       return () => {
         if (timeoutRef.current) {
           clearTimeout(timeoutRef.current);
         }
       };
     }, []);
-    return /* @__PURE__ */ React21.createElement(
+    return /* @__PURE__ */ React22.createElement(
       "div",
       {
         className: "relative",
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave
       },
-      /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement(
         Link4,
         {
           href: href || "#",
           className: "flex cursor-pointer items-center gap-0.5 rounded-lg px-1.5 py-1 text-sm font-medium text-secondary outline-focus-ring transition duration-100 ease-linear hover:text-secondary_hover focus-visible:outline-2 focus-visible:outline-offset-2"
         },
-        /* @__PURE__ */ React21.createElement("span", { className: "px-0.5" }, label),
-        /* @__PURE__ */ React21.createElement(ChevronDown4, { className: cx("size-4 stroke-[2.625px] text-fg-quaternary transition duration-100 ease-linear", isOpen ? "-rotate-180" : "rotate-0") })
+        /* @__PURE__ */ React22.createElement("span", { className: "px-0.5" }, label),
+        /* @__PURE__ */ React22.createElement(ChevronDown4, { className: cx("size-4 stroke-[2.625px] text-fg-quaternary transition duration-100 ease-linear", isOpen ? "-rotate-180" : "rotate-0") })
       ),
-      isOpen && /* @__PURE__ */ React21.createElement(
+      isOpen && /* @__PURE__ */ React22.createElement(
         "div",
         {
           className: "absolute top-full left-0 z-50 mt-1 origin-top animate-in fade-in slide-in-from-top-1 duration-75 ease-out",
           onMouseEnter: handleMouseEnter,
           onMouseLeave: handleMouseLeave
         },
-        /* @__PURE__ */ React21.createElement("div", { className: "w-max max-w-sm" }, children)
+        /* @__PURE__ */ React22.createElement("div", { className: "w-max max-w-sm" }, children)
       )
     );
   };
@@ -6381,7 +6576,7 @@ function HeaderNavigation({
       return {
         label: navItem.label,
         href: navItem.href,
-        menu: /* @__PURE__ */ React21.createElement(
+        menu: /* @__PURE__ */ React22.createElement(
           GenericHeaderComponent,
           {
             items: navItem.children.map((child) => ({
@@ -6398,7 +6593,7 @@ function HeaderNavigation({
       href: navItem.href
     };
   });
-  return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(
     "header",
     {
       ref: headerRef,
@@ -6407,7 +6602,7 @@ function HeaderNavigation({
         getVariantClasses()
       )
     },
-    /* @__PURE__ */ React21.createElement("div", { className: "flex size-full max-w-container flex-1 items-center pr-3 pl-4 md:px-8" }, /* @__PURE__ */ React21.createElement("div", { className: "flex w-full justify-between gap-4" }, /* @__PURE__ */ React21.createElement("div", { className: "flex flex-1 items-center gap-5" }, /* @__PURE__ */ React21.createElement(Link4, { href: (logo == null ? void 0 : logo.href) || "/", className: "flex items-center space-x-2" }, logoImage ? /* @__PURE__ */ React21.createElement(
+    /* @__PURE__ */ React22.createElement("div", { className: "flex size-full max-w-container flex-1 items-center pr-3 pl-4 md:px-8" }, /* @__PURE__ */ React22.createElement("div", { className: "flex w-full justify-between gap-4" }, /* @__PURE__ */ React22.createElement("div", { className: "flex flex-1 items-center gap-5" }, /* @__PURE__ */ React22.createElement(Link4, { href: (logo == null ? void 0 : logo.href) || "/", className: "flex items-center space-x-2" }, logoImage ? /* @__PURE__ */ React22.createElement(
       Image8,
       {
         src: logoImage,
@@ -6416,14 +6611,14 @@ function HeaderNavigation({
         width: 32,
         height: 32
       }
-    ) : /* @__PURE__ */ React21.createElement("div", { className: "h-8 w-8 bg-blue-600 rounded-lg flex items-center justify-center" }, /* @__PURE__ */ React21.createElement("span", { className: "text-white font-bold text-lg" }, ((_e = logoText == null ? void 0 : logoText.charAt(0)) == null ? void 0 : _e.toUpperCase()) || "")), /* @__PURE__ */ React21.createElement("span", { className: "text-xl font-bold text-primary hidden md:block" }, logoText)), /* @__PURE__ */ React21.createElement("nav", { className: "max-md:hidden" }, /* @__PURE__ */ React21.createElement("ul", { className: "flex items-center gap-0.5" }, headerNavItems.map((navItem) => /* @__PURE__ */ React21.createElement("li", { key: navItem.label }, navItem.menu ? /* @__PURE__ */ React21.createElement(HoverDropdown, { label: navItem.label, href: navItem.href }, navItem.menu) : /* @__PURE__ */ React21.createElement(
+    ) : /* @__PURE__ */ React22.createElement("div", { className: "h-8 w-8 bg-blue-600 rounded-lg flex items-center justify-center" }, /* @__PURE__ */ React22.createElement("span", { className: "text-white font-bold text-lg" }, ((_e = logoText == null ? void 0 : logoText.charAt(0)) == null ? void 0 : _e.toUpperCase()) || "")), /* @__PURE__ */ React22.createElement("span", { className: "text-xl font-bold text-primary hidden md:block" }, logoText)), /* @__PURE__ */ React22.createElement("nav", { className: "max-md:hidden" }, /* @__PURE__ */ React22.createElement("ul", { className: "flex items-center gap-0.5" }, headerNavItems.map((navItem) => /* @__PURE__ */ React22.createElement("li", { key: navItem.label }, navItem.menu ? /* @__PURE__ */ React22.createElement(HoverDropdown, { label: navItem.label, href: navItem.href }, navItem.menu) : /* @__PURE__ */ React22.createElement(
       Link4,
       {
         href: navItem.href || "#",
         className: "flex cursor-pointer items-center gap-0.5 rounded-lg px-1.5 py-1 text-sm font-medium text-secondary outline-focus-ring transition duration-100 ease-linear hover:text-secondary_hover focus:outline-offset-2 focus-visible:outline-2"
       },
-      /* @__PURE__ */ React21.createElement("span", { className: "px-0.5" }, navItem.label)
-    )))))), /* @__PURE__ */ React21.createElement("div", { className: "hidden items-center gap-3 md:flex" }, (cta_button == null ? void 0 : cta_button.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement("span", { className: "px-0.5" }, navItem.label)
+    )))))), /* @__PURE__ */ React22.createElement("div", { className: "hidden items-center gap-3 md:flex" }, (cta_button == null ? void 0 : cta_button.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React22.createElement(
       Button2,
       {
         href: ctaUrls.secondaryHref,
@@ -6433,7 +6628,7 @@ function HeaderNavigation({
         size: "lg"
       },
       cta_button.label
-    ), /* @__PURE__ */ React21.createElement(
+    ), /* @__PURE__ */ React22.createElement(
       Button2,
       {
         href: ctaUrls.primaryHref,
@@ -6443,7 +6638,7 @@ function HeaderNavigation({
         size: "lg"
       },
       (cta_button == null ? void 0 : cta_button.secondary_label) && ctaUrls.hasSecondary ? cta_button.secondary_label : (cta_button == null ? void 0 : cta_button.label) || "Get Started"
-    )), /* @__PURE__ */ React21.createElement(AriaDialogTrigger, null, /* @__PURE__ */ React21.createElement(
+    )), /* @__PURE__ */ React22.createElement(AriaDialogTrigger, null, /* @__PURE__ */ React22.createElement(
       AriaButton8,
       {
         "aria-label": "Toggle navigation menu",
@@ -6453,7 +6648,7 @@ function HeaderNavigation({
           isFocusVisible && "outline-2 outline-offset-2 outline-focus-ring"
         )
       },
-      /* @__PURE__ */ React21.createElement("svg", { "aria-hidden": "true", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement("svg", { "aria-hidden": "true", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ React22.createElement(
         "path",
         {
           className: "hidden text-secondary group-aria-expanded:block",
@@ -6463,7 +6658,7 @@ function HeaderNavigation({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         }
-      ), /* @__PURE__ */ React21.createElement(
+      ), /* @__PURE__ */ React22.createElement(
         "path",
         {
           className: "text-secondary group-aria-expanded:hidden",
@@ -6474,7 +6669,7 @@ function HeaderNavigation({
           strokeLinejoin: "round"
         }
       ))
-    ), /* @__PURE__ */ React21.createElement(
+    ), /* @__PURE__ */ React22.createElement(
       AriaPopover3,
       {
         triggerRef: headerRef,
@@ -6484,15 +6679,15 @@ function HeaderNavigation({
         containerPadding: 0,
         placement: "bottom left"
       },
-      /* @__PURE__ */ React21.createElement(AriaDialog, { className: "outline-hidden" }, /* @__PURE__ */ React21.createElement("nav", { className: "w-full bg-primary shadow-lg" }, /* @__PURE__ */ React21.createElement("ul", { className: "flex flex-col gap-0.5 py-5" }, headerNavItems.map(
-        (navItem) => navItem.menu ? /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement(AriaDialog, { className: "outline-hidden" }, /* @__PURE__ */ React22.createElement("nav", { className: "w-full bg-primary shadow-lg" }, /* @__PURE__ */ React22.createElement("ul", { className: "flex flex-col gap-0.5 py-5" }, headerNavItems.map(
+        (navItem) => navItem.menu ? /* @__PURE__ */ React22.createElement(
           MobileNavItem,
           {
             key: navItem.label,
             label: navItem.label
           },
           navItem.menu
-        ) : /* @__PURE__ */ React21.createElement(
+        ) : /* @__PURE__ */ React22.createElement(
           MobileNavItem,
           {
             key: navItem.label,
@@ -6500,7 +6695,7 @@ function HeaderNavigation({
             href: navItem.href
           }
         )
-      )), /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col gap-3 border-t border-secondary px-4 py-6" }, (cta_button == null ? void 0 : cta_button.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React21.createElement(
+      )), /* @__PURE__ */ React22.createElement("div", { className: "flex flex-col gap-3 border-t border-secondary px-4 py-6" }, (cta_button == null ? void 0 : cta_button.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React22.createElement(
         Button2,
         {
           href: ctaUrls.secondaryHref,
@@ -6510,7 +6705,7 @@ function HeaderNavigation({
           size: "lg"
         },
         cta_button.label
-      ), /* @__PURE__ */ React21.createElement(
+      ), /* @__PURE__ */ React22.createElement(
         Button2,
         {
           href: ctaUrls.primaryHref,
@@ -6522,7 +6717,7 @@ function HeaderNavigation({
         (cta_button == null ? void 0 : cta_button.secondary_label) && ctaUrls.hasSecondary ? cta_button.secondary_label : (cta_button == null ? void 0 : cta_button.label) || "Get Started"
       ))))
     ))))
-  ), /* @__PURE__ */ React21.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden bg-fg-primary" }, /* @__PURE__ */ React21.createElement("div", { className: "flex gap-0" }, (cta_button == null ? void 0 : cta_button.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React22.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden bg-fg-primary" }, /* @__PURE__ */ React22.createElement("div", { className: "flex gap-0" }, (cta_button == null ? void 0 : cta_button.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React22.createElement(
     Button2,
     {
       href: ctaUrls.secondaryHref,
@@ -6532,7 +6727,7 @@ function HeaderNavigation({
       className: "flex-1 font-body text-sm uppercase tracking-wide py-4 rounded-none border-r border-white/20"
     },
     cta_button.label
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React22.createElement(
     Button2,
     {
       href: ctaUrls.primaryHref,
@@ -6565,7 +6760,7 @@ var StatisticsSection = ({
 };
 
 // src/design_system/sections/values-section.tsx
-import React22 from "react";
+import React23 from "react";
 var ValuesSection = ({
   values = [],
   label = "",
@@ -6576,16 +6771,16 @@ var ValuesSection = ({
   className = ""
 }) => {
   const hasValues = values.length > 0;
-  return /* @__PURE__ */ React22.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React22.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, /* @__PURE__ */ React22.createElement("div", { className: "mx-auto flex w-full max-w-3xl flex-col items-center text-center" }, label && /* @__PURE__ */ React22.createElement("span", { className: "text-sm font-semibold text-brand-secondary md:text-md" }, label), title && /* @__PURE__ */ React22.createElement("h2", { className: `${label ? "mt-3" : ""} text-display-sm font-semibold text-primary md:text-display-md` }, title), subtitle && /* @__PURE__ */ React22.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle), description && !hasValues && /* @__PURE__ */ React22.createElement("p", { className: "mt-4 text-md text-tertiary md:mt-6 md:text-lg" }, description)), values.length > 0 ? /* @__PURE__ */ React22.createElement("div", { className: "mt-12 md:mt-16" }, (() => {
+  return /* @__PURE__ */ React23.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React23.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, /* @__PURE__ */ React23.createElement("div", { className: "mx-auto flex w-full max-w-3xl flex-col items-center text-center" }, label && /* @__PURE__ */ React23.createElement("span", { className: "text-sm font-semibold text-brand-secondary md:text-md" }, label), title && /* @__PURE__ */ React23.createElement("h2", { className: `${label ? "mt-3" : ""} text-display-sm font-semibold text-primary md:text-display-md` }, title), subtitle && /* @__PURE__ */ React23.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle), description && !hasValues && /* @__PURE__ */ React23.createElement("p", { className: "mt-4 text-md text-tertiary md:mt-6 md:text-lg" }, description)), values.length > 0 ? /* @__PURE__ */ React23.createElement("div", { className: "mt-12 md:mt-16" }, (() => {
     const anyIconMissing = values.some(
       (value) => typeof value.icon === "string" && value.icon && !mapIcon(value.icon)
     );
     const useStarForAll = anyIconMissing;
-    return /* @__PURE__ */ React22.createElement("ul", { className: "grid w-full grid-cols-1 justify-items-center gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-16 lg:grid-cols-3" }, values.map((value, index) => {
+    return /* @__PURE__ */ React23.createElement("ul", { className: "grid w-full grid-cols-1 justify-items-center gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-16 lg:grid-cols-3" }, values.map((value, index) => {
       const IconComponent2 = useStarForAll ? mapIcon("star") : mapIcon(value.icon) || mapIcon("star");
       if (!IconComponent2) return null;
-      const IconWrapper = ({ className: className2 }) => /* @__PURE__ */ React22.createElement("div", { className: className2 }, /* @__PURE__ */ React22.createElement(IconComponent2, { className: "w-full h-full" }));
-      return /* @__PURE__ */ React22.createElement("li", { key: index }, /* @__PURE__ */ React22.createElement("div", { className: "flex max-w-sm flex-col items-center gap-4 text-center" }, /* @__PURE__ */ React22.createElement(
+      const IconWrapper = ({ className: className2 }) => /* @__PURE__ */ React23.createElement("div", { className: className2 }, /* @__PURE__ */ React23.createElement(IconComponent2, { className: "w-full h-full" }));
+      return /* @__PURE__ */ React23.createElement("li", { key: index }, /* @__PURE__ */ React23.createElement("div", { className: "flex max-w-sm flex-col items-center gap-4 text-center" }, /* @__PURE__ */ React23.createElement(
         FeaturedIcon2,
         {
           icon: IconWrapper,
@@ -6594,7 +6789,7 @@ var ValuesSection = ({
           theme: "modern",
           className: "hidden md:inline-flex"
         }
-      ), /* @__PURE__ */ React22.createElement(
+      ), /* @__PURE__ */ React23.createElement(
         FeaturedIcon2,
         {
           icon: IconWrapper,
@@ -6603,13 +6798,13 @@ var ValuesSection = ({
           theme: "modern",
           className: "inline-flex md:hidden"
         }
-      ), /* @__PURE__ */ React22.createElement("div", null, /* @__PURE__ */ React22.createElement("h3", { className: "text-lg font-semibold text-primary" }, value.title), /* @__PURE__ */ React22.createElement("p", { className: "mt-1 text-md text-tertiary" }, value.description))));
+      ), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg font-semibold text-primary" }, value.title), /* @__PURE__ */ React23.createElement("p", { className: "mt-1 text-md text-tertiary" }, value.description))));
     }));
   })()) : null));
 };
 
 // src/design_system/sections/team-grid.tsx
-import React23 from "react";
+import React24 from "react";
 var TeamGrid = ({
   teamMembers: membersData,
   title = "",
@@ -6620,10 +6815,10 @@ var TeamGrid = ({
 }) => {
   const members = Array.isArray(membersData) ? membersData : [];
   const displayMembers = members.slice(0, maxMembers);
-  return /* @__PURE__ */ React23.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React23.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React23.createElement("div", { className: "mx-auto mb-12 flex w-full max-w-3xl flex-col items-center text-center" }, title && /* @__PURE__ */ React23.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React23.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), displayMembers.length > 0 ? /* @__PURE__ */ React23.createElement("div", { className: "mt-12 md:mt-16" }, /* @__PURE__ */ React23.createElement("ul", { className: "grid w-full grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-12 lg:grid-cols-3 xl:grid-cols-4" }, displayMembers.map((member, index) => {
+  return /* @__PURE__ */ React24.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React24.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React24.createElement("div", { className: "mx-auto mb-12 flex w-full max-w-3xl flex-col items-center text-center" }, title && /* @__PURE__ */ React24.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React24.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), displayMembers.length > 0 ? /* @__PURE__ */ React24.createElement("div", { className: "mt-12 md:mt-16" }, /* @__PURE__ */ React24.createElement("ul", { className: "grid w-full grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-12 lg:grid-cols-3 xl:grid-cols-4" }, displayMembers.map((member, index) => {
     var _a;
     const bio = ((_a = member.bio_markdown) == null ? void 0 : _a.replace(/[#*\[\]()]/g, "").trim()) || "";
-    return /* @__PURE__ */ React23.createElement("li", { key: member.id || index, className: "flex flex-col gap-5 md:gap-6" }, /* @__PURE__ */ React23.createElement(
+    return /* @__PURE__ */ React24.createElement("li", { key: member.id || index, className: "flex flex-col gap-5 md:gap-6" }, /* @__PURE__ */ React24.createElement(
       PhotoWithFallback2,
       {
         item: member,
@@ -6631,15 +6826,15 @@ var TeamGrid = ({
         alt: member.name || "Team member",
         className: "h-78 w-full object-cover md:h-74 rounded-2xl"
       }
-    ), /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("h3", { className: "text-lg font-semibold text-primary md:text-xl" }, member.name), /* @__PURE__ */ React23.createElement("p", { className: "text-md text-brand-secondary md:mt-0.5 md:text-lg" }, member.position), bio && /* @__PURE__ */ React23.createElement("p", { className: "mt-4 text-md text-tertiary leading-relaxed" }, bio)));
-  }))) : /* @__PURE__ */ React23.createElement("div", { className: "text-center mt-12" }, /* @__PURE__ */ React23.createElement("p", { className: "text-gray-500" }, "No team members available"))));
+    ), /* @__PURE__ */ React24.createElement("div", null, /* @__PURE__ */ React24.createElement("h3", { className: "text-lg font-semibold text-primary md:text-xl" }, member.name), /* @__PURE__ */ React24.createElement("p", { className: "text-md text-brand-secondary md:mt-0.5 md:text-lg" }, member.position), bio && /* @__PURE__ */ React24.createElement("p", { className: "mt-4 text-md text-tertiary leading-relaxed" }, bio)));
+  }))) : /* @__PURE__ */ React24.createElement("div", { className: "text-center mt-12" }, /* @__PURE__ */ React24.createElement("p", { className: "text-gray-500" }, "No team members available"))));
 };
 
 // src/design_system/sections/location-grid.tsx
-import React24 from "react";
+import React25 from "react";
 import { ArrowRight as ArrowRight6 } from "@untitledui/icons";
-var LocationIcon = ({ className }) => /* @__PURE__ */ React24.createElement("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React24.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }), /* @__PURE__ */ React24.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" }));
-var PhoneIcon = ({ className }) => /* @__PURE__ */ React24.createElement("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React24.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" }));
+var LocationIcon = ({ className }) => /* @__PURE__ */ React25.createElement("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React25.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }), /* @__PURE__ */ React25.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" }));
+var PhoneIcon = ({ className }) => /* @__PURE__ */ React25.createElement("svg", { className, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React25.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" }));
 var LocationGrid = ({
   locations: locationsData,
   companyInformation,
@@ -6653,16 +6848,16 @@ var LocationGrid = ({
   const locations = Array.isArray(locationsData) ? locationsData : [];
   const resolved = companyInformation ? resolveCtaUrls(companyInformation) : null;
   const primaryCtaHref = (_a = primaryCtaHrefOverride != null ? primaryCtaHrefOverride : resolved == null ? void 0 : resolved.primaryHref) != null ? _a : "/contact";
-  return /* @__PURE__ */ React24.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React24.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React24.createElement("div", { className: "mx-auto mb-12 flex w-full max-w-3xl flex-col items-center text-center" }, title && /* @__PURE__ */ React24.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React24.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), locations.length > 0 ? /* @__PURE__ */ React24.createElement("ul", { className: "grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-12 lg:grid-cols-3" }, locations.map((location, index) => {
+  return /* @__PURE__ */ React25.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React25.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React25.createElement("div", { className: "mx-auto mb-12 flex w-full max-w-3xl flex-col items-center text-center" }, title && /* @__PURE__ */ React25.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React25.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), locations.length > 0 ? /* @__PURE__ */ React25.createElement("ul", { className: "grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-12 lg:grid-cols-3" }, locations.map((location, index) => {
     const fullAddress = `${location.address_line_1}${location.address_line_2 ? `, ${location.address_line_2}` : ""}, ${location.city}, ${location.state} ${location.zip_code}`.trim();
-    return /* @__PURE__ */ React24.createElement("li", { key: location.id || index, className: "flex flex-col gap-6 rounded-2xl bg-secondary p-6 ring-1 ring-secondary_alt md:p-8" }, /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React24.createElement("h3", { className: "text-lg font-semibold text-primary md:text-xl" }, location.name), fullAddress && /* @__PURE__ */ React24.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React24.createElement("div", { className: "size-5 shrink-0 mt-0.5 text-fg-quaternary" }, /* @__PURE__ */ React24.createElement(LocationIcon, { className: "w-full h-full" })), /* @__PURE__ */ React24.createElement("span", { className: "text-md text-tertiary" }, fullAddress)), location.phone && /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React24.createElement("div", { className: "size-5 shrink-0 text-fg-quaternary" }, /* @__PURE__ */ React24.createElement(PhoneIcon, { className: "w-full h-full" })), /* @__PURE__ */ React24.createElement(
+    return /* @__PURE__ */ React25.createElement("li", { key: location.id || index, className: "flex flex-col gap-6 rounded-2xl bg-secondary p-6 ring-1 ring-secondary_alt md:p-8" }, /* @__PURE__ */ React25.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React25.createElement("h3", { className: "text-lg font-semibold text-primary md:text-xl" }, location.name), fullAddress && /* @__PURE__ */ React25.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React25.createElement("div", { className: "size-5 shrink-0 mt-0.5 text-fg-quaternary" }, /* @__PURE__ */ React25.createElement(LocationIcon, { className: "w-full h-full" })), /* @__PURE__ */ React25.createElement("span", { className: "text-md text-tertiary" }, fullAddress)), location.phone && /* @__PURE__ */ React25.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React25.createElement("div", { className: "size-5 shrink-0 text-fg-quaternary" }, /* @__PURE__ */ React25.createElement(PhoneIcon, { className: "w-full h-full" })), /* @__PURE__ */ React25.createElement(
       "a",
       {
         href: `tel:${location.phone}`,
         className: "text-md text-tertiary hover:text-primary transition-colors"
       },
       location.phone
-    ))), /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col gap-3 mt-auto" }, /* @__PURE__ */ React24.createElement(
+    ))), /* @__PURE__ */ React25.createElement("div", { className: "flex flex-col gap-3 mt-auto" }, /* @__PURE__ */ React25.createElement(
       Button2,
       {
         size: "lg",
@@ -6671,11 +6866,11 @@ var LocationGrid = ({
       },
       "View details"
     )));
-  })) : /* @__PURE__ */ React24.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React24.createElement("div", { className: "text-gray-400 text-6xl mb-4" }, "\u{1F4CD}"), /* @__PURE__ */ React24.createElement("h3", { className: "text-xl font-semibold text-primary mb-2" }, "No Locations Available"), /* @__PURE__ */ React24.createElement("p", { className: "text-gray-600 mb-4" }, "We're working on adding our service locations."), /* @__PURE__ */ React24.createElement(Button2, { href: primaryCtaHref, target: isExternalCtaUrl(primaryCtaHref) ? "_blank" : void 0, rel: isExternalCtaUrl(primaryCtaHref) ? "noopener noreferrer" : void 0 }, "Contact Us"))));
+  })) : /* @__PURE__ */ React25.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React25.createElement("div", { className: "text-gray-400 text-6xl mb-4" }, "\u{1F4CD}"), /* @__PURE__ */ React25.createElement("h3", { className: "text-xl font-semibold text-primary mb-2" }, "No Locations Available"), /* @__PURE__ */ React25.createElement("p", { className: "text-gray-600 mb-4" }, "We're working on adding our service locations."), /* @__PURE__ */ React25.createElement(Button2, { href: primaryCtaHref, target: isExternalCtaUrl(primaryCtaHref) ? "_blank" : void 0, rel: isExternalCtaUrl(primaryCtaHref) ? "noopener noreferrer" : void 0 }, "Contact Us"))));
 };
 
 // src/design_system/sections/location-details-section.tsx
-import React25 from "react";
+import React26 from "react";
 import { Mail01, MarkerPin02, Phone, Clock as Clock2 } from "@untitledui/icons";
 var parseBusinessHours = (hours) => {
   if (!hours) return [];
@@ -6725,7 +6920,7 @@ var LocationDetailsSection = ({
   const showMap = true;
   const fullAddress = `${location.address_line_1}${location.address_line_2 ? `, ${location.address_line_2}` : ""}, ${location.city}, ${location.state} ${location.zip_code}`.trim();
   const businessHours = location.business_hours ? parseBusinessHours(location.business_hours) : [];
-  return /* @__PURE__ */ React25.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React25.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, /* @__PURE__ */ React25.createElement("div", { className: "flex w-full max-w-3xl flex-col" }, label && /* @__PURE__ */ React25.createElement("span", { className: "text-sm font-semibold text-brand-secondary md:text-md" }, label), title && /* @__PURE__ */ React25.createElement("h2", { className: "mt-3 text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React25.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), /* @__PURE__ */ React25.createElement("div", { className: "mt-12 grid grid-cols-1 items-start gap-12 md:mt-16 md:gap-16 lg:grid-cols-3" }, /* @__PURE__ */ React25.createElement("ul", { className: "col-span-1 grid w-full grid-cols-1 gap-x-8 gap-y-10 md:grid-cols-2 lg:grid-cols-1 lg:gap-y-12" }, location.address_line_1 && /* @__PURE__ */ React25.createElement("li", { className: "flex max-w-sm flex-col items-start gap-4 lg:flex-row" }, /* @__PURE__ */ React25.createElement(FeaturedIcon2, { className: "hidden md:flex", size: "lg", icon: MarkerPin02, color: "brand", theme: "light" }), /* @__PURE__ */ React25.createElement(FeaturedIcon2, { className: "md:hidden", size: "md", icon: MarkerPin02, color: "brand", theme: "light" }), /* @__PURE__ */ React25.createElement("div", { className: "lg:pt-2.5" }, /* @__PURE__ */ React25.createElement("h3", { className: "text-lg font-semibold text-primary" }, officeLabel), /* @__PURE__ */ React25.createElement("p", { className: "mt-1 text-md text-tertiary" }, officeDescription), /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React26.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, /* @__PURE__ */ React26.createElement("div", { className: "flex w-full max-w-3xl flex-col" }, label && /* @__PURE__ */ React26.createElement("span", { className: "text-sm font-semibold text-brand-secondary md:text-md" }, label), title && /* @__PURE__ */ React26.createElement("h2", { className: "mt-3 text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React26.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), /* @__PURE__ */ React26.createElement("div", { className: "mt-12 grid grid-cols-1 items-start gap-12 md:mt-16 md:gap-16 lg:grid-cols-3" }, /* @__PURE__ */ React26.createElement("ul", { className: "col-span-1 grid w-full grid-cols-1 gap-x-8 gap-y-10 md:grid-cols-2 lg:grid-cols-1 lg:gap-y-12" }, location.address_line_1 && /* @__PURE__ */ React26.createElement("li", { className: "flex max-w-sm flex-col items-start gap-4 lg:flex-row" }, /* @__PURE__ */ React26.createElement(FeaturedIcon2, { className: "hidden md:flex", size: "lg", icon: MarkerPin02, color: "brand", theme: "light" }), /* @__PURE__ */ React26.createElement(FeaturedIcon2, { className: "md:hidden", size: "md", icon: MarkerPin02, color: "brand", theme: "light" }), /* @__PURE__ */ React26.createElement("div", { className: "lg:pt-2.5" }, /* @__PURE__ */ React26.createElement("h3", { className: "text-lg font-semibold text-primary" }, officeLabel), /* @__PURE__ */ React26.createElement("p", { className: "mt-1 text-md text-tertiary" }, officeDescription), /* @__PURE__ */ React26.createElement(
     Button2,
     {
       href: `https://maps.google.com/?q=${encodeURIComponent(fullAddress)}`,
@@ -6738,7 +6933,7 @@ var LocationDetailsSection = ({
 ${location.address_line_2}` : "",
     `
 ${location.city}, ${location.state} ${location.zip_code}`
-  ))), location.phone && /* @__PURE__ */ React25.createElement("li", { className: "flex max-w-sm flex-col items-start gap-4 lg:flex-row" }, /* @__PURE__ */ React25.createElement(FeaturedIcon2, { className: "hidden md:flex", size: "lg", icon: Phone, color: "brand", theme: "light" }), /* @__PURE__ */ React25.createElement(FeaturedIcon2, { className: "md:hidden", size: "md", icon: Phone, color: "brand", theme: "light" }), /* @__PURE__ */ React25.createElement("div", { className: "lg:pt-2.5" }, /* @__PURE__ */ React25.createElement("h3", { className: "text-lg font-semibold text-primary" }, phoneLabel), /* @__PURE__ */ React25.createElement("p", { className: "mt-1 text-md text-tertiary" }, phoneDescription), /* @__PURE__ */ React25.createElement(Button2, { href: `tel:${location.phone}`, color: "link-color", size: "lg", className: "mt-4 lg:mt-5" }, location.phone))), location.email && /* @__PURE__ */ React25.createElement("li", { className: "flex max-w-sm flex-col items-start gap-4 lg:flex-row" }, /* @__PURE__ */ React25.createElement(FeaturedIcon2, { className: "hidden md:flex", size: "lg", icon: Mail01, color: "brand", theme: "light" }), /* @__PURE__ */ React25.createElement(FeaturedIcon2, { className: "md:hidden", size: "md", icon: Mail01, color: "brand", theme: "light" }), /* @__PURE__ */ React25.createElement("div", { className: "lg:pt-2.5" }, /* @__PURE__ */ React25.createElement("h3", { className: "text-lg font-semibold text-primary" }, emailLabel), /* @__PURE__ */ React25.createElement("p", { className: "mt-1 text-md text-tertiary" }, emailDescription), /* @__PURE__ */ React25.createElement(Button2, { href: `mailto:${location.email}`, color: "link-color", size: "lg", className: "mt-4 lg:mt-5" }, location.email))), businessHours.length > 0 && /* @__PURE__ */ React25.createElement("li", { className: "flex max-w-sm flex-col items-start gap-4 lg:flex-row" }, /* @__PURE__ */ React25.createElement(FeaturedIcon2, { className: "hidden md:flex", size: "lg", icon: Clock2, color: "brand", theme: "light" }), /* @__PURE__ */ React25.createElement(FeaturedIcon2, { className: "md:hidden", size: "md", icon: Clock2, color: "brand", theme: "light" }), /* @__PURE__ */ React25.createElement("div", { className: "lg:pt-2.5" }, /* @__PURE__ */ React25.createElement("h3", { className: "text-lg font-semibold text-primary" }, "Business Hours"), /* @__PURE__ */ React25.createElement("div", { className: "mt-1 flex flex-col gap-2 text-md text-tertiary" }, businessHours.map(({ day, hours }) => /* @__PURE__ */ React25.createElement("div", { key: day, className: "flex justify-between gap-4" }, /* @__PURE__ */ React25.createElement("span", { className: "font-medium capitalize" }, day, ":"), /* @__PURE__ */ React25.createElement("span", null, hours))))))), showMap && fullAddress && /* @__PURE__ */ React25.createElement("div", { className: "col-span-2 h-60 w-full border-none lg:h-full" }, /* @__PURE__ */ React25.createElement(
+  ))), location.phone && /* @__PURE__ */ React26.createElement("li", { className: "flex max-w-sm flex-col items-start gap-4 lg:flex-row" }, /* @__PURE__ */ React26.createElement(FeaturedIcon2, { className: "hidden md:flex", size: "lg", icon: Phone, color: "brand", theme: "light" }), /* @__PURE__ */ React26.createElement(FeaturedIcon2, { className: "md:hidden", size: "md", icon: Phone, color: "brand", theme: "light" }), /* @__PURE__ */ React26.createElement("div", { className: "lg:pt-2.5" }, /* @__PURE__ */ React26.createElement("h3", { className: "text-lg font-semibold text-primary" }, phoneLabel), /* @__PURE__ */ React26.createElement("p", { className: "mt-1 text-md text-tertiary" }, phoneDescription), /* @__PURE__ */ React26.createElement(Button2, { href: `tel:${location.phone}`, color: "link-color", size: "lg", className: "mt-4 lg:mt-5" }, location.phone))), location.email && /* @__PURE__ */ React26.createElement("li", { className: "flex max-w-sm flex-col items-start gap-4 lg:flex-row" }, /* @__PURE__ */ React26.createElement(FeaturedIcon2, { className: "hidden md:flex", size: "lg", icon: Mail01, color: "brand", theme: "light" }), /* @__PURE__ */ React26.createElement(FeaturedIcon2, { className: "md:hidden", size: "md", icon: Mail01, color: "brand", theme: "light" }), /* @__PURE__ */ React26.createElement("div", { className: "lg:pt-2.5" }, /* @__PURE__ */ React26.createElement("h3", { className: "text-lg font-semibold text-primary" }, emailLabel), /* @__PURE__ */ React26.createElement("p", { className: "mt-1 text-md text-tertiary" }, emailDescription), /* @__PURE__ */ React26.createElement(Button2, { href: `mailto:${location.email}`, color: "link-color", size: "lg", className: "mt-4 lg:mt-5" }, location.email))), businessHours.length > 0 && /* @__PURE__ */ React26.createElement("li", { className: "flex max-w-sm flex-col items-start gap-4 lg:flex-row" }, /* @__PURE__ */ React26.createElement(FeaturedIcon2, { className: "hidden md:flex", size: "lg", icon: Clock2, color: "brand", theme: "light" }), /* @__PURE__ */ React26.createElement(FeaturedIcon2, { className: "md:hidden", size: "md", icon: Clock2, color: "brand", theme: "light" }), /* @__PURE__ */ React26.createElement("div", { className: "lg:pt-2.5" }, /* @__PURE__ */ React26.createElement("h3", { className: "text-lg font-semibold text-primary" }, "Business Hours"), /* @__PURE__ */ React26.createElement("div", { className: "mt-1 flex flex-col gap-2 text-md text-tertiary" }, businessHours.map(({ day, hours }) => /* @__PURE__ */ React26.createElement("div", { key: day, className: "flex justify-between gap-4" }, /* @__PURE__ */ React26.createElement("span", { className: "font-medium capitalize" }, day, ":"), /* @__PURE__ */ React26.createElement("span", null, hours))))))), showMap && fullAddress && /* @__PURE__ */ React26.createElement("div", { className: "col-span-2 h-60 w-full border-none lg:h-full" }, /* @__PURE__ */ React26.createElement(
     GoogleMap2,
     {
       address: fullAddress,
@@ -6749,7 +6944,7 @@ ${location.city}, ${location.state} ${location.zip_code}`
 };
 
 // src/design_system/sections/services-grid.tsx
-import React26 from "react";
+import React27 from "react";
 import { ArrowRight as ArrowRight7 } from "@untitledui/icons";
 var ServicesGrid = ({
   services: servicesData,
@@ -6759,12 +6954,12 @@ var ServicesGrid = ({
   className = ""
 }) => {
   const services = Array.isArray(servicesData) ? servicesData : [];
-  return /* @__PURE__ */ React26.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React26.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React26.createElement("div", { className: "mx-auto mb-12 flex w-full max-w-3xl flex-col items-center text-center" }, title && /* @__PURE__ */ React26.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React26.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), services.length > 0 ? /* @__PURE__ */ React26.createElement("ul", { className: "grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-12 lg:grid-cols-3" }, services.map((service, index) => {
+  return /* @__PURE__ */ React27.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React27.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React27.createElement("div", { className: "mx-auto mb-12 flex w-full max-w-3xl flex-col items-center text-center" }, title && /* @__PURE__ */ React27.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React27.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), services.length > 0 ? /* @__PURE__ */ React27.createElement("ul", { className: "grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-12 lg:grid-cols-3" }, services.map((service, index) => {
     var _a, _b, _c, _d;
     const description = service.summary || (service.description_markdown ? service.description_markdown.replace(/[#*\[\]()]/g, "").trim().substring(0, 120) + "..." : "");
     const photo = ((_b = (_a = service.photo_attachments) == null ? void 0 : _a.find((pa) => pa.featured)) == null ? void 0 : _b.photo) || ((_d = (_c = service.photo_attachments) == null ? void 0 : _c[0]) == null ? void 0 : _d.photo);
     const imageAlt = (photo == null ? void 0 : photo.title) || service.name;
-    return /* @__PURE__ */ React26.createElement("li", { key: service.id || index }, /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col gap-12 bg-secondary p-5 md:inline-flex md:gap-16 md:p-6" }, /* @__PURE__ */ React26.createElement("div", { className: "h-48 w-full overflow-hidden rounded-lg md:h-64" }, /* @__PURE__ */ React26.createElement(
+    return /* @__PURE__ */ React27.createElement("li", { key: service.id || index }, /* @__PURE__ */ React27.createElement("div", { className: "flex flex-col gap-12 bg-secondary p-5 md:inline-flex md:gap-16 md:p-6" }, /* @__PURE__ */ React27.createElement("div", { className: "h-48 w-full overflow-hidden rounded-lg md:h-64" }, /* @__PURE__ */ React27.createElement(
       PhotoWithFallback2,
       {
         item: service,
@@ -6772,7 +6967,7 @@ var ServicesGrid = ({
         alt: imageAlt || "Service image",
         className: "size-full object-cover"
       }
-    )), /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React26.createElement("div", null, /* @__PURE__ */ React26.createElement("h3", { className: "text-lg font-semibold text-primary" }, service.name), description && /* @__PURE__ */ React26.createElement("p", { className: "mt-1 text-md text-tertiary" }, description)), /* @__PURE__ */ React26.createElement(
+    )), /* @__PURE__ */ React27.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React27.createElement("div", null, /* @__PURE__ */ React27.createElement("h3", { className: "text-lg font-semibold text-primary" }, service.name), description && /* @__PURE__ */ React27.createElement("p", { className: "mt-1 text-md text-tertiary" }, description)), /* @__PURE__ */ React27.createElement(
       Button2,
       {
         color: "link-color",
@@ -6782,25 +6977,29 @@ var ServicesGrid = ({
       },
       "Learn more"
     ))));
-  })) : /* @__PURE__ */ React26.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React26.createElement("p", { className: "text-gray-500" }, "No services available"))));
+  })) : /* @__PURE__ */ React27.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React27.createElement("p", { className: "text-gray-500" }, "No services available"))));
 };
 
 // src/design_system/sections/social-media-grid.tsx
-import React27, { useState as useState11 } from "react";
+import React28, { useState as useState11 } from "react";
 import Image9 from "next/image";
 import { ArrowLeft as ArrowLeft3, ArrowRight as ArrowRight8 } from "@untitledui/icons";
 function getPostImageUrls(post) {
-  var _a;
-  if ((_a = post.image_urls) == null ? void 0 : _a.length) return post.image_urls;
+  var _a, _b;
+  const videoSet = ((_a = post.video_urls) == null ? void 0 : _a.length) ? new Set(post.video_urls) : null;
+  const isVideo = (url) => isVideoUrl(url) || videoSet !== null && videoSet.has(url);
+  if ((_b = post.image_urls) == null ? void 0 : _b.length) {
+    return post.image_urls.filter((url) => !isVideo(url));
+  }
   const attachments = post.photo_attachments || [];
   const sorted = [...attachments].sort((a, b) => {
-    var _a2, _b;
-    return ((_a2 = a.sort_order) != null ? _a2 : 0) - ((_b = b.sort_order) != null ? _b : 0);
+    var _a2, _b2;
+    return ((_a2 = a.sort_order) != null ? _a2 : 0) - ((_b2 = b.sort_order) != null ? _b2 : 0);
   });
   return sorted.map((pa) => {
-    var _a2, _b, _c, _d;
-    return ((_a2 = pa.photo) == null ? void 0 : _a2.large_url) || ((_b = pa.photo) == null ? void 0 : _b.original_url) || ((_c = pa.photo) == null ? void 0 : _c.medium_url) || ((_d = pa.photo) == null ? void 0 : _d.thumbnail_url);
-  }).filter((url) => Boolean(url));
+    var _a2, _b2, _c, _d;
+    return ((_a2 = pa.photo) == null ? void 0 : _a2.large_url) || ((_b2 = pa.photo) == null ? void 0 : _b2.original_url) || ((_c = pa.photo) == null ? void 0 : _c.medium_url) || ((_d = pa.photo) == null ? void 0 : _d.thumbnail_url);
+  }).filter((url) => Boolean(url)).filter((url) => !isVideo(url));
 }
 var getPlatformBadge = (platform) => {
   const platformLower = (platform == null ? void 0 : platform.toLowerCase()) || "social";
@@ -6839,19 +7038,19 @@ var SocialMediaGrid = ({
   const startIndex = (currentPage - 1) * postsPerPage;
   const endIndex = startIndex + postsPerPage;
   const paginatedPosts = posts.slice(startIndex, endIndex);
-  return /* @__PURE__ */ React27.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React27.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React27.createElement("div", { className: "mx-auto mb-12 flex w-full max-w-3xl flex-col items-center text-center" }, title && /* @__PURE__ */ React27.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React27.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), paginatedPosts.length > 0 ? /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement("ul", { className: "grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-12 lg:grid-cols-3 xl:grid-cols-4" }, paginatedPosts.map((post, index) => {
+  return /* @__PURE__ */ React28.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React28.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React28.createElement("div", { className: "mx-auto mb-12 flex w-full max-w-3xl flex-col items-center text-center" }, title && /* @__PURE__ */ React28.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React28.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), paginatedPosts.length > 0 ? /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("ul", { className: "grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-12 lg:grid-cols-3 xl:grid-cols-4" }, paginatedPosts.map((post, index) => {
     var _a;
     const images = getPostImageUrls(post);
     const hasMultipleImages = images.length > 1;
     const firstImage = images[0];
     const content = ((_a = post.content_markdown) == null ? void 0 : _a.replace(/[#*\[\]()]/g, "").trim()) || "";
-    return /* @__PURE__ */ React27.createElement("li", { key: post.id || index, className: "flex flex-col gap-5 md:gap-6" }, /* @__PURE__ */ React27.createElement("div", { className: "relative h-78 w-full overflow-hidden md:h-74" }, firstImage ? hasMultipleImages ? /* @__PURE__ */ React27.createElement(
+    return /* @__PURE__ */ React28.createElement("li", { key: post.id || index, className: "flex flex-col gap-5 md:gap-6" }, /* @__PURE__ */ React28.createElement("div", { className: "relative h-78 w-full overflow-hidden md:h-74" }, firstImage ? hasMultipleImages ? /* @__PURE__ */ React28.createElement(
       Carousel2.Root,
       {
         opts: { align: "start" },
         className: "h-full w-full"
       },
-      /* @__PURE__ */ React27.createElement(Carousel2.Content, { className: "h-full" }, images.map((imgUrl, imgIndex) => /* @__PURE__ */ React27.createElement(Carousel2.Item, { key: imgIndex, className: "h-full" }, /* @__PURE__ */ React27.createElement(
+      /* @__PURE__ */ React28.createElement(Carousel2.Content, { className: "h-full" }, images.map((imgUrl, imgIndex) => /* @__PURE__ */ React28.createElement(Carousel2.Item, { key: imgIndex, className: "h-full" }, /* @__PURE__ */ React28.createElement(
         Image9,
         {
           src: imgUrl,
@@ -6861,8 +7060,8 @@ var SocialMediaGrid = ({
           height: 600
         }
       )))),
-      /* @__PURE__ */ React27.createElement("div", { className: "absolute bottom-4 left-1/2 flex -translate-x-1/2 gap-2" }, /* @__PURE__ */ React27.createElement(Carousel2.PrevTrigger, { asChild: true }, /* @__PURE__ */ React27.createElement(RoundButton2, { icon: ArrowLeft3 })), /* @__PURE__ */ React27.createElement(Carousel2.NextTrigger, { asChild: true }, /* @__PURE__ */ React27.createElement(RoundButton2, { icon: ArrowRight8 })))
-    ) : /* @__PURE__ */ React27.createElement(
+      /* @__PURE__ */ React28.createElement("div", { className: "absolute bottom-4 left-1/2 flex -translate-x-1/2 gap-2" }, /* @__PURE__ */ React28.createElement(Carousel2.PrevTrigger, { asChild: true }, /* @__PURE__ */ React28.createElement(RoundButton2, { icon: ArrowLeft3 })), /* @__PURE__ */ React28.createElement(Carousel2.NextTrigger, { asChild: true }, /* @__PURE__ */ React28.createElement(RoundButton2, { icon: ArrowRight8 })))
+    ) : /* @__PURE__ */ React28.createElement(
       PhotoWithFallback2,
       {
         item: post,
@@ -6871,7 +7070,7 @@ var SocialMediaGrid = ({
         fallbackId: `social-post-${post.id || index}`,
         className: "size-full object-cover"
       }
-    ) : /* @__PURE__ */ React27.createElement(
+    ) : /* @__PURE__ */ React28.createElement(
       PhotoWithFallback2,
       {
         item: post,
@@ -6880,10 +7079,10 @@ var SocialMediaGrid = ({
         fallbackId: `social-post-${post.id || index}`,
         className: "size-full object-cover"
       }
-    ), post.platform && /* @__PURE__ */ React27.createElement("div", { className: cx(
+    ), post.platform && /* @__PURE__ */ React28.createElement("div", { className: cx(
       "absolute top-4 right-4 rounded-full px-3 py-1.5 text-sm font-semibold text-white",
       getPlatformBadge(post.platform)
-    ) }, post.platform.charAt(0).toUpperCase() + post.platform.slice(1))), /* @__PURE__ */ React27.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React27.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React27.createElement("span", { className: "text-sm text-tertiary" }, formatDate(post.posted_at))), content && /* @__PURE__ */ React27.createElement("p", { className: "text-md text-tertiary line-clamp-4" }, content), /* @__PURE__ */ React27.createElement(
+    ) }, post.platform.charAt(0).toUpperCase() + post.platform.slice(1))), /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React28.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React28.createElement("span", { className: "text-sm text-tertiary" }, formatDate(post.posted_at))), content && /* @__PURE__ */ React28.createElement("p", { className: "text-md text-tertiary line-clamp-4" }, content), /* @__PURE__ */ React28.createElement(
       Button2,
       {
         href: post.external_post_url || `https://${post.platform.toLowerCase()}.com`,
@@ -6895,18 +7094,18 @@ var SocialMediaGrid = ({
       "View on ",
       post.platform
     )));
-  })), totalPages > 1 && /* @__PURE__ */ React27.createElement("div", { className: "mt-12" }, /* @__PURE__ */ React27.createElement(
+  })), totalPages > 1 && /* @__PURE__ */ React28.createElement("div", { className: "mt-12" }, /* @__PURE__ */ React28.createElement(
     PaginationPageMinimalCenter2,
     {
       page: currentPage,
       total: totalPages,
       onPageChange: setCurrentPage
     }
-  ))) : /* @__PURE__ */ React27.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React27.createElement("p", { className: "text-gray-500" }, "No social media posts available"))));
+  ))) : /* @__PURE__ */ React28.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React28.createElement("p", { className: "text-gray-500" }, "No social media posts available"))));
 };
 
 // src/design_system/sections/job-gallery.tsx
-import React28 from "react";
+import React29 from "react";
 import { Clock as Clock3, CurrencyDollarCircle } from "@untitledui/icons";
 var JobGallery = ({
   jobs: jobsData,
@@ -6925,7 +7124,7 @@ var JobGallery = ({
   const careersPhoto = websitePhotos == null ? void 0 : websitePhotos.careers;
   const finalHeaderImage = careersPhoto == null ? void 0 : careersPhoto.url;
   const finalHeaderImageAlt = (careersPhoto == null ? void 0 : careersPhoto.alt) || "Team collaboration";
-  const groupedJobs = React28.useMemo(() => {
+  const groupedJobs = React29.useMemo(() => {
     const jobs = Array.isArray(jobsData) ? jobsData : [];
     if (!jobs.length) return [];
     const groups = {};
@@ -6938,7 +7137,7 @@ var JobGallery = ({
     });
     return Object.entries(groups);
   }, [jobsData]);
-  return /* @__PURE__ */ React28.createElement("div", { className: `${backgroundColor} ${className}` }, /* @__PURE__ */ React28.createElement("section", { className: `${backgroundColor} py-16 md:py-24` }, /* @__PURE__ */ React28.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, /* @__PURE__ */ React28.createElement("div", { className: "mx-auto flex w-full max-w-3xl flex-col items-center text-center" }, label && /* @__PURE__ */ React28.createElement("span", { className: "text-sm font-semibold text-brand-secondary md:text-md" }, label), /* @__PURE__ */ React28.createElement("h1", { className: "mt-3 text-display-md font-semibold text-primary md:text-display-lg" }, title), /* @__PURE__ */ React28.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-6 md:text-xl" }, subtitle)))), /* @__PURE__ */ React28.createElement("section", { className: `${backgroundColor} py-16 md:py-24` }, /* @__PURE__ */ React28.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, /* @__PURE__ */ React28.createElement("div", { className: "mx-auto flex w-full max-w-3xl flex-col items-center text-center" }, /* @__PURE__ */ React28.createElement(Badge2, { className: "hidden md:flex", size: "lg", color: "brand", type: "pill-color" }, "Careers"), /* @__PURE__ */ React28.createElement(Badge2, { className: "md:hidden", size: "md", color: "brand", type: "pill-color" }, "Careers"), /* @__PURE__ */ React28.createElement("h2", { className: "mt-4 text-display-sm font-semibold text-primary md:text-display-md" }, title), /* @__PURE__ */ React28.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), /* @__PURE__ */ React28.createElement("div", { className: "mt-12 h-60 w-full md:mt-16 md:h-140 rounded-xl overflow-hidden" }, /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React29.createElement("div", { className: `${backgroundColor} ${className}` }, /* @__PURE__ */ React29.createElement("section", { className: `${backgroundColor} py-16 md:py-24` }, /* @__PURE__ */ React29.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, /* @__PURE__ */ React29.createElement("div", { className: "mx-auto flex w-full max-w-3xl flex-col items-center text-center" }, label && /* @__PURE__ */ React29.createElement("span", { className: "text-sm font-semibold text-brand-secondary md:text-md" }, label), /* @__PURE__ */ React29.createElement("h1", { className: "mt-3 text-display-md font-semibold text-primary md:text-display-lg" }, title), /* @__PURE__ */ React29.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-6 md:text-xl" }, subtitle)))), /* @__PURE__ */ React29.createElement("section", { className: `${backgroundColor} py-16 md:py-24` }, /* @__PURE__ */ React29.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, /* @__PURE__ */ React29.createElement("div", { className: "mx-auto flex w-full max-w-3xl flex-col items-center text-center" }, /* @__PURE__ */ React29.createElement(Badge2, { className: "hidden md:flex", size: "lg", color: "brand", type: "pill-color" }, "Careers"), /* @__PURE__ */ React29.createElement(Badge2, { className: "md:hidden", size: "md", color: "brand", type: "pill-color" }, "Careers"), /* @__PURE__ */ React29.createElement("h2", { className: "mt-4 text-display-sm font-semibold text-primary md:text-display-md" }, title), /* @__PURE__ */ React29.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), /* @__PURE__ */ React29.createElement("div", { className: "mt-12 h-60 w-full md:mt-16 md:h-140 rounded-xl overflow-hidden" }, /* @__PURE__ */ React29.createElement(
     PhotoWithFallback2,
     {
       photoUrl: finalHeaderImage,
@@ -6946,20 +7145,20 @@ var JobGallery = ({
       fallbackId: "careers-header",
       className: "size-full object-cover"
     }
-  )), groupedJobs.length > 0 ? /* @__PURE__ */ React28.createElement("div", { className: "mx-auto mt-12 max-w-3xl md:mt-16" }, /* @__PURE__ */ React28.createElement("ul", { className: "flex flex-col gap-8 md:gap-16" }, groupedJobs.map(([category, categoryJobs]) => /* @__PURE__ */ React28.createElement("li", { key: category }, /* @__PURE__ */ React28.createElement("h2", { className: "text-lg font-semibold text-primary md:text-xl" }, category), /* @__PURE__ */ React28.createElement("ul", { className: "mt-5 flex flex-col gap-4 md:mt-8 md:gap-6" }, categoryJobs.map((job, index) => {
+  )), groupedJobs.length > 0 ? /* @__PURE__ */ React29.createElement("div", { className: "mx-auto mt-12 max-w-3xl md:mt-16" }, /* @__PURE__ */ React29.createElement("ul", { className: "flex flex-col gap-8 md:gap-16" }, groupedJobs.map(([category, categoryJobs]) => /* @__PURE__ */ React29.createElement("li", { key: category }, /* @__PURE__ */ React29.createElement("h2", { className: "text-lg font-semibold text-primary md:text-xl" }, category), /* @__PURE__ */ React29.createElement("ul", { className: "mt-5 flex flex-col gap-4 md:mt-8 md:gap-6" }, categoryJobs.map((job, index) => {
     var _a2;
     const description = ((_a2 = job.description_markdown) == null ? void 0 : _a2.replace(/[#*\[\]()]/g, "").trim()) || "";
-    return /* @__PURE__ */ React28.createElement("li", { key: job.id || index }, /* @__PURE__ */ React28.createElement(
+    return /* @__PURE__ */ React29.createElement("li", { key: job.id || index }, /* @__PURE__ */ React29.createElement(
       "a",
       {
         href: `/careers/${job.slug}`,
         className: "flex flex-col rounded-2xl bg-primary p-6 ring-1 ring-secondary ring-inset hover:ring-2 hover:ring-brand-secondary transition-all"
       },
-      /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col items-start gap-2 md:flex-row" }, /* @__PURE__ */ React28.createElement("h3", { className: "text-md font-semibold text-primary" }, job.title), /* @__PURE__ */ React28.createElement("div", { className: "flex flex-1 gap-2 md:flex-row-reverse md:justify-between" }, job.location && /* @__PURE__ */ React28.createElement(Badge2, { color: "gray", size: "md", type: "modern" }, job.location), job.employment_type && /* @__PURE__ */ React28.createElement(BadgeWithDot2, { color: "brand", size: "md", type: "modern" }, job.employment_type))),
-      /* @__PURE__ */ React28.createElement("p", { className: "mt-2 text-md text-tertiary line-clamp-2" }, description),
-      /* @__PURE__ */ React28.createElement("div", { className: "mt-5 flex gap-4" }, job.employment_type && /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React28.createElement(Clock3, { size: 20, className: "text-fg-quaternary" }), /* @__PURE__ */ React28.createElement("span", { className: "text-sm font-medium text-tertiary" }, job.employment_type)), job.salary_range && /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React28.createElement(CurrencyDollarCircle, { size: 20, className: "text-fg-quaternary" }), /* @__PURE__ */ React28.createElement("span", { className: "text-sm font-medium text-tertiary" }, job.salary_range)))
+      /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col items-start gap-2 md:flex-row" }, /* @__PURE__ */ React29.createElement("h3", { className: "text-md font-semibold text-primary" }, job.title), /* @__PURE__ */ React29.createElement("div", { className: "flex flex-1 gap-2 md:flex-row-reverse md:justify-between" }, job.location && /* @__PURE__ */ React29.createElement(Badge2, { color: "gray", size: "md", type: "modern" }, job.location), job.employment_type && /* @__PURE__ */ React29.createElement(BadgeWithDot2, { color: "brand", size: "md", type: "modern" }, job.employment_type))),
+      /* @__PURE__ */ React29.createElement("p", { className: "mt-2 text-md text-tertiary line-clamp-2" }, description),
+      /* @__PURE__ */ React29.createElement("div", { className: "mt-5 flex gap-4" }, job.employment_type && /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React29.createElement(Clock3, { size: 20, className: "text-fg-quaternary" }), /* @__PURE__ */ React29.createElement("span", { className: "text-sm font-medium text-tertiary" }, job.employment_type)), job.salary_range && /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React29.createElement(CurrencyDollarCircle, { size: 20, className: "text-fg-quaternary" }), /* @__PURE__ */ React29.createElement("span", { className: "text-sm font-medium text-tertiary" }, job.salary_range)))
     ));
-  })))))) : /* @__PURE__ */ React28.createElement("div", { className: "text-center mt-12" }, /* @__PURE__ */ React28.createElement("p", { className: "text-gray-500 mb-4" }, "No open positions at the moment."), /* @__PURE__ */ React28.createElement("p", { className: "text-gray-600 mb-6" }, "We're always looking for talented individuals to join our team."), /* @__PURE__ */ React28.createElement(Button2, { href: primaryCtaHref, target: isExternalCtaUrl(primaryCtaHref) ? "_blank" : void 0, rel: isExternalCtaUrl(primaryCtaHref) ? "noopener noreferrer" : void 0 }, "Send Us Your Resume")))));
+  })))))) : /* @__PURE__ */ React29.createElement("div", { className: "text-center mt-12" }, /* @__PURE__ */ React29.createElement("p", { className: "text-gray-500 mb-4" }, "No open positions at the moment."), /* @__PURE__ */ React29.createElement("p", { className: "text-gray-600 mb-6" }, "We're always looking for talented individuals to join our team."), /* @__PURE__ */ React29.createElement(Button2, { href: primaryCtaHref, target: isExternalCtaUrl(primaryCtaHref) ? "_blank" : void 0, rel: isExternalCtaUrl(primaryCtaHref) ? "noopener noreferrer" : void 0 }, "Send Us Your Resume")))));
 };
 
 // src/design_system/sections/blog-home.tsx
@@ -7042,7 +7241,7 @@ var BlogHome = ({
 };
 
 // src/design_system/sections/blog-gallery.tsx
-import React29, { useState as useState12 } from "react";
+import React30, { useState as useState12 } from "react";
 import { ArrowUpRight as ArrowUpRight4 } from "@untitledui/icons";
 
 // src/design_system/sections/blog-cards.tsx
@@ -7476,16 +7675,16 @@ var BlogGallery = ({
   const startIndex = (currentPage - 1) * postsPerPage;
   const endIndex = startIndex + postsPerPage;
   const paginatedNonFeaturedPosts = nonFeaturedPosts.slice(startIndex, endIndex);
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     setCurrentPage(1);
   }, [sortBy]);
-  return /* @__PURE__ */ React29.createElement("section", { className }, /* @__PURE__ */ React29.createElement("div", { className: "mx-auto flex w-full max-w-container flex-col gap-12 px-4 md:gap-16 md:px-8" }, posts.length > 0 ? /* @__PURE__ */ React29.createElement(React29.Fragment, null, featuredPost && /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React30.createElement("section", { className }, /* @__PURE__ */ React30.createElement("div", { className: "mx-auto flex w-full max-w-container flex-col gap-12 px-4 md:gap-16 md:px-8" }, posts.length > 0 ? /* @__PURE__ */ React30.createElement(React30.Fragment, null, featuredPost && /* @__PURE__ */ React30.createElement(
     "a",
     {
       href: `/blog/${featuredPost.slug}`,
       className: "group hidden w-full overflow-hidden rounded-2xl outline-focus-ring select-none focus:outline-2 focus:outline-offset-4 md:flex md:flex-col"
     },
-    /* @__PURE__ */ React29.createElement("div", { className: "relative w-full overflow-hidden rounded-t-2xl md:h-145 lg:h-180" }, /* @__PURE__ */ React29.createElement(
+    /* @__PURE__ */ React30.createElement("div", { className: "relative w-full overflow-hidden rounded-t-2xl md:h-145 lg:h-180" }, /* @__PURE__ */ React30.createElement(
       PhotoWithFallback2,
       {
         item: featuredPost,
@@ -7496,9 +7695,9 @@ var BlogGallery = ({
     )),
     (() => {
       const { title, summary, publishedAt, authorName, authorAvatarUrl } = getBlogPostData(featuredPost);
-      return /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col gap-4 rounded-b-2xl border border-t-0 border-secondary bg-primary p-6" }, /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-start gap-2" }, /* @__PURE__ */ React29.createElement("p", { className: "flex-1 text-display-xs font-semibold text-primary" }, title), /* @__PURE__ */ React29.createElement(ArrowUpRight4, { className: "size-5 shrink-0 text-tertiary group-hover:text-brand-secondary" })), summary && /* @__PURE__ */ React29.createElement("p", { className: "line-clamp-2 text-md text-tertiary" }, summary)), /* @__PURE__ */ React29.createElement("div", { className: "flex flex-wrap items-center gap-4 text-sm text-tertiary" }, /* @__PURE__ */ React29.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React29.createElement(Avatar2, { focusable: true, size: "sm", src: authorAvatarUrl, alt: authorName }), /* @__PURE__ */ React29.createElement("span", { className: "font-medium" }, authorName)), /* @__PURE__ */ React29.createElement("span", null, publishedAt)));
+      return /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col gap-4 rounded-b-2xl border border-t-0 border-secondary bg-primary p-6" }, /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ React30.createElement("div", { className: "flex items-start gap-2" }, /* @__PURE__ */ React30.createElement("p", { className: "flex-1 text-display-xs font-semibold text-primary" }, title), /* @__PURE__ */ React30.createElement(ArrowUpRight4, { className: "size-5 shrink-0 text-tertiary group-hover:text-brand-secondary" })), summary && /* @__PURE__ */ React30.createElement("p", { className: "line-clamp-2 text-md text-tertiary" }, summary)), /* @__PURE__ */ React30.createElement("div", { className: "flex flex-wrap items-center gap-4 text-sm text-tertiary" }, /* @__PURE__ */ React30.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React30.createElement(Avatar2, { focusable: true, size: "sm", src: authorAvatarUrl, alt: authorName }), /* @__PURE__ */ React30.createElement("span", { className: "font-medium" }, authorName)), /* @__PURE__ */ React30.createElement("span", null, publishedAt)));
     })()
-  ), featuredPost && /* @__PURE__ */ React29.createElement("div", { className: "md:hidden" }, /* @__PURE__ */ React29.createElement(BlogCardVertical, { article: featuredPost })), /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col items-end gap-8 md:flex-row" }, /* @__PURE__ */ React29.createElement("div", { className: "relative w-full md:w-auto md:min-w-36 md:max-w-40" }, /* @__PURE__ */ React29.createElement(
+  ), featuredPost && /* @__PURE__ */ React30.createElement("div", { className: "md:hidden" }, /* @__PURE__ */ React30.createElement(BlogCardVertical, { article: featuredPost })), /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col items-end gap-8 md:flex-row" }, /* @__PURE__ */ React30.createElement("div", { className: "relative w-full md:w-auto md:min-w-36 md:max-w-40" }, /* @__PURE__ */ React30.createElement(
     Select3,
     {
       "aria-label": "Sort by",
@@ -7507,8 +7706,8 @@ var BlogGallery = ({
       onSelectionChange: (value) => setSortBy(value),
       items: defaultSortByOptions
     },
-    (item) => /* @__PURE__ */ React29.createElement(SelectItem2, { id: item.id }, item.label)
-  ))), paginatedNonFeaturedPosts.length > 0 && /* @__PURE__ */ React29.createElement("ul", { className: "grid grid-cols-1 gap-x-8 gap-y-12 md:grid-cols-2 md:gap-y-12 lg:grid-cols-3" }, paginatedNonFeaturedPosts.map((post) => /* @__PURE__ */ React29.createElement("li", { key: post.id, className: cx(!isDesktop && "nth-[n+7]:hidden") }, /* @__PURE__ */ React29.createElement(BlogCardVertical, { article: post })))), totalPages > 1 && /* @__PURE__ */ React29.createElement(
+    (item) => /* @__PURE__ */ React30.createElement(SelectItem2, { id: item.id }, item.label)
+  ))), paginatedNonFeaturedPosts.length > 0 && /* @__PURE__ */ React30.createElement("ul", { className: "grid grid-cols-1 gap-x-8 gap-y-12 md:grid-cols-2 md:gap-y-12 lg:grid-cols-3" }, paginatedNonFeaturedPosts.map((post) => /* @__PURE__ */ React30.createElement("li", { key: post.id, className: cx(!isDesktop && "nth-[n+7]:hidden") }, /* @__PURE__ */ React30.createElement(BlogCardVertical, { article: post })))), totalPages > 1 && /* @__PURE__ */ React30.createElement(
     PaginationPageDefault2,
     {
       rounded: true,
@@ -7516,11 +7715,11 @@ var BlogGallery = ({
       total: totalPages,
       onPageChange: setCurrentPage
     }
-  )) : /* @__PURE__ */ React29.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React29.createElement("p", { className: "text-gray-500" }, "No blog posts available"))));
+  )) : /* @__PURE__ */ React30.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React30.createElement("p", { className: "text-gray-500" }, "No blog posts available"))));
 };
 
 // src/design_system/sections/blog-post.tsx
-import React30, { useState as useState13 } from "react";
+import React31, { useState as useState13 } from "react";
 import { Link01, Copy01 } from "@untitledui/icons";
 
 // src/utils/markdown-toc.ts
@@ -7590,16 +7789,16 @@ var BlogPostSection = ({
     }
   };
   if (!blogPost) {
-    return /* @__PURE__ */ React30.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React30.createElement("div", { className: "text-gray-600 text-6xl mb-4" }, "\u{1F4DD}"), /* @__PURE__ */ React30.createElement("h3", { className: "text-xl font-semibold text-gray-900 mb-2" }, "Blog Post Not Found"), /* @__PURE__ */ React30.createElement("p", { className: "text-gray-600 mb-4" }, "The blog post you're looking for doesn't exist."), /* @__PURE__ */ React30.createElement(Button2, { href: "/blog" }, "View All Blog Posts"));
+    return /* @__PURE__ */ React31.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React31.createElement("div", { className: "text-gray-600 text-6xl mb-4" }, "\u{1F4DD}"), /* @__PURE__ */ React31.createElement("h3", { className: "text-xl font-semibold text-gray-900 mb-2" }, "Blog Post Not Found"), /* @__PURE__ */ React31.createElement("p", { className: "text-gray-600 mb-4" }, "The blog post you're looking for doesn't exist."), /* @__PURE__ */ React31.createElement(Button2, { href: "/blog" }, "View All Blog Posts"));
   }
-  return /* @__PURE__ */ React30.createElement(React30.Fragment, null, /* @__PURE__ */ React30.createElement("section", { className: "bg-primary py-2 md:py-2" }, /* @__PURE__ */ React30.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement("section", { className: "bg-primary py-2 md:py-2" }, /* @__PURE__ */ React31.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React31.createElement(
     Breadcrumb2,
     {
       backHref: "/blog",
       backLabel: "Blog",
       currentLabel: blogPost.title
     }
-  ))), /* @__PURE__ */ React30.createElement("section", { className: "bg-primary py-4 md:py-6" }, /* @__PURE__ */ React30.createElement("div", { className: "relative mx-auto max-w-container gap-16 px-4 pb-16 md:gap-8 md:px-8 md:pt-16 md:pb-24 grid grid-cols-1 items-center md:grid-cols-2" }, /* @__PURE__ */ React30.createElement("div", { className: "flex max-w-180 flex-col items-start" }, /* @__PURE__ */ React30.createElement(
+  ))), /* @__PURE__ */ React31.createElement("section", { className: "bg-primary py-4 md:py-6" }, /* @__PURE__ */ React31.createElement("div", { className: "relative mx-auto max-w-container gap-16 px-4 pb-16 md:gap-8 md:px-8 md:pt-16 md:pb-24 grid grid-cols-1 items-center md:grid-cols-2" }, /* @__PURE__ */ React31.createElement("div", { className: "flex max-w-180 flex-col items-start" }, /* @__PURE__ */ React31.createElement(
     BadgeGroup2,
     {
       size: "md",
@@ -7610,7 +7809,7 @@ var BlogPostSection = ({
       iconTrailing: null
     },
     blogPost.reading_time_minutes ? `${blogPost.reading_time_minutes} min read` : blogPost.published_at ? formatDate4(blogPost.published_at) : "Recent"
-  ), /* @__PURE__ */ React30.createElement("h1", { className: "mt-4 text-display-md font-semibold text-primary md:text-display-lg" }, blogPost.title), blogPost.excerpt && /* @__PURE__ */ React30.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-6 md:max-w-120 md:text-xl" }, (blogPost.excerpt || ((_b = blogPost.excerpt_markdown) == null ? void 0 : _b.replace(/[#*\[\]()]/g, "").trim()) || "").replace(/[#*\[\]()]/g, "").trim())), /* @__PURE__ */ React30.createElement(
+  ), /* @__PURE__ */ React31.createElement("h1", { className: "mt-4 text-display-md font-semibold text-primary md:text-display-lg" }, blogPost.title), blogPost.excerpt && /* @__PURE__ */ React31.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-6 md:max-w-120 md:text-xl" }, (blogPost.excerpt || ((_b = blogPost.excerpt_markdown) == null ? void 0 : _b.replace(/[#*\[\]()]/g, "").trim()) || "").replace(/[#*\[\]()]/g, "").trim())), /* @__PURE__ */ React31.createElement(
     PhotoWithFallback2,
     {
       item: blogPost,
@@ -7618,7 +7817,7 @@ var BlogPostSection = ({
       alt: blogPost.title,
       className: "order-first -ml-4 h-36 w-screen max-w-none object-cover md:order-1 md:ml-0 md:h-96 md:w-full md:max-w-full rounded-2xl"
     }
-  )), blogPost.content_markdown && /* @__PURE__ */ React30.createElement("div", { className: "mx-auto max-w-container px-4 pb-16 md:px-8 md:pb-24" }, /* @__PURE__ */ React30.createElement("div", { className: "mx-auto flex justify-center gap-16" }, /* @__PURE__ */ React30.createElement("div", { className: "hidden w-70 flex-col gap-8 lg:flex" }, tableOfContents.length > 0 && /* @__PURE__ */ React30.createElement(React30.Fragment, null, /* @__PURE__ */ React30.createElement("div", { className: "w-full border-t border-secondary" }), /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React30.createElement("p", { className: "text-md font-semibold text-brand-secondary" }, "Table of contents"), /* @__PURE__ */ React30.createElement("ul", { className: "flex flex-col gap-3" }, tableOfContents.map((item) => /* @__PURE__ */ React30.createElement("li", { key: item.id }, /* @__PURE__ */ React30.createElement(
+  )), blogPost.content_markdown && /* @__PURE__ */ React31.createElement("div", { className: "mx-auto max-w-container px-4 pb-16 md:px-8 md:pb-24" }, /* @__PURE__ */ React31.createElement("div", { className: "mx-auto flex justify-center gap-16" }, /* @__PURE__ */ React31.createElement("div", { className: "hidden w-70 flex-col gap-8 lg:flex" }, tableOfContents.length > 0 && /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement("div", { className: "w-full border-t border-secondary" }), /* @__PURE__ */ React31.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React31.createElement("p", { className: "text-md font-semibold text-brand-secondary" }, "Table of contents"), /* @__PURE__ */ React31.createElement("ul", { className: "flex flex-col gap-3" }, tableOfContents.map((item) => /* @__PURE__ */ React31.createElement("li", { key: item.id }, /* @__PURE__ */ React31.createElement(
     Button2,
     {
       size: "lg",
@@ -7626,12 +7825,12 @@ var BlogPostSection = ({
       href: `#${item.id}`,
       className: `${item.level === 3 ? "pl-4" : ""} w-full text-left whitespace-normal justify-start`
     },
-    /* @__PURE__ */ React30.createElement("span", { className: "break-words block w-full" }, item.title)
-  ))))), /* @__PURE__ */ React30.createElement("div", { className: "w-full border-t border-secondary" })), blogPost.blog_post_authors && Array.isArray(blogPost.blog_post_authors) && blogPost.blog_post_authors.length > 0 && /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React30.createElement("p", { className: "text-md font-semibold text-brand-secondary" }, "Author"), /* @__PURE__ */ React30.createElement("div", { className: "flex items-center gap-3" }, (() => {
+    /* @__PURE__ */ React31.createElement("span", { className: "break-words block w-full" }, item.title)
+  ))))), /* @__PURE__ */ React31.createElement("div", { className: "w-full border-t border-secondary" })), blogPost.blog_post_authors && Array.isArray(blogPost.blog_post_authors) && blogPost.blog_post_authors.length > 0 && /* @__PURE__ */ React31.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React31.createElement("p", { className: "text-md font-semibold text-brand-secondary" }, "Author"), /* @__PURE__ */ React31.createElement("div", { className: "flex items-center gap-3" }, (() => {
     const author = blogPost.blog_post_authors[0];
     const authorName = (author == null ? void 0 : author.name) || "Author";
     const authorAvatarUrl = getAvatarUrl(author == null ? void 0 : author.photo_attachments, author == null ? void 0 : author.id, authorName);
-    return /* @__PURE__ */ React30.createElement(React30.Fragment, null, /* @__PURE__ */ React30.createElement(
+    return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(
       Avatar2,
       {
         src: authorAvatarUrl != null ? authorAvatarUrl : void 0,
@@ -7639,8 +7838,8 @@ var BlogPostSection = ({
         initials: authorName.trim().charAt(0).toUpperCase() || "?",
         size: "md"
       }
-    ), /* @__PURE__ */ React30.createElement("div", null, /* @__PURE__ */ React30.createElement("p", { className: "text-md font-semibold text-primary" }, authorName), (author == null ? void 0 : author.bio_markdown) && /* @__PURE__ */ React30.createElement("p", { className: "text-md text-tertiary" }, author.bio_markdown.replace(/[#*\[\]()]/g, "").trim().substring(0, 100))));
-  })())), /* @__PURE__ */ React30.createElement("div", { className: "w-full border-t border-secondary" }), /* @__PURE__ */ React30.createElement(
+    ), /* @__PURE__ */ React31.createElement("div", null, /* @__PURE__ */ React31.createElement("p", { className: "text-md font-semibold text-primary" }, authorName), (author == null ? void 0 : author.bio_markdown) && /* @__PURE__ */ React31.createElement("p", { className: "text-md text-tertiary" }, author.bio_markdown.replace(/[#*\[\]()]/g, "").trim().substring(0, 100))));
+  })())), /* @__PURE__ */ React31.createElement("div", { className: "w-full border-t border-secondary" }), /* @__PURE__ */ React31.createElement(
     Form2,
     {
       onSubmit: (e) => {
@@ -7650,30 +7849,30 @@ var BlogPostSection = ({
       },
       className: "flex flex-col gap-4"
     },
-    /* @__PURE__ */ React30.createElement("label", { htmlFor: "blog-email-input", className: "text-md font-semibold text-brand-secondary" }, "Subscribe to our newsletter"),
-    /* @__PURE__ */ React30.createElement(Input3, { isRequired: true, id: "blog-email-input", name: "email", type: "email", placeholder: "Enter your email", size: "md" }),
-    /* @__PURE__ */ React30.createElement(Button2, { type: "submit", size: "xl" }, "Subscribe")
-  ), /* @__PURE__ */ React30.createElement("div", { className: "w-full border-t border-secondary" }), /* @__PURE__ */ React30.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React31.createElement("label", { htmlFor: "blog-email-input", className: "text-md font-semibold text-brand-secondary" }, "Subscribe to our newsletter"),
+    /* @__PURE__ */ React31.createElement(Input3, { isRequired: true, id: "blog-email-input", name: "email", type: "email", placeholder: "Enter your email", size: "md" }),
+    /* @__PURE__ */ React31.createElement(Button2, { type: "submit", size: "xl" }, "Subscribe")
+  ), /* @__PURE__ */ React31.createElement("div", { className: "w-full border-t border-secondary" }), /* @__PURE__ */ React31.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React31.createElement(
     "button",
     {
       onClick: handleShareLink,
       title: "Share link",
       className: "inline-flex h-max cursor-pointer items-center justify-center gap-1.5 rounded-lg px-3.5 py-2.5 text-sm font-semibold outline-brand transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 bg-secondary text-primary hover:bg-secondary_hover"
     },
-    /* @__PURE__ */ React30.createElement(Link01, { className: "size-5 shrink-0" })
-  ), /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React31.createElement(Link01, { className: "size-5 shrink-0" })
+  ), /* @__PURE__ */ React31.createElement(
     "button",
     {
       onClick: handleCopyLink,
       title: copied ? "Copied!" : "Copy link",
       className: "inline-flex h-max cursor-pointer items-center justify-center gap-1.5 rounded-lg px-3.5 py-2.5 text-sm font-semibold outline-brand transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 bg-secondary text-fg-quaternary hover:bg-secondary_hover"
     },
-    /* @__PURE__ */ React30.createElement(Copy01, { className: "size-5 shrink-0" })
-  ))), /* @__PURE__ */ React30.createElement("div", { className: "max-w-prose lg:max-w-180" }, /* @__PURE__ */ React30.createElement("div", { className: "prose-centered-quote mx-auto prose md:prose-lg", id: "content" }, /* @__PURE__ */ React30.createElement(MarkdownRenderer2, { content: blogPost.content_markdown || "" })), /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col items-start justify-between gap-y-8 lg:hidden lg:flex-row mt-8" }, blogPost.blog_post_authors && Array.isArray(blogPost.blog_post_authors) && blogPost.blog_post_authors.length > 0 && /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React30.createElement("p", { className: "text-md font-semibold text-brand-secondary" }, "Author"), /* @__PURE__ */ React30.createElement("div", { className: "flex items-center gap-3" }, (() => {
+    /* @__PURE__ */ React31.createElement(Copy01, { className: "size-5 shrink-0" })
+  ))), /* @__PURE__ */ React31.createElement("div", { className: "max-w-prose lg:max-w-180" }, /* @__PURE__ */ React31.createElement("div", { className: "prose-centered-quote mx-auto prose md:prose-lg", id: "content" }, /* @__PURE__ */ React31.createElement(MarkdownRenderer2, { content: blogPost.content_markdown || "" })), /* @__PURE__ */ React31.createElement("div", { className: "flex flex-col items-start justify-between gap-y-8 lg:hidden lg:flex-row mt-8" }, blogPost.blog_post_authors && Array.isArray(blogPost.blog_post_authors) && blogPost.blog_post_authors.length > 0 && /* @__PURE__ */ React31.createElement("div", { className: "flex flex-col gap-6" }, /* @__PURE__ */ React31.createElement("p", { className: "text-md font-semibold text-brand-secondary" }, "Author"), /* @__PURE__ */ React31.createElement("div", { className: "flex items-center gap-3" }, (() => {
     const author = blogPost.blog_post_authors[0];
     const authorName = (author == null ? void 0 : author.name) || "Author";
     const authorAvatarUrl = getAvatarUrl(author == null ? void 0 : author.photo_attachments, author == null ? void 0 : author.id, authorName);
-    return /* @__PURE__ */ React30.createElement(React30.Fragment, null, /* @__PURE__ */ React30.createElement(
+    return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(
       Avatar2,
       {
         src: authorAvatarUrl != null ? authorAvatarUrl : void 0,
@@ -7681,24 +7880,24 @@ var BlogPostSection = ({
         initials: authorName.trim().charAt(0).toUpperCase() || "?",
         size: "md"
       }
-    ), /* @__PURE__ */ React30.createElement("div", null, /* @__PURE__ */ React30.createElement("p", { className: "text-md font-semibold text-primary" }, authorName), (author == null ? void 0 : author.bio_markdown) && /* @__PURE__ */ React30.createElement("p", { className: "text-md text-tertiary" }, author.bio_markdown.replace(/[#*\[\]()]/g, "").trim().substring(0, 100))));
-  })())), /* @__PURE__ */ React30.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React30.createElement(
+    ), /* @__PURE__ */ React31.createElement("div", null, /* @__PURE__ */ React31.createElement("p", { className: "text-md font-semibold text-primary" }, authorName), (author == null ? void 0 : author.bio_markdown) && /* @__PURE__ */ React31.createElement("p", { className: "text-md text-tertiary" }, author.bio_markdown.replace(/[#*\[\]()]/g, "").trim().substring(0, 100))));
+  })())), /* @__PURE__ */ React31.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React31.createElement(
     "button",
     {
       onClick: handleShareLink,
       title: "Share link",
       className: "inline-flex h-max cursor-pointer items-center justify-center gap-1.5 rounded-lg px-3.5 py-2.5 text-sm font-semibold outline-brand transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 bg-secondary text-primary hover:bg-secondary_hover"
     },
-    /* @__PURE__ */ React30.createElement(Link01, { className: "size-5 shrink-0" })
-  ), /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React31.createElement(Link01, { className: "size-5 shrink-0" })
+  ), /* @__PURE__ */ React31.createElement(
     "button",
     {
       onClick: handleCopyLink,
       title: copied ? "Copied!" : "Copy link",
       className: "inline-flex h-max cursor-pointer items-center justify-center gap-1.5 rounded-lg px-3.5 py-2.5 text-sm font-semibold outline-brand transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 bg-secondary text-fg-quaternary hover:bg-secondary_hover"
     },
-    /* @__PURE__ */ React30.createElement(Copy01, { className: "size-5 shrink-0" })
-  ))))))), /* @__PURE__ */ React30.createElement("section", { className: "bg-primary pb-16 md:pb-24" }, /* @__PURE__ */ React30.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React30.createElement("div", { className: "mx-auto max-w-prose md:max-w-180" }, /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-end border-t border-secondary pt-8" }, blogPost.tags && Array.isArray(blogPost.tags) && blogPost.tags.length > 0 && /* @__PURE__ */ React30.createElement("div", { className: "flex flex-wrap gap-2" }, blogPost.tags.map((tag, index) => /* @__PURE__ */ React30.createElement(Badge2, { key: index, color: "gray", size: "md", type: "modern" }, typeof tag === "string" ? tag : tag.name))))))));
+    /* @__PURE__ */ React31.createElement(Copy01, { className: "size-5 shrink-0" })
+  ))))))), /* @__PURE__ */ React31.createElement("section", { className: "bg-primary pb-16 md:pb-24" }, /* @__PURE__ */ React31.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React31.createElement("div", { className: "mx-auto max-w-prose md:max-w-180" }, /* @__PURE__ */ React31.createElement("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-end border-t border-secondary pt-8" }, blogPost.tags && Array.isArray(blogPost.tags) && blogPost.tags.length > 0 && /* @__PURE__ */ React31.createElement("div", { className: "flex flex-wrap gap-2" }, blogPost.tags.map((tag, index) => /* @__PURE__ */ React31.createElement(Badge2, { key: index, color: "gray", size: "md", type: "modern" }, typeof tag === "string" ? tag : tag.name))))))));
 };
 
 // src/design_system/sections/contact-home.tsx
@@ -7718,7 +7917,7 @@ var ContactHome = ({
 };
 
 // src/design_system/sections/faq-grid.tsx
-import React31 from "react";
+import React32 from "react";
 var renderMarkdown = (content) => {
   let html = content.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" class="text-brand-secondary underline">$1</a>');
   html = html.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
@@ -7744,17 +7943,17 @@ var FAQGrid = ({
   const faqs = Array.isArray(faqsData) ? faqsData : [];
   const resolved = companyInformation ? resolveCtaUrls(companyInformation) : null;
   const effectiveCtaButtonHref = (_a = ctaButtonHref != null ? ctaButtonHref : resolved == null ? void 0 : resolved.primaryHref) != null ? _a : "/contact";
-  return /* @__PURE__ */ React31.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}`, id: "faq" }, /* @__PURE__ */ React31.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, /* @__PURE__ */ React31.createElement("div", { className: "flex w-full max-w-3xl flex-col" }, /* @__PURE__ */ React31.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React31.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), faqs.length > 0 && /* @__PURE__ */ React31.createElement("div", { className: "mt-12 md:mt-16" }, /* @__PURE__ */ React31.createElement("dl", { className: "grid w-full grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-16 lg:grid-cols-3" }, faqs.map((faq, index) => {
+  return /* @__PURE__ */ React32.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}`, id: "faq" }, /* @__PURE__ */ React32.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, /* @__PURE__ */ React32.createElement("div", { className: "flex w-full max-w-3xl flex-col" }, /* @__PURE__ */ React32.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React32.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), faqs.length > 0 && /* @__PURE__ */ React32.createElement("div", { className: "mt-12 md:mt-16" }, /* @__PURE__ */ React32.createElement("dl", { className: "grid w-full grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-16 lg:grid-cols-3" }, faqs.map((faq, index) => {
     const answerContent = faq.answer_markdown || "";
     const answerHtml = renderMarkdown(answerContent);
-    return /* @__PURE__ */ React31.createElement("div", { key: faq.id || index }, /* @__PURE__ */ React31.createElement("div", { className: "flex max-w-sm flex-col" }, /* @__PURE__ */ React31.createElement("dt", { className: "text-md font-semibold text-primary" }, faq.question), /* @__PURE__ */ React31.createElement(
+    return /* @__PURE__ */ React32.createElement("div", { key: faq.id || index }, /* @__PURE__ */ React32.createElement("div", { className: "flex max-w-sm flex-col" }, /* @__PURE__ */ React32.createElement("dt", { className: "text-md font-semibold text-primary" }, faq.question), /* @__PURE__ */ React32.createElement(
       "dd",
       {
         className: "mt-1 text-md text-tertiary",
         dangerouslySetInnerHTML: { __html: answerHtml }
       }
     )));
-  }))), (ctaTitle || ctaSubtitle || ctaButtonText) && /* @__PURE__ */ React31.createElement("div", { className: "mt-12 flex flex-col items-start justify-between gap-6 rounded-2xl bg-secondary px-5 py-8 md:mt-16 md:flex-row md:gap-8 md:p-8" }, /* @__PURE__ */ React31.createElement("div", { className: "w-full max-w-3xl" }, ctaTitle && /* @__PURE__ */ React31.createElement("h4", { className: "text-xl font-semibold text-primary" }, ctaTitle), ctaSubtitle && /* @__PURE__ */ React31.createElement("p", { className: "mt-2 text-md text-tertiary md:text-lg" }, ctaSubtitle)), ctaButtonText && /* @__PURE__ */ React31.createElement(
+  }))), (ctaTitle || ctaSubtitle || ctaButtonText) && /* @__PURE__ */ React32.createElement("div", { className: "mt-12 flex flex-col items-start justify-between gap-6 rounded-2xl bg-secondary px-5 py-8 md:mt-16 md:flex-row md:gap-8 md:p-8" }, /* @__PURE__ */ React32.createElement("div", { className: "w-full max-w-3xl" }, ctaTitle && /* @__PURE__ */ React32.createElement("h4", { className: "text-xl font-semibold text-primary" }, ctaTitle), ctaSubtitle && /* @__PURE__ */ React32.createElement("p", { className: "mt-2 text-md text-tertiary md:text-lg" }, ctaSubtitle)), ctaButtonText && /* @__PURE__ */ React32.createElement(
     Button2,
     {
       size: "xl",
@@ -7935,7 +8134,7 @@ import { Fragment as Fragment2 } from "react";
 import Image10 from "next/image";
 
 // src/design_system/elements/IconComponent.tsx
-import React32 from "react";
+import React33 from "react";
 var IconComponent = ({ icon, color: color2 = "blue", className = "" }) => {
   const getIconColor = (colorName) => {
     switch (colorName) {
@@ -7960,26 +8159,26 @@ var IconComponent = ({ icon, color: color2 = "blue", className = "" }) => {
   const renderIcon = () => {
     switch (icon) {
       case "star":
-        return /* @__PURE__ */ React32.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React32.createElement("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" }));
+        return /* @__PURE__ */ React33.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React33.createElement("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" }));
       case "heart":
-        return /* @__PURE__ */ React32.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React32.createElement("path", { fillRule: "evenodd", d: "M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z", clipRule: "evenodd" }));
+        return /* @__PURE__ */ React33.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React33.createElement("path", { fillRule: "evenodd", d: "M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z", clipRule: "evenodd" }));
       case "home":
-        return /* @__PURE__ */ React32.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React32.createElement("path", { d: "M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z" }));
+        return /* @__PURE__ */ React33.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React33.createElement("path", { d: "M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z" }));
       case "person":
-        return /* @__PURE__ */ React32.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React32.createElement("path", { fillRule: "evenodd", d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z", clipRule: "evenodd" }));
+        return /* @__PURE__ */ React33.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React33.createElement("path", { fillRule: "evenodd", d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z", clipRule: "evenodd" }));
       case "phone":
-        return /* @__PURE__ */ React32.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React32.createElement("path", { d: "M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.01 1.01l-.804 1.646a1 1 0 00.01 1.01l.74 4.435a1 1 0 01-.986.836H3a1 1 0 01-1-1V3z" }));
+        return /* @__PURE__ */ React33.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React33.createElement("path", { d: "M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.01 1.01l-.804 1.646a1 1 0 00.01 1.01l.74 4.435a1 1 0 01-.986.836H3a1 1 0 01-1-1V3z" }));
       case "email":
-        return /* @__PURE__ */ React32.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React32.createElement("path", { d: "M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" }), /* @__PURE__ */ React32.createElement("path", { d: "M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" }));
+        return /* @__PURE__ */ React33.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React33.createElement("path", { d: "M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" }), /* @__PURE__ */ React33.createElement("path", { d: "M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" }));
       case "location":
-        return /* @__PURE__ */ React32.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React32.createElement("path", { fillRule: "evenodd", d: "M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z", clipRule: "evenodd" }));
+        return /* @__PURE__ */ React33.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React33.createElement("path", { fillRule: "evenodd", d: "M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z", clipRule: "evenodd" }));
       case "clock":
-        return /* @__PURE__ */ React32.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React32.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", clipRule: "evenodd" }));
+        return /* @__PURE__ */ React33.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React33.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", clipRule: "evenodd" }));
       default:
-        return /* @__PURE__ */ React32.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React32.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }));
+        return /* @__PURE__ */ React33.createElement("svg", { className: `w-full h-full ${getIconColor(color2)}`, fill: "currentColor", viewBox: "0 0 20 20" }, /* @__PURE__ */ React33.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }));
     }
   };
-  return /* @__PURE__ */ React32.createElement("div", { className }, renderIcon());
+  return /* @__PURE__ */ React33.createElement("div", { className }, renderIcon());
 };
 var IconComponent_default = IconComponent;
 
@@ -8147,14 +8346,14 @@ var JobDetailHero = ({
 };
 
 // src/design_system/sections/job-application-form.tsx
-import React33, { useRef as useRef7, useState as useState14 } from "react";
+import React34, { useRef as useRef8, useState as useState14 } from "react";
 var JobApplicationForm = ({ jobSlug, formDefinition, inline = false }) => {
   const { jobApplicationFormDefinition } = useFormDefinitions();
   const resolvedFormDefinition = formDefinition != null ? formDefinition : jobApplicationFormDefinition;
   const [isSubmitting, setIsSubmitting] = useState14(false);
   const [submitStatus, setSubmitStatus] = useState14("idle");
   const [statusMessage, setStatusMessage] = useState14("");
-  const formRef = useRef7(null);
+  const formRef = useRef8(null);
   const hasFields = resolvedFormDefinition != null && Array.isArray(resolvedFormDefinition.fields) && resolvedFormDefinition.fields.length > 0;
   const handleSubmit = async (e) => {
     var _a;
@@ -8190,7 +8389,7 @@ var JobApplicationForm = ({ jobSlug, formDefinition, inline = false }) => {
     setIsSubmitting(false);
   };
   if (!hasFields) return null;
-  const formContent = /* @__PURE__ */ React33.createElement(Form2, { ref: formRef, onSubmit: handleSubmit, className: "flex flex-col gap-6" }, /* @__PURE__ */ React33.createElement(DynamicFormFields, { form: resolvedFormDefinition, jobSlug }), submitStatus === "success" && /* @__PURE__ */ React33.createElement("div", { className: "rounded-lg bg-success-50 p-4 text-success-700" }, statusMessage), submitStatus === "error" && /* @__PURE__ */ React33.createElement("div", { className: "rounded-lg bg-error-50 p-4 text-error-700" }, statusMessage), /* @__PURE__ */ React33.createElement(
+  const formContent = /* @__PURE__ */ React34.createElement(Form2, { ref: formRef, onSubmit: handleSubmit, className: "flex flex-col gap-6" }, /* @__PURE__ */ React34.createElement(DynamicFormFields, { form: resolvedFormDefinition, jobSlug }), submitStatus === "success" && /* @__PURE__ */ React34.createElement("div", { className: "rounded-lg bg-success-50 p-4 text-success-700" }, statusMessage), submitStatus === "error" && /* @__PURE__ */ React34.createElement("div", { className: "rounded-lg bg-error-50 p-4 text-error-700" }, statusMessage), /* @__PURE__ */ React34.createElement(
     Button2,
     {
       type: "submit",
@@ -8203,7 +8402,7 @@ var JobApplicationForm = ({ jobSlug, formDefinition, inline = false }) => {
     isSubmitting ? "Submitting..." : "Submit Application"
   ));
   if (inline) return formContent;
-  return /* @__PURE__ */ React33.createElement("section", { id: "application-form", className: "bg-primary py-16 md:py-20" }, /* @__PURE__ */ React33.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React33.createElement("div", { className: "mx-auto max-w-2xl" }, /* @__PURE__ */ React33.createElement("div", { className: "mb-8 text-center" }, /* @__PURE__ */ React33.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, "Apply for this Position"), /* @__PURE__ */ React33.createElement("p", { className: "mt-4 text-lg text-tertiary" }, "Fill out the form below to submit your application")), formContent)));
+  return /* @__PURE__ */ React34.createElement("section", { id: "application-form", className: "bg-primary py-16 md:py-20" }, /* @__PURE__ */ React34.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React34.createElement("div", { className: "mx-auto max-w-2xl" }, /* @__PURE__ */ React34.createElement("div", { className: "mb-8 text-center" }, /* @__PURE__ */ React34.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, "Apply for this Position"), /* @__PURE__ */ React34.createElement("p", { className: "mt-4 text-lg text-tertiary" }, "Fill out the form below to submit your application")), formContent)));
 };
 
 // src/design_system/sections/job-detail-section.tsx
@@ -8239,9 +8438,116 @@ var PolicyDocumentSection = ({
   return /* @__PURE__ */ React.createElement("section", { className: `py-12 md:py-16 ${className}` }, /* @__PURE__ */ React.createElement("div", { className: "mx-auto max-w-3xl px-4 md:px-8" }, /* @__PURE__ */ React.createElement("header", { className: "mb-10 border-b border-gray-200 pb-8" }, /* @__PURE__ */ React.createElement("h1", { className: "font-display text-4xl font-semibold text-gray-900 md:text-5xl" }, title), effectiveDate && /* @__PURE__ */ React.createElement("p", { className: "mt-3 text-sm text-gray-500" }, "Effective Date: ", effectiveDate)), /* @__PURE__ */ React.createElement("div", { className: "prose prose-gray max-w-none text-gray-700" }, /* @__PURE__ */ React.createElement(MarkdownRenderer, { content }))));
 };
 
+// src/design_system/sections/offers-section.tsx
+function OffersSection({
+  offers,
+  title = "Offers",
+  subtitle = "See our current offers.",
+  maxOffers = 6,
+  backgroundColor = "bg-primary",
+  showViewAll = true
+}) {
+  const list = Array.isArray(offers) ? offers : [];
+  const displayList = list.filter((o) => !o.expired).slice(0, maxOffers);
+  if (list.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("section", { className: `${backgroundColor} py-16 md:py-24` }, /* @__PURE__ */ React.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-start justify-between lg:flex-row" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-3xl" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-semibold text-brand-secondary md:text-md" }, "Current offers"), /* @__PURE__ */ React.createElement("h2", { className: "mt-3 text-display-sm font-semibold text-primary md:text-display-md" }, title), /* @__PURE__ */ React.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), showViewAll && /* @__PURE__ */ React.createElement("div", { className: "hidden gap-3 lg:flex" }, /* @__PURE__ */ React.createElement(Button2, { size: "xl", href: "/offers" }, "View all offers"))), /* @__PURE__ */ React.createElement("div", { className: "mx-auto mt-12 max-w-2xl space-y-6" }, displayList.map((offer) => /* @__PURE__ */ React.createElement(OfferCard, { key: offer.id, offer }))), showViewAll && /* @__PURE__ */ React.createElement("div", { className: "mt-12 flex flex-col gap-3 lg:hidden" }, /* @__PURE__ */ React.createElement(Button2, { size: "xl", href: "/offers" }, "View all offers"))));
+}
+function OfferCard({ offer }) {
+  return /* @__PURE__ */ React.createElement("div", { className: "rounded-2xl border border-secondary bg-secondary/30 p-5 md:p-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-semibold text-primary" }, offer.name), offer.description && /* @__PURE__ */ React.createElement("p", { className: "text-tertiary" }, offer.description), offer.value_terms && /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium text-primary" }, offer.value_terms), offer.expires_at && (() => {
+    const d = new Date(offer.expires_at);
+    if (Number.isNaN(d.getTime())) return null;
+    return /* @__PURE__ */ React.createElement("p", { className: "text-xs text-tertiary" }, "Expires ", d.toLocaleDateString());
+  })()));
+}
+
+// src/design_system/sections/offers-gallery.tsx
+import React36 from "react";
+
+// src/design_system/sections/offers-grid.tsx
+import React35 from "react";
+function OffersGrid({
+  offers,
+  title = "Offers",
+  subtitle = "See our current offers.",
+  websitePhotos,
+  companyInformation,
+  backgroundColor = "bg-primary"
+}) {
+  const list = Array.isArray(offers) ? offers : [];
+  const displayList = list.filter((o) => !o.expired);
+  return /* @__PURE__ */ React35.createElement("section", { className: `${backgroundColor} py-16 md:py-24` }, /* @__PURE__ */ React35.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React35.createElement("div", { className: "mx-auto max-w-3xl text-center" }, /* @__PURE__ */ React35.createElement("h1", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React35.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), displayList.length > 0 ? /* @__PURE__ */ React35.createElement("ul", { className: "mx-auto mt-12 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3" }, displayList.map((offer, index) => /* @__PURE__ */ React35.createElement("li", { key: offer.id }, /* @__PURE__ */ React35.createElement(
+    OffersGridCard,
+    {
+      offer,
+      index,
+      websitePhotos,
+      companyInformation
+    }
+  )))) : /* @__PURE__ */ React35.createElement("div", { className: "mx-auto mt-12 max-w-md text-center" }, /* @__PURE__ */ React35.createElement("p", { className: "text-tertiary" }, "No offers available at the moment. Check back later."))));
+}
+function OffersGridCard({
+  offer,
+  index,
+  websitePhotos,
+  companyInformation
+}) {
+  var _a;
+  return /* @__PURE__ */ React35.createElement("article", { className: "flex flex-col overflow-hidden rounded-2xl border border-secondary bg-secondary/30" }, /* @__PURE__ */ React35.createElement("div", { className: "aspect-[4/3] w-full overflow-hidden" }, /* @__PURE__ */ React35.createElement(
+    PhotoWithFallback2,
+    {
+      item: void 0,
+      fallbackId: (_a = offer.id) != null ? _a : index,
+      alt: offer.name,
+      className: "size-full object-cover",
+      websitePhotos,
+      companyInformation
+    }
+  )), /* @__PURE__ */ React35.createElement("div", { className: "flex flex-1 flex-col gap-3 p-5 md:p-6" }, /* @__PURE__ */ React35.createElement("h2", { className: "text-lg font-semibold text-primary" }, offer.name), offer.description && /* @__PURE__ */ React35.createElement("p", { className: "text-tertiary line-clamp-2" }, offer.description), offer.value_terms && /* @__PURE__ */ React35.createElement("p", { className: "text-sm font-medium text-primary" }, offer.value_terms), offer.expires_at && (() => {
+    const d = new Date(offer.expires_at);
+    if (Number.isNaN(d.getTime())) return null;
+    return /* @__PURE__ */ React35.createElement("p", { className: "text-xs text-tertiary" }, "Expires ", d.toLocaleDateString());
+  })()));
+}
+
+// src/design_system/sections/offers-gallery.tsx
+var OffersGallery = ({
+  offers,
+  title = "Offers",
+  subtitle = "See our current offers.",
+  websitePhotos,
+  companyInformation,
+  className = ""
+}) => /* @__PURE__ */ React36.createElement("section", { className }, /* @__PURE__ */ React36.createElement(
+  OffersGrid,
+  {
+    offers,
+    title,
+    subtitle,
+    websitePhotos,
+    companyInformation
+  }
+));
+registerThemeVariant("offers-gallery", "classic", OffersGallery);
+
+// src/design_system/sections/offer-detail.tsx
+import React37 from "react";
+var OfferDetailSection = ({ offer }) => {
+  if (!offer) {
+    return /* @__PURE__ */ React37.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React37.createElement("div", { className: "text-6xl mb-4" }, "\u{1F381}"), /* @__PURE__ */ React37.createElement("h3", { className: "text-xl font-semibold text-gray-900 mb-2" }, "Offer Not Found"), /* @__PURE__ */ React37.createElement("p", { className: "text-gray-600 mb-4" }, "The offer you're looking for doesn't exist or has expired."), /* @__PURE__ */ React37.createElement(Button2, { href: "/offers" }, "View All Offers"));
+  }
+  return /* @__PURE__ */ React37.createElement("div", { className: "mx-auto max-w-3xl px-4 py-12" }, /* @__PURE__ */ React37.createElement("h1", { className: "text-2xl font-semibold text-gray-900 mb-4" }, offer.name), offer.value_terms && /* @__PURE__ */ React37.createElement("p", { className: "text-gray-600 mb-2" }, offer.value_terms), offer.description && /* @__PURE__ */ React37.createElement("p", { className: "text-gray-600 mb-4" }, offer.description), offer.expires_at && (() => {
+    const d = new Date(offer.expires_at);
+    if (Number.isNaN(d.getTime())) return null;
+    return /* @__PURE__ */ React37.createElement("p", { className: "text-sm text-gray-500 mb-6" }, "Expires ", d.toLocaleDateString());
+  })(), /* @__PURE__ */ React37.createElement(Button2, { href: "/offers" }, "Back to Offers"));
+};
+registerThemeVariant("offer-detail", "classic", OfferDetailSection);
+
 // src/design_system/sections/hero-home.aman.tsx
 import { Fragment as Fragment3, useState as useState15 } from "react";
-import React34 from "react";
+import React38 from "react";
 var HeroHome2 = ({
   websitePhotos,
   companyInformation,
@@ -8259,7 +8565,7 @@ var HeroHome2 = ({
     url: ((_b = websitePhotos == null ? void 0 : websitePhotos.hero) == null ? void 0 : _b.url) || "",
     alt: ((_c = websitePhotos == null ? void 0 : websitePhotos.hero) == null ? void 0 : _c.alt) || "Hero image"
   };
-  return /* @__PURE__ */ React34.createElement(Fragment3, null, /* @__PURE__ */ React34.createElement("section", { className: "py-24 md:py-32" }, /* @__PURE__ */ React34.createElement("div", { className: "mx-auto max-w-4xl px-4 text-center md:px-8" }, /* @__PURE__ */ React34.createElement("h1", { className: "font-display text-5xl font-normal leading-tight text-fg-primary md:text-6xl lg:text-7xl" }, headline), /* @__PURE__ */ React34.createElement("p", { className: "mt-6 font-body text-lg leading-relaxed text-tertiary md:text-xl max-w-3xl mx-auto" }, subhead), ctaText && /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React38.createElement(Fragment3, null, /* @__PURE__ */ React38.createElement("section", { className: "py-24 md:py-32" }, /* @__PURE__ */ React38.createElement("div", { className: "mx-auto max-w-4xl px-4 text-center md:px-8" }, /* @__PURE__ */ React38.createElement("h1", { className: "font-display text-5xl font-normal leading-tight text-fg-primary md:text-6xl lg:text-7xl" }, headline), /* @__PURE__ */ React38.createElement("p", { className: "mt-6 font-body text-lg leading-relaxed text-tertiary md:text-xl max-w-3xl mx-auto" }, subhead), ctaText && /* @__PURE__ */ React38.createElement(
     "a",
     {
       href: effectiveCtaHref,
@@ -8269,7 +8575,7 @@ var HeroHome2 = ({
       style: { color: "var(--color-text-brand-accent)" }
     },
     ctaText
-  ))), /* @__PURE__ */ React34.createElement("section", null, /* @__PURE__ */ React34.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React34.createElement("div", { className: "relative w-full h-[400px] md:h-[500px] lg:h-[600px]" }, /* @__PURE__ */ React34.createElement(
+  ))), /* @__PURE__ */ React38.createElement("section", null, /* @__PURE__ */ React38.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React38.createElement("div", { className: "relative w-full h-[400px] md:h-[500px] lg:h-[600px]" }, /* @__PURE__ */ React38.createElement(
     PhotoWithFallback2,
     {
       photoUrl: heroImage.url,
@@ -8277,7 +8583,7 @@ var HeroHome2 = ({
       fallbackId: "hero-home-brand",
       className: "w-full h-full object-cover"
     }
-  ), videoUrl && /* @__PURE__ */ React34.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React34.createElement(VideoPlayButton, { onClick: () => setShowVideo(true) }))))), videoUrl && /* @__PURE__ */ React34.createElement(
+  ), videoUrl && /* @__PURE__ */ React38.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React38.createElement(VideoPlayButton, { onClick: () => setShowVideo(true) }))))), videoUrl && /* @__PURE__ */ React38.createElement(
     VideoModal,
     {
       isOpen: showVideo,
@@ -8289,7 +8595,7 @@ var HeroHome2 = ({
 registerThemeVariant("hero-home", "aman", HeroHome2);
 
 // src/design_system/sections/header-navigation.aman.tsx
-import React35, { useState as useState16, useRef as useRef8, useCallback as useCallback5 } from "react";
+import React39, { useState as useState16, useRef as useRef9, useCallback as useCallback5 } from "react";
 import Link6 from "next/link";
 import Image11 from "next/image";
 var MAX_DROPDOWN_ITEMS = 3;
@@ -8302,20 +8608,20 @@ function HeaderNavigation2({
   companyInformation,
   websitePhotos
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
   const [activeDropdown, setActiveDropdown] = useState16(null);
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState16(false);
   const [dropdownTop, setDropdownTop] = useState16(0);
   const [isScrolled, setIsScrolled] = useState16(false);
-  const closeTimeoutRef = useRef8(null);
-  React35.useEffect(() => {
+  const closeTimeoutRef = useRef9(null);
+  React39.useEffect(() => {
     const handleScroll = () => {
       setIsScrolled(window.scrollY > 10);
     };
     window.addEventListener("scroll", handleScroll);
     return () => window.removeEventListener("scroll", handleScroll);
   }, []);
-  React35.useEffect(() => {
+  React39.useEffect(() => {
     return () => {
       if (closeTimeoutRef.current) {
         clearTimeout(closeTimeoutRef.current);
@@ -8378,10 +8684,10 @@ function HeaderNavigation2({
       viewAllLabel: ""
     };
   };
-  return /* @__PURE__ */ React35.createElement(React35.Fragment, null, /* @__PURE__ */ React35.createElement("header", { className: "hidden md:block sticky top-0 z-50 bg-primary border-b border-secondary transition-all duration-300" }, /* @__PURE__ */ React35.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React35.createElement("div", { className: cx(
+  return /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement("header", { className: "hidden md:block sticky top-0 z-50 bg-primary border-b border-secondary transition-all duration-300" }, /* @__PURE__ */ React39.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React39.createElement("div", { className: cx(
     "relative flex items-center justify-between transition-all duration-300",
     isScrolled ? "py-2" : "py-8"
-  ) }, /* @__PURE__ */ React35.createElement(Link6, { href: "/", className: "flex items-center" }, logoUrl && /* @__PURE__ */ React35.createElement(
+  ) }, /* @__PURE__ */ React39.createElement(Link6, { href: ((_d = props == null ? void 0 : props.logo) == null ? void 0 : _d.href) || "/", className: "flex items-center" }, logoUrl && /* @__PURE__ */ React39.createElement(
     Image11,
     {
       src: logoUrl,
@@ -8390,7 +8696,7 @@ function HeaderNavigation2({
       width: 120,
       height: 40
     }
-  )), /* @__PURE__ */ React35.createElement(Link6, { href: "/", className: "absolute left-1/2 transform -translate-x-1/2 font-display text-2xl md:text-3xl font-normal uppercase tracking-widest text-fg-primary", suppressHydrationWarning: true }, companyName), /* @__PURE__ */ React35.createElement("div", { className: "flex items-center gap-3" }, ((_d = props == null ? void 0 : props.cta_button) == null ? void 0 : _d.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React35.createElement(
+  )), /* @__PURE__ */ React39.createElement(Link6, { href: ((_e = props == null ? void 0 : props.logo) == null ? void 0 : _e.href) || "/", className: "absolute left-1/2 transform -translate-x-1/2 font-display text-2xl md:text-3xl font-normal uppercase tracking-widest text-fg-primary", suppressHydrationWarning: true }, companyName), /* @__PURE__ */ React39.createElement("div", { className: "flex items-center gap-3" }, ((_f = props == null ? void 0 : props.cta_button) == null ? void 0 : _f.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React39.createElement(
     Button2,
     {
       href: ctaUrls.secondaryHref,
@@ -8401,18 +8707,18 @@ function HeaderNavigation2({
       className: "font-body text-sm uppercase tracking-wide px-6 py-2 rounded-sm"
     },
     props.cta_button.label
-  ), /* @__PURE__ */ React35.createElement(
+  ), /* @__PURE__ */ React39.createElement(
     Button2,
     {
       href: ctaUrls.primaryHref,
-      target: (_f = (_e = props == null ? void 0 : props.cta_button) == null ? void 0 : _e.target) != null ? _f : isExternalCtaUrl(ctaUrls.primaryHref) ? "_blank" : void 0,
-      rel: ((_g = props == null ? void 0 : props.cta_button) == null ? void 0 : _g.target) === "_blank" || isExternalCtaUrl(ctaUrls.primaryHref) ? "noopener noreferrer" : void 0,
+      target: (_h = (_g = props == null ? void 0 : props.cta_button) == null ? void 0 : _g.target) != null ? _h : isExternalCtaUrl(ctaUrls.primaryHref) ? "_blank" : void 0,
+      rel: ((_i = props == null ? void 0 : props.cta_button) == null ? void 0 : _i.target) === "_blank" || isExternalCtaUrl(ctaUrls.primaryHref) ? "noopener noreferrer" : void 0,
       size: "sm",
       color: "primary",
       className: "font-body text-sm uppercase tracking-wide px-6 py-2 rounded-sm"
     },
-    ((_h = props == null ? void 0 : props.cta_button) == null ? void 0 : _h.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_i = props == null ? void 0 : props.cta_button) == null ? void 0 : _i.label) || "Contact"
-  ))), /* @__PURE__ */ React35.createElement("nav", { className: "border-b border-secondary" }, /* @__PURE__ */ React35.createElement("div", { className: "flex items-center justify-center gap-8 py-4" }, navigation.map((item, i) => /* @__PURE__ */ React35.createElement(
+    ((_j = props == null ? void 0 : props.cta_button) == null ? void 0 : _j.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_k = props == null ? void 0 : props.cta_button) == null ? void 0 : _k.label) || "Contact"
+  ))), /* @__PURE__ */ React39.createElement("nav", { className: "border-b border-secondary" }, /* @__PURE__ */ React39.createElement("div", { className: "flex items-center justify-center gap-8 py-4" }, navigation.map((item, i) => /* @__PURE__ */ React39.createElement(
     "div",
     {
       key: i,
@@ -8420,7 +8726,7 @@ function HeaderNavigation2({
       onMouseEnter: (e) => handleMouseEnter(item, e),
       onMouseLeave: handleMouseLeave
     },
-    /* @__PURE__ */ React35.createElement(
+    /* @__PURE__ */ React39.createElement(
       Link6,
       {
         href: item.href,
@@ -8431,7 +8737,7 @@ function HeaderNavigation2({
       },
       item.label
     ),
-    item.children && item.children.length > 0 && activeDropdown === item.label && /* @__PURE__ */ React35.createElement(
+    item.children && item.children.length > 0 && activeDropdown === item.label && /* @__PURE__ */ React39.createElement(
       "div",
       {
         className: "fixed left-0 right-0 w-full pt-6 pb-6 border-b border-secondary bg-primary z-50",
@@ -8439,9 +8745,9 @@ function HeaderNavigation2({
         onMouseEnter: handleDropdownMouseEnter,
         onMouseLeave: handleDropdownMouseLeave
       },
-      /* @__PURE__ */ React35.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React35.createElement("div", { className: "flex items-center justify-center gap-8" }, (() => {
+      /* @__PURE__ */ React39.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React39.createElement("div", { className: "flex items-center justify-center gap-8" }, (() => {
         const { items, showViewAll, viewAllHref, viewAllLabel } = getDropdownItems(item);
-        return /* @__PURE__ */ React35.createElement(React35.Fragment, null, items.map((link, j) => /* @__PURE__ */ React35.createElement(
+        return /* @__PURE__ */ React39.createElement(React39.Fragment, null, items.map((link, j) => /* @__PURE__ */ React39.createElement(
           Link6,
           {
             key: j,
@@ -8449,7 +8755,7 @@ function HeaderNavigation2({
             className: "font-body text-sm text-fg-primary hover:underline whitespace-nowrap"
           },
           link.label
-        )), showViewAll && /* @__PURE__ */ React35.createElement(
+        )), showViewAll && /* @__PURE__ */ React39.createElement(
           Link6,
           {
             href: viewAllHref,
@@ -8460,15 +8766,15 @@ function HeaderNavigation2({
         ));
       })()))
     )
-  )))))), /* @__PURE__ */ React35.createElement("header", { className: "md:hidden sticky top-0 z-50 bg-primary border-b border-secondary" }, /* @__PURE__ */ React35.createElement("div", { className: "flex items-center justify-between px-4 py-4" }, /* @__PURE__ */ React35.createElement(
+  )))))), /* @__PURE__ */ React39.createElement("header", { className: "md:hidden sticky top-0 z-50 bg-primary border-b border-secondary" }, /* @__PURE__ */ React39.createElement("div", { className: "flex items-center justify-between px-4 py-4" }, /* @__PURE__ */ React39.createElement(
     "button",
     {
       onClick: () => setIsMobileMenuOpen(true),
       className: "text-fg-primary",
       "aria-label": "Open menu"
     },
-    /* @__PURE__ */ React35.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React35.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }))
-  ), /* @__PURE__ */ React35.createElement(Link6, { href: "/", className: "flex items-center" }, logoUrl ? /* @__PURE__ */ React35.createElement(
+    /* @__PURE__ */ React39.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React39.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }))
+  ), /* @__PURE__ */ React39.createElement(Link6, { href: ((_l = props == null ? void 0 : props.logo) == null ? void 0 : _l.href) || "/", className: "flex items-center" }, logoUrl ? /* @__PURE__ */ React39.createElement(
     Image11,
     {
       src: logoUrl,
@@ -8477,15 +8783,15 @@ function HeaderNavigation2({
       width: 120,
       height: 32
     }
-  ) : /* @__PURE__ */ React35.createElement("span", { className: "font-display text-xl font-normal uppercase tracking-widest text-fg-primary" }, companyName)), /* @__PURE__ */ React35.createElement("div", { className: "w-6" }))), isMobileMenuOpen && /* @__PURE__ */ React35.createElement("div", { className: "fixed inset-0 bg-white z-50 md:hidden" }, /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col h-full" }, /* @__PURE__ */ React35.createElement("div", { className: "flex items-center justify-between px-4 py-4 border-b border-secondary" }, /* @__PURE__ */ React35.createElement(
+  ) : /* @__PURE__ */ React39.createElement("span", { className: "font-display text-xl font-normal uppercase tracking-widest text-fg-primary" }, companyName)), /* @__PURE__ */ React39.createElement("div", { className: "w-6" }))), isMobileMenuOpen && /* @__PURE__ */ React39.createElement("div", { className: "fixed inset-0 bg-white z-50 md:hidden" }, /* @__PURE__ */ React39.createElement("div", { className: "flex flex-col h-full" }, /* @__PURE__ */ React39.createElement("div", { className: "flex items-center justify-between px-4 py-4 border-b border-secondary" }, /* @__PURE__ */ React39.createElement(
     "button",
     {
       onClick: () => setIsMobileMenuOpen(false),
       className: "text-fg-primary",
       "aria-label": "Close menu"
     },
-    /* @__PURE__ */ React35.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React35.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
-  ), /* @__PURE__ */ React35.createElement("div", { className: "flex items-center" }, logoUrl ? /* @__PURE__ */ React35.createElement(
+    /* @__PURE__ */ React39.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React39.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
+  ), /* @__PURE__ */ React39.createElement("div", { className: "flex items-center" }, logoUrl ? /* @__PURE__ */ React39.createElement(
     Image11,
     {
       src: logoUrl,
@@ -8494,9 +8800,9 @@ function HeaderNavigation2({
       width: 120,
       height: 32
     }
-  ) : /* @__PURE__ */ React35.createElement("span", { className: "font-display text-xl font-normal uppercase tracking-widest text-fg-primary" }, companyName)), /* @__PURE__ */ React35.createElement("div", { className: "w-6" })), /* @__PURE__ */ React35.createElement("nav", { className: "flex-1 overflow-y-auto px-4 py-8" }, /* @__PURE__ */ React35.createElement("ul", { className: "space-y-4" }, navigation.map((item, i) => {
+  ) : /* @__PURE__ */ React39.createElement("span", { className: "font-display text-xl font-normal uppercase tracking-widest text-fg-primary" }, companyName)), /* @__PURE__ */ React39.createElement("div", { className: "w-6" })), /* @__PURE__ */ React39.createElement("nav", { className: "flex-1 overflow-y-auto px-4 py-8" }, /* @__PURE__ */ React39.createElement("ul", { className: "space-y-4" }, navigation.map((item, i) => {
     const { items, showViewAll, viewAllHref, viewAllLabel } = getDropdownItems(item);
-    return /* @__PURE__ */ React35.createElement("li", { key: i }, /* @__PURE__ */ React35.createElement(
+    return /* @__PURE__ */ React39.createElement("li", { key: i }, /* @__PURE__ */ React39.createElement(
       Link6,
       {
         href: item.href,
@@ -8504,7 +8810,7 @@ function HeaderNavigation2({
         onClick: () => setIsMobileMenuOpen(false)
       },
       item.label
-    ), items.length > 0 && /* @__PURE__ */ React35.createElement("ul", { className: "ml-4 mt-2 space-y-2" }, items.map((link, j) => /* @__PURE__ */ React35.createElement("li", { key: j }, /* @__PURE__ */ React35.createElement(
+    ), items.length > 0 && /* @__PURE__ */ React39.createElement("ul", { className: "ml-4 mt-2 space-y-2" }, items.map((link, j) => /* @__PURE__ */ React39.createElement("li", { key: j }, /* @__PURE__ */ React39.createElement(
       Link6,
       {
         href: link.href,
@@ -8512,7 +8818,7 @@ function HeaderNavigation2({
         onClick: () => setIsMobileMenuOpen(false)
       },
       link.label
-    ))), showViewAll && /* @__PURE__ */ React35.createElement("li", null, /* @__PURE__ */ React35.createElement(
+    ))), showViewAll && /* @__PURE__ */ React39.createElement("li", null, /* @__PURE__ */ React39.createElement(
       Link6,
       {
         href: viewAllHref,
@@ -8522,7 +8828,7 @@ function HeaderNavigation2({
       viewAllLabel,
       " \u2192"
     ))));
-  }))), /* @__PURE__ */ React35.createElement("div", { className: "border-t border-secondary px-4 py-6" }, /* @__PURE__ */ React35.createElement("div", { className: "flex flex-col gap-3" }, ((_j = props == null ? void 0 : props.cta_button) == null ? void 0 : _j.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React35.createElement(
+  }))), /* @__PURE__ */ React39.createElement("div", { className: "border-t border-secondary px-4 py-6" }, /* @__PURE__ */ React39.createElement("div", { className: "flex flex-col gap-3" }, ((_m = props == null ? void 0 : props.cta_button) == null ? void 0 : _m.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React39.createElement(
     Button2,
     {
       href: ctaUrls.secondaryHref,
@@ -8533,18 +8839,18 @@ function HeaderNavigation2({
       onClick: () => setIsMobileMenuOpen(false)
     },
     props.cta_button.label
-  ), /* @__PURE__ */ React35.createElement(
+  ), /* @__PURE__ */ React39.createElement(
     Button2,
     {
       href: ctaUrls.primaryHref,
-      target: (_l = (_k = props == null ? void 0 : props.cta_button) == null ? void 0 : _k.target) != null ? _l : isExternalCtaUrl(ctaUrls.primaryHref) ? "_blank" : void 0,
-      rel: ((_m = props == null ? void 0 : props.cta_button) == null ? void 0 : _m.target) === "_blank" || isExternalCtaUrl(ctaUrls.primaryHref) ? "noopener noreferrer" : void 0,
+      target: (_o = (_n = props == null ? void 0 : props.cta_button) == null ? void 0 : _n.target) != null ? _o : isExternalCtaUrl(ctaUrls.primaryHref) ? "_blank" : void 0,
+      rel: ((_p = props == null ? void 0 : props.cta_button) == null ? void 0 : _p.target) === "_blank" || isExternalCtaUrl(ctaUrls.primaryHref) ? "noopener noreferrer" : void 0,
       color: "primary",
       className: "w-full font-body text-sm uppercase tracking-wide py-3 rounded-sm",
       onClick: () => setIsMobileMenuOpen(false)
     },
-    ((_n = props == null ? void 0 : props.cta_button) == null ? void 0 : _n.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_o = props == null ? void 0 : props.cta_button) == null ? void 0 : _o.label) || "Contact"
-  ))))), /* @__PURE__ */ React35.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden bg-fg-primary" }, /* @__PURE__ */ React35.createElement("div", { className: "flex gap-0" }, ((_p = props == null ? void 0 : props.cta_button) == null ? void 0 : _p.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React35.createElement(
+    ((_q = props == null ? void 0 : props.cta_button) == null ? void 0 : _q.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_r = props == null ? void 0 : props.cta_button) == null ? void 0 : _r.label) || "Contact"
+  ))))), /* @__PURE__ */ React39.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden bg-fg-primary" }, /* @__PURE__ */ React39.createElement("div", { className: "flex gap-0" }, ((_s = props == null ? void 0 : props.cta_button) == null ? void 0 : _s.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React39.createElement(
     Button2,
     {
       href: ctaUrls.secondaryHref,
@@ -8554,16 +8860,16 @@ function HeaderNavigation2({
       className: "flex-1 font-body text-sm uppercase tracking-wide py-4 rounded-none border-r border-gray-700"
     },
     props.cta_button.label
-  ), /* @__PURE__ */ React35.createElement(
+  ), /* @__PURE__ */ React39.createElement(
     Button2,
     {
       href: ctaUrls.primaryHref,
-      target: (_r = (_q = props == null ? void 0 : props.cta_button) == null ? void 0 : _q.target) != null ? _r : isExternalCtaUrl(ctaUrls.primaryHref) ? "_blank" : void 0,
-      rel: ((_s = props == null ? void 0 : props.cta_button) == null ? void 0 : _s.target) === "_blank" || isExternalCtaUrl(ctaUrls.primaryHref) ? "noopener noreferrer" : void 0,
+      target: (_u = (_t = props == null ? void 0 : props.cta_button) == null ? void 0 : _t.target) != null ? _u : isExternalCtaUrl(ctaUrls.primaryHref) ? "_blank" : void 0,
+      rel: ((_v = props == null ? void 0 : props.cta_button) == null ? void 0 : _v.target) === "_blank" || isExternalCtaUrl(ctaUrls.primaryHref) ? "noopener noreferrer" : void 0,
       color: "primary",
-      className: `${((_t = props == null ? void 0 : props.cta_button) == null ? void 0 : _t.secondary_label) && ctaUrls.hasSecondary ? "flex-1" : "w-full"} font-body text-sm uppercase tracking-wide py-4 rounded-none`
+      className: `${((_w = props == null ? void 0 : props.cta_button) == null ? void 0 : _w.secondary_label) && ctaUrls.hasSecondary ? "flex-1" : "w-full"} font-body text-sm uppercase tracking-wide py-4 rounded-none`
     },
-    ((_u = props == null ? void 0 : props.cta_button) == null ? void 0 : _u.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_v = props == null ? void 0 : props.cta_button) == null ? void 0 : _v.label) || "Contact"
+    ((_x = props == null ? void 0 : props.cta_button) == null ? void 0 : _x.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_y = props == null ? void 0 : props.cta_button) == null ? void 0 : _y.label) || "Contact"
   ))));
 }
 registerThemeVariant("header-navigation", "aman", HeaderNavigation2);
@@ -8655,7 +8961,7 @@ var ServicesGrid2 = ({
 registerThemeVariant("services-grid", "aman", ServicesGrid2);
 
 // src/design_system/sections/testimonials-home.aman.tsx
-import React36 from "react";
+import React40 from "react";
 var TestimonialsHome2 = ({
   testimonials: testimonialsData,
   title = "",
@@ -8663,7 +8969,7 @@ var TestimonialsHome2 = ({
 }) => {
   const testimonials = Array.isArray(testimonialsData) ? testimonialsData : [];
   const displayTestimonials = perPage ? testimonials.slice(0, perPage) : testimonials;
-  return /* @__PURE__ */ React36.createElement("section", null, /* @__PURE__ */ React36.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React40.createElement("section", null, /* @__PURE__ */ React40.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React40.createElement(
     CarouselSectionWrapper,
     {
       title,
@@ -8678,7 +8984,7 @@ var TestimonialsHome2 = ({
       const avatarUrl = getAvatarUrl(testimonial.photo_attachments, testimonial.id, reviewerName);
       const rating = testimonial.rating || 5;
       const isVerified = true;
-      return /* @__PURE__ */ React36.createElement(Carousel.Item, { key: testimonial.id || i, className: "pl-4 md:basis-1/2 lg:basis-1/3" }, /* @__PURE__ */ React36.createElement("div", { className: "bg-white p-8 flex flex-col h-full" }, /* @__PURE__ */ React36.createElement("div", { className: "flex gap-1 mb-6" }, Array.from({ length: 5 }).map((_, starIdx) => /* @__PURE__ */ React36.createElement(
+      return /* @__PURE__ */ React40.createElement(Carousel.Item, { key: testimonial.id || i, className: "pl-4 md:basis-1/2 lg:basis-1/3" }, /* @__PURE__ */ React40.createElement("div", { className: "bg-white p-8 flex flex-col h-full" }, /* @__PURE__ */ React40.createElement("div", { className: "flex gap-1 mb-6" }, Array.from({ length: 5 }).map((_, starIdx) => /* @__PURE__ */ React40.createElement(
         "svg",
         {
           key: starIdx,
@@ -8690,8 +8996,8 @@ var TestimonialsHome2 = ({
           strokeWidth: "2",
           viewBox: "0 0 24 24"
         },
-        /* @__PURE__ */ React36.createElement("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
-      ))), /* @__PURE__ */ React36.createElement("p", { className: "font-display text-lg leading-relaxed text-tertiary mb-6 flex-grow" }, '"', quote, '"'), /* @__PURE__ */ React36.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React36.createElement("div", { className: "w-12 h-12 rounded-full overflow-hidden flex-shrink-0" }, /* @__PURE__ */ React36.createElement(
+        /* @__PURE__ */ React40.createElement("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
+      ))), /* @__PURE__ */ React40.createElement("p", { className: "font-display text-lg leading-relaxed text-tertiary mb-6 flex-grow" }, '"', quote, '"'), /* @__PURE__ */ React40.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React40.createElement("div", { className: "w-12 h-12 rounded-full overflow-hidden flex-shrink-0" }, /* @__PURE__ */ React40.createElement(
         PhotoWithFallback2,
         {
           photoUrl: avatarUrl,
@@ -8699,21 +9005,21 @@ var TestimonialsHome2 = ({
           fallbackId: testimonial.id || i,
           className: "w-full h-full object-cover"
         }
-      )), /* @__PURE__ */ React36.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React36.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React36.createElement("p", { className: "font-body text-sm font-medium text-fg-primary" }, reviewerName), isVerified && /* @__PURE__ */ React36.createElement("svg", { className: "w-4 h-4 text-fg-primary", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React36.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", clipRule: "evenodd" }))), /* @__PURE__ */ React36.createElement("p", { className: "font-body text-xs", style: { color: "var(--color-text-brand-secondary)" } }, username)))));
+      )), /* @__PURE__ */ React40.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React40.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React40.createElement("p", { className: "font-body text-sm font-medium text-fg-primary" }, reviewerName), isVerified && /* @__PURE__ */ React40.createElement("svg", { className: "w-4 h-4 text-fg-primary", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React40.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", clipRule: "evenodd" }))), /* @__PURE__ */ React40.createElement("p", { className: "font-body text-xs", style: { color: "var(--color-text-brand-secondary)" } }, username)))));
     })
   )));
 };
 registerThemeVariant("testimonials-home", "aman", TestimonialsHome2);
 
 // src/design_system/sections/testimonials-grid.aman.tsx
-import React37 from "react";
+import React41 from "react";
 var TestimonialsGrid2 = ({
   testimonials: testimonialsData,
   title = "",
   subtitle = ""
 }) => {
   const testimonials = Array.isArray(testimonialsData) ? testimonialsData : [];
-  return /* @__PURE__ */ React37.createElement("section", null, /* @__PURE__ */ React37.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React37.createElement("div", { className: "mb-12 text-center" }, title && /* @__PURE__ */ React37.createElement("h2", { className: "font-display text-4xl font-normal text-fg-primary md:text-5xl" }, title), subtitle && /* @__PURE__ */ React37.createElement("p", { className: "mt-4 font-display text-lg leading-relaxed text-tertiary md:text-xl max-w-3xl mx-auto" }, subtitle)), testimonials.length > 0 ? /* @__PURE__ */ React37.createElement("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3" }, testimonials.map((testimonial, i) => {
+  return /* @__PURE__ */ React41.createElement("section", null, /* @__PURE__ */ React41.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React41.createElement("div", { className: "mb-12 text-center" }, title && /* @__PURE__ */ React41.createElement("h2", { className: "font-display text-4xl font-normal text-fg-primary md:text-5xl" }, title), subtitle && /* @__PURE__ */ React41.createElement("p", { className: "mt-4 font-display text-lg leading-relaxed text-tertiary md:text-xl max-w-3xl mx-auto" }, subtitle)), testimonials.length > 0 ? /* @__PURE__ */ React41.createElement("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3" }, testimonials.map((testimonial, i) => {
     var _a;
     const quote = ((_a = testimonial.content_markdown) == null ? void 0 : _a.replace(/[#*\[\]()]/g, "").trim()) || "";
     const reviewerName = testimonial.reviewer_name || "Customer";
@@ -8721,7 +9027,7 @@ var TestimonialsGrid2 = ({
     const avatarUrl = getAvatarUrl(testimonial.photo_attachments, testimonial.id, reviewerName);
     const rating = testimonial.rating || 5;
     const isVerified = true;
-    return /* @__PURE__ */ React37.createElement("div", { key: testimonial.id || i, className: "bg-white p-8 flex flex-col h-full" }, /* @__PURE__ */ React37.createElement("div", { className: "flex gap-1 mb-6" }, Array.from({ length: 5 }).map((_, starIdx) => /* @__PURE__ */ React37.createElement(
+    return /* @__PURE__ */ React41.createElement("div", { key: testimonial.id || i, className: "bg-white p-8 flex flex-col h-full" }, /* @__PURE__ */ React41.createElement("div", { className: "flex gap-1 mb-6" }, Array.from({ length: 5 }).map((_, starIdx) => /* @__PURE__ */ React41.createElement(
       "svg",
       {
         key: starIdx,
@@ -8733,8 +9039,8 @@ var TestimonialsGrid2 = ({
         strokeWidth: "2",
         viewBox: "0 0 24 24"
       },
-      /* @__PURE__ */ React37.createElement("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
-    ))), /* @__PURE__ */ React37.createElement("p", { className: "font-display text-lg leading-relaxed text-tertiary mb-6 flex-grow" }, '"', quote, '"'), /* @__PURE__ */ React37.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React37.createElement("div", { className: "w-12 h-12 rounded-full overflow-hidden flex-shrink-0" }, /* @__PURE__ */ React37.createElement(
+      /* @__PURE__ */ React41.createElement("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
+    ))), /* @__PURE__ */ React41.createElement("p", { className: "font-display text-lg leading-relaxed text-tertiary mb-6 flex-grow" }, '"', quote, '"'), /* @__PURE__ */ React41.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React41.createElement("div", { className: "w-12 h-12 rounded-full overflow-hidden flex-shrink-0" }, /* @__PURE__ */ React41.createElement(
       PhotoWithFallback2,
       {
         photoUrl: avatarUrl,
@@ -8742,29 +9048,31 @@ var TestimonialsGrid2 = ({
         fallbackId: testimonial.id || i,
         className: "w-full h-full object-cover"
       }
-    )), /* @__PURE__ */ React37.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React37.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React37.createElement("p", { className: "font-body text-sm font-medium text-fg-primary" }, reviewerName), isVerified && /* @__PURE__ */ React37.createElement("svg", { className: "w-4 h-4 text-fg-primary", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React37.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", clipRule: "evenodd" }))), /* @__PURE__ */ React37.createElement("p", { className: "font-body text-xs", style: { color: "var(--color-text-brand-secondary)" } }, username))));
-  })) : /* @__PURE__ */ React37.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React37.createElement("p", { className: "font-body text-base text-tertiary" }, "No testimonials available"))));
+    )), /* @__PURE__ */ React41.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React41.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React41.createElement("p", { className: "font-body text-sm font-medium text-fg-primary" }, reviewerName), isVerified && /* @__PURE__ */ React41.createElement("svg", { className: "w-4 h-4 text-fg-primary", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React41.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", clipRule: "evenodd" }))), /* @__PURE__ */ React41.createElement("p", { className: "font-body text-xs", style: { color: "var(--color-text-brand-secondary)" } }, username))));
+  })) : /* @__PURE__ */ React41.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React41.createElement("p", { className: "font-body text-base text-tertiary" }, "No testimonials available"))));
 };
 registerThemeVariant("testimonials-grid", "aman", TestimonialsGrid2);
 
 // src/design_system/sections/contact-section.aman.tsx
-import React39 from "react";
+import React43 from "react";
 
 // src/design_system/sections/contact-section-form.aman.tsx
-import React38, { useRef as useRef9, useState as useState17 } from "react";
+import React42, { useRef as useRef10, useState as useState17 } from "react";
 var ContactSectionForm2 = ({
   formDefinition,
   submitButtonText = "Send message",
   successMessage = "Thank you for contacting us! We'll get back to you soon.",
   thankYouMessage,
-  onSuccess
+  onSuccess,
+  privacyPolicyUrl,
+  termsOfServiceUrl
 }) => {
   const { leadFormDefinition } = useFormDefinitions();
   const resolvedFormDefinition = formDefinition != null ? formDefinition : leadFormDefinition;
   const [isSubmitting, setIsSubmitting] = useState17(false);
   const [submitStatus, setSubmitStatus] = useState17("idle");
   const [statusMessage, setStatusMessage] = useState17("");
-  const formRef = useRef9(null);
+  const formRef = useRef10(null);
   const hasFields = resolvedFormDefinition != null && Array.isArray(resolvedFormDefinition.fields) && resolvedFormDefinition.fields.length > 0;
   const handleSubmit = async (e) => {
     var _a;
@@ -8775,7 +9083,8 @@ var ContactSectionForm2 = ({
     const formData = new FormData(e.currentTarget);
     const data = { formType: "lead" };
     formData.forEach((value, key) => {
-      if (key !== "privacy" && typeof value === "string") data[key] = value;
+      if (key.endsWith("_prefix")) return;
+      if (typeof value === "string") data[key] = value;
     });
     try {
       const response = await fetch("/api/form/", {
@@ -8802,7 +9111,14 @@ var ContactSectionForm2 = ({
     setIsSubmitting(false);
   };
   if (!hasFields) return null;
-  return /* @__PURE__ */ React38.createElement(Form2, { ref: formRef, onSubmit: handleSubmit, className: "flex flex-col gap-6" }, /* @__PURE__ */ React38.createElement(DynamicFormFields, { form: resolvedFormDefinition }), /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React42.createElement(Form2, { ref: formRef, onSubmit: handleSubmit, className: "flex flex-col gap-6" }, /* @__PURE__ */ React42.createElement(
+    DynamicFormFields,
+    {
+      form: resolvedFormDefinition,
+      privacyPolicyUrl,
+      termsOfServiceUrl
+    }
+  ), /* @__PURE__ */ React42.createElement(
     Button2,
     {
       type: "submit",
@@ -8813,21 +9129,38 @@ var ContactSectionForm2 = ({
       isLoading: isSubmitting
     },
     isSubmitting ? "Sending..." : submitButtonText
-  ), submitStatus === "success" && /* @__PURE__ */ React38.createElement("div", { className: "rounded-sm bg-success-50 p-4 text-success-700 font-body" }, thankYouMessage != null ? thankYouMessage : statusMessage), submitStatus === "error" && /* @__PURE__ */ React38.createElement("div", { className: "rounded-sm bg-error-50 p-4 text-error-700 font-body text-sm" }, statusMessage));
+  ), submitStatus === "success" && /* @__PURE__ */ React42.createElement("div", { className: "rounded-sm bg-success-50 p-4 text-success-700 font-body" }, thankYouMessage != null ? thankYouMessage : statusMessage), submitStatus === "error" && /* @__PURE__ */ React42.createElement("div", { className: "rounded-sm bg-error-50 p-4 text-error-700 font-body text-sm" }, statusMessage));
 };
 
 // src/design_system/sections/contact-section.aman.tsx
+function getLegalUrlsFromConfig2(config) {
+  var _a, _b, _c;
+  if (!((_a = config == null ? void 0 : config.navigation) == null ? void 0 : _a.footer)) return {};
+  const flat = config.navigation.footer.flat();
+  const privacy = (_b = flat.find((l) => l.label === "Privacy Policy")) == null ? void 0 : _b.href;
+  const terms = (_c = flat.find((l) => l.label === "Terms of Service")) == null ? void 0 : _c.href;
+  return { privacyPolicyUrl: privacy, termsOfServiceUrl: terms };
+}
 var ContactSection2 = ({
   websitePhotos,
   title = "",
   subtitle = "",
-  formDefinition
+  formDefinition,
+  config
 }) => {
+  const { privacyPolicyUrl, termsOfServiceUrl } = getLegalUrlsFromConfig2(config);
   const contactPhoto = websitePhotos == null ? void 0 : websitePhotos.contact;
   const contactImageUrl = contactPhoto == null ? void 0 : contactPhoto.url;
   const finalContactImage = contactImageUrl && contactImageUrl.trim() !== "" ? contactImageUrl : void 0;
   const finalContactImageAlt = (contactPhoto == null ? void 0 : contactPhoto.alt) || "Contact image";
-  return /* @__PURE__ */ React39.createElement("section", null, /* @__PURE__ */ React39.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React39.createElement("div", { className: "grid grid-cols-1 gap-12 md:gap-16 lg:grid-cols-2" }, /* @__PURE__ */ React39.createElement("div", { className: "flex w-full flex-col" }, /* @__PURE__ */ React39.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React39.createElement("h2", { className: "font-display text-4xl font-normal leading-tight text-fg-primary md:text-5xl" }, title), /* @__PURE__ */ React39.createElement("p", { className: "mt-4 font-body text-lg leading-relaxed text-tertiary" }, subtitle)), /* @__PURE__ */ React39.createElement(ContactSectionForm2, { formDefinition })), /* @__PURE__ */ React39.createElement("div", { className: "max-lg:hidden h-full min-h-0 overflow-hidden" }, /* @__PURE__ */ React39.createElement(
+  return /* @__PURE__ */ React43.createElement("section", null, /* @__PURE__ */ React43.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React43.createElement("div", { className: "grid grid-cols-1 gap-12 md:gap-16 lg:grid-cols-2" }, /* @__PURE__ */ React43.createElement("div", { className: "flex w-full flex-col" }, /* @__PURE__ */ React43.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React43.createElement("h2", { className: "font-display text-4xl font-normal leading-tight text-fg-primary md:text-5xl" }, title), /* @__PURE__ */ React43.createElement("p", { className: "mt-4 font-body text-lg leading-relaxed text-tertiary" }, subtitle)), /* @__PURE__ */ React43.createElement(
+    ContactSectionForm2,
+    {
+      formDefinition,
+      privacyPolicyUrl,
+      termsOfServiceUrl
+    }
+  )), /* @__PURE__ */ React43.createElement("div", { className: "max-lg:hidden h-full min-h-0 overflow-hidden" }, /* @__PURE__ */ React43.createElement(
     PhotoWithFallback2,
     {
       photoUrl: finalContactImage || "",
@@ -9067,17 +9400,21 @@ registerThemeVariant("location-details-section", "aman", LocationDetailsSection2
 
 // src/design_system/sections/social-media-grid.aman.tsx
 function getPostImageUrls2(post) {
-  var _a;
-  if ((_a = post.image_urls) == null ? void 0 : _a.length) return post.image_urls;
+  var _a, _b;
+  const videoSet = ((_a = post.video_urls) == null ? void 0 : _a.length) ? new Set(post.video_urls) : null;
+  const isVideo = (url) => isVideoUrl(url) || videoSet !== null && videoSet.has(url);
+  if ((_b = post.image_urls) == null ? void 0 : _b.length) {
+    return post.image_urls.filter((url) => !isVideo(url));
+  }
   const attachments = post.photo_attachments || [];
   const sorted = [...attachments].sort((a, b) => {
-    var _a2, _b;
-    return ((_a2 = a.sort_order) != null ? _a2 : 0) - ((_b = b.sort_order) != null ? _b : 0);
+    var _a2, _b2;
+    return ((_a2 = a.sort_order) != null ? _a2 : 0) - ((_b2 = b.sort_order) != null ? _b2 : 0);
   });
   return sorted.map((pa) => {
-    var _a2, _b, _c, _d;
-    return ((_a2 = pa.photo) == null ? void 0 : _a2.large_url) || ((_b = pa.photo) == null ? void 0 : _b.original_url) || ((_c = pa.photo) == null ? void 0 : _c.medium_url) || ((_d = pa.photo) == null ? void 0 : _d.thumbnail_url);
-  }).filter((url) => Boolean(url));
+    var _a2, _b2, _c, _d;
+    return ((_a2 = pa.photo) == null ? void 0 : _a2.large_url) || ((_b2 = pa.photo) == null ? void 0 : _b2.original_url) || ((_c = pa.photo) == null ? void 0 : _c.medium_url) || ((_d = pa.photo) == null ? void 0 : _d.thumbnail_url);
+  }).filter((url) => Boolean(url)).filter((url) => !isVideo(url));
 }
 var formatDate2 = (dateString) => {
   if (!dateString) return "Recent";
@@ -9177,7 +9514,7 @@ var BlogHome2 = ({
 registerThemeVariant("blog-home", "aman", BlogHome2);
 
 // src/design_system/sections/blog-gallery.aman.tsx
-import React40, { useState as useState18 } from "react";
+import React44, { useState as useState18 } from "react";
 var BlogGallery2 = ({
   blogPosts: postsData,
   postsPerPage = 12,
@@ -9191,13 +9528,13 @@ var BlogGallery2 = ({
   const startIndex = (currentPage - 1) * postsPerPage;
   const endIndex = startIndex + postsPerPage;
   const paginatedNonFeaturedPosts = nonFeaturedPosts.slice(startIndex, endIndex);
-  return /* @__PURE__ */ React40.createElement("section", { className }, /* @__PURE__ */ React40.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, posts.length > 0 ? /* @__PURE__ */ React40.createElement(React40.Fragment, null, featuredPost && /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React44.createElement("section", { className }, /* @__PURE__ */ React44.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, posts.length > 0 ? /* @__PURE__ */ React44.createElement(React44.Fragment, null, featuredPost && /* @__PURE__ */ React44.createElement(
     "a",
     {
       href: `/blog/${featuredPost.slug}`,
       className: "block mb-16 group"
     },
-    /* @__PURE__ */ React40.createElement("div", { className: "w-full h-96 md:h-[500px] mb-8 overflow-hidden" }, /* @__PURE__ */ React40.createElement(
+    /* @__PURE__ */ React44.createElement("div", { className: "w-full h-96 md:h-[500px] mb-8 overflow-hidden" }, /* @__PURE__ */ React44.createElement(
       PhotoWithFallback2,
       {
         item: featuredPost,
@@ -9205,19 +9542,19 @@ var BlogGallery2 = ({
         className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
       }
     )),
-    /* @__PURE__ */ React40.createElement("div", { className: "max-w-3xl" }, /* @__PURE__ */ React40.createElement("p", { className: "text-xs font-body font-normal uppercase tracking-widest mb-4", style: { color: "var(--color-text-brand-secondary)" } }, featuredPost.published_at ? new Date(featuredPost.published_at).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "Recent"), /* @__PURE__ */ React40.createElement("h2", { className: "font-display text-3xl md:text-4xl font-normal text-fg-primary mb-6 group-hover:underline" }, featuredPost.title), featuredPost.excerpt_markdown && /* @__PURE__ */ React40.createElement("p", { className: "font-display text-lg leading-relaxed text-tertiary" }, featuredPost.excerpt_markdown.replace(/[#*\[\]()]/g, "").trim()))
-  ), paginatedNonFeaturedPosts.length > 0 && /* @__PURE__ */ React40.createElement("div", { className: "grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-3 mb-16" }, paginatedNonFeaturedPosts.map((post) => {
+    /* @__PURE__ */ React44.createElement("div", { className: "max-w-3xl" }, /* @__PURE__ */ React44.createElement("p", { className: "text-xs font-body font-normal uppercase tracking-widest mb-4", style: { color: "var(--color-text-brand-secondary)" } }, featuredPost.published_at ? new Date(featuredPost.published_at).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "Recent"), /* @__PURE__ */ React44.createElement("h2", { className: "font-display text-3xl md:text-4xl font-normal text-fg-primary mb-6 group-hover:underline" }, featuredPost.title), featuredPost.excerpt_markdown && /* @__PURE__ */ React44.createElement("p", { className: "font-display text-lg leading-relaxed text-tertiary" }, featuredPost.excerpt_markdown.replace(/[#*\[\]()]/g, "").trim()))
+  ), paginatedNonFeaturedPosts.length > 0 && /* @__PURE__ */ React44.createElement("div", { className: "grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-3 mb-16" }, paginatedNonFeaturedPosts.map((post) => {
     var _a;
     const excerpt = post.excerpt_markdown || ((_a = post.content_markdown) == null ? void 0 : _a.replace(/[#*\[\]()]/g, "").trim().substring(0, 150)) || "";
-    return /* @__PURE__ */ React40.createElement("a", { key: post.id, href: `/blog/${post.slug}`, className: "flex flex-col group" }, /* @__PURE__ */ React40.createElement("div", { className: "w-full h-64 mb-6 overflow-hidden" }, /* @__PURE__ */ React40.createElement(
+    return /* @__PURE__ */ React44.createElement("a", { key: post.id, href: `/blog/${post.slug}`, className: "flex flex-col group" }, /* @__PURE__ */ React44.createElement("div", { className: "w-full h-64 mb-6 overflow-hidden" }, /* @__PURE__ */ React44.createElement(
       PhotoWithFallback2,
       {
         item: post,
         fallbackId: post.id,
         className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
       }
-    )), /* @__PURE__ */ React40.createElement("p", { className: "text-xs font-body font-normal uppercase tracking-widest mb-2", style: { color: "var(--color-text-brand-secondary)" } }, post.published_at ? new Date(post.published_at).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "Recent"), /* @__PURE__ */ React40.createElement("h3", { className: "font-display text-2xl font-normal text-fg-primary mb-4 group-hover:underline" }, post.title), excerpt && /* @__PURE__ */ React40.createElement("p", { className: "font-body text-base leading-relaxed text-tertiary mb-4 flex-grow line-clamp-3" }, excerpt));
-  })), totalPages > 1 && /* @__PURE__ */ React40.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React40.createElement(
+    )), /* @__PURE__ */ React44.createElement("p", { className: "text-xs font-body font-normal uppercase tracking-widest mb-2", style: { color: "var(--color-text-brand-secondary)" } }, post.published_at ? new Date(post.published_at).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "Recent"), /* @__PURE__ */ React44.createElement("h3", { className: "font-display text-2xl font-normal text-fg-primary mb-4 group-hover:underline" }, post.title), excerpt && /* @__PURE__ */ React44.createElement("p", { className: "font-body text-base leading-relaxed text-tertiary mb-4 flex-grow line-clamp-3" }, excerpt));
+  })), totalPages > 1 && /* @__PURE__ */ React44.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React44.createElement(
     PaginationPageDefault2,
     {
       rounded: true,
@@ -9225,7 +9562,7 @@ var BlogGallery2 = ({
       total: totalPages,
       onPageChange: setCurrentPage
     }
-  ))) : /* @__PURE__ */ React40.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React40.createElement("p", { className: "font-body text-base text-tertiary" }, "No posts available"))));
+  ))) : /* @__PURE__ */ React44.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React44.createElement("p", { className: "font-body text-base text-tertiary" }, "No posts available"))));
 };
 registerThemeVariant("blog-gallery", "aman", BlogGallery2);
 
@@ -9256,7 +9593,7 @@ var BlogPostSection2 = ({
 registerThemeVariant("blog-post", "aman", BlogPostSection2);
 
 // src/design_system/sections/blog-section.aman.tsx
-import React41 from "react";
+import React45 from "react";
 var BlogSection2 = ({
   blogPosts: postsData,
   title = "",
@@ -9275,7 +9612,7 @@ var BlogSection2 = ({
       return "Recent";
     }
   };
-  return /* @__PURE__ */ React41.createElement("section", null, /* @__PURE__ */ React41.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React45.createElement("section", null, /* @__PURE__ */ React45.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React45.createElement(
     CarouselSectionWrapper,
     {
       title,
@@ -9285,14 +9622,14 @@ var BlogSection2 = ({
     postsArray.map((post) => {
       var _a;
       const excerpt = ((_a = post.content_markdown) == null ? void 0 : _a.replace(/[#*\[\]()]/g, "").trim().substring(0, 150)) || "";
-      return /* @__PURE__ */ React41.createElement(Carousel.Item, { key: post.id, className: "pl-4 md:basis-1/2 lg:basis-1/3" }, /* @__PURE__ */ React41.createElement("a", { href: `/blog/${post.slug}`, className: "flex flex-col h-full group" }, /* @__PURE__ */ React41.createElement("div", { className: "w-full h-64 mb-6 overflow-hidden" }, /* @__PURE__ */ React41.createElement(
+      return /* @__PURE__ */ React45.createElement(Carousel.Item, { key: post.id, className: "pl-4 md:basis-1/2 lg:basis-1/3" }, /* @__PURE__ */ React45.createElement("a", { href: `/blog/${post.slug}`, className: "flex flex-col h-full group" }, /* @__PURE__ */ React45.createElement("div", { className: "w-full h-64 mb-6 overflow-hidden" }, /* @__PURE__ */ React45.createElement(
         PhotoWithFallback2,
         {
           item: post,
           fallbackId: post.id,
           className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
         }
-      )), /* @__PURE__ */ React41.createElement("p", { className: "text-xs font-body font-normal uppercase tracking-widest mb-2", style: { color: "var(--color-text-brand-secondary)" } }, formatDate4(post.published_at)), /* @__PURE__ */ React41.createElement("h3", { className: "font-display text-2xl font-normal text-fg-primary mb-4 group-hover:underline line-clamp-1" }, post.title), excerpt && /* @__PURE__ */ React41.createElement("p", { className: "font-body text-base leading-relaxed text-tertiary mb-4 flex-grow line-clamp-3" }, excerpt)));
+      )), /* @__PURE__ */ React45.createElement("p", { className: "text-xs font-body font-normal uppercase tracking-widest mb-2", style: { color: "var(--color-text-brand-secondary)" } }, formatDate4(post.published_at)), /* @__PURE__ */ React45.createElement("h3", { className: "font-display text-2xl font-normal text-fg-primary mb-4 group-hover:underline line-clamp-1" }, post.title), excerpt && /* @__PURE__ */ React45.createElement("p", { className: "font-body text-base leading-relaxed text-tertiary mb-4 flex-grow line-clamp-3" }, excerpt)));
     })
   )));
 };
@@ -9306,9 +9643,9 @@ import { createContext as createContext10 } from "react";
 var LayoutGroupContext = createContext10({});
 
 // node_modules/framer-motion/dist/es/utils/use-constant.mjs
-import { useRef as useRef10 } from "react";
+import { useRef as useRef11 } from "react";
 function useConstant(init) {
-  const ref = useRef10(null);
+  const ref = useRef11(null);
   if (ref.current === null) {
     ref.current = init();
   }
@@ -9316,13 +9653,13 @@ function useConstant(init) {
 }
 
 // node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs
-import { useLayoutEffect, useEffect as useEffect7 } from "react";
+import { useLayoutEffect, useEffect as useEffect8 } from "react";
 
 // node_modules/framer-motion/dist/es/utils/is-browser.mjs
 var isBrowser = typeof window !== "undefined";
 
 // node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs
-var useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect7;
+var useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect8;
 
 // node_modules/framer-motion/dist/es/context/PresenceContext.mjs
 import { createContext as createContext11 } from "react";
@@ -12466,14 +12803,14 @@ var MotionConfigContext = createContext12({
 });
 
 // node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs
-import { useContext as useContext11, useId as useId4, useEffect as useEffect8, useCallback as useCallback6 } from "react";
+import { useContext as useContext11, useId as useId4, useEffect as useEffect9, useCallback as useCallback6 } from "react";
 function usePresence(subscribe = true) {
   const context = useContext11(PresenceContext);
   if (context === null)
     return [true, null];
   const { isPresent, onExitComplete, register } = context;
   const id3 = useId4();
-  useEffect8(() => {
+  useEffect9(() => {
     if (subscribe) {
       return register(id3);
     }
@@ -13175,7 +13512,7 @@ function useMotionRef(visualState, visualElement, externalRef) {
 }
 
 // node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs
-import { useContext as useContext14, useRef as useRef11, useInsertionEffect, useEffect as useEffect9 } from "react";
+import { useContext as useContext14, useRef as useRef12, useInsertionEffect, useEffect as useEffect10 } from "react";
 
 // node_modules/framer-motion/dist/es/render/dom/utils/camel-to-dash.mjs
 var camelToDash = (str) => str.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase();
@@ -13195,7 +13532,7 @@ function useVisualElement(Component2, visualState, props, createVisualElement, P
   const lazyContext = useContext14(LazyContext);
   const presenceContext = useContext14(PresenceContext);
   const reducedMotionConfig = useContext14(MotionConfigContext).reducedMotion;
-  const visualElementRef = useRef11(null);
+  const visualElementRef = useRef12(null);
   createVisualElement = createVisualElement || lazyContext.renderer;
   if (!visualElementRef.current && createVisualElement) {
     visualElementRef.current = createVisualElement(Component2, {
@@ -13212,14 +13549,14 @@ function useVisualElement(Component2, visualState, props, createVisualElement, P
   if (visualElement && !visualElement.projection && ProjectionNodeConstructor && (visualElement.type === "html" || visualElement.type === "svg")) {
     createProjectionNode(visualElementRef.current, props, ProjectionNodeConstructor, initialLayoutGroupConfig);
   }
-  const isMounted = useRef11(false);
+  const isMounted = useRef12(false);
   useInsertionEffect(() => {
     if (visualElement && isMounted.current) {
       visualElement.update(props, presenceContext);
     }
   });
   const optimisedAppearId = props[optimizedAppearDataAttribute];
-  const wantsHandoff = useRef11(Boolean(optimisedAppearId) && !((_a = window.MotionHandoffIsComplete) == null ? void 0 : _a.call(window, optimisedAppearId)) && ((_b = window.MotionHasOptimisedAnimation) == null ? void 0 : _b.call(window, optimisedAppearId)));
+  const wantsHandoff = useRef12(Boolean(optimisedAppearId) && !((_a = window.MotionHandoffIsComplete) == null ? void 0 : _a.call(window, optimisedAppearId)) && ((_b = window.MotionHasOptimisedAnimation) == null ? void 0 : _b.call(window, optimisedAppearId)));
   useIsomorphicLayoutEffect(() => {
     if (!visualElement)
       return;
@@ -13231,7 +13568,7 @@ function useVisualElement(Component2, visualState, props, createVisualElement, P
       visualElement.animationState.animateChanges();
     }
   });
-  useEffect9(() => {
+  useEffect10(() => {
     if (!visualElement)
       return;
     if (!wantsHandoff.current && visualElement.animationState) {
@@ -17296,11 +17633,11 @@ var JobDetailHero2 = ({
 registerThemeVariant("hero-job-detail", "aman", JobDetailHero2);
 
 // src/design_system/sections/job-application-form.aman.tsx
-import React42, { useRef as useRef12, useState as useState21 } from "react";
+import React46, { useRef as useRef13, useState as useState21 } from "react";
 
 // src/design_system/sections/hero-home.barelux.tsx
 import { Fragment as Fragment6, useState as useState22 } from "react";
-import React43 from "react";
+import React47 from "react";
 var HeroHome3 = ({
   websitePhotos,
   companyInformation,
@@ -17319,7 +17656,7 @@ var HeroHome3 = ({
     url: ((_b = websitePhotos == null ? void 0 : websitePhotos.hero) == null ? void 0 : _b.url) || "",
     alt: ((_c = websitePhotos == null ? void 0 : websitePhotos.hero) == null ? void 0 : _c.alt) || ""
   };
-  return /* @__PURE__ */ React43.createElement(Fragment6, null, /* @__PURE__ */ React43.createElement("section", { className: "relative w-full h-[60vh] min-h-[500px] max-h-[550px]" }, /* @__PURE__ */ React43.createElement("div", { className: "absolute inset-0" }, /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React47.createElement(Fragment6, null, /* @__PURE__ */ React47.createElement("section", { className: "relative w-full h-[60vh] min-h-[500px] max-h-[550px]" }, /* @__PURE__ */ React47.createElement("div", { className: "absolute inset-0" }, /* @__PURE__ */ React47.createElement(
     PhotoWithFallback2,
     {
       photoUrl: heroImage.url,
@@ -17327,7 +17664,7 @@ var HeroHome3 = ({
       fallbackId: "hero-home-barelux",
       className: "w-full h-full object-cover"
     }
-  )), /* @__PURE__ */ React43.createElement("div", { className: "absolute inset-0 bg-black/50" }), /* @__PURE__ */ React43.createElement("div", { className: "relative h-full flex items-center" }, /* @__PURE__ */ React43.createElement("div", { className: "mx-auto max-w-7xl px-4 md:px-8 w-full" }, /* @__PURE__ */ React43.createElement("div", { className: "max-w-2xl" }, tagline && /* @__PURE__ */ React43.createElement("p", { className: "font-body text-sm font-semibold uppercase tracking-widest text-white mb-5" }, tagline), /* @__PURE__ */ React43.createElement("h1", { className: "font-display text-display-xl font-normal leading-none text-white mb-4" }, headline), /* @__PURE__ */ React43.createElement("p", { className: "font-body text-base md:text-lg leading-normal text-white mb-6 max-w-xl" }, subhead), ctaText && /* @__PURE__ */ React43.createElement(
+  )), /* @__PURE__ */ React47.createElement("div", { className: "absolute inset-0 bg-black/50" }), /* @__PURE__ */ React47.createElement("div", { className: "relative h-full flex items-center" }, /* @__PURE__ */ React47.createElement("div", { className: "mx-auto max-w-7xl px-4 md:px-8 w-full" }, /* @__PURE__ */ React47.createElement("div", { className: "max-w-2xl" }, tagline && /* @__PURE__ */ React47.createElement("p", { className: "font-body text-sm font-semibold uppercase tracking-widest text-white mb-5" }, tagline), /* @__PURE__ */ React47.createElement("h1", { className: "font-display text-display-xl font-normal leading-none text-white mb-4" }, headline), /* @__PURE__ */ React47.createElement("p", { className: "font-body text-base md:text-lg leading-normal text-white mb-6 max-w-xl" }, subhead), ctaText && /* @__PURE__ */ React47.createElement(
     Button2,
     {
       href: effectiveCtaHref,
@@ -17337,7 +17674,7 @@ var HeroHome3 = ({
       size: "md"
     },
     ctaText
-  )))), videoUrl && /* @__PURE__ */ React43.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React43.createElement(VideoPlayButton, { onClick: () => setShowVideo(true) }))), videoUrl && /* @__PURE__ */ React43.createElement(
+  )))), videoUrl && /* @__PURE__ */ React47.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React47.createElement(VideoPlayButton, { onClick: () => setShowVideo(true) }))), videoUrl && /* @__PURE__ */ React47.createElement(
     VideoModal,
     {
       isOpen: showVideo,
@@ -17349,7 +17686,7 @@ var HeroHome3 = ({
 registerThemeVariant("hero-home", "barelux", HeroHome3);
 
 // src/design_system/sections/header-navigation.barelux.tsx
-import React44, { useState as useState23, useRef as useRef13, useCallback as useCallback8 } from "react";
+import React48, { useState as useState23, useRef as useRef14, useCallback as useCallback8 } from "react";
 import Link8 from "next/link";
 import Image12 from "next/image";
 var MAX_DROPDOWN_ITEMS2 = 6;
@@ -17362,11 +17699,11 @@ function HeaderNavigation3({
   companyInformation,
   websitePhotos
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
   const [activeDropdown, setActiveDropdown] = useState23(null);
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState23(false);
-  const closeTimeoutRef = useRef13(null);
-  React44.useEffect(() => {
+  const closeTimeoutRef = useRef14(null);
+  React48.useEffect(() => {
     return () => {
       if (closeTimeoutRef.current) {
         clearTimeout(closeTimeoutRef.current);
@@ -17422,7 +17759,7 @@ function HeaderNavigation3({
       viewAllLabel: ""
     };
   };
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, /* @__PURE__ */ React44.createElement("header", { className: "hidden md:block sticky top-0 z-50 bg-primary border-b border-primary" }, /* @__PURE__ */ React44.createElement("div", { className: "mx-auto max-w-7xl px-4 md:px-8" }, /* @__PURE__ */ React44.createElement("div", { className: "flex items-center justify-between py-4" }, /* @__PURE__ */ React44.createElement(Link8, { href: "/", className: "flex items-center flex-shrink-0" }, logoUrl ? /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React48.createElement(React48.Fragment, null, /* @__PURE__ */ React48.createElement("header", { className: "hidden md:block sticky top-0 z-50 bg-primary border-b border-primary" }, /* @__PURE__ */ React48.createElement("div", { className: "mx-auto max-w-7xl px-4 md:px-8" }, /* @__PURE__ */ React48.createElement("div", { className: "flex items-center justify-between py-4" }, /* @__PURE__ */ React48.createElement(Link8, { href: ((_d = props == null ? void 0 : props.logo) == null ? void 0 : _d.href) || "/", className: "flex items-center flex-shrink-0" }, logoUrl ? /* @__PURE__ */ React48.createElement(
     Image12,
     {
       src: logoUrl,
@@ -17431,7 +17768,7 @@ function HeaderNavigation3({
       width: 120,
       height: 40
     }
-  ) : /* @__PURE__ */ React44.createElement("span", { className: "font-display text-xl font-normal text-fg-primary" }, companyName)), /* @__PURE__ */ React44.createElement("nav", { className: "flex items-center gap-8 flex-1 ml-12" }, navigation.map((item, i) => /* @__PURE__ */ React44.createElement(
+  ) : /* @__PURE__ */ React48.createElement("span", { className: "font-display text-xl font-normal text-fg-primary" }, companyName)), /* @__PURE__ */ React48.createElement("nav", { className: "flex items-center gap-8 flex-1 ml-12" }, navigation.map((item, i) => /* @__PURE__ */ React48.createElement(
     "div",
     {
       key: i,
@@ -17439,16 +17776,16 @@ function HeaderNavigation3({
       onMouseEnter: () => handleMouseEnter(item),
       onMouseLeave: handleMouseLeave
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React48.createElement(
       Link8,
       {
         href: item.href,
         className: "font-body text-md font-normal text-fg-primary hover:text-brand-accent transition-colors duration-200 flex items-center gap-1 whitespace-nowrap"
       },
       item.label,
-      item.children && item.children.length > 0 && /* @__PURE__ */ React44.createElement("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React44.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))
+      item.children && item.children.length > 0 && /* @__PURE__ */ React48.createElement("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React48.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))
     ),
-    item.children && item.children.length > 0 && activeDropdown === item.label && /* @__PURE__ */ React44.createElement(
+    item.children && item.children.length > 0 && activeDropdown === item.label && /* @__PURE__ */ React48.createElement(
       "div",
       {
         className: "absolute left-0 top-full mt-2 w-64 py-3 bg-white border border-secondary rounded-lg shadow-lg z-50",
@@ -17457,7 +17794,7 @@ function HeaderNavigation3({
       },
       (() => {
         const { items, showViewAll, viewAllHref, viewAllLabel } = getDropdownItems(item);
-        return /* @__PURE__ */ React44.createElement(React44.Fragment, null, items.map((link, j) => /* @__PURE__ */ React44.createElement(
+        return /* @__PURE__ */ React48.createElement(React48.Fragment, null, items.map((link, j) => /* @__PURE__ */ React48.createElement(
           Link8,
           {
             key: j,
@@ -17465,7 +17802,7 @@ function HeaderNavigation3({
             className: "block font-body text-md text-fg-primary hover:text-brand-accent hover:bg-secondary transition-colors px-4 py-2"
           },
           link.label
-        )), showViewAll && /* @__PURE__ */ React44.createElement(
+        )), showViewAll && /* @__PURE__ */ React48.createElement(
           Link8,
           {
             href: viewAllHref,
@@ -17476,7 +17813,7 @@ function HeaderNavigation3({
         ));
       })()
     )
-  ))), /* @__PURE__ */ React44.createElement("div", { className: "flex items-center gap-3 flex-shrink-0 ml-4" }, ((_d = props == null ? void 0 : props.cta_button) == null ? void 0 : _d.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React44.createElement(
+  ))), /* @__PURE__ */ React48.createElement("div", { className: "flex items-center gap-3 flex-shrink-0 ml-4" }, ((_e = props == null ? void 0 : props.cta_button) == null ? void 0 : _e.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React48.createElement(
     Button2,
     {
       href: ctaUrls.secondaryHref,
@@ -17486,25 +17823,25 @@ function HeaderNavigation3({
       size: "sm"
     },
     props.cta_button.label
-  ), /* @__PURE__ */ React44.createElement(
+  ), /* @__PURE__ */ React48.createElement(
     Button2,
     {
       href: ctaUrls.primaryHref,
-      target: (_f = (_e = props == null ? void 0 : props.cta_button) == null ? void 0 : _e.target) != null ? _f : isExternalCtaUrl(ctaUrls.primaryHref) ? "_blank" : void 0,
-      rel: ((_g = props == null ? void 0 : props.cta_button) == null ? void 0 : _g.target) === "_blank" || isExternalCtaUrl(ctaUrls.primaryHref) ? "noopener noreferrer" : void 0,
+      target: (_g = (_f = props == null ? void 0 : props.cta_button) == null ? void 0 : _f.target) != null ? _g : isExternalCtaUrl(ctaUrls.primaryHref) ? "_blank" : void 0,
+      rel: ((_h = props == null ? void 0 : props.cta_button) == null ? void 0 : _h.target) === "_blank" || isExternalCtaUrl(ctaUrls.primaryHref) ? "noopener noreferrer" : void 0,
       color: "primary",
       size: "sm"
     },
-    ((_h = props == null ? void 0 : props.cta_button) == null ? void 0 : _h.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_i = props == null ? void 0 : props.cta_button) == null ? void 0 : _i.label) || ""
-  ))))), /* @__PURE__ */ React44.createElement("header", { className: "md:hidden sticky top-0 z-50 bg-primary border-b border-secondary" }, /* @__PURE__ */ React44.createElement("div", { className: "flex items-center justify-between px-4 py-4" }, /* @__PURE__ */ React44.createElement(
+    ((_i = props == null ? void 0 : props.cta_button) == null ? void 0 : _i.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_j = props == null ? void 0 : props.cta_button) == null ? void 0 : _j.label) || ""
+  ))))), /* @__PURE__ */ React48.createElement("header", { className: "md:hidden sticky top-0 z-50 bg-primary border-b border-secondary" }, /* @__PURE__ */ React48.createElement("div", { className: "flex items-center justify-between px-4 py-4" }, /* @__PURE__ */ React48.createElement(
     "button",
     {
       onClick: () => setIsMobileMenuOpen(true),
       className: "text-fg-primary",
       "aria-label": "Open menu"
     },
-    /* @__PURE__ */ React44.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React44.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }))
-  ), /* @__PURE__ */ React44.createElement(Link8, { href: "/", className: "flex items-center" }, logoUrl ? /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React48.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React48.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }))
+  ), /* @__PURE__ */ React48.createElement(Link8, { href: ((_k = props == null ? void 0 : props.logo) == null ? void 0 : _k.href) || "/", className: "flex items-center" }, logoUrl ? /* @__PURE__ */ React48.createElement(
     Image12,
     {
       src: logoUrl,
@@ -17513,15 +17850,15 @@ function HeaderNavigation3({
       width: 120,
       height: 32
     }
-  ) : /* @__PURE__ */ React44.createElement("span", { className: "font-display text-lg font-normal text-fg-primary" }, companyName)), /* @__PURE__ */ React44.createElement("div", { className: "w-6" }))), isMobileMenuOpen && /* @__PURE__ */ React44.createElement("div", { className: "fixed inset-0 bg-white z-50 md:hidden" }, /* @__PURE__ */ React44.createElement("div", { className: "flex flex-col h-full" }, /* @__PURE__ */ React44.createElement("div", { className: "flex items-center justify-between px-4 py-4 border-b border-secondary" }, /* @__PURE__ */ React44.createElement(
+  ) : /* @__PURE__ */ React48.createElement("span", { className: "font-display text-lg font-normal text-fg-primary" }, companyName)), /* @__PURE__ */ React48.createElement("div", { className: "w-6" }))), isMobileMenuOpen && /* @__PURE__ */ React48.createElement("div", { className: "fixed inset-0 bg-white z-50 md:hidden" }, /* @__PURE__ */ React48.createElement("div", { className: "flex flex-col h-full" }, /* @__PURE__ */ React48.createElement("div", { className: "flex items-center justify-between px-4 py-4 border-b border-secondary" }, /* @__PURE__ */ React48.createElement(
     "button",
     {
       onClick: () => setIsMobileMenuOpen(false),
       className: "text-fg-primary",
       "aria-label": "Close menu"
     },
-    /* @__PURE__ */ React44.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React44.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
-  ), /* @__PURE__ */ React44.createElement("div", { className: "flex items-center" }, logoUrl ? /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React48.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React48.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
+  ), /* @__PURE__ */ React48.createElement("div", { className: "flex items-center" }, logoUrl ? /* @__PURE__ */ React48.createElement(
     Image12,
     {
       src: logoUrl,
@@ -17530,9 +17867,9 @@ function HeaderNavigation3({
       width: 120,
       height: 32
     }
-  ) : /* @__PURE__ */ React44.createElement("span", { className: "font-display text-lg font-normal text-fg-primary" }, companyName)), /* @__PURE__ */ React44.createElement("div", { className: "w-6" })), /* @__PURE__ */ React44.createElement("nav", { className: "flex-1 overflow-y-auto px-4 py-8" }, /* @__PURE__ */ React44.createElement("ul", { className: "space-y-4" }, navigation.map((item, i) => {
+  ) : /* @__PURE__ */ React48.createElement("span", { className: "font-display text-lg font-normal text-fg-primary" }, companyName)), /* @__PURE__ */ React48.createElement("div", { className: "w-6" })), /* @__PURE__ */ React48.createElement("nav", { className: "flex-1 overflow-y-auto px-4 py-8" }, /* @__PURE__ */ React48.createElement("ul", { className: "space-y-4" }, navigation.map((item, i) => {
     const { items } = getDropdownItems(item);
-    return /* @__PURE__ */ React44.createElement("li", { key: i }, /* @__PURE__ */ React44.createElement(
+    return /* @__PURE__ */ React48.createElement("li", { key: i }, /* @__PURE__ */ React48.createElement(
       Link8,
       {
         href: item.href,
@@ -17540,7 +17877,7 @@ function HeaderNavigation3({
         onClick: () => setIsMobileMenuOpen(false)
       },
       item.label
-    ), items.length > 0 && /* @__PURE__ */ React44.createElement("ul", { className: "ml-4 mt-2 space-y-2" }, items.map((link, j) => /* @__PURE__ */ React44.createElement("li", { key: j }, /* @__PURE__ */ React44.createElement(
+    ), items.length > 0 && /* @__PURE__ */ React48.createElement("ul", { className: "ml-4 mt-2 space-y-2" }, items.map((link, j) => /* @__PURE__ */ React48.createElement("li", { key: j }, /* @__PURE__ */ React48.createElement(
       Link8,
       {
         href: link.href,
@@ -17549,7 +17886,7 @@ function HeaderNavigation3({
       },
       link.label
     )))));
-  }))), /* @__PURE__ */ React44.createElement("div", { className: "border-t border-secondary px-4 py-6" }, /* @__PURE__ */ React44.createElement("div", { className: "flex flex-col gap-3" }, ((_j = props == null ? void 0 : props.cta_button) == null ? void 0 : _j.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React44.createElement(
+  }))), /* @__PURE__ */ React48.createElement("div", { className: "border-t border-secondary px-4 py-6" }, /* @__PURE__ */ React48.createElement("div", { className: "flex flex-col gap-3" }, ((_l = props == null ? void 0 : props.cta_button) == null ? void 0 : _l.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React48.createElement(
     Button2,
     {
       href: ctaUrls.secondaryHref,
@@ -17559,7 +17896,7 @@ function HeaderNavigation3({
       onClick: () => setIsMobileMenuOpen(false)
     },
     props.cta_button.secondary_label
-  ), /* @__PURE__ */ React44.createElement(
+  ), /* @__PURE__ */ React48.createElement(
     Button2,
     {
       href: ctaUrls.primaryHref,
@@ -17568,8 +17905,8 @@ function HeaderNavigation3({
       className: "w-full",
       onClick: () => setIsMobileMenuOpen(false)
     },
-    ((_k = props == null ? void 0 : props.cta_button) == null ? void 0 : _k.label) || ""
-  ))))), /* @__PURE__ */ React44.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden bg-fg-primary" }, /* @__PURE__ */ React44.createElement("div", { className: "flex gap-0" }, ((_l = props == null ? void 0 : props.cta_button) == null ? void 0 : _l.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React44.createElement(
+    ((_m = props == null ? void 0 : props.cta_button) == null ? void 0 : _m.label) || ""
+  ))))), /* @__PURE__ */ React48.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden bg-fg-primary" }, /* @__PURE__ */ React48.createElement("div", { className: "flex gap-0" }, ((_n = props == null ? void 0 : props.cta_button) == null ? void 0 : _n.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React48.createElement(
     Button2,
     {
       href: ctaUrls.secondaryHref,
@@ -17579,38 +17916,38 @@ function HeaderNavigation3({
       className: "flex-1 font-body text-sm uppercase tracking-wide py-4 rounded-none border-r border-white/20"
     },
     props.cta_button.label
-  ), /* @__PURE__ */ React44.createElement(
+  ), /* @__PURE__ */ React48.createElement(
     Button2,
     {
       href: ctaUrls.primaryHref,
-      target: (_n = (_m = props == null ? void 0 : props.cta_button) == null ? void 0 : _m.target) != null ? _n : isExternalCtaUrl(ctaUrls.primaryHref) ? "_blank" : void 0,
-      rel: ((_o = props == null ? void 0 : props.cta_button) == null ? void 0 : _o.target) === "_blank" || isExternalCtaUrl(ctaUrls.primaryHref) ? "noopener noreferrer" : void 0,
+      target: (_p = (_o = props == null ? void 0 : props.cta_button) == null ? void 0 : _o.target) != null ? _p : isExternalCtaUrl(ctaUrls.primaryHref) ? "_blank" : void 0,
+      rel: ((_q = props == null ? void 0 : props.cta_button) == null ? void 0 : _q.target) === "_blank" || isExternalCtaUrl(ctaUrls.primaryHref) ? "noopener noreferrer" : void 0,
       color: "primary",
-      className: `${((_p = props == null ? void 0 : props.cta_button) == null ? void 0 : _p.secondary_label) && ctaUrls.hasSecondary ? "flex-1" : "w-full"} font-body text-sm uppercase tracking-wide py-4 rounded-none`
+      className: `${((_r = props == null ? void 0 : props.cta_button) == null ? void 0 : _r.secondary_label) && ctaUrls.hasSecondary ? "flex-1" : "w-full"} font-body text-sm uppercase tracking-wide py-4 rounded-none`
     },
-    ((_q = props == null ? void 0 : props.cta_button) == null ? void 0 : _q.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_r = props == null ? void 0 : props.cta_button) == null ? void 0 : _r.label) || "Contact"
+    ((_s = props == null ? void 0 : props.cta_button) == null ? void 0 : _s.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_t = props == null ? void 0 : props.cta_button) == null ? void 0 : _t.label) || "Contact"
   ))));
 }
 registerThemeVariant("header-navigation", "barelux", HeaderNavigation3);
 
 // src/design_system/sections/services-home.barelux.tsx
-import React45 from "react";
+import React49 from "react";
 var ServicesHome3 = ({
   services = [],
   title = "",
   subtitle = ""
 }) => {
   const displayServices = services;
-  return /* @__PURE__ */ React45.createElement("section", { className: "py-16 md:py-20 lg:py-24 bg-secondary" }, /* @__PURE__ */ React45.createElement("div", { className: "mx-auto max-w-7xl px-4 md:px-8" }, /* @__PURE__ */ React45.createElement("div", { className: "mx-auto max-w-3xl text-center mb-12" }, /* @__PURE__ */ React45.createElement("h2", { className: "font-display text-display-md font-normal text-fg-primary mb-4" }, title), /* @__PURE__ */ React45.createElement("p", { className: "font-body text-base text-secondary leading-normal" }, subtitle)), /* @__PURE__ */ React45.createElement("div", { className: "flex flex-wrap justify-center gap-6" }, displayServices.map((service) => {
+  return /* @__PURE__ */ React49.createElement("section", { className: "py-16 md:py-20 lg:py-24 bg-secondary" }, /* @__PURE__ */ React49.createElement("div", { className: "mx-auto max-w-7xl px-4 md:px-8" }, /* @__PURE__ */ React49.createElement("div", { className: "mx-auto max-w-3xl text-center mb-12" }, /* @__PURE__ */ React49.createElement("h2", { className: "font-display text-display-md font-normal text-fg-primary mb-4" }, title), /* @__PURE__ */ React49.createElement("p", { className: "font-body text-base text-secondary leading-normal" }, subtitle)), /* @__PURE__ */ React49.createElement("div", { className: "flex flex-wrap justify-center gap-6" }, displayServices.map((service) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    return /* @__PURE__ */ React45.createElement(
+    return /* @__PURE__ */ React49.createElement(
       "a",
       {
         key: service.id,
         href: `/services/${service.slug}`,
         className: "group block bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-md transition-shadow duration-300 w-full md:w-[calc(50%-0.75rem)] lg:w-[calc(25%-1.125rem)] flex flex-col"
       },
-      /* @__PURE__ */ React45.createElement("div", { className: "relative w-full h-56 overflow-hidden flex-shrink-0" }, /* @__PURE__ */ React45.createElement(
+      /* @__PURE__ */ React49.createElement("div", { className: "relative w-full h-56 overflow-hidden flex-shrink-0" }, /* @__PURE__ */ React49.createElement(
         PhotoWithFallback2,
         {
           photoUrl: ((_c = (_b = (_a = service.photo_attachments) == null ? void 0 : _a[0]) == null ? void 0 : _b.photo) == null ? void 0 : _c.large_url) || ((_f = (_e = (_d = service.photo_attachments) == null ? void 0 : _d[0]) == null ? void 0 : _e.photo) == null ? void 0 : _f.medium_url) || "",
@@ -17619,7 +17956,7 @@ var ServicesHome3 = ({
           className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
         }
       )),
-      /* @__PURE__ */ React45.createElement("div", { className: "p-6" }, /* @__PURE__ */ React45.createElement("h3", { className: "font-body text-base font-semibold uppercase tracking-wide text-fg-primary mb-3 leading-tight" }, service.name), service.summary && /* @__PURE__ */ React45.createElement("p", { className: "font-body text-sm text-tertiary leading-relaxed" }, service.summary))
+      /* @__PURE__ */ React49.createElement("div", { className: "p-6" }, /* @__PURE__ */ React49.createElement("h3", { className: "font-body text-base font-semibold uppercase tracking-wide text-fg-primary mb-3 leading-tight" }, service.name), service.summary && /* @__PURE__ */ React49.createElement("p", { className: "font-body text-sm text-tertiary leading-relaxed" }, service.summary))
     );
   }))));
 };
@@ -17669,7 +18006,7 @@ var AboutHome3 = ({
 registerThemeVariant("about-home", "barelux", AboutHome3);
 
 // src/design_system/sections/testimonials-home.barelux.tsx
-import React46 from "react";
+import React50 from "react";
 import { ChevronLeft as ChevronLeft7, ChevronRight as ChevronRight2 } from "@untitledui/icons";
 var TestimonialsHome3 = ({
   testimonials: testimonialsData,
@@ -17680,7 +18017,7 @@ var TestimonialsHome3 = ({
   emptyMessage = "No testimonials available"
 }) => {
   const testimonials = Array.isArray(testimonialsData) ? testimonialsData : [];
-  return /* @__PURE__ */ React46.createElement("section", { className: "py-16 md:py-20 lg:py-24 bg-secondary" }, /* @__PURE__ */ React46.createElement("div", { className: "mx-auto max-w-7xl px-4 md:px-8" }, /* @__PURE__ */ React46.createElement("div", { className: "mx-auto max-w-3xl text-center mb-12 md:mb-16" }, /* @__PURE__ */ React46.createElement("h2", { className: "font-display text-4xl font-medium text-fg-primary md:text-5xl mb-4" }, title), /* @__PURE__ */ React46.createElement("p", { className: "font-body text-lg text-secondary leading-normal" }, subtitle)), testimonials.length > 0 ? /* @__PURE__ */ React46.createElement(Carousel.Root, { opts: { align: "start", loop: true } }, /* @__PURE__ */ React46.createElement("div", { className: "flex items-center justify-end mb-8" }, /* @__PURE__ */ React46.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React46.createElement(Carousel.PrevTrigger, { className: "rounded-full p-2 border border-secondary hover:bg-primary_hover transition-colors disabled:opacity-30 disabled:cursor-not-allowed" }, /* @__PURE__ */ React46.createElement(ChevronLeft7, { className: "w-6 h-6 text-fg-primary" })), /* @__PURE__ */ React46.createElement(Carousel.NextTrigger, { className: "rounded-full p-2 border border-secondary hover:bg-primary_hover transition-colors disabled:opacity-30 disabled:cursor-not-allowed" }, /* @__PURE__ */ React46.createElement(ChevronRight2, { className: "w-6 h-6 text-fg-primary" })))), /* @__PURE__ */ React46.createElement(Carousel.Content, { className: "-ml-4" }, testimonials.map((testimonial, i) => {
+  return /* @__PURE__ */ React50.createElement("section", { className: "py-16 md:py-20 lg:py-24 bg-secondary" }, /* @__PURE__ */ React50.createElement("div", { className: "mx-auto max-w-7xl px-4 md:px-8" }, /* @__PURE__ */ React50.createElement("div", { className: "mx-auto max-w-3xl text-center mb-12 md:mb-16" }, /* @__PURE__ */ React50.createElement("h2", { className: "font-display text-4xl font-medium text-fg-primary md:text-5xl mb-4" }, title), /* @__PURE__ */ React50.createElement("p", { className: "font-body text-lg text-secondary leading-normal" }, subtitle)), testimonials.length > 0 ? /* @__PURE__ */ React50.createElement(Carousel.Root, { opts: { align: "start", loop: true } }, /* @__PURE__ */ React50.createElement("div", { className: "flex items-center justify-end mb-8" }, /* @__PURE__ */ React50.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React50.createElement(Carousel.PrevTrigger, { className: "rounded-full p-2 border border-secondary hover:bg-primary_hover transition-colors disabled:opacity-30 disabled:cursor-not-allowed" }, /* @__PURE__ */ React50.createElement(ChevronLeft7, { className: "w-6 h-6 text-fg-primary" })), /* @__PURE__ */ React50.createElement(Carousel.NextTrigger, { className: "rounded-full p-2 border border-secondary hover:bg-primary_hover transition-colors disabled:opacity-30 disabled:cursor-not-allowed" }, /* @__PURE__ */ React50.createElement(ChevronRight2, { className: "w-6 h-6 text-fg-primary" })))), /* @__PURE__ */ React50.createElement(Carousel.Content, { className: "-ml-4" }, testimonials.map((testimonial, i) => {
     var _a;
     const quote = ((_a = testimonial.content_markdown) == null ? void 0 : _a.replace(/[#*\[\]()]/g, "").trim()) || "";
     const reviewerName = testimonial.reviewer_name || "";
@@ -17688,7 +18025,7 @@ var TestimonialsHome3 = ({
     const avatarUrl = getAvatarUrl(testimonial.photo_attachments, testimonial.id, reviewerName);
     const rating = testimonial.rating || 5;
     const isVerified = true;
-    return /* @__PURE__ */ React46.createElement(Carousel.Item, { key: testimonial.id || i, className: "pl-4 md:basis-1/2 lg:basis-1/3" }, /* @__PURE__ */ React46.createElement("div", { className: "bg-white rounded-2xl p-8 flex flex-col shadow-sm", style: { minHeight: "400px" } }, /* @__PURE__ */ React46.createElement("div", { className: "flex gap-1 mb-6" }, Array.from({ length: 5 }).map((_, starIdx) => /* @__PURE__ */ React46.createElement(
+    return /* @__PURE__ */ React50.createElement(Carousel.Item, { key: testimonial.id || i, className: "pl-4 md:basis-1/2 lg:basis-1/3" }, /* @__PURE__ */ React50.createElement("div", { className: "bg-white rounded-2xl p-8 flex flex-col shadow-sm", style: { minHeight: "400px" } }, /* @__PURE__ */ React50.createElement("div", { className: "flex gap-1 mb-6" }, Array.from({ length: 5 }).map((_, starIdx) => /* @__PURE__ */ React50.createElement(
       "svg",
       {
         key: starIdx,
@@ -17700,8 +18037,8 @@ var TestimonialsHome3 = ({
         strokeWidth: "2",
         viewBox: "0 0 24 24"
       },
-      /* @__PURE__ */ React46.createElement("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
-    ))), /* @__PURE__ */ React46.createElement("p", { className: "font-body text-base leading-relaxed text-tertiary mb-6 flex-grow" }, '"', quote, '"'), /* @__PURE__ */ React46.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React46.createElement("div", { className: "w-12 h-12 rounded-full overflow-hidden flex-shrink-0" }, /* @__PURE__ */ React46.createElement(
+      /* @__PURE__ */ React50.createElement("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
+    ))), /* @__PURE__ */ React50.createElement("p", { className: "font-body text-base leading-relaxed text-tertiary mb-6 flex-grow" }, '"', quote, '"'), /* @__PURE__ */ React50.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React50.createElement("div", { className: "w-12 h-12 rounded-full overflow-hidden flex-shrink-0" }, /* @__PURE__ */ React50.createElement(
       PhotoWithFallback2,
       {
         photoUrl: avatarUrl,
@@ -17709,8 +18046,8 @@ var TestimonialsHome3 = ({
         fallbackId: testimonial.id || i,
         className: "w-full h-full object-cover"
       }
-    )), /* @__PURE__ */ React46.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React46.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React46.createElement("p", { className: "font-body text-sm font-medium text-fg-primary" }, reviewerName), isVerified && /* @__PURE__ */ React46.createElement("svg", { className: "w-4 h-4 text-fg-primary", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React46.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", clipRule: "evenodd" }))), /* @__PURE__ */ React46.createElement("p", { className: "font-body text-xs", style: { color: "var(--color-text-brand-secondary)" } }, username)))));
-  }))) : /* @__PURE__ */ React46.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React46.createElement("p", { className: "font-body text-base text-tertiary" }, emptyMessage)), testimonials.length > 0 && viewAllText && /* @__PURE__ */ React46.createElement("div", { className: "mt-12 text-center" }, /* @__PURE__ */ React46.createElement(
+    )), /* @__PURE__ */ React50.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React50.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React50.createElement("p", { className: "font-body text-sm font-medium text-fg-primary" }, reviewerName), isVerified && /* @__PURE__ */ React50.createElement("svg", { className: "w-4 h-4 text-fg-primary", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React50.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", clipRule: "evenodd" }))), /* @__PURE__ */ React50.createElement("p", { className: "font-body text-xs", style: { color: "var(--color-text-brand-secondary)" } }, username)))));
+  }))) : /* @__PURE__ */ React50.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React50.createElement("p", { className: "font-body text-base text-tertiary" }, emptyMessage)), testimonials.length > 0 && viewAllText && /* @__PURE__ */ React50.createElement("div", { className: "mt-12 text-center" }, /* @__PURE__ */ React50.createElement(
     Button2,
     {
       href: viewAllHref,
@@ -17723,7 +18060,7 @@ var TestimonialsHome3 = ({
 registerThemeVariant("testimonials-home", "barelux", TestimonialsHome3);
 
 // src/design_system/sections/blog-section.barelux.tsx
-import React47 from "react";
+import React51 from "react";
 import { ChevronLeft as ChevronLeft8, ChevronRight as ChevronRight3 } from "@untitledui/icons";
 var BlogSection3 = ({
   blogPosts: postsData,
@@ -17748,18 +18085,18 @@ var BlogSection3 = ({
       return recentLabel;
     }
   };
-  return /* @__PURE__ */ React47.createElement("section", { className: "py-16 md:py-20 lg:py-24 bg-primary" }, /* @__PURE__ */ React47.createElement("div", { className: "mx-auto max-w-7xl px-4 md:px-8" }, /* @__PURE__ */ React47.createElement("div", { className: "mx-auto max-w-3xl text-center mb-12 md:mb-16" }, /* @__PURE__ */ React47.createElement("h2", { className: "font-display text-4xl font-medium text-fg-primary md:text-5xl mb-4" }, title), /* @__PURE__ */ React47.createElement("p", { className: "font-body text-lg text-secondary leading-normal" }, subtitle)), postsArray.length > 0 ? /* @__PURE__ */ React47.createElement(Carousel.Root, { opts: { align: "start", loop: true } }, /* @__PURE__ */ React47.createElement("div", { className: "flex items-center justify-end mb-8" }, /* @__PURE__ */ React47.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React47.createElement(Carousel.PrevTrigger, { className: "rounded-full p-2 border border-secondary hover:bg-primary_hover transition-colors disabled:opacity-30 disabled:cursor-not-allowed" }, /* @__PURE__ */ React47.createElement(ChevronLeft8, { className: "w-6 h-6 text-fg-primary" })), /* @__PURE__ */ React47.createElement(Carousel.NextTrigger, { className: "rounded-full p-2 border border-secondary hover:bg-primary_hover transition-colors disabled:opacity-30 disabled:cursor-not-allowed" }, /* @__PURE__ */ React47.createElement(ChevronRight3, { className: "w-6 h-6 text-fg-primary" })))), /* @__PURE__ */ React47.createElement(Carousel.Content, { className: "-ml-4" }, postsArray.map((post) => {
+  return /* @__PURE__ */ React51.createElement("section", { className: "py-16 md:py-20 lg:py-24 bg-primary" }, /* @__PURE__ */ React51.createElement("div", { className: "mx-auto max-w-7xl px-4 md:px-8" }, /* @__PURE__ */ React51.createElement("div", { className: "mx-auto max-w-3xl text-center mb-12 md:mb-16" }, /* @__PURE__ */ React51.createElement("h2", { className: "font-display text-4xl font-medium text-fg-primary md:text-5xl mb-4" }, title), /* @__PURE__ */ React51.createElement("p", { className: "font-body text-lg text-secondary leading-normal" }, subtitle)), postsArray.length > 0 ? /* @__PURE__ */ React51.createElement(Carousel.Root, { opts: { align: "start", loop: true } }, /* @__PURE__ */ React51.createElement("div", { className: "flex items-center justify-end mb-8" }, /* @__PURE__ */ React51.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React51.createElement(Carousel.PrevTrigger, { className: "rounded-full p-2 border border-secondary hover:bg-primary_hover transition-colors disabled:opacity-30 disabled:cursor-not-allowed" }, /* @__PURE__ */ React51.createElement(ChevronLeft8, { className: "w-6 h-6 text-fg-primary" })), /* @__PURE__ */ React51.createElement(Carousel.NextTrigger, { className: "rounded-full p-2 border border-secondary hover:bg-primary_hover transition-colors disabled:opacity-30 disabled:cursor-not-allowed" }, /* @__PURE__ */ React51.createElement(ChevronRight3, { className: "w-6 h-6 text-fg-primary" })))), /* @__PURE__ */ React51.createElement(Carousel.Content, { className: "-ml-4" }, postsArray.map((post) => {
     var _a;
     const excerpt = ((_a = post.content_markdown) == null ? void 0 : _a.replace(/[#*\[\]()]/g, "").trim().substring(0, 150)) || "";
-    return /* @__PURE__ */ React47.createElement(Carousel.Item, { key: post.id, className: "pl-4 md:basis-1/2 lg:basis-1/3" }, /* @__PURE__ */ React47.createElement("a", { href: `/blog/${post.slug}`, className: "flex flex-col group" }, /* @__PURE__ */ React47.createElement("div", { className: "w-full h-64 mb-6 overflow-hidden rounded-2xl" }, /* @__PURE__ */ React47.createElement(
+    return /* @__PURE__ */ React51.createElement(Carousel.Item, { key: post.id, className: "pl-4 md:basis-1/2 lg:basis-1/3" }, /* @__PURE__ */ React51.createElement("a", { href: `/blog/${post.slug}`, className: "flex flex-col group" }, /* @__PURE__ */ React51.createElement("div", { className: "w-full h-64 mb-6 overflow-hidden rounded-2xl" }, /* @__PURE__ */ React51.createElement(
       PhotoWithFallback2,
       {
         item: post,
         fallbackId: post.id,
         className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
       }
-    )), /* @__PURE__ */ React47.createElement("p", { className: "text-xs font-body font-normal uppercase tracking-widest mb-2", style: { color: "var(--color-text-brand-secondary)" } }, formatDate4(post.published_at)), /* @__PURE__ */ React47.createElement("h3", { className: "font-display text-2xl font-normal text-fg-primary mb-4 group-hover:underline line-clamp-2" }, post.title), excerpt && /* @__PURE__ */ React47.createElement("p", { className: "font-body text-base leading-relaxed text-tertiary mb-4 line-clamp-3" }, excerpt)));
-  }))) : /* @__PURE__ */ React47.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React47.createElement("p", { className: "font-body text-base text-tertiary" }, emptyMessage)), postsArray.length > 0 && viewAllText && /* @__PURE__ */ React47.createElement("div", { className: "mt-12 text-center" }, /* @__PURE__ */ React47.createElement(
+    )), /* @__PURE__ */ React51.createElement("p", { className: "text-xs font-body font-normal uppercase tracking-widest mb-2", style: { color: "var(--color-text-brand-secondary)" } }, formatDate4(post.published_at)), /* @__PURE__ */ React51.createElement("h3", { className: "font-display text-2xl font-normal text-fg-primary mb-4 group-hover:underline line-clamp-2" }, post.title), excerpt && /* @__PURE__ */ React51.createElement("p", { className: "font-body text-base leading-relaxed text-tertiary mb-4 line-clamp-3" }, excerpt)));
+  }))) : /* @__PURE__ */ React51.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React51.createElement("p", { className: "font-body text-base text-tertiary" }, emptyMessage)), postsArray.length > 0 && viewAllText && /* @__PURE__ */ React51.createElement("div", { className: "mt-12 text-center" }, /* @__PURE__ */ React51.createElement(
     Button2,
     {
       href: viewAllHref,
@@ -17772,7 +18109,7 @@ var BlogSection3 = ({
 registerThemeVariant("blog-section", "barelux", BlogSection3);
 
 // src/design_system/sections/blog-gallery.barelux.tsx
-import React48, { useState as useState24 } from "react";
+import React52, { useState as useState24 } from "react";
 var BlogGallery3 = ({
   blogPosts: postsData,
   postsPerPage = 12,
@@ -17790,13 +18127,13 @@ var BlogGallery3 = ({
   const startIndex = (currentPage - 1) * postsPerPage;
   const endIndex = startIndex + postsPerPage;
   const paginatedNonFeaturedPosts = nonFeaturedPosts.slice(startIndex, endIndex);
-  return /* @__PURE__ */ React48.createElement("section", { className: `py-16 md:py-20 lg:py-24 bg-primary ${className}` }, /* @__PURE__ */ React48.createElement("div", { className: "mx-auto max-w-7xl px-4 md:px-8" }, /* @__PURE__ */ React48.createElement("div", { className: "mx-auto max-w-3xl text-center mb-12 md:mb-16" }, /* @__PURE__ */ React48.createElement("h1", { className: "font-display text-4xl font-medium text-fg-primary md:text-5xl mb-4" }, title), /* @__PURE__ */ React48.createElement("p", { className: "font-body text-lg text-secondary leading-normal" }, subtitle)), posts.length > 0 ? /* @__PURE__ */ React48.createElement(React48.Fragment, null, featuredPost && /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React52.createElement("section", { className: `py-16 md:py-20 lg:py-24 bg-primary ${className}` }, /* @__PURE__ */ React52.createElement("div", { className: "mx-auto max-w-7xl px-4 md:px-8" }, /* @__PURE__ */ React52.createElement("div", { className: "mx-auto max-w-3xl text-center mb-12 md:mb-16" }, /* @__PURE__ */ React52.createElement("h1", { className: "font-display text-4xl font-medium text-fg-primary md:text-5xl mb-4" }, title), /* @__PURE__ */ React52.createElement("p", { className: "font-body text-lg text-secondary leading-normal" }, subtitle)), posts.length > 0 ? /* @__PURE__ */ React52.createElement(React52.Fragment, null, featuredPost && /* @__PURE__ */ React52.createElement(
     "a",
     {
       href: `/blog/${featuredPost.slug}`,
       className: "block mb-16 group"
     },
-    /* @__PURE__ */ React48.createElement("div", { className: "w-full h-96 md:h-[500px] mb-8 overflow-hidden rounded-2xl" }, /* @__PURE__ */ React48.createElement(
+    /* @__PURE__ */ React52.createElement("div", { className: "w-full h-96 md:h-[500px] mb-8 overflow-hidden rounded-2xl" }, /* @__PURE__ */ React52.createElement(
       PhotoWithFallback2,
       {
         item: featuredPost,
@@ -17804,19 +18141,19 @@ var BlogGallery3 = ({
         className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
       }
     )),
-    /* @__PURE__ */ React48.createElement("div", { className: "max-w-3xl" }, /* @__PURE__ */ React48.createElement("p", { className: "text-xs font-body font-normal uppercase tracking-widest mb-4", style: { color: "var(--color-text-brand-secondary)" } }, featuredPost.published_at ? new Date(featuredPost.published_at).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : recentLabel), /* @__PURE__ */ React48.createElement("h2", { className: "font-display text-3xl md:text-4xl font-normal text-fg-primary mb-6 group-hover:underline" }, featuredPost.title), featuredPost.excerpt_markdown && /* @__PURE__ */ React48.createElement("p", { className: "font-body text-lg leading-relaxed text-tertiary" }, featuredPost.excerpt_markdown.replace(/[#*\[\]()]/g, "").trim()))
-  ), paginatedNonFeaturedPosts.length > 0 && /* @__PURE__ */ React48.createElement("div", { className: "grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-3 mb-16" }, paginatedNonFeaturedPosts.map((post) => {
+    /* @__PURE__ */ React52.createElement("div", { className: "max-w-3xl" }, /* @__PURE__ */ React52.createElement("p", { className: "text-xs font-body font-normal uppercase tracking-widest mb-4", style: { color: "var(--color-text-brand-secondary)" } }, featuredPost.published_at ? new Date(featuredPost.published_at).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : recentLabel), /* @__PURE__ */ React52.createElement("h2", { className: "font-display text-3xl md:text-4xl font-normal text-fg-primary mb-6 group-hover:underline" }, featuredPost.title), featuredPost.excerpt_markdown && /* @__PURE__ */ React52.createElement("p", { className: "font-body text-lg leading-relaxed text-tertiary" }, featuredPost.excerpt_markdown.replace(/[#*\[\]()]/g, "").trim()))
+  ), paginatedNonFeaturedPosts.length > 0 && /* @__PURE__ */ React52.createElement("div", { className: "grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-3 mb-16" }, paginatedNonFeaturedPosts.map((post) => {
     var _a;
     const excerpt = post.excerpt_markdown || ((_a = post.content_markdown) == null ? void 0 : _a.replace(/[#*\[\]()]/g, "").trim().substring(0, 150)) || "";
-    return /* @__PURE__ */ React48.createElement("a", { key: post.id, href: `/blog/${post.slug}`, className: "flex flex-col group" }, /* @__PURE__ */ React48.createElement("div", { className: "w-full h-64 mb-6 overflow-hidden rounded-2xl" }, /* @__PURE__ */ React48.createElement(
+    return /* @__PURE__ */ React52.createElement("a", { key: post.id, href: `/blog/${post.slug}`, className: "flex flex-col group" }, /* @__PURE__ */ React52.createElement("div", { className: "w-full h-64 mb-6 overflow-hidden rounded-2xl" }, /* @__PURE__ */ React52.createElement(
       PhotoWithFallback2,
       {
         item: post,
         fallbackId: post.id,
         className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
       }
-    )), /* @__PURE__ */ React48.createElement("p", { className: "text-xs font-body font-normal uppercase tracking-widest mb-2", style: { color: "var(--color-text-brand-secondary)" } }, post.published_at ? new Date(post.published_at).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : recentLabel), /* @__PURE__ */ React48.createElement("h3", { className: "font-display text-2xl font-normal text-fg-primary mb-4 group-hover:underline line-clamp-2" }, post.title), excerpt && /* @__PURE__ */ React48.createElement("p", { className: "font-body text-base leading-relaxed text-tertiary mb-4 flex-grow line-clamp-3" }, excerpt));
-  })), totalPages > 1 && /* @__PURE__ */ React48.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React48.createElement(
+    )), /* @__PURE__ */ React52.createElement("p", { className: "text-xs font-body font-normal uppercase tracking-widest mb-2", style: { color: "var(--color-text-brand-secondary)" } }, post.published_at ? new Date(post.published_at).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : recentLabel), /* @__PURE__ */ React52.createElement("h3", { className: "font-display text-2xl font-normal text-fg-primary mb-4 group-hover:underline line-clamp-2" }, post.title), excerpt && /* @__PURE__ */ React52.createElement("p", { className: "font-body text-base leading-relaxed text-tertiary mb-4 flex-grow line-clamp-3" }, excerpt));
+  })), totalPages > 1 && /* @__PURE__ */ React52.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React52.createElement(
     PaginationPageDefault2,
     {
       rounded: true,
@@ -17824,23 +18161,27 @@ var BlogGallery3 = ({
       total: totalPages,
       onPageChange: setCurrentPage
     }
-  ))) : /* @__PURE__ */ React48.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React48.createElement("p", { className: "font-body text-base text-tertiary" }, emptyMessage))));
+  ))) : /* @__PURE__ */ React52.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React52.createElement("p", { className: "font-body text-base text-tertiary" }, emptyMessage))));
 };
 registerThemeVariant("blog-gallery", "barelux", BlogGallery3);
 
 // src/design_system/sections/social-media-grid.barelux.tsx
 function getPostImageUrls3(post) {
-  var _a;
-  if ((_a = post.image_urls) == null ? void 0 : _a.length) return post.image_urls;
+  var _a, _b;
+  const videoSet = ((_a = post.video_urls) == null ? void 0 : _a.length) ? new Set(post.video_urls) : null;
+  const isVideo = (url) => isVideoUrl(url) || videoSet !== null && videoSet.has(url);
+  if ((_b = post.image_urls) == null ? void 0 : _b.length) {
+    return post.image_urls.filter((url) => !isVideo(url));
+  }
   const attachments = post.photo_attachments || [];
   const sorted = [...attachments].sort((a, b) => {
-    var _a2, _b;
-    return ((_a2 = a.sort_order) != null ? _a2 : 0) - ((_b = b.sort_order) != null ? _b : 0);
+    var _a2, _b2;
+    return ((_a2 = a.sort_order) != null ? _a2 : 0) - ((_b2 = b.sort_order) != null ? _b2 : 0);
   });
   return sorted.map((pa) => {
-    var _a2, _b, _c, _d;
-    return ((_a2 = pa.photo) == null ? void 0 : _a2.large_url) || ((_b = pa.photo) == null ? void 0 : _b.original_url) || ((_c = pa.photo) == null ? void 0 : _c.medium_url) || ((_d = pa.photo) == null ? void 0 : _d.thumbnail_url);
-  }).filter((url) => Boolean(url));
+    var _a2, _b2, _c, _d;
+    return ((_a2 = pa.photo) == null ? void 0 : _a2.large_url) || ((_b2 = pa.photo) == null ? void 0 : _b2.original_url) || ((_c = pa.photo) == null ? void 0 : _c.medium_url) || ((_d = pa.photo) == null ? void 0 : _d.thumbnail_url);
+  }).filter((url) => Boolean(url)).filter((url) => !isVideo(url));
 }
 var formatDate3 = (dateString, recentLabel = "Recent") => {
   if (!dateString) return recentLabel;
@@ -17915,23 +18256,25 @@ var SocialMediaGrid3 = ({
 registerThemeVariant("social-media-grid", "barelux", SocialMediaGrid3);
 
 // src/design_system/sections/contact-section.barelux.tsx
-import React50 from "react";
+import React54 from "react";
 
 // src/design_system/sections/contact-section-form.barelux.tsx
-import React49, { useRef as useRef14, useState as useState25 } from "react";
+import React53, { useRef as useRef15, useState as useState25 } from "react";
 var ContactSectionForm3 = ({
   formDefinition,
   submitButtonText = "Send message",
   successMessage = "Thank you for contacting us! We'll get back to you soon.",
   thankYouMessage,
-  onSuccess
+  onSuccess,
+  privacyPolicyUrl,
+  termsOfServiceUrl
 }) => {
   const { leadFormDefinition } = useFormDefinitions();
   const resolvedFormDefinition = formDefinition != null ? formDefinition : leadFormDefinition;
   const [isSubmitting, setIsSubmitting] = useState25(false);
   const [submitStatus, setSubmitStatus] = useState25("idle");
   const [statusMessage, setStatusMessage] = useState25("");
-  const formRef = useRef14(null);
+  const formRef = useRef15(null);
   const hasFields = resolvedFormDefinition != null && Array.isArray(resolvedFormDefinition.fields) && resolvedFormDefinition.fields.length > 0;
   const handleSubmit = async (e) => {
     var _a;
@@ -17942,7 +18285,8 @@ var ContactSectionForm3 = ({
     const formData = new FormData(e.currentTarget);
     const data = { formType: "lead" };
     formData.forEach((value, key) => {
-      if (key !== "privacy" && typeof value === "string") data[key] = value;
+      if (key.endsWith("_prefix")) return;
+      if (typeof value === "string") data[key] = value;
     });
     try {
       const response = await fetch("/api/form/", {
@@ -17969,7 +18313,14 @@ var ContactSectionForm3 = ({
     setIsSubmitting(false);
   };
   if (!hasFields) return null;
-  return /* @__PURE__ */ React49.createElement(Form2, { ref: formRef, onSubmit: handleSubmit, className: "flex flex-col gap-6" }, /* @__PURE__ */ React49.createElement(DynamicFormFields, { form: resolvedFormDefinition }), /* @__PURE__ */ React49.createElement(
+  return /* @__PURE__ */ React53.createElement(Form2, { ref: formRef, onSubmit: handleSubmit, className: "flex flex-col gap-6" }, /* @__PURE__ */ React53.createElement(
+    DynamicFormFields,
+    {
+      form: resolvedFormDefinition,
+      privacyPolicyUrl,
+      termsOfServiceUrl
+    }
+  ), /* @__PURE__ */ React53.createElement(
     Button2,
     {
       type: "submit",
@@ -17980,21 +18331,38 @@ var ContactSectionForm3 = ({
       isLoading: isSubmitting
     },
     submitStatus === "success" ? successMessage.split("!")[0] + "!" : isSubmitting ? "Sending..." : submitButtonText
-  ), submitStatus === "success" && /* @__PURE__ */ React49.createElement("div", { className: "font-body text-sm text-center", style: { color: "var(--color-text-brand-accent)" } }, thankYouMessage != null ? thankYouMessage : statusMessage), submitStatus === "error" && /* @__PURE__ */ React49.createElement("div", { className: "rounded-lg bg-error-50 p-4 text-error-700 font-body text-sm text-center" }, statusMessage));
+  ), submitStatus === "success" && /* @__PURE__ */ React53.createElement("div", { className: "font-body text-sm text-center", style: { color: "var(--color-text-brand-accent)" } }, thankYouMessage != null ? thankYouMessage : statusMessage), submitStatus === "error" && /* @__PURE__ */ React53.createElement("div", { className: "rounded-lg bg-error-50 p-4 text-error-700 font-body text-sm text-center" }, statusMessage));
 };
 
 // src/design_system/sections/contact-section.barelux.tsx
+function getLegalUrlsFromConfig3(config) {
+  var _a, _b, _c;
+  if (!((_a = config == null ? void 0 : config.navigation) == null ? void 0 : _a.footer)) return {};
+  const flat = config.navigation.footer.flat();
+  const privacy = (_b = flat.find((l) => l.label === "Privacy Policy")) == null ? void 0 : _b.href;
+  const terms = (_c = flat.find((l) => l.label === "Terms of Service")) == null ? void 0 : _c.href;
+  return { privacyPolicyUrl: privacy, termsOfServiceUrl: terms };
+}
 var ContactSection3 = ({
   websitePhotos,
   title = "",
   subtitle = "",
-  formDefinition
+  formDefinition,
+  config
 }) => {
+  const { privacyPolicyUrl, termsOfServiceUrl } = getLegalUrlsFromConfig3(config);
   const contactPhoto = websitePhotos == null ? void 0 : websitePhotos.contact;
   const contactImageUrl = contactPhoto == null ? void 0 : contactPhoto.url;
   const finalContactImage = contactImageUrl && contactImageUrl.trim() !== "" ? contactImageUrl : void 0;
   const finalContactImageAlt = (contactPhoto == null ? void 0 : contactPhoto.alt) || "Contact image";
-  return /* @__PURE__ */ React50.createElement("section", { className: "py-16 md:py-20 lg:py-24 bg-primary" }, /* @__PURE__ */ React50.createElement("div", { className: "mx-auto max-w-7xl px-4 md:px-8" }, /* @__PURE__ */ React50.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16" }, /* @__PURE__ */ React50.createElement("div", null, /* @__PURE__ */ React50.createElement("h2", { className: "font-display text-4xl font-medium text-fg-primary md:text-5xl mb-6" }, title), /* @__PURE__ */ React50.createElement("p", { className: "font-body text-lg text-secondary leading-relaxed mb-8" }, subtitle), /* @__PURE__ */ React50.createElement(ContactSectionForm3, { formDefinition })), finalContactImage && /* @__PURE__ */ React50.createElement("div", { className: "max-lg:hidden relative h-full min-h-0 overflow-hidden rounded-lg" }, /* @__PURE__ */ React50.createElement(
+  return /* @__PURE__ */ React54.createElement("section", { className: "py-16 md:py-20 lg:py-24 bg-primary" }, /* @__PURE__ */ React54.createElement("div", { className: "mx-auto max-w-7xl px-4 md:px-8" }, /* @__PURE__ */ React54.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16" }, /* @__PURE__ */ React54.createElement("div", null, /* @__PURE__ */ React54.createElement("h2", { className: "font-display text-4xl font-medium text-fg-primary md:text-5xl mb-6" }, title), /* @__PURE__ */ React54.createElement("p", { className: "font-body text-lg text-secondary leading-relaxed mb-8" }, subtitle), /* @__PURE__ */ React54.createElement(
+    ContactSectionForm3,
+    {
+      formDefinition,
+      privacyPolicyUrl,
+      termsOfServiceUrl
+    }
+  )), finalContactImage && /* @__PURE__ */ React54.createElement("div", { className: "max-lg:hidden relative h-full min-h-0 overflow-hidden rounded-lg" }, /* @__PURE__ */ React54.createElement(
     PhotoWithFallback2,
     {
       photoUrl: finalContactImage,
@@ -18059,7 +18427,7 @@ registerThemeVariant("footer-home", "barelux", FooterHome3);
 
 // src/design_system/sections/hero-home.balance.tsx
 import { Fragment as Fragment7, useState as useState26 } from "react";
-import React51 from "react";
+import React55 from "react";
 var HeroHome4 = ({
   websitePhotos,
   companyInformation,
@@ -18077,7 +18445,7 @@ var HeroHome4 = ({
     url: ((_b = websitePhotos == null ? void 0 : websitePhotos.hero) == null ? void 0 : _b.url) || "",
     alt: ((_c = websitePhotos == null ? void 0 : websitePhotos.hero) == null ? void 0 : _c.alt) || "Hero image"
   };
-  return /* @__PURE__ */ React51.createElement(Fragment7, null, /* @__PURE__ */ React51.createElement("section", { className: "bg-primary py-20 md:py-28" }, /* @__PURE__ */ React51.createElement("div", { className: "mx-auto max-w-4xl px-4 text-center md:px-8" }, /* @__PURE__ */ React51.createElement("h1", { className: "font-display text-5xl font-normal leading-tight text-fg-primary md:text-6xl lg:text-7xl" }, headline), /* @__PURE__ */ React51.createElement("p", { className: "mt-6 font-body text-lg leading-relaxed text-secondary md:text-xl max-w-3xl mx-auto" }, subhead), ctaText && /* @__PURE__ */ React51.createElement("div", { className: "mt-10" }, /* @__PURE__ */ React51.createElement(
+  return /* @__PURE__ */ React55.createElement(Fragment7, null, /* @__PURE__ */ React55.createElement("section", { className: "bg-primary py-20 md:py-28" }, /* @__PURE__ */ React55.createElement("div", { className: "mx-auto max-w-4xl px-4 text-center md:px-8" }, /* @__PURE__ */ React55.createElement("h1", { className: "font-display text-5xl font-normal leading-tight text-fg-primary md:text-6xl lg:text-7xl" }, headline), /* @__PURE__ */ React55.createElement("p", { className: "mt-6 font-body text-lg leading-relaxed text-secondary md:text-xl max-w-3xl mx-auto" }, subhead), ctaText && /* @__PURE__ */ React55.createElement("div", { className: "mt-10" }, /* @__PURE__ */ React55.createElement(
     Button2,
     {
       as: "a",
@@ -18089,7 +18457,7 @@ var HeroHome4 = ({
       className: "font-body font-medium"
     },
     ctaText
-  )))), /* @__PURE__ */ React51.createElement("section", { className: "bg-primary" }, /* @__PURE__ */ React51.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8 pb-16 md:pb-24" }, /* @__PURE__ */ React51.createElement("div", { className: "relative w-full h-[450px] md:h-[550px] lg:h-[650px] overflow-hidden" }, /* @__PURE__ */ React51.createElement(
+  )))), /* @__PURE__ */ React55.createElement("section", { className: "bg-primary" }, /* @__PURE__ */ React55.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8 pb-16 md:pb-24" }, /* @__PURE__ */ React55.createElement("div", { className: "relative w-full h-[450px] md:h-[550px] lg:h-[650px] overflow-hidden" }, /* @__PURE__ */ React55.createElement(
     PhotoWithFallback2,
     {
       photoUrl: heroImage.url,
@@ -18097,7 +18465,7 @@ var HeroHome4 = ({
       fallbackId: "hero-home-balance",
       className: "w-full h-full object-cover"
     }
-  ), videoUrl && /* @__PURE__ */ React51.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React51.createElement(VideoPlayButton, { onClick: () => setShowVideo(true) }))))), videoUrl && /* @__PURE__ */ React51.createElement(
+  ), videoUrl && /* @__PURE__ */ React55.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React55.createElement(VideoPlayButton, { onClick: () => setShowVideo(true) }))))), videoUrl && /* @__PURE__ */ React55.createElement(
     VideoModal,
     {
       isOpen: showVideo,
@@ -18109,7 +18477,7 @@ var HeroHome4 = ({
 registerThemeVariant("hero-home", "balance", HeroHome4);
 
 // src/design_system/sections/header-navigation.balance.tsx
-import React52, { useState as useState27, useRef as useRef15, useCallback as useCallback9 } from "react";
+import React56, { useState as useState27, useRef as useRef16, useCallback as useCallback9 } from "react";
 import Link10 from "next/link";
 import Image13 from "next/image";
 function HeaderNavigation4({
@@ -18121,11 +18489,11 @@ function HeaderNavigation4({
   companyInformation,
   websitePhotos
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
   const [activeDropdown, setActiveDropdown] = useState27(null);
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState27(false);
-  const closeTimeoutRef = useRef15(null);
-  React52.useEffect(() => {
+  const closeTimeoutRef = useRef16(null);
+  React56.useEffect(() => {
     return () => {
       if (closeTimeoutRef.current) {
         clearTimeout(closeTimeoutRef.current);
@@ -18163,7 +18531,7 @@ function HeaderNavigation4({
   const handleDropdownMouseLeave = useCallback9(() => {
     handleMouseLeave();
   }, [handleMouseLeave]);
-  return /* @__PURE__ */ React52.createElement(React52.Fragment, null, /* @__PURE__ */ React52.createElement("header", { className: "hidden md:block sticky top-0 z-50 bg-primary", style: { borderBottom: "3px solid rgb(217, 191, 168)" } }, /* @__PURE__ */ React52.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React52.createElement("div", { className: "relative flex items-center justify-between py-5" }, /* @__PURE__ */ React52.createElement(Link10, { href: "/", className: "flex items-center z-10" }, logoUrl ? /* @__PURE__ */ React52.createElement(
+  return /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement("header", { className: "hidden md:block sticky top-0 z-50 bg-primary", style: { borderBottom: "3px solid rgb(217, 191, 168)" } }, /* @__PURE__ */ React56.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React56.createElement("div", { className: "relative flex items-center justify-between py-5" }, /* @__PURE__ */ React56.createElement(Link10, { href: ((_d = props == null ? void 0 : props.logo) == null ? void 0 : _d.href) || "/", className: "flex items-center z-10" }, logoUrl ? /* @__PURE__ */ React56.createElement(
     Image13,
     {
       src: logoUrl,
@@ -18172,7 +18540,7 @@ function HeaderNavigation4({
       width: 180,
       height: 48
     }
-  ) : /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React52.createElement("span", { className: "font-display text-2xl font-normal", style: { color: "rgb(148, 102, 76)" } }, companyName), /* @__PURE__ */ React52.createElement("span", { className: "font-body text-xs tracking-widest uppercase", style: { color: "rgb(148, 102, 76)", opacity: 0.7 } }, "Concierge Cosmetic Injections"))), /* @__PURE__ */ React52.createElement("nav", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 flex items-center gap-1" }, navigation.map((item) => /* @__PURE__ */ React52.createElement(
+  ) : /* @__PURE__ */ React56.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React56.createElement("span", { className: "font-display text-2xl font-normal", style: { color: "rgb(148, 102, 76)" } }, companyName), /* @__PURE__ */ React56.createElement("span", { className: "font-body text-xs tracking-widest uppercase", style: { color: "rgb(148, 102, 76)", opacity: 0.7 } }, "Concierge Cosmetic Injections"))), /* @__PURE__ */ React56.createElement("nav", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 flex items-center gap-1" }, navigation.map((item) => /* @__PURE__ */ React56.createElement(
     "div",
     {
       key: item.label,
@@ -18180,7 +18548,7 @@ function HeaderNavigation4({
       onMouseEnter: () => handleMouseEnter(item),
       onMouseLeave: handleMouseLeave
     },
-    item.href ? /* @__PURE__ */ React52.createElement(
+    item.href ? /* @__PURE__ */ React56.createElement(
       Link10,
       {
         href: item.href,
@@ -18188,15 +18556,15 @@ function HeaderNavigation4({
         style: { color: "rgb(170, 143, 123)" }
       },
       item.label
-    ) : /* @__PURE__ */ React52.createElement("span", { className: "font-display text-xl font-semibold px-5 py-2 cursor-pointer", style: { color: "rgb(170, 143, 123)" } }, item.label),
-    item.children && item.children.length > 0 && activeDropdown === item.label && /* @__PURE__ */ React52.createElement(
+    ) : /* @__PURE__ */ React56.createElement("span", { className: "font-display text-xl font-semibold px-5 py-2 cursor-pointer", style: { color: "rgb(170, 143, 123)" } }, item.label),
+    item.children && item.children.length > 0 && activeDropdown === item.label && /* @__PURE__ */ React56.createElement(
       "div",
       {
         className: "absolute left-0 top-full pt-2",
         onMouseEnter: handleDropdownMouseEnter,
         onMouseLeave: handleDropdownMouseLeave
       },
-      /* @__PURE__ */ React52.createElement("div", { className: "balance-dropdown-panel bg-primary border border-secondary shadow-md min-w-48 py-2" }, item.children.map((child) => /* @__PURE__ */ React52.createElement(
+      /* @__PURE__ */ React56.createElement("div", { className: "balance-dropdown-panel bg-primary border border-secondary shadow-md min-w-48 py-2" }, item.children.map((child) => /* @__PURE__ */ React56.createElement(
         Link10,
         {
           key: child.href,
@@ -18207,7 +18575,7 @@ function HeaderNavigation4({
         child.label
       )))
     )
-  ))), /* @__PURE__ */ React52.createElement("div", { className: "flex items-center gap-3 flex-shrink-0 z-10" }, ((_d = props == null ? void 0 : props.cta_button) == null ? void 0 : _d.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React52.createElement(
+  ))), /* @__PURE__ */ React56.createElement("div", { className: "flex items-center gap-3 flex-shrink-0 z-10" }, ((_e = props == null ? void 0 : props.cta_button) == null ? void 0 : _e.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React56.createElement(
     Button2,
     {
       href: ctaUrls.secondaryHref,
@@ -18217,25 +18585,25 @@ function HeaderNavigation4({
       size: "sm"
     },
     props.cta_button.label
-  ), /* @__PURE__ */ React52.createElement(
+  ), /* @__PURE__ */ React56.createElement(
     Button2,
     {
       href: ctaUrls.primaryHref,
-      target: (_f = (_e = props == null ? void 0 : props.cta_button) == null ? void 0 : _e.target) != null ? _f : isExternalCtaUrl(ctaUrls.primaryHref) ? "_blank" : void 0,
-      rel: ((_g = props == null ? void 0 : props.cta_button) == null ? void 0 : _g.target) === "_blank" || isExternalCtaUrl(ctaUrls.primaryHref) ? "noopener noreferrer" : void 0,
+      target: (_g = (_f = props == null ? void 0 : props.cta_button) == null ? void 0 : _f.target) != null ? _g : isExternalCtaUrl(ctaUrls.primaryHref) ? "_blank" : void 0,
+      rel: ((_h = props == null ? void 0 : props.cta_button) == null ? void 0 : _h.target) === "_blank" || isExternalCtaUrl(ctaUrls.primaryHref) ? "noopener noreferrer" : void 0,
       color: "primary",
       size: "sm"
     },
-    ((_h = props == null ? void 0 : props.cta_button) == null ? void 0 : _h.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_i = props == null ? void 0 : props.cta_button) == null ? void 0 : _i.label) || ""
-  ))))), /* @__PURE__ */ React52.createElement("header", { className: "md:hidden sticky top-0 z-50 bg-primary", style: { borderBottom: "3px solid rgb(217, 191, 168)" } }, /* @__PURE__ */ React52.createElement("div", { className: "flex items-center justify-between px-4 py-4" }, /* @__PURE__ */ React52.createElement(
+    ((_i = props == null ? void 0 : props.cta_button) == null ? void 0 : _i.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_j = props == null ? void 0 : props.cta_button) == null ? void 0 : _j.label) || ""
+  ))))), /* @__PURE__ */ React56.createElement("header", { className: "md:hidden sticky top-0 z-50 bg-primary", style: { borderBottom: "3px solid rgb(217, 191, 168)" } }, /* @__PURE__ */ React56.createElement("div", { className: "flex items-center justify-between px-4 py-4" }, /* @__PURE__ */ React56.createElement(
     "button",
     {
       onClick: () => setIsMobileMenuOpen(true),
       className: "text-fg-primary",
       "aria-label": "Open menu"
     },
-    /* @__PURE__ */ React52.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React52.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }))
-  ), /* @__PURE__ */ React52.createElement(Link10, { href: "/", className: "flex items-center" }, logoUrl ? /* @__PURE__ */ React52.createElement(
+    /* @__PURE__ */ React56.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React56.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }))
+  ), /* @__PURE__ */ React56.createElement(Link10, { href: ((_k = props == null ? void 0 : props.logo) == null ? void 0 : _k.href) || "/", className: "flex items-center" }, logoUrl ? /* @__PURE__ */ React56.createElement(
     Image13,
     {
       src: logoUrl,
@@ -18244,15 +18612,15 @@ function HeaderNavigation4({
       width: 120,
       height: 32
     }
-  ) : /* @__PURE__ */ React52.createElement("span", { className: "font-display text-lg font-normal text-fg-primary" }, companyName)), /* @__PURE__ */ React52.createElement("div", { className: "w-6" }))), isMobileMenuOpen && /* @__PURE__ */ React52.createElement("div", { className: "balance-mobile-menu fixed inset-0 bg-primary z-50 md:hidden" }, /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col h-full" }, /* @__PURE__ */ React52.createElement("div", { className: "flex items-center justify-between px-4 py-4", style: { borderBottom: "3px solid rgb(217, 191, 168)" } }, /* @__PURE__ */ React52.createElement(
+  ) : /* @__PURE__ */ React56.createElement("span", { className: "font-display text-lg font-normal text-fg-primary" }, companyName)), /* @__PURE__ */ React56.createElement("div", { className: "w-6" }))), isMobileMenuOpen && /* @__PURE__ */ React56.createElement("div", { className: "balance-mobile-menu fixed inset-0 bg-primary z-50 md:hidden" }, /* @__PURE__ */ React56.createElement("div", { className: "flex flex-col h-full" }, /* @__PURE__ */ React56.createElement("div", { className: "flex items-center justify-between px-4 py-4", style: { borderBottom: "3px solid rgb(217, 191, 168)" } }, /* @__PURE__ */ React56.createElement(
     "button",
     {
       onClick: () => setIsMobileMenuOpen(false),
       className: "text-fg-primary",
       "aria-label": "Close menu"
     },
-    /* @__PURE__ */ React52.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React52.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
-  ), /* @__PURE__ */ React52.createElement("div", { className: "flex items-center" }, logoUrl ? /* @__PURE__ */ React52.createElement(
+    /* @__PURE__ */ React56.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React56.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))
+  ), /* @__PURE__ */ React56.createElement("div", { className: "flex items-center" }, logoUrl ? /* @__PURE__ */ React56.createElement(
     Image13,
     {
       src: logoUrl,
@@ -18261,7 +18629,7 @@ function HeaderNavigation4({
       width: 120,
       height: 32
     }
-  ) : /* @__PURE__ */ React52.createElement("span", { className: "font-display text-lg font-normal text-fg-primary" }, companyName)), /* @__PURE__ */ React52.createElement("div", { className: "w-6" })), /* @__PURE__ */ React52.createElement("nav", { className: "flex-1 overflow-y-auto px-4 py-8" }, /* @__PURE__ */ React52.createElement("ul", { className: "space-y-4" }, navigation.map((item) => /* @__PURE__ */ React52.createElement("li", { key: item.label }, /* @__PURE__ */ React52.createElement(
+  ) : /* @__PURE__ */ React56.createElement("span", { className: "font-display text-lg font-normal text-fg-primary" }, companyName)), /* @__PURE__ */ React56.createElement("div", { className: "w-6" })), /* @__PURE__ */ React56.createElement("nav", { className: "flex-1 overflow-y-auto px-4 py-8" }, /* @__PURE__ */ React56.createElement("ul", { className: "space-y-4" }, navigation.map((item) => /* @__PURE__ */ React56.createElement("li", { key: item.label }, /* @__PURE__ */ React56.createElement(
     Link10,
     {
       href: item.href || "#",
@@ -18270,7 +18638,7 @@ function HeaderNavigation4({
       onClick: () => setIsMobileMenuOpen(false)
     },
     item.label
-  ), item.children && item.children.length > 0 && /* @__PURE__ */ React52.createElement("ul", { className: "ml-4 mt-2 space-y-2" }, item.children.map((child) => /* @__PURE__ */ React52.createElement("li", { key: child.href }, /* @__PURE__ */ React52.createElement(
+  ), item.children && item.children.length > 0 && /* @__PURE__ */ React56.createElement("ul", { className: "ml-4 mt-2 space-y-2" }, item.children.map((child) => /* @__PURE__ */ React56.createElement("li", { key: child.href }, /* @__PURE__ */ React56.createElement(
     Link10,
     {
       href: child.href,
@@ -18278,7 +18646,7 @@ function HeaderNavigation4({
       onClick: () => setIsMobileMenuOpen(false)
     },
     child.label
-  )))))))), /* @__PURE__ */ React52.createElement("div", { className: "px-4 py-6", style: { borderTop: "1px solid rgb(217, 191, 168)" } }, /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col gap-3" }, ((_j = props == null ? void 0 : props.cta_button) == null ? void 0 : _j.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React52.createElement(
+  )))))))), /* @__PURE__ */ React56.createElement("div", { className: "px-4 py-6", style: { borderTop: "1px solid rgb(217, 191, 168)" } }, /* @__PURE__ */ React56.createElement("div", { className: "flex flex-col gap-3" }, ((_l = props == null ? void 0 : props.cta_button) == null ? void 0 : _l.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React56.createElement(
     Button2,
     {
       href: ctaUrls.secondaryHref,
@@ -18288,7 +18656,7 @@ function HeaderNavigation4({
       onClick: () => setIsMobileMenuOpen(false)
     },
     props.cta_button.secondary_label
-  ), /* @__PURE__ */ React52.createElement(
+  ), /* @__PURE__ */ React56.createElement(
     Button2,
     {
       href: ctaUrls.primaryHref,
@@ -18297,8 +18665,8 @@ function HeaderNavigation4({
       className: "w-full",
       onClick: () => setIsMobileMenuOpen(false)
     },
-    ((_k = props == null ? void 0 : props.cta_button) == null ? void 0 : _k.label) || ""
-  ))))), /* @__PURE__ */ React52.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden", style: { backgroundColor: "rgb(148, 133, 84)" } }, /* @__PURE__ */ React52.createElement("div", { className: "flex gap-0" }, ((_l = props == null ? void 0 : props.cta_button) == null ? void 0 : _l.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React52.createElement(
+    ((_m = props == null ? void 0 : props.cta_button) == null ? void 0 : _m.label) || ""
+  ))))), /* @__PURE__ */ React56.createElement("div", { className: "fixed bottom-0 left-0 right-0 z-40 md:hidden", style: { backgroundColor: "rgb(148, 133, 84)" } }, /* @__PURE__ */ React56.createElement("div", { className: "flex gap-0" }, ((_n = props == null ? void 0 : props.cta_button) == null ? void 0 : _n.secondary_label) && ctaUrls.hasSecondary && /* @__PURE__ */ React56.createElement(
     Button2,
     {
       href: ctaUrls.secondaryHref,
@@ -18309,16 +18677,16 @@ function HeaderNavigation4({
       style: { borderRight: "1px solid rgba(255, 255, 255, 0.2)" }
     },
     props.cta_button.label
-  ), /* @__PURE__ */ React52.createElement(
+  ), /* @__PURE__ */ React56.createElement(
     Button2,
     {
       href: ctaUrls.primaryHref,
-      target: (_n = (_m = props == null ? void 0 : props.cta_button) == null ? void 0 : _m.target) != null ? _n : isExternalCtaUrl(ctaUrls.primaryHref) ? "_blank" : void 0,
-      rel: ((_o = props == null ? void 0 : props.cta_button) == null ? void 0 : _o.target) === "_blank" || isExternalCtaUrl(ctaUrls.primaryHref) ? "noopener noreferrer" : void 0,
+      target: (_p = (_o = props == null ? void 0 : props.cta_button) == null ? void 0 : _o.target) != null ? _p : isExternalCtaUrl(ctaUrls.primaryHref) ? "_blank" : void 0,
+      rel: ((_q = props == null ? void 0 : props.cta_button) == null ? void 0 : _q.target) === "_blank" || isExternalCtaUrl(ctaUrls.primaryHref) ? "noopener noreferrer" : void 0,
       color: "primary",
-      className: `${((_p = props == null ? void 0 : props.cta_button) == null ? void 0 : _p.secondary_label) && ctaUrls.hasSecondary ? "flex-1" : "w-full"} font-body text-sm uppercase tracking-wide py-4 rounded-none`
+      className: `${((_r = props == null ? void 0 : props.cta_button) == null ? void 0 : _r.secondary_label) && ctaUrls.hasSecondary ? "flex-1" : "w-full"} font-body text-sm uppercase tracking-wide py-4 rounded-none`
     },
-    ((_q = props == null ? void 0 : props.cta_button) == null ? void 0 : _q.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_r = props == null ? void 0 : props.cta_button) == null ? void 0 : _r.label) || "Contact"
+    ((_s = props == null ? void 0 : props.cta_button) == null ? void 0 : _s.secondary_label) && ctaUrls.hasSecondary ? props.cta_button.secondary_label : ((_t = props == null ? void 0 : props.cta_button) == null ? void 0 : _t.label) || "Contact"
   ))));
 }
 registerThemeVariant("header-navigation", "balance", HeaderNavigation4);
@@ -18382,23 +18750,25 @@ var FooterHome4 = ({
 registerThemeVariant("footer-home", "balance", FooterHome4);
 
 // src/design_system/sections/contact-section.balance.tsx
-import React54 from "react";
+import React58 from "react";
 
 // src/design_system/sections/contact-section-form.balance.tsx
-import React53, { useRef as useRef16, useState as useState28 } from "react";
+import React57, { useRef as useRef17, useState as useState28 } from "react";
 var ContactSectionForm4 = ({
   formDefinition,
   submitButtonText = "Send message",
   successMessage = "Thank you for contacting us! We'll get back to you soon.",
   thankYouMessage,
-  onSuccess
+  onSuccess,
+  privacyPolicyUrl,
+  termsOfServiceUrl
 }) => {
   const { leadFormDefinition } = useFormDefinitions();
   const resolvedFormDefinition = formDefinition != null ? formDefinition : leadFormDefinition;
   const [isSubmitting, setIsSubmitting] = useState28(false);
   const [submitStatus, setSubmitStatus] = useState28("idle");
   const [statusMessage, setStatusMessage] = useState28("");
-  const formRef = useRef16(null);
+  const formRef = useRef17(null);
   const hasFields = resolvedFormDefinition != null && Array.isArray(resolvedFormDefinition.fields) && resolvedFormDefinition.fields.length > 0;
   const handleSubmit = async (e) => {
     var _a;
@@ -18409,7 +18779,8 @@ var ContactSectionForm4 = ({
     const formData = new FormData(e.currentTarget);
     const data = { formType: "lead" };
     formData.forEach((value, key) => {
-      if (key !== "privacy" && typeof value === "string") data[key] = value;
+      if (key.endsWith("_prefix")) return;
+      if (typeof value === "string") data[key] = value;
     });
     try {
       const response = await fetch("/api/form/", {
@@ -18436,7 +18807,14 @@ var ContactSectionForm4 = ({
     setIsSubmitting(false);
   };
   if (!hasFields) return null;
-  return /* @__PURE__ */ React53.createElement(Form2, { ref: formRef, onSubmit: handleSubmit, className: "flex flex-col gap-6" }, /* @__PURE__ */ React53.createElement(DynamicFormFields, { form: resolvedFormDefinition }), /* @__PURE__ */ React53.createElement(
+  return /* @__PURE__ */ React57.createElement(Form2, { ref: formRef, onSubmit: handleSubmit, className: "flex flex-col gap-6" }, /* @__PURE__ */ React57.createElement(
+    DynamicFormFields,
+    {
+      form: resolvedFormDefinition,
+      privacyPolicyUrl,
+      termsOfServiceUrl
+    }
+  ), /* @__PURE__ */ React57.createElement(
     Button2,
     {
       type: "submit",
@@ -18447,21 +18825,31 @@ var ContactSectionForm4 = ({
       isLoading: isSubmitting
     },
     isSubmitting ? "Sending..." : submitButtonText
-  ), submitStatus === "success" && /* @__PURE__ */ React53.createElement("div", { className: "rounded-sm bg-success-50 p-4 text-success-700 font-body" }, thankYouMessage != null ? thankYouMessage : statusMessage), submitStatus === "error" && /* @__PURE__ */ React53.createElement("div", { className: "rounded-sm bg-error-50 p-4 text-error-700 font-body text-sm" }, statusMessage));
+  ), submitStatus === "success" && /* @__PURE__ */ React57.createElement("div", { className: "rounded-sm bg-success-50 p-4 text-success-700 font-body" }, thankYouMessage != null ? thankYouMessage : statusMessage), submitStatus === "error" && /* @__PURE__ */ React57.createElement("div", { className: "rounded-sm bg-error-50 p-4 text-error-700 font-body text-sm" }, statusMessage));
 };
 
 // src/design_system/sections/contact-section.balance.tsx
+function getLegalUrlsFromConfig4(config) {
+  var _a, _b, _c;
+  if (!((_a = config == null ? void 0 : config.navigation) == null ? void 0 : _a.footer)) return {};
+  const flat = config.navigation.footer.flat();
+  const privacy = (_b = flat.find((l) => l.label === "Privacy Policy")) == null ? void 0 : _b.href;
+  const terms = (_c = flat.find((l) => l.label === "Terms of Service")) == null ? void 0 : _c.href;
+  return { privacyPolicyUrl: privacy, termsOfServiceUrl: terms };
+}
 var ContactSection4 = ({
   websitePhotos,
   title = "",
   subtitle = "",
-  formDefinition
+  formDefinition,
+  config
 }) => {
+  const { privacyPolicyUrl, termsOfServiceUrl } = getLegalUrlsFromConfig4(config);
   const contactPhoto = websitePhotos == null ? void 0 : websitePhotos.contact;
   const contactImageUrl = contactPhoto == null ? void 0 : contactPhoto.url;
   const finalContactImage = contactImageUrl && contactImageUrl.trim() !== "" ? contactImageUrl : void 0;
   const finalContactImageAlt = (contactPhoto == null ? void 0 : contactPhoto.alt) || "Contact image";
-  return /* @__PURE__ */ React54.createElement("section", { className: "bg-primary py-16 md:py-24" }, /* @__PURE__ */ React54.createElement("div", { className: "mx-auto max-w-4xl px-4 md:px-8" }, /* @__PURE__ */ React54.createElement("div", { className: "text-center mb-12" }, /* @__PURE__ */ React54.createElement("h2", { className: "font-display text-4xl font-normal leading-tight text-fg-primary md:text-5xl" }, title), /* @__PURE__ */ React54.createElement("p", { className: "mt-4 font-body text-lg leading-relaxed text-tertiary max-w-2xl mx-auto" }, subtitle)), finalContactImage && /* @__PURE__ */ React54.createElement("div", { className: "mb-12 overflow-hidden h-72 md:h-96" }, /* @__PURE__ */ React54.createElement(
+  return /* @__PURE__ */ React58.createElement("section", { className: "bg-primary py-16 md:py-24" }, /* @__PURE__ */ React58.createElement("div", { className: "mx-auto max-w-4xl px-4 md:px-8" }, /* @__PURE__ */ React58.createElement("div", { className: "text-center mb-12" }, /* @__PURE__ */ React58.createElement("h2", { className: "font-display text-4xl font-normal leading-tight text-fg-primary md:text-5xl" }, title), /* @__PURE__ */ React58.createElement("p", { className: "mt-4 font-body text-lg leading-relaxed text-tertiary max-w-2xl mx-auto" }, subtitle)), finalContactImage && /* @__PURE__ */ React58.createElement("div", { className: "mb-12 overflow-hidden h-72 md:h-96" }, /* @__PURE__ */ React58.createElement(
     PhotoWithFallback2,
     {
       photoUrl: finalContactImage,
@@ -18469,7 +18857,14 @@ var ContactSection4 = ({
       fallbackId: "contact-image",
       className: "h-full w-full object-cover"
     }
-  )), /* @__PURE__ */ React54.createElement("div", { className: "max-w-2xl mx-auto" }, /* @__PURE__ */ React54.createElement(ContactSectionForm4, { formDefinition }))));
+  )), /* @__PURE__ */ React58.createElement("div", { className: "max-w-2xl mx-auto" }, /* @__PURE__ */ React58.createElement(
+    ContactSectionForm4,
+    {
+      formDefinition,
+      privacyPolicyUrl,
+      termsOfServiceUrl
+    }
+  ))));
 };
 registerThemeVariant("contact-section", "balance", ContactSection4);
 
@@ -18551,7 +18946,7 @@ var AboutHome4 = ({
 registerThemeVariant("about-home", "balance", AboutHome4);
 
 // src/design_system/sections/testimonials-home.balance.tsx
-import React55 from "react";
+import React59 from "react";
 var TestimonialsHome4 = ({
   testimonials: testimonialsData,
   title = "",
@@ -18560,7 +18955,7 @@ var TestimonialsHome4 = ({
 }) => {
   const testimonials = Array.isArray(testimonialsData) ? testimonialsData : [];
   const displayTestimonials = perPage ? testimonials.slice(0, perPage) : testimonials;
-  return /* @__PURE__ */ React55.createElement("section", { className: "bg-primary py-16 md:py-24" }, /* @__PURE__ */ React55.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React55.createElement("div", { className: "text-center mb-12 max-w-3xl mx-auto" }, /* @__PURE__ */ React55.createElement("h2", { className: "font-display text-4xl font-normal text-fg-primary md:text-5xl mb-4" }, title), subtitle && /* @__PURE__ */ React55.createElement("p", { className: "font-body text-lg text-secondary" }, subtitle)), /* @__PURE__ */ React55.createElement(
+  return /* @__PURE__ */ React59.createElement("section", { className: "bg-primary py-16 md:py-24" }, /* @__PURE__ */ React59.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React59.createElement("div", { className: "text-center mb-12 max-w-3xl mx-auto" }, /* @__PURE__ */ React59.createElement("h2", { className: "font-display text-4xl font-normal text-fg-primary md:text-5xl mb-4" }, title), subtitle && /* @__PURE__ */ React59.createElement("p", { className: "font-body text-lg text-secondary" }, subtitle)), /* @__PURE__ */ React59.createElement(
     CarouselSectionWrapper,
     {
       title: "",
@@ -18574,7 +18969,7 @@ var TestimonialsHome4 = ({
       const avatarUrl = getAvatarUrl(testimonial.photo_attachments, testimonial.id, reviewerName);
       const rating = testimonial.rating || 5;
       const initials = reviewerName.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-      return /* @__PURE__ */ React55.createElement(Carousel.Item, { key: testimonial.id || i, className: "pl-4 md:basis-1/2 lg:basis-1/3" }, /* @__PURE__ */ React55.createElement("div", { className: "bg-secondary/30 p-8 h-full flex flex-col" }, /* @__PURE__ */ React55.createElement("div", { className: "flex gap-1 mb-6" }, Array.from({ length: 5 }).map((_, starIdx) => /* @__PURE__ */ React55.createElement(
+      return /* @__PURE__ */ React59.createElement(Carousel.Item, { key: testimonial.id || i, className: "pl-4 md:basis-1/2 lg:basis-1/3" }, /* @__PURE__ */ React59.createElement("div", { className: "bg-secondary/30 p-8 h-full flex flex-col" }, /* @__PURE__ */ React59.createElement("div", { className: "flex gap-1 mb-6" }, Array.from({ length: 5 }).map((_, starIdx) => /* @__PURE__ */ React59.createElement(
         "svg",
         {
           key: starIdx,
@@ -18586,8 +18981,8 @@ var TestimonialsHome4 = ({
           strokeWidth: "2",
           viewBox: "0 0 24 24"
         },
-        /* @__PURE__ */ React55.createElement("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
-      ))), /* @__PURE__ */ React55.createElement("p", { className: "font-body text-base leading-relaxed text-secondary mb-8 flex-grow" }, '"', quote, '"'), /* @__PURE__ */ React55.createElement("div", { className: "flex items-center gap-4 pt-6 border-t border-primary/20" }, /* @__PURE__ */ React55.createElement(
+        /* @__PURE__ */ React59.createElement("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })
+      ))), /* @__PURE__ */ React59.createElement("p", { className: "font-body text-base leading-relaxed text-secondary mb-8 flex-grow" }, '"', quote, '"'), /* @__PURE__ */ React59.createElement("div", { className: "flex items-center gap-4 pt-6 border-t border-primary/20" }, /* @__PURE__ */ React59.createElement(
         Avatar2,
         {
           src: avatarUrl,
@@ -18595,14 +18990,14 @@ var TestimonialsHome4 = ({
           initials,
           size: "xl"
         }
-      ), /* @__PURE__ */ React55.createElement("div", null, /* @__PURE__ */ React55.createElement("p", { className: "font-body text-sm font-medium text-fg-primary" }, reviewerName), /* @__PURE__ */ React55.createElement("p", { className: "font-body text-xs text-tertiary mt-0.5" }, "Verified Customer")))));
+      ), /* @__PURE__ */ React59.createElement("div", null, /* @__PURE__ */ React59.createElement("p", { className: "font-body text-sm font-medium text-fg-primary" }, reviewerName), /* @__PURE__ */ React59.createElement("p", { className: "font-body text-xs text-tertiary mt-0.5" }, "Verified Customer")))));
     })
   )));
 };
 registerThemeVariant("testimonials-home", "balance", TestimonialsHome4);
 
 // src/design_system/sections/blog-section.balance.tsx
-import React56 from "react";
+import React60 from "react";
 var BlogSection4 = ({
   blogPosts: postsData,
   title = "",
@@ -18622,7 +19017,7 @@ var BlogSection4 = ({
       return "Recent";
     }
   };
-  return /* @__PURE__ */ React56.createElement("section", { className: "bg-secondary py-16 md:py-24" }, /* @__PURE__ */ React56.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React56.createElement("div", { className: "text-center mb-16 max-w-3xl mx-auto" }, /* @__PURE__ */ React56.createElement("h2", { className: "font-display text-4xl font-normal text-fg-primary md:text-5xl mb-4" }, title), subtitle && /* @__PURE__ */ React56.createElement("p", { className: "font-body text-lg text-secondary" }, subtitle)), /* @__PURE__ */ React56.createElement(
+  return /* @__PURE__ */ React60.createElement("section", { className: "bg-secondary py-16 md:py-24" }, /* @__PURE__ */ React60.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, /* @__PURE__ */ React60.createElement("div", { className: "text-center mb-16 max-w-3xl mx-auto" }, /* @__PURE__ */ React60.createElement("h2", { className: "font-display text-4xl font-normal text-fg-primary md:text-5xl mb-4" }, title), subtitle && /* @__PURE__ */ React60.createElement("p", { className: "font-body text-lg text-secondary" }, subtitle)), /* @__PURE__ */ React60.createElement(
     CarouselSectionWrapper,
     {
       title: "",
@@ -18632,16 +19027,16 @@ var BlogSection4 = ({
     postsArray.map((post) => {
       var _a;
       const excerpt = ((_a = post.content_markdown) == null ? void 0 : _a.replace(/[#*\[\]()]/g, "").trim().substring(0, 150)) || "";
-      return /* @__PURE__ */ React56.createElement(Carousel.Item, { key: post.id, className: "pl-4 md:basis-1/2 lg:basis-1/3" }, /* @__PURE__ */ React56.createElement("a", { href: `/blog/${post.slug}`, className: "flex flex-col h-full group bg-primary" }, /* @__PURE__ */ React56.createElement("div", { className: "w-full h-64 overflow-hidden" }, /* @__PURE__ */ React56.createElement(
+      return /* @__PURE__ */ React60.createElement(Carousel.Item, { key: post.id, className: "pl-4 md:basis-1/2 lg:basis-1/3" }, /* @__PURE__ */ React60.createElement("a", { href: `/blog/${post.slug}`, className: "flex flex-col h-full group bg-primary" }, /* @__PURE__ */ React60.createElement("div", { className: "w-full h-64 overflow-hidden" }, /* @__PURE__ */ React60.createElement(
         PhotoWithFallback2,
         {
           item: post,
           fallbackId: post.id,
           className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
         }
-      )), /* @__PURE__ */ React56.createElement("div", { className: "p-6 flex flex-col flex-grow" }, /* @__PURE__ */ React56.createElement("p", { className: "text-xs font-body font-medium uppercase tracking-wide mb-3 text-brand-accent" }, formatDate4(post.published_at)), /* @__PURE__ */ React56.createElement("h3", { className: "font-display text-2xl font-normal text-fg-primary mb-3 group-hover:text-brand-accent transition-colors line-clamp-2" }, post.title), excerpt && /* @__PURE__ */ React56.createElement("p", { className: "font-body text-base leading-relaxed text-tertiary flex-grow line-clamp-3" }, excerpt), /* @__PURE__ */ React56.createElement("span", { className: "mt-4 font-body text-sm font-medium uppercase tracking-wide", style: { color: "var(--color-text-brand-accent)" } }, "Read More \u2192"))));
+      )), /* @__PURE__ */ React60.createElement("div", { className: "p-6 flex flex-col flex-grow" }, /* @__PURE__ */ React60.createElement("p", { className: "text-xs font-body font-medium uppercase tracking-wide mb-3 text-brand-accent" }, formatDate4(post.published_at)), /* @__PURE__ */ React60.createElement("h3", { className: "font-display text-2xl font-normal text-fg-primary mb-3 group-hover:text-brand-accent transition-colors line-clamp-2" }, post.title), excerpt && /* @__PURE__ */ React60.createElement("p", { className: "font-body text-base leading-relaxed text-tertiary flex-grow line-clamp-3" }, excerpt), /* @__PURE__ */ React60.createElement("span", { className: "mt-4 font-body text-sm font-medium uppercase tracking-wide", style: { color: "var(--color-text-brand-accent)" } }, "Read More \u2192"))));
     })
-  ), postsArray.length > 0 && /* @__PURE__ */ React56.createElement("div", { className: "mt-12 text-center" }, /* @__PURE__ */ React56.createElement(
+  ), postsArray.length > 0 && /* @__PURE__ */ React60.createElement("div", { className: "mt-12 text-center" }, /* @__PURE__ */ React60.createElement(
     Button2,
     {
       as: "a",
@@ -18656,7 +19051,7 @@ var BlogSection4 = ({
 registerThemeVariant("blog-section", "balance", BlogSection4);
 
 // src/design_system/sections/team-grid.balance.tsx
-import React57 from "react";
+import React61 from "react";
 var TeamGrid3 = ({
   teamMembers: membersData,
   title = "",
@@ -18667,10 +19062,10 @@ var TeamGrid3 = ({
 }) => {
   const members = Array.isArray(membersData) ? membersData : [];
   const displayMembers = members.slice(0, maxMembers);
-  return /* @__PURE__ */ React57.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React57.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React57.createElement("div", { className: "mx-auto mb-12 flex w-full max-w-3xl flex-col items-center text-center" }, title && /* @__PURE__ */ React57.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React57.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), displayMembers.length > 0 ? /* @__PURE__ */ React57.createElement("div", { className: "mt-12 md:mt-16" }, /* @__PURE__ */ React57.createElement("ul", { className: "grid w-full grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-12 lg:grid-cols-3 xl:grid-cols-4 justify-items-center" }, displayMembers.map((member, index) => {
+  return /* @__PURE__ */ React61.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React61.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React61.createElement("div", { className: "mx-auto mb-12 flex w-full max-w-3xl flex-col items-center text-center" }, title && /* @__PURE__ */ React61.createElement("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md" }, title), subtitle && /* @__PURE__ */ React61.createElement("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl" }, subtitle)), displayMembers.length > 0 ? /* @__PURE__ */ React61.createElement("div", { className: "mt-12 md:mt-16" }, /* @__PURE__ */ React61.createElement("ul", { className: "grid w-full grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-12 lg:grid-cols-3 xl:grid-cols-4 justify-items-center" }, displayMembers.map((member, index) => {
     var _a;
     const bio = ((_a = member.bio_markdown) == null ? void 0 : _a.replace(/[#*\[\]()]/g, "").trim()) || "";
-    return /* @__PURE__ */ React57.createElement("li", { key: member.id || index, className: "flex flex-col gap-5 md:gap-6 max-w-xs w-full" }, /* @__PURE__ */ React57.createElement(
+    return /* @__PURE__ */ React61.createElement("li", { key: member.id || index, className: "flex flex-col gap-5 md:gap-6 max-w-xs w-full" }, /* @__PURE__ */ React61.createElement(
       PhotoWithFallback2,
       {
         item: member,
@@ -18678,13 +19073,13 @@ var TeamGrid3 = ({
         alt: member.name || "Team member",
         className: "h-78 w-full object-cover md:h-74 rounded-2xl"
       }
-    ), /* @__PURE__ */ React57.createElement("div", null, /* @__PURE__ */ React57.createElement("h3", { className: "text-lg font-semibold text-primary md:text-xl" }, member.name), /* @__PURE__ */ React57.createElement("p", { className: "text-md text-brand-secondary md:mt-0.5 md:text-lg" }, member.position), bio && /* @__PURE__ */ React57.createElement("p", { className: "mt-4 text-md text-tertiary leading-relaxed" }, bio)));
-  }))) : /* @__PURE__ */ React57.createElement("div", { className: "text-center mt-12" }, /* @__PURE__ */ React57.createElement("p", { className: "text-gray-500" }, "No team members available"))));
+    ), /* @__PURE__ */ React61.createElement("div", null, /* @__PURE__ */ React61.createElement("h3", { className: "text-lg font-semibold text-primary md:text-xl" }, member.name), /* @__PURE__ */ React61.createElement("p", { className: "text-md text-brand-secondary md:mt-0.5 md:text-lg" }, member.position), bio && /* @__PURE__ */ React61.createElement("p", { className: "mt-4 text-md text-tertiary leading-relaxed" }, bio)));
+  }))) : /* @__PURE__ */ React61.createElement("div", { className: "text-center mt-12" }, /* @__PURE__ */ React61.createElement("p", { className: "text-gray-500" }, "No team members available"))));
 };
 registerThemeVariant("team-grid", "balance", TeamGrid3);
 
 // src/design_system/sections/services-grid.balance.tsx
-import React58 from "react";
+import React62 from "react";
 import Link12 from "next/link";
 var ServicesGrid3 = ({
   services: servicesData,
@@ -18694,12 +19089,12 @@ var ServicesGrid3 = ({
   className = ""
 }) => {
   const services = Array.isArray(servicesData) ? servicesData : [];
-  return /* @__PURE__ */ React58.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React58.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React58.createElement("div", { className: "mx-auto mb-12 flex w-full max-w-3xl flex-col items-center text-center" }, title && /* @__PURE__ */ React58.createElement("h2", { className: "font-display text-4xl font-normal text-fg-primary md:text-5xl" }, title), subtitle && /* @__PURE__ */ React58.createElement("p", { className: "mt-4 font-body text-lg text-secondary md:mt-5 md:text-xl" }, subtitle)), services.length > 0 ? /* @__PURE__ */ React58.createElement("ul", { className: "grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-12 lg:grid-cols-3" }, services.map((service, index) => {
+  return /* @__PURE__ */ React62.createElement("section", { className: `${backgroundColor} py-16 md:py-24 ${className}` }, /* @__PURE__ */ React62.createElement("div", { className: "mx-auto w-full max-w-container px-4 md:px-8" }, (title || subtitle) && /* @__PURE__ */ React62.createElement("div", { className: "mx-auto mb-12 flex w-full max-w-3xl flex-col items-center text-center" }, title && /* @__PURE__ */ React62.createElement("h2", { className: "font-display text-4xl font-normal text-fg-primary md:text-5xl" }, title), subtitle && /* @__PURE__ */ React62.createElement("p", { className: "mt-4 font-body text-lg text-secondary md:mt-5 md:text-xl" }, subtitle)), services.length > 0 ? /* @__PURE__ */ React62.createElement("ul", { className: "grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-12 lg:grid-cols-3" }, services.map((service, index) => {
     var _a, _b, _c, _d;
     const description = service.summary || (service.description_markdown ? service.description_markdown.replace(/[#*\[\]()]/g, "").trim().substring(0, 120) + "..." : "");
     const photo = ((_b = (_a = service.photo_attachments) == null ? void 0 : _a.find((pa) => pa.featured)) == null ? void 0 : _b.photo) || ((_d = (_c = service.photo_attachments) == null ? void 0 : _c[0]) == null ? void 0 : _d.photo);
     const imageAlt = (photo == null ? void 0 : photo.title) || service.name;
-    return /* @__PURE__ */ React58.createElement("li", { key: service.id || index }, /* @__PURE__ */ React58.createElement("div", { className: "flex flex-col gap-12 bg-secondary p-5 md:inline-flex md:gap-16 md:p-6 rounded-lg group" }, /* @__PURE__ */ React58.createElement(Link12, { href: `/services/${service.slug}`, className: "block" }, /* @__PURE__ */ React58.createElement("div", { className: "h-48 w-full overflow-hidden rounded-lg md:h-64" }, /* @__PURE__ */ React58.createElement(
+    return /* @__PURE__ */ React62.createElement("li", { key: service.id || index }, /* @__PURE__ */ React62.createElement("div", { className: "flex flex-col gap-12 bg-secondary p-5 md:inline-flex md:gap-16 md:p-6 rounded-lg group" }, /* @__PURE__ */ React62.createElement(Link12, { href: `/services/${service.slug}`, className: "block" }, /* @__PURE__ */ React62.createElement("div", { className: "h-48 w-full overflow-hidden rounded-lg md:h-64" }, /* @__PURE__ */ React62.createElement(
       PhotoWithFallback2,
       {
         item: service,
@@ -18707,8 +19102,8 @@ var ServicesGrid3 = ({
         alt: imageAlt || "Service image",
         className: "size-full object-cover transition-transform duration-300 group-hover:scale-105"
       }
-    )), /* @__PURE__ */ React58.createElement("h3", { className: "font-display text-2xl font-normal text-fg-primary mt-4 mb-3 group-hover:text-brand-accent transition-colors" }, service.name), description && /* @__PURE__ */ React58.createElement("p", { className: "font-body text-base leading-relaxed text-tertiary mb-4" }, description), /* @__PURE__ */ React58.createElement("span", { className: "font-body text-sm font-medium uppercase tracking-wide", style: { color: "var(--color-text-brand-accent)" } }, "Learn More \u2192"))));
-  })) : /* @__PURE__ */ React58.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React58.createElement("p", { className: "font-body text-base text-tertiary" }, "No services available"))));
+    )), /* @__PURE__ */ React62.createElement("h3", { className: "font-display text-2xl font-normal text-fg-primary mt-4 mb-3 group-hover:text-brand-accent transition-colors" }, service.name), description && /* @__PURE__ */ React62.createElement("p", { className: "font-body text-base leading-relaxed text-tertiary mb-4" }, description), /* @__PURE__ */ React62.createElement("span", { className: "font-body text-sm font-medium uppercase tracking-wide", style: { color: "var(--color-text-brand-accent)" } }, "Learn More \u2192"))));
+  })) : /* @__PURE__ */ React62.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React62.createElement("p", { className: "font-body text-base text-tertiary" }, "No services available"))));
 };
 registerThemeVariant("services-grid", "balance", ServicesGrid3);
 
@@ -18824,15 +19219,459 @@ var FeatureTabHorizontal = ({ title, subtitle, footer, isCurrent }) => /* @__PUR
   footer
 );
 
+// src/design_system/sections/service-menu-section.tsx
+import React63, { useState as useState30, useEffect as useEffect11, useCallback as useCallback10, useMemo as useMemo8 } from "react";
+import { createPortal } from "react-dom";
+var SERVICE_MENU_MODAL_ROOT_ID = "service-menu-modal-root";
+var CYCLE_INTERVAL_MIN_MS = 6e3;
+var CYCLE_INTERVAL_MAX_MS = 8e3;
+function seedToUnit(seed) {
+  let h = 2166136261 >>> 0;
+  for (let i = 0; i < seed.length; i++) {
+    h ^= seed.charCodeAt(i);
+    h = Math.imul(h, 16777619) >>> 0 >>> 0;
+  }
+  return (h >>> 0) / 4294967296;
+}
+function photoAttachmentDisplayUrl(pa) {
+  var _a, _b;
+  return ((_a = pa.photo) == null ? void 0 : _a.large_url) || ((_b = pa.photo) == null ? void 0 : _b.medium_url);
+}
+function photoAttachmentAlt(pa) {
+  var _a, _b;
+  return ((_a = pa.photo) == null ? void 0 : _a.alt_text) || ((_b = pa.photo) == null ? void 0 : _b.title) || "";
+}
+function shuffleWithSeed(array, seed) {
+  if (array.length <= 1) return array;
+  const arr = [...array];
+  let h = 2166136261 >>> 0;
+  for (let i = 0; i < seed.length; i++) {
+    h ^= seed.charCodeAt(i);
+    h = Math.imul(h, 16777619) >>> 0 >>> 0;
+  }
+  const next = (step) => {
+    h = Math.imul(1664525, h + step >>> 0) + 1013904223 >>> 0;
+    return (h >>> 0) / 4294967296;
+  };
+  for (let i = arr.length - 1; i > 0; i--) {
+    const j = Math.floor(next(i) * (i + 1));
+    [arr[i], arr[j]] = [arr[j], arr[i]];
+  }
+  return arr;
+}
+var CROSSFADE_DURATION_MS = 600;
+function useCycledPhotoList(photoAttachments, seed) {
+  return useMemo8(
+    () => {
+      const arr = Array.isArray(photoAttachments) && photoAttachments.length > 0 ? photoAttachments : [];
+      if (arr.length === 0) return [];
+      const shuffled = shuffleWithSeed(arr, seed);
+      return shuffled.map((pa) => {
+        var _a;
+        return { url: (_a = photoAttachmentDisplayUrl(pa)) != null ? _a : "", alt: photoAttachmentAlt(pa) };
+      }).filter((x) => x.url);
+    },
+    [photoAttachments, seed]
+  );
+}
+function GridCardWithImage({
+  photoAttachments,
+  fallbackId,
+  fallbackAlt,
+  title,
+  subtitle,
+  children,
+  onClick,
+  websitePhotos,
+  companyInformation,
+  cycleSeed
+}) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const seed = cycleSeed != null ? cycleSeed : String(fallbackId);
+  const list = useCycledPhotoList(photoAttachments, seed);
+  const [currentIndex, setCurrentIndex] = useState30(0);
+  const [transitioning, setTransitioning] = useState30(false);
+  const intervalMs = useMemo8(
+    () => CYCLE_INTERVAL_MIN_MS + Math.floor(seedToUnit(seed) * (CYCLE_INTERVAL_MAX_MS - CYCLE_INTERVAL_MIN_MS + 1)),
+    [seed]
+  );
+  useEffect11(() => {
+    if (list.length <= 1) return;
+    const id3 = setInterval(() => setTransitioning(true), intervalMs);
+    return () => clearInterval(id3);
+  }, [list.length, intervalMs]);
+  useEffect11(() => {
+    if (!transitioning || list.length <= 1) return;
+    const t = setTimeout(() => {
+      setCurrentIndex((i) => (i + 1) % list.length);
+      setTransitioning(false);
+    }, CROSSFADE_DURATION_MS);
+    return () => clearTimeout(t);
+  }, [transitioning, list.length]);
+  const nextIndex = list.length > 1 ? (currentIndex + 1) % list.length : 0;
+  const currentItem = list[currentIndex];
+  const displayAlt = (currentItem == null ? void 0 : currentItem.alt) || fallbackAlt;
+  const singleUrl = (_a = list[0]) == null ? void 0 : _a.url;
+  return /* @__PURE__ */ React63.createElement(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "flex flex-col h-full w-full text-left group block rounded-lg outline-none focus-visible:ring-2 focus-visible:ring-brand-accent focus-visible:ring-offset-2"
+    },
+    /* @__PURE__ */ React63.createElement("div", { className: "w-full h-36 overflow-hidden rounded-lg mb-3 relative" }, list.length === 0 ? /* @__PURE__ */ React63.createElement(
+      PhotoWithFallback2,
+      {
+        item: void 0,
+        fallbackId,
+        alt: fallbackAlt,
+        className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
+        websitePhotos,
+        companyInformation
+      }
+    ) : list.length === 1 && singleUrl ? (
+      // eslint-disable-next-line @next/next/no-img-element -- dynamic API URLs; next/image not configured for external host
+      /* @__PURE__ */ React63.createElement(
+        "img",
+        {
+          src: singleUrl,
+          alt: displayAlt,
+          className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
+        }
+      )
+    ) : /* @__PURE__ */ React63.createElement(React63.Fragment, null, /* @__PURE__ */ React63.createElement(
+      "div",
+      {
+        className: `absolute inset-0 ${transitioning ? "transition-opacity duration-[600ms] ease-in-out" : "transition-none"}`,
+        style: { opacity: transitioning ? 0 : 1 }
+      },
+      /* @__PURE__ */ React63.createElement(
+        "img",
+        {
+          src: (_b = list[currentIndex]) == null ? void 0 : _b.url,
+          alt: (_d = (_c = list[currentIndex]) == null ? void 0 : _c.alt) != null ? _d : displayAlt,
+          className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
+        }
+      )
+    ), /* @__PURE__ */ React63.createElement(
+      "div",
+      {
+        className: `absolute inset-0 ${transitioning ? "transition-opacity duration-[600ms] ease-in-out" : "transition-none"}`,
+        style: { opacity: transitioning ? 1 : 0 }
+      },
+      /* @__PURE__ */ React63.createElement(
+        "img",
+        {
+          src: (_e = list[nextIndex]) == null ? void 0 : _e.url,
+          alt: (_g = (_f = list[nextIndex]) == null ? void 0 : _f.alt) != null ? _g : displayAlt,
+          className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
+        }
+      )
+    ))),
+    subtitle && /* @__PURE__ */ React63.createElement("p", { className: "text-xs font-medium text-fg-secondary uppercase tracking-wide line-clamp-1" }, subtitle),
+    /* @__PURE__ */ React63.createElement("h4", { className: "font-display text-base font-normal text-fg-primary mt-1 group-hover:underline line-clamp-2" }, title),
+    children
+  );
+}
+function CarouselRow({
+  rowTitle,
+  items,
+  renderItem
+}) {
+  if (!(items == null ? void 0 : items.length)) return null;
+  return /* @__PURE__ */ React63.createElement("div", { className: "mb-12 last:mb-0" }, /* @__PURE__ */ React63.createElement(Carousel.Root, { opts: { align: "start", loop: true } }, /* @__PURE__ */ React63.createElement("div", { className: "flex items-center justify-between gap-4 mb-2" }, /* @__PURE__ */ React63.createElement("h3", { className: "font-display text-2xl font-normal text-fg-primary md:text-3xl" }, rowTitle), /* @__PURE__ */ React63.createElement("div", { className: "flex gap-2 flex-shrink-0" }, /* @__PURE__ */ React63.createElement(Carousel.PrevTrigger, { className: "rounded-full p-1.5 border border-secondary hover:bg-primary_hover transition-colors disabled:opacity-30 disabled:cursor-not-allowed" }, /* @__PURE__ */ React63.createElement("svg", { className: "w-5 h-5 text-fg-primary", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": true }, /* @__PURE__ */ React63.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }))), /* @__PURE__ */ React63.createElement(Carousel.NextTrigger, { className: "rounded-full p-1.5 border border-secondary hover:bg-primary_hover transition-colors disabled:opacity-30 disabled:cursor-not-allowed" }, /* @__PURE__ */ React63.createElement("svg", { className: "w-5 h-5 text-fg-primary", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": true }, /* @__PURE__ */ React63.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }))))), /* @__PURE__ */ React63.createElement(Carousel.Content, { className: "-ml-3" }, items.map((item, index) => {
+    var _a;
+    return /* @__PURE__ */ React63.createElement(Carousel.Item, { key: (_a = item.id) != null ? _a : index, className: "pl-3 basis-[70%] sm:basis-1/2 md:basis-1/3 lg:basis-1/4" }, renderItem(item, index));
+  }))));
+}
+function GridRow({
+  rowTitle,
+  items,
+  renderItem
+}) {
+  if (!(items == null ? void 0 : items.length)) return null;
+  return /* @__PURE__ */ React63.createElement("div", { className: "mb-12 last:mb-0" }, /* @__PURE__ */ React63.createElement("h3", { className: "font-display text-2xl font-normal text-fg-primary mb-3 md:text-3xl" }, rowTitle), /* @__PURE__ */ React63.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4" }, items.map((item, index) => {
+    var _a;
+    return /* @__PURE__ */ React63.createElement("div", { key: (_a = item.id) != null ? _a : index, className: "min-w-0 flex" }, renderItem(item, index));
+  })));
+}
+function MenuBlock({
+  rowTitle,
+  items,
+  renderItem,
+  layout: layout2
+}) {
+  if (!(items == null ? void 0 : items.length)) return null;
+  return layout2 === "carousel" ? /* @__PURE__ */ React63.createElement(CarouselRow, { rowTitle, items, renderItem }) : /* @__PURE__ */ React63.createElement(GridRow, { rowTitle, items, renderItem });
+}
+function formatPriceCents(cents) {
+  if (cents == null) return null;
+  return new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", minimumFractionDigits: 0, maximumFractionDigits: 0 }).format(cents / 100);
+}
+function ModalSection({ title, children }) {
+  return /* @__PURE__ */ React63.createElement("div", null, /* @__PURE__ */ React63.createElement("h3", { className: "font-display text-sm font-semibold text-fg-primary uppercase tracking-wide mb-2" }, title), children);
+}
+function DetailModalContent({
+  detail,
+  serviceItems = []
+}) {
+  var _a, _b, _c, _d, _e;
+  if (detail.type === "offer") {
+    const o = detail.item;
+    const categoryLine = ((_a = o.category_names) == null ? void 0 : _a.length) ? o.category_names.join(" | ") : null;
+    const descriptionContent = o.description || o.first_service_description_markdown;
+    const relatedServices = ((_b = o.services) == null ? void 0 : _b.length) ? o.services : (_c = o.service_items) != null ? _c : [];
+    const relatedPackages = (_d = o.packages) != null ? _d : [];
+    return /* @__PURE__ */ React63.createElement("div", { className: "space-y-6" }, categoryLine && /* @__PURE__ */ React63.createElement("p", { className: "text-sm font-medium text-fg-secondary uppercase tracking-wide" }, categoryLine), o.value_terms && !categoryLine && /* @__PURE__ */ React63.createElement("p", { className: "text-sm font-medium text-fg-secondary uppercase tracking-wide" }, o.value_terms), descriptionContent && /* @__PURE__ */ React63.createElement(ModalSection, { title: "Offer details" }, /* @__PURE__ */ React63.createElement("div", { className: "prose prose-sm font-body text-fg-primary max-w-none" }, o.description ? /* @__PURE__ */ React63.createElement("p", { className: "text-fg-primary" }, o.description) : /* @__PURE__ */ React63.createElement(MarkdownRenderer2, { content: o.first_service_description_markdown }))), o.expires_at && (() => {
+      const d = new Date(o.expires_at);
+      if (Number.isNaN(d.getTime())) return null;
+      return /* @__PURE__ */ React63.createElement("p", { className: "text-sm text-tertiary" }, "Expires ", d.toLocaleDateString(void 0, { dateStyle: "medium" }));
+    })(), relatedServices.length > 0 && /* @__PURE__ */ React63.createElement(ModalSection, { title: "Related services" }, /* @__PURE__ */ React63.createElement("ul", { className: "space-y-4" }, relatedServices.map((s) => /* @__PURE__ */ React63.createElement("li", { key: s.id, className: "border border-secondary rounded-lg p-4 bg-secondary/20" }, /* @__PURE__ */ React63.createElement("p", { className: "font-display font-medium text-fg-primary" }, s.name), "description_markdown" in s && s.description_markdown ? /* @__PURE__ */ React63.createElement("div", { className: "mt-2 prose prose-sm font-body text-fg-secondary max-w-none" }, /* @__PURE__ */ React63.createElement(MarkdownRenderer2, { content: s.description_markdown })) : s.summary ? /* @__PURE__ */ React63.createElement("p", { className: "mt-2 font-body text-sm text-fg-secondary" }, s.summary) : null)))), relatedPackages.length > 0 && /* @__PURE__ */ React63.createElement(ModalSection, { title: "Related packages" }, /* @__PURE__ */ React63.createElement("ul", { className: "space-y-4" }, relatedPackages.map((pkg) => /* @__PURE__ */ React63.createElement("li", { key: pkg.id, className: "border border-secondary rounded-lg p-4 bg-secondary/20" }, /* @__PURE__ */ React63.createElement("p", { className: "font-display font-medium text-fg-primary" }, pkg.name), "description_markdown" in pkg && pkg.description_markdown ? /* @__PURE__ */ React63.createElement("div", { className: "mt-2 prose prose-sm font-body text-fg-secondary max-w-none" }, /* @__PURE__ */ React63.createElement(MarkdownRenderer2, { content: pkg.description_markdown })) : pkg.summary ? /* @__PURE__ */ React63.createElement("p", { className: "mt-2 font-body text-sm text-fg-secondary" }, pkg.summary) : null)))));
+  }
+  if (detail.type === "package") {
+    const p = detail.item;
+    const categoryLine = ((_e = p.category_names) == null ? void 0 : _e.length) ? p.category_names.join(" | ") : null;
+    const descriptionMarkdown2 = p.description_markdown || p.summary || p.first_service_description_markdown;
+    return /* @__PURE__ */ React63.createElement("div", { className: "space-y-6" }, categoryLine && /* @__PURE__ */ React63.createElement("p", { className: "text-sm font-medium text-fg-secondary uppercase tracking-wide" }, categoryLine), descriptionMarkdown2 && /* @__PURE__ */ React63.createElement(ModalSection, { title: "Package details" }, /* @__PURE__ */ React63.createElement("div", { className: "prose prose-sm font-body text-fg-primary max-w-none" }, /* @__PURE__ */ React63.createElement(MarkdownRenderer2, { content: descriptionMarkdown2 }))), p.package_items && p.package_items.length > 0 && /* @__PURE__ */ React63.createElement(ModalSection, { title: "What's included" }, /* @__PURE__ */ React63.createElement("ul", { className: "space-y-4" }, p.package_items.map((pi, i) => {
+      var _a2, _b2, _c2, _d2, _e2, _f, _g, _h, _i;
+      const fullItem = ((_a2 = pi.service_item) == null ? void 0 : _a2.id) != null ? serviceItems.find((si2) => si2.id === pi.service_item.id) : null;
+      const name = (_d2 = (_c2 = fullItem == null ? void 0 : fullItem.name) != null ? _c2 : (_b2 = pi.service_item) == null ? void 0 : _b2.name) != null ? _d2 : "Item";
+      const desc = (_g = (_e2 = fullItem == null ? void 0 : fullItem.summary) != null ? _e2 : fullItem == null ? void 0 : fullItem.description_markdown) != null ? _g : (_f = pi.service_item) == null ? void 0 : _f.summary;
+      return /* @__PURE__ */ React63.createElement("li", { key: (_i = (_h = pi.service_item) == null ? void 0 : _h.id) != null ? _i : i, className: "border border-secondary rounded-lg p-4 bg-secondary/20" }, /* @__PURE__ */ React63.createElement("p", { className: "font-display font-medium text-fg-primary" }, pi.quantity > 1 && `${pi.quantity}\xD7 `, name), desc && /* @__PURE__ */ React63.createElement("div", { className: "mt-2 prose prose-sm font-body text-fg-secondary max-w-none" }, typeof desc === "string" && !desc.includes("\n") && !desc.match(/[#*\[\]]/) ? /* @__PURE__ */ React63.createElement("p", null, desc) : /* @__PURE__ */ React63.createElement(MarkdownRenderer2, { content: desc })));
+    }))), p.pricing_info && /* @__PURE__ */ React63.createElement(ModalSection, { title: "Pricing" }, /* @__PURE__ */ React63.createElement("div", { className: "rounded-lg border border-secondary bg-secondary/40 p-4" }, /* @__PURE__ */ React63.createElement("div", { className: "prose prose-sm font-body text-fg-primary max-w-none" }, /* @__PURE__ */ React63.createElement(MarkdownRenderer2, { content: p.pricing_info })))));
+  }
+  const si = detail.item;
+  const priceStr = formatPriceCents(si.price_cents);
+  const summary = si.summary || si.service_summary;
+  const descriptionMarkdown = si.description_markdown || si.service_description_markdown;
+  return /* @__PURE__ */ React63.createElement("div", { className: "space-y-6" }, si.service_name && /* @__PURE__ */ React63.createElement("p", { className: "text-sm font-medium text-fg-secondary uppercase tracking-wide" }, si.service_name), priceStr && /* @__PURE__ */ React63.createElement(ModalSection, { title: "Price" }, /* @__PURE__ */ React63.createElement("p", { className: "font-display text-lg font-normal text-fg-primary" }, priceStr), si.duration_minutes != null && si.duration_minutes > 0 && /* @__PURE__ */ React63.createElement("p", { className: "font-body text-sm text-fg-secondary mt-1" }, "Duration: ", si.duration_minutes, " min")), summary && /* @__PURE__ */ React63.createElement(ModalSection, { title: "Overview" }, /* @__PURE__ */ React63.createElement("p", { className: "font-body text-fg-primary" }, summary)), descriptionMarkdown && /* @__PURE__ */ React63.createElement(ModalSection, { title: "Full description" }, /* @__PURE__ */ React63.createElement("div", { className: "prose prose-sm font-body text-fg-primary max-w-none" }, /* @__PURE__ */ React63.createElement(MarkdownRenderer2, { content: descriptionMarkdown }))), si.pricing_info && /* @__PURE__ */ React63.createElement(ModalSection, { title: "Pricing details" }, /* @__PURE__ */ React63.createElement("div", { className: "rounded-lg border border-secondary bg-secondary/40 p-4" }, /* @__PURE__ */ React63.createElement("div", { className: "prose prose-sm font-body text-fg-primary max-w-none" }, /* @__PURE__ */ React63.createElement(MarkdownRenderer2, { content: si.pricing_info })))));
+}
+function ServiceMenuSection({
+  title = "Service Menu",
+  subtitle,
+  offers = null,
+  packages = null,
+  services = null,
+  websitePhotos,
+  companyInformation,
+  viewAllHref,
+  viewAllText = "View All",
+  servicesRowTitle = "Treatments",
+  variant = "section"
+}) {
+  const offerList = React63.useMemo(
+    () => Array.isArray(offers) ? offers.filter((o) => !o.expired) : [],
+    [offers]
+  );
+  const packageList = React63.useMemo(
+    () => Array.isArray(packages) ? packages : [],
+    [packages]
+  );
+  const serviceList = React63.useMemo(
+    () => Array.isArray(services) ? services : [],
+    [services]
+  );
+  const serviceItemIdToService = React63.useMemo(() => {
+    const m = /* @__PURE__ */ new Map();
+    serviceList.forEach((s) => (s.service_items || []).forEach((si) => m.set(si.id, s)));
+    return m;
+  }, [serviceList]);
+  const packagesForMenu = React63.useMemo(
+    () => packageList.map((pkg) => {
+      var _a, _b, _c;
+      const category_names = [
+        ...new Set(
+          (pkg.package_items || []).map((pi) => {
+            var _a2, _b2, _c2;
+            return (_c2 = serviceItemIdToService.get((_b2 = (_a2 = pi.service_item) == null ? void 0 : _a2.id) != null ? _b2 : 0)) == null ? void 0 : _c2.name;
+          }).filter(Boolean)
+        )
+      ];
+      const firstPi = (_a = pkg.package_items) == null ? void 0 : _a[0];
+      const firstService = firstPi ? serviceItemIdToService.get((_c = (_b = firstPi.service_item) == null ? void 0 : _b.id) != null ? _c : 0) : void 0;
+      const first_service_description_markdown = (firstService == null ? void 0 : firstService.description_markdown) || (firstService == null ? void 0 : firstService.summary) || null;
+      return __spreadProps(__spreadValues({}, pkg), { category_names, first_service_description_markdown });
+    }),
+    [packageList, serviceItemIdToService]
+  );
+  const offersForMenu = React63.useMemo(
+    () => offerList.map((offer) => {
+      var _a, _b, _c;
+      const category_names = (_b = ((_a = offer.category_names) == null ? void 0 : _a.length) ? offer.category_names : null) != null ? _b : (offer.service_ids || []).map((id3) => {
+        var _a2;
+        return (_a2 = serviceList.find((s) => s.id === id3)) == null ? void 0 : _a2.name;
+      }).filter(Boolean);
+      const firstServiceId = (_c = offer.service_ids) == null ? void 0 : _c[0];
+      const firstService = firstServiceId ? serviceList.find((s) => s.id === firstServiceId) : void 0;
+      const first_service_description_markdown = (firstService == null ? void 0 : firstService.description_markdown) || (firstService == null ? void 0 : firstService.summary) || null;
+      return __spreadProps(__spreadValues({}, offer), { category_names: category_names != null ? category_names : [], first_service_description_markdown });
+    }),
+    [offerList, serviceList]
+  );
+  const serviceItemsForMenu = serviceList.flatMap(
+    (s) => (s.service_items || []).map((si) => __spreadProps(__spreadValues({}, si), {
+      service_name: s.name,
+      service_summary: s.summary,
+      service_description_markdown: s.description_markdown
+    }))
+  );
+  const hasAny = offersForMenu.length > 0 || packagesForMenu.length > 0 || serviceItemsForMenu.length > 0;
+  const CAROUSEL_MIN = 3;
+  const isPage = variant === "page";
+  const offersLayout = isPage ? "grid" : offersForMenu.length >= CAROUSEL_MIN ? "carousel" : "grid";
+  const packagesLayout = isPage ? "grid" : packagesForMenu.length >= CAROUSEL_MIN ? "carousel" : "grid";
+  const serviceItemsLayout = isPage ? "grid" : serviceItemsForMenu.length >= CAROUSEL_MIN ? "carousel" : "grid";
+  const [detailItem, setDetailItem] = useState30(null);
+  const [portalTarget, setPortalTarget] = useState30(null);
+  useEffect11(() => {
+    let el = document.getElementById(SERVICE_MENU_MODAL_ROOT_ID);
+    if (!el) {
+      el = document.createElement("div");
+      el.id = SERVICE_MENU_MODAL_ROOT_ID;
+      document.body.appendChild(el);
+    }
+    setPortalTarget(el);
+    return () => {
+      el == null ? void 0 : el.remove();
+    };
+  }, []);
+  const closeModal = useCallback10(() => setDetailItem(null), []);
+  const renderOfferCard = useCallback10(
+    (offer, index) => {
+      var _a, _b;
+      const categorySubtitle = ((_a = offer.category_names) == null ? void 0 : _a.length) ? offer.category_names.join(" | ") : (_b = offer.value_terms) != null ? _b : null;
+      const cardDesc = offer.description || offer.first_service_description_markdown;
+      const plainDesc = cardDesc ? (typeof cardDesc === "string" ? cardDesc : "").replace(/[#*`\[\]]/g, "").replace(/\n+/g, " ").trim() : "";
+      const descText = plainDesc.length > 120 ? plainDesc.slice(0, 120) + "\u2026" : plainDesc;
+      return /* @__PURE__ */ React63.createElement(
+        GridCardWithImage,
+        {
+          photoAttachments: offer.photo_attachments,
+          fallbackId: offer.id,
+          fallbackAlt: offer.name,
+          title: offer.name,
+          subtitle: categorySubtitle,
+          onClick: () => setDetailItem({ type: "offer", item: offer }),
+          websitePhotos,
+          companyInformation,
+          cycleSeed: `offer-${offer.id}-${index}`
+        },
+        descText && /* @__PURE__ */ React63.createElement("p", { className: "font-body text-sm text-tertiary mt-1 line-clamp-2" }, descText)
+      );
+    },
+    [websitePhotos, companyInformation]
+  );
+  const renderPackageCard = useCallback10(
+    (pkg, index) => {
+      var _a;
+      const categorySubtitle = ((_a = pkg.category_names) == null ? void 0 : _a.length) ? pkg.category_names.join(" | ") : null;
+      const cardDesc = pkg.description_markdown || pkg.summary || pkg.first_service_description_markdown;
+      const plainDesc = cardDesc ? cardDesc.replace(/[#*`\[\]]/g, "").replace(/\n+/g, " ").trim() : "";
+      const descText = plainDesc.length > 120 ? plainDesc.slice(0, 120) + "\u2026" : plainDesc;
+      return /* @__PURE__ */ React63.createElement(
+        GridCardWithImage,
+        {
+          photoAttachments: pkg.photo_attachments,
+          fallbackId: `pkg-${pkg.id}`,
+          fallbackAlt: pkg.name,
+          title: pkg.name,
+          subtitle: categorySubtitle,
+          onClick: () => setDetailItem({ type: "package", item: pkg }),
+          websitePhotos,
+          companyInformation,
+          cycleSeed: `pkg-${pkg.id}-${index}`
+        },
+        descText && /* @__PURE__ */ React63.createElement("p", { className: "font-body text-sm text-tertiary mt-1 line-clamp-2" }, descText)
+      );
+    },
+    [websitePhotos, companyInformation]
+  );
+  const renderServiceItemCard = useCallback10(
+    (si, index) => {
+      var _a, _b, _c, _d;
+      return /* @__PURE__ */ React63.createElement(
+        GridCardWithImage,
+        {
+          photoAttachments: si.photo_attachments,
+          fallbackId: `service-item-${si.id}`,
+          fallbackAlt: ((_c = (_b = (_a = si.photo_attachments) == null ? void 0 : _a[0]) == null ? void 0 : _b.photo) == null ? void 0 : _c.title) || si.name,
+          title: si.name,
+          subtitle: (_d = si.service_name) != null ? _d : null,
+          onClick: () => setDetailItem({ type: "service_item", item: si }),
+          websitePhotos,
+          companyInformation,
+          cycleSeed: `service-item-${si.id}-${index}`
+        },
+        formatPriceCents(si.price_cents) && /* @__PURE__ */ React63.createElement("p", { className: "font-body text-sm font-medium text-fg-primary mt-1" }, formatPriceCents(si.price_cents)),
+        (() => {
+          const desc = si.summary || si.description_markdown || si.service_summary || si.service_description_markdown;
+          if (!desc) return null;
+          const plain = desc.replace(/[#*`\[\]]/g, "").replace(/\n+/g, " ").trim();
+          const text = plain.length > 120 ? plain.slice(0, 120) + "\u2026" : plain;
+          return /* @__PURE__ */ React63.createElement("p", { className: "font-body text-sm text-tertiary mt-1 line-clamp-2" }, text);
+        })()
+      );
+    },
+    [websitePhotos, companyInformation]
+  );
+  if (!hasAny) return null;
+  const modalTitle = detailItem ? detailItem.item.name : "";
+  return /* @__PURE__ */ React63.createElement("section", { className: variant === "page" ? "py-12 md:py-20" : "py-12 md:py-16" }, /* @__PURE__ */ React63.createElement("div", { className: "mx-auto max-w-container px-4 md:px-8" }, variant === "section" && /* @__PURE__ */ React63.createElement("div", { className: "mx-auto max-w-3xl text-center mb-12 md:mb-16" }, title && /* @__PURE__ */ React63.createElement("h2", { className: "font-display text-4xl font-normal text-fg-primary md:text-5xl" }, title), subtitle && /* @__PURE__ */ React63.createElement("p", { className: "mt-4 font-display text-lg leading-relaxed text-tertiary md:text-xl max-w-3xl mx-auto" }, subtitle)), /* @__PURE__ */ React63.createElement(
+    MenuBlock,
+    {
+      rowTitle: "Offers",
+      items: offersForMenu,
+      layout: offersLayout,
+      renderItem: renderOfferCard
+    }
+  ), /* @__PURE__ */ React63.createElement(
+    MenuBlock,
+    {
+      rowTitle: "Packages",
+      items: packagesForMenu,
+      layout: packagesLayout,
+      renderItem: renderPackageCard
+    }
+  ), /* @__PURE__ */ React63.createElement(
+    MenuBlock,
+    {
+      rowTitle: servicesRowTitle,
+      items: serviceItemsForMenu,
+      layout: serviceItemsLayout,
+      renderItem: renderServiceItemCard
+    }
+  ), variant === "section" && viewAllHref && viewAllText && /* @__PURE__ */ React63.createElement("div", { className: "mt-12 text-center" }, /* @__PURE__ */ React63.createElement(Button2, { href: viewAllHref, color: "primary", size: "md" }, viewAllText))), portalTarget && detailItem && createPortal(
+    /* @__PURE__ */ React63.createElement(
+      Modal,
+      {
+        isOpen: true,
+        onClose: closeModal,
+        title: modalTitle,
+        maxWidth: "2xl"
+      },
+      /* @__PURE__ */ React63.createElement(
+        DetailModalContent,
+        {
+          detail: detailItem,
+          services: serviceList,
+          packages: packagesForMenu,
+          serviceItems: serviceItemsForMenu
+        }
+      )
+    ),
+    portalTarget
+  ));
+}
+
 // src/design_system/sections/index.tsx
 function createThemedExport2(componentName, BaseComponent) {
   return function ThemedComponent(props) {
     const { theme } = useTheme();
     try {
       const Component2 = getThemedComponent(componentName, theme);
-      return React59.createElement(Component2, props);
+      return React64.createElement(Component2, props);
     } catch (e) {
-      return React59.createElement(BaseComponent, props);
+      return React64.createElement(BaseComponent, props);
     }
   };
 }
@@ -18871,6 +19710,9 @@ var PolicyDocumentSection2 = PolicyDocumentSection;
 var SocialMediaHero3 = createThemedExport2("hero-social-media", SocialMediaHero);
 var TestimonialsHero3 = createThemedExport2("hero-testimonials", TestimonialsHero);
 var HomeHeroComponent2 = createThemedExport2("home-hero-component", HomeHeroComponent);
+var OffersSection2 = createThemedExport2("offers-section", OffersSection);
+var OffersGallery2 = createThemedExport2("offers-gallery", OffersGallery);
+var OfferDetailSection2 = createThemedExport2("offer-detail", OfferDetailSection);
 export {
   AboutHome5 as AboutHome,
   BlogCardFullWidthHorizontal,
@@ -18931,9 +19773,14 @@ export {
   LocationDetailHero3 as LocationDetailHero,
   LocationDetailsSection3 as LocationDetailsSection,
   LocationGrid3 as LocationGrid,
+  OfferDetailSection2 as OfferDetailSection,
+  OffersGallery2 as OffersGallery,
+  OffersGrid,
+  OffersSection2 as OffersSection,
   PolicyDocumentSection2 as PolicyDocumentSection,
   ServiceDetailContent2 as ServiceDetailContent,
   ServiceDetailHero3 as ServiceDetailHero,
+  ServiceMenuSection,
   ServicesGrid4 as ServicesGrid,
   ServicesHome5 as ServicesHome,
   SocialMediaGrid4 as SocialMediaGrid,