@opensite/ui 2.0.1 → 2.0.3

package/dist/registry.js

@@ -1,10 +1,11 @@
-import * as React24 from 'react';
-import React24__default, { Fragment, createContext, useMemo, forwardRef, useCallback, useState, useRef, useEffect, startTransition, useContext } from 'react';
+import * as React23 from 'react';
+import React23__default, { Fragment, createContext, useMemo, forwardRef, useCallback, useState, useRef, useEffect, startTransition, useContext } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { Img } from '@page-speed/img';
 import { cva } from 'class-variance-authority';
+import { Icon } from '@page-speed/icon';
 import { motion as motion$1, AnimatePresence as AnimatePresence$1 } from 'motion/react';
 import { Slot } from '@radix-ui/react-slot';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -139,7 +140,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React24__default.forwardRef(
+var Container = React23__default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsx(
@@ -444,7 +445,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React24__default.forwardRef(
+var Section = React23__default.forwardRef(
   ({
     id,
     title,
@@ -1034,7 +1035,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React24.useMemo(() => {
+  const linkType = React23.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -1055,7 +1056,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React24.useMemo(() => {
+  const normalizedHref = React23.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -1073,7 +1074,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React24.useMemo(() => {
+  const target = React23.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -1086,7 +1087,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React24.useMemo(() => {
+  const rel = React23.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -1095,7 +1096,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React24.useCallback(
+  const handleClick = React23.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -1279,7 +1280,7 @@ var buttonVariants = cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React24.forwardRef(
+var Pressable = React23.forwardRef(
   ({
     children,
     className,
@@ -1802,110 +1803,9 @@ function AboutVisionGallery({
     }
   );
 }
-var svgCache = /* @__PURE__ */ new Map();
-function DynamicIcon({
-  name,
-  size = 28,
-  color,
-  className,
-  alt
-}) {
-  const [svgContent, setSvgContent] = React24.useState(null);
-  const [isLoading, setIsLoading] = React24.useState(true);
-  const [error, setError] = React24.useState(null);
-  const { url, iconName } = React24.useMemo(() => {
-    const separator = name.includes("/") ? "/" : ":";
-    const [prefix, iconName2] = name.split(separator);
-    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}&key=au382bi7fsh96w9h9xlrnat2jglx`;
-    return {
-      url: baseUrl,
-      iconName: iconName2
-    };
-  }, [name, size]);
-  React24.useEffect(() => {
-    let isMounted = true;
-    const fetchSvg = async () => {
-      const cached = svgCache.get(url);
-      if (cached) {
-        if (isMounted) {
-          setSvgContent(cached);
-          setIsLoading(false);
-        }
-        return;
-      }
-      try {
-        setIsLoading(true);
-        setError(null);
-        const response = await fetch(url);
-        if (!response.ok) {
-          throw new Error(`Failed to fetch icon: ${response.status}`);
-        }
-        let svg = await response.text();
-        svg = processSvgForCurrentColor(svg);
-        svgCache.set(url, svg);
-        if (isMounted) {
-          setSvgContent(svg);
-          setIsLoading(false);
-        }
-      } catch (err) {
-        if (isMounted) {
-          setError(err instanceof Error ? err.message : "Failed to load icon");
-          setIsLoading(false);
-        }
-      }
-    };
-    fetchSvg();
-    return () => {
-      isMounted = false;
-    };
-  }, [url]);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn("inline-block", className),
-        style: { width: size, height: size },
-        "aria-hidden": "true"
-      }
-    );
-  }
-  if (error || !svgContent) {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn("inline-block", className),
-        style: { width: size, height: size },
-        role: "img",
-        "aria-label": alt || iconName
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn("inline-flex items-center justify-center", className),
-      style: {
-        width: size,
-        height: size,
-        color: color || "inherit"
-      },
-      role: "img",
-      "aria-label": alt || iconName,
-      dangerouslySetInnerHTML: { __html: svgContent }
-    }
-  );
-}
-function processSvgForCurrentColor(svg) {
-  let processed = svg;
-  processed = processed.replace(
-    /stroke=["'](#000000|#000|black)["']/gi,
-    'stroke="currentColor"'
-  );
-  processed = processed.replace(
-    /fill=["'](#000000|#000|black)["']/gi,
-    'fill="currentColor"'
-  );
-  return processed;
+var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
+function DynamicIcon({ apiKey, ...props }) {
+  return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 }
 function AboutDeveloperStory({
   className,
@@ -2385,6 +2285,25 @@ var slideVariants = {
     }
   }
 };
+var fadeVariants = {
+  initial: {
+    opacity: 0
+  },
+  visible: {
+    opacity: 1,
+    transition: {
+      duration: 0.8,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  },
+  fadeExit: {
+    opacity: 0,
+    transition: {
+      duration: 0.8,
+      ease: [0.4, 0, 0.2, 1]
+    }
+  }
+};
 var normalizeIndex = (index, length) => {
   if (!length) return 0;
   const safeIndex = index % length;
@@ -2402,16 +2321,17 @@ var ImageSlider = ({
   autoplay = true,
   autoplayIntervalMs = 6e3,
   direction = "up",
+  transition = "slide",
   startIndex = 0,
   enableKeyboard = true,
   onSlideChange,
   optixFlowConfig
 }) => {
   const hasImages = images.length > 0;
-  const [currentIndex, setCurrentIndex] = React24.useState(
+  const [currentIndex, setCurrentIndex] = React23.useState(
     () => normalizeIndex(startIndex, images.length)
   );
-  const handleNext = React24.useCallback(() => {
+  const handleNext = React23.useCallback(() => {
     if (!hasImages) return;
     setCurrentIndex((prevIndex) => {
       const nextIndex = prevIndex + 1 >= images.length ? 0 : prevIndex + 1;
@@ -2419,7 +2339,7 @@ var ImageSlider = ({
       return nextIndex;
     });
   }, [hasImages, images.length, onSlideChange]);
-  const handlePrevious = React24.useCallback(() => {
+  const handlePrevious = React23.useCallback(() => {
     if (!hasImages) return;
     setCurrentIndex((prevIndex) => {
       const nextIndex = prevIndex - 1 < 0 ? images.length - 1 : prevIndex - 1;
@@ -2427,11 +2347,11 @@ var ImageSlider = ({
       return nextIndex;
     });
   }, [hasImages, images.length, onSlideChange]);
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     if (!hasImages) return;
     setCurrentIndex(normalizeIndex(startIndex, images.length));
   }, [startIndex, images.length, hasImages]);
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     if (!enableKeyboard || !hasImages) return;
     const handleKeyDown = (event) => {
       if (event.key === "ArrowRight") {
@@ -2445,7 +2365,7 @@ var ImageSlider = ({
       window.removeEventListener("keydown", handleKeyDown);
     };
   }, [enableKeyboard, handleNext, handlePrevious, hasImages]);
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     if (!autoplay || images.length < 2) return;
     const interval = window.setInterval(handleNext, autoplayIntervalMs);
     return () => window.clearInterval(interval);
@@ -2476,8 +2396,8 @@ var ImageSlider = ({
           {
             initial: "initial",
             animate: "visible",
-            exit: direction === "up" ? "upExit" : "downExit",
-            variants: slideVariants,
+            exit: transition === "fade" ? "fadeExit" : direction === "up" ? "upExit" : "downExit",
+            variants: transition === "fade" ? fadeVariants : slideVariants,
             className: "absolute inset-0",
             children: /* @__PURE__ */ jsx(
               Img,
@@ -2730,7 +2650,7 @@ var platformIconMap = {
   dribbble: "cib/dribbble",
   unknown: "icon-park-solid/circular-connection"
 };
-var SocialLinkIcon = React24.forwardRef(
+var SocialLinkIcon = React23.forwardRef(
   ({
     platformName,
     label,
@@ -2743,13 +2663,13 @@ var SocialLinkIcon = React24.forwardRef(
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl(href);
-    const smartPlatformName = React24.useMemo(() => {
+    const smartPlatformName = React23.useMemo(() => {
       return platform || platformName;
     }, [platform, platformName]);
-    const iconName = React24.useMemo(() => {
+    const iconName = React23.useMemo(() => {
       return iconNameOverride || platformIconMap[smartPlatformName];
     }, [iconNameOverride, smartPlatformName]);
-    const accessibleLabel = React24.useMemo(() => {
+    const accessibleLabel = React23.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
     return /* @__PURE__ */ jsx(
@@ -3174,7 +3094,7 @@ function AboutExpandableValues({
   pattern,
   patternOpacity
 }) {
-  const [expandedValue, setExpandedValue] = React24.useState(null);
+  const [expandedValue, setExpandedValue] = React23.useState(null);
   const toggleExpand = useCallback((id) => {
     setExpandedValue((prev) => prev === id ? null : id);
   }, []);
@@ -3428,7 +3348,7 @@ function CommunityInitiatives({
   pattern,
   patternOpacity
 }) {
-  const [activeCategory, setActiveCategory] = React24.useState(
+  const [activeCategory, setActiveCategory] = React23.useState(
     categories?.[0]?.id || ""
   );
   const currentCategory = categories?.find((category) => category.id === activeCategory) || categories?.[0];
@@ -3701,7 +3621,7 @@ function AboutCultureTabs({
   patternOpacity
 }) {
   const resolvedAspects = aspects ?? [];
-  const [activeTab, setActiveTab] = React24.useState(resolvedAspects[0]?.id || "");
+  const [activeTab, setActiveTab] = React23.useState(resolvedAspects[0]?.id || "");
   const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
@@ -4514,8 +4434,8 @@ var BrandAttribution = ({
   }
   const { prefix = "", anchorText, href, suffix = "" } = options[optionIndex];
   const ContainerEl = variant;
-  const [trackedHref, setTrackedHref] = React24.useState(href);
-  React24.useEffect(() => {
+  const [trackedHref, setTrackedHref] = React23.useState(href);
+  React23.useEffect(() => {
     setTrackedHref(buildTrackedHref(href));
   }, [href]);
   return /* @__PURE__ */ jsxs(ContainerEl, { className: containerClassName, children: [
@@ -4935,7 +4855,7 @@ function FooterSimpleCentered({
   ]);
   const bottomLinksContent = useMemo(() => {
     if (!bottomLinks || bottomLinks.length === 0) return null;
-    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsx(React24.Fragment, { children: /* @__PURE__ */ jsx(
+    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsx(React23.Fragment, { children: /* @__PURE__ */ jsx(
       Pressable,
       {
         href: link.href,
@@ -6879,7 +6799,7 @@ function BlockActions({
   actions,
   actionsSlot
 }) {
-  const renderAction = React24.useCallback(
+  const renderAction = React23.useCallback(
     (action, idx) => {
       const {
         label,
@@ -7564,7 +7484,7 @@ function AboutInteractiveTabs({
   pattern,
   patternOpacity
 }) {
-  const [activeTab, setActiveTab] = React24.useState(tabs?.[0]?.id ?? "");
+  const [activeTab, setActiveTab] = React23.useState(tabs?.[0]?.id ?? "");
   const activeContent = useMemo(() => {
     return tabs?.find((tab) => tab.id === activeTab)?.content;
   }, [tabs, activeTab]);
@@ -11589,7 +11509,7 @@ function CtaVideoBackgroundHero({
   pattern,
   patternOpacity
 }) {
-  const [isModalOpen, setIsModalOpen] = React24.useState(false);
+  const [isModalOpen, setIsModalOpen] = React23.useState(false);
   const handleOpenModal = () => {
     setIsModalOpen(true);
     onModalOpen?.();
@@ -11777,7 +11697,7 @@ function CtaWorkflowTabs({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [activeTab, setActiveTab] = React24.useState(tabs?.[0]?.id || "");
+  const [activeTab, setActiveTab] = React23.useState(tabs?.[0]?.id || "");
   const activeTabData = tabs?.find((tab) => tab.id === activeTab) || tabs?.[0];
   const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -12390,7 +12310,7 @@ function ContactFloatingBanner({
   pattern,
   patternOpacity
 }) {
-  const actionsContent = React24.useMemo(() => {
+  const actionsContent = React23.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -12832,7 +12752,7 @@ function ContactCard({
     onSuccess,
     onError
   });
-  const actionsContent = React24.useMemo(() => {
+  const actionsContent = React23.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -13424,7 +13344,7 @@ function ContactCatering({
     onSuccess,
     onError
   });
-  const actionsContent = React24.useMemo(() => {
+  const actionsContent = React23.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -13668,7 +13588,7 @@ function ContactConsultation({
     onSuccess,
     onError
   });
-  const actionsContent = React24.useMemo(() => {
+  const actionsContent = React23.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -13866,7 +13786,7 @@ function ContactDark({
     resetOnSuccess: formConfig?.resetOnSuccess !== false,
     uploadTokens
   });
-  const actionsContent = React24.useMemo(() => {
+  const actionsContent = React23.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => {
@@ -13896,7 +13816,7 @@ function ContactDark({
     }
     return null;
   }, [actionsSlot, actions]);
-  const contactOptionsContent = React24.useMemo(() => {
+  const contactOptionsContent = React23.useMemo(() => {
     if (contactOptionsSlot) return contactOptionsSlot;
     if (contactOptions && contactOptions.length > 0) {
       return contactOptions.map((option, key) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
@@ -13920,7 +13840,7 @@ function ContactDark({
     }
     return null;
   }, [contactOptionsSlot, contactOptions]);
-  const socialLinksContent = React24.useMemo(() => {
+  const socialLinksContent = React23.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (socialLinks && socialLinks.length > 0) {
       return socialLinks.map((social, key) => /* @__PURE__ */ jsx(
@@ -21792,16 +21712,16 @@ function CarouselAnimatedSections({
   pattern = "diagonalCrossBasic",
   patternOpacity = 0.033
 }) {
-  const [currentIndex, setCurrentIndex] = React24.useState(0);
-  const [direction, setDirection] = React24.useState(0);
-  const [isAnimating, setIsAnimating] = React24.useState(false);
-  const goToNext = React24.useCallback(() => {
+  const [currentIndex, setCurrentIndex] = React23.useState(0);
+  const [direction, setDirection] = React23.useState(0);
+  const [isAnimating, setIsAnimating] = React23.useState(false);
+  const goToNext = React23.useCallback(() => {
     if (isAnimating || currentIndex >= (sections?.length ?? 0) - 1) return;
     setIsAnimating(true);
     setDirection(1);
     setCurrentIndex((prev) => prev + 1);
   }, [currentIndex, isAnimating, sections?.length]);
-  const goToPrev = React24.useCallback(() => {
+  const goToPrev = React23.useCallback(() => {
     if (isAnimating || currentIndex <= 0) return;
     setIsAnimating(true);
     setDirection(-1);
@@ -21813,7 +21733,7 @@ function CarouselAnimatedSections({
     setDirection(index > currentIndex ? 1 : -1);
     setCurrentIndex(index);
   };
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "ArrowDown" || e.key === "ArrowRight") {
         goToNext();
@@ -21839,7 +21759,7 @@ function CarouselAnimatedSections({
     })
   };
   const currentSection = sections?.[currentIndex];
-  const actionElements = React24.useMemo(() => {
+  const actionElements = React23.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (actions && actions.length > 0) {
       return actions.map((action, index) => /* @__PURE__ */ jsxs(
@@ -22087,11 +22007,11 @@ function CarouselAutoProgressSlides({
   pattern,
   patternOpacity
 }) {
-  const [currentIndex, setCurrentIndex] = React24.useState(0);
+  const [currentIndex, setCurrentIndex] = React23.useState(0);
   const progress = useMotionValue(100);
-  const [direction, setDirection] = React24.useState(1);
+  const [direction, setDirection] = React23.useState(1);
   const clipPath = useMotionTemplate`inset(0 ${progress}% 0 0 round 10px)`;
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     const interval = setInterval(() => {
       const currentProgress = progress.get();
       if (currentProgress > 0) {
@@ -22270,22 +22190,22 @@ function CarouselAutoProgressSlides({
   );
 }
 function useDotButton(emblaApi) {
-  const [selectedIndex, setSelectedIndex] = React24.useState(0);
-  const [scrollSnaps, setScrollSnaps] = React24.useState([]);
-  const onDotButtonClick = React24.useCallback(
+  const [selectedIndex, setSelectedIndex] = React23.useState(0);
+  const [scrollSnaps, setScrollSnaps] = React23.useState([]);
+  const onDotButtonClick = React23.useCallback(
     (index) => {
       if (!emblaApi) return;
       emblaApi.scrollTo(index);
     },
     [emblaApi]
   );
-  const onInit = React24.useCallback((api) => {
+  const onInit = React23.useCallback((api) => {
     setScrollSnaps(api.scrollSnapList());
   }, []);
-  const onSelect = React24.useCallback((api) => {
+  const onSelect = React23.useCallback((api) => {
     setSelectedIndex(api.selectedScrollSnap());
   }, []);
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     if (!emblaApi) return;
     onInit(emblaApi);
     onSelect(emblaApi);
@@ -22294,8 +22214,8 @@ function useDotButton(emblaApi) {
   return { selectedIndex, scrollSnaps, onDotButtonClick };
 }
 function useAutoplay(emblaApi) {
-  const [autoplayIsPlaying, setAutoplayIsPlaying] = React24.useState(false);
-  const onAutoplayButtonClick = React24.useCallback(
+  const [autoplayIsPlaying, setAutoplayIsPlaying] = React23.useState(false);
+  const onAutoplayButtonClick = React23.useCallback(
     (callback) => {
       const autoplay = emblaApi?.plugins()?.autoplay;
       if (!autoplay) return;
@@ -22305,13 +22225,13 @@ function useAutoplay(emblaApi) {
     },
     [emblaApi]
   );
-  const toggleAutoplay = React24.useCallback(() => {
+  const toggleAutoplay = React23.useCallback(() => {
     const autoplay = emblaApi?.plugins()?.autoplay;
     if (!autoplay) return;
     const playOrStop = autoplay.isPlaying() ? autoplay.stop : autoplay.play;
     playOrStop();
   }, [emblaApi]);
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     const autoplay = emblaApi?.plugins()?.autoplay;
     if (!autoplay) return;
     setAutoplayIsPlaying(autoplay.isPlaying());
@@ -22320,11 +22240,11 @@ function useAutoplay(emblaApi) {
   return { autoplayIsPlaying, toggleAutoplay, onAutoplayButtonClick };
 }
 function useAutoplayProgress(emblaApi, progressNode) {
-  const [showAutoplayProgress, setShowAutoplayProgress] = React24.useState(false);
-  const animationName = React24.useRef("");
-  const timeoutId = React24.useRef(0);
-  const rafId = React24.useRef(0);
-  const startProgress = React24.useCallback(
+  const [showAutoplayProgress, setShowAutoplayProgress] = React23.useState(false);
+  const animationName = React23.useRef("");
+  const timeoutId = React23.useRef(0);
+  const rafId = React23.useRef(0);
+  const startProgress = React23.useCallback(
     (timeUntilNext) => {
       const node = progressNode.current;
       if (!node || timeUntilNext === null) return;
@@ -22344,12 +22264,12 @@ function useAutoplayProgress(emblaApi, progressNode) {
     },
     [progressNode]
   );
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     const autoplay = emblaApi?.plugins()?.autoplay;
     if (!autoplay) return;
     emblaApi.on("autoplay:timerset", () => startProgress(autoplay.timeUntilNext())).on("autoplay:timerstopped", () => setShowAutoplayProgress(false));
   }, [emblaApi, startProgress]);
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     return () => {
       cancelAnimationFrame(rafId.current);
       clearTimeout(timeoutId.current);
@@ -22376,7 +22296,7 @@ function CarouselAutoplayProgress({
   pattern,
   patternOpacity
 }) {
-  const progressNode = React24.useRef(null);
+  const progressNode = React23.useRef(null);
   const [emblaRef, emblaApi] = useEmblaCarousel(options, [
     Autoplay({ playOnInit: true, delay: autoplayDelay })
   ]);
@@ -22499,20 +22419,20 @@ function CarouselFeatureBadge({
   containerMaxWidth = "2xl"
 }) {
   const [emblaRef, emblaApi] = useEmblaCarousel();
-  const [canScrollPrev, setCanScrollPrev] = React24.useState(false);
-  const [canScrollNext, setCanScrollNext] = React24.useState(false);
-  const scrollPrev = React24.useCallback(() => {
+  const [canScrollPrev, setCanScrollPrev] = React23.useState(false);
+  const [canScrollNext, setCanScrollNext] = React23.useState(false);
+  const scrollPrev = React23.useCallback(() => {
     emblaApi?.scrollPrev();
   }, [emblaApi]);
-  const scrollNext = React24.useCallback(() => {
+  const scrollNext = React23.useCallback(() => {
     emblaApi?.scrollNext();
   }, [emblaApi]);
-  const onSelect = React24.useCallback(() => {
+  const onSelect = React23.useCallback(() => {
     if (!emblaApi) return;
     setCanScrollPrev(emblaApi.canScrollPrev());
     setCanScrollNext(emblaApi.canScrollNext());
   }, [emblaApi]);
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     if (!emblaApi) return;
     onSelect();
     emblaApi.on("reInit", onSelect);
@@ -22632,10 +22552,10 @@ function CarouselFullscreenScrollFx({
   pattern = "diagonalCrossBasic",
   patternOpacity = 0.033
 }) {
-  const containerRef = React24.useRef(null);
-  const scrollContainerRef = React24.useRef(null);
-  const [activeIndex, setActiveIndex] = React24.useState(0);
-  React24.useEffect(() => {
+  const containerRef = React23.useRef(null);
+  const scrollContainerRef = React23.useRef(null);
+  const [activeIndex, setActiveIndex] = React23.useState(0);
+  React23.useEffect(() => {
     const scrollContainer = scrollContainerRef.current;
     if (!scrollContainer || !slides?.length) return;
     const handleScroll = () => {
@@ -22647,7 +22567,7 @@ function CarouselFullscreenScrollFx({
     scrollContainer.addEventListener("scroll", handleScroll);
     return () => scrollContainer.removeEventListener("scroll", handleScroll);
   }, [slides]);
-  const scrollToSlide = React24.useCallback((index) => {
+  const scrollToSlide = React23.useCallback((index) => {
     const scrollContainer = scrollContainerRef.current;
     if (!scrollContainer) return;
     const slideHeight = scrollContainer.clientHeight;
@@ -22730,7 +22650,7 @@ function CarouselFullscreenScrollFx({
             className: "flex h-screen flex-col snap-y snap-mandatory overflow-x-hidden overflow-y-auto scroll-smooth",
             style: { scrollbarWidth: "none", msOverflowStyle: "none" },
             children: slidesSlot ? slidesSlot : slides?.map((slide, index) => {
-              const renderActions = React24.useMemo(() => {
+              const renderActions = React23.useMemo(() => {
                 if (!slide.actions || slide.actions.length === 0) return null;
                 return slide.actions.map((action, actionIndex) => {
                   const {
@@ -22863,25 +22783,25 @@ function CarouselGalleryThumbnails({
   patternOpacity,
   slideMediaBrightness = "100"
 }) {
-  const [currentIndex, setCurrentIndex] = React24.useState(0);
-  const prevSlide = React24.useCallback(() => {
+  const [currentIndex, setCurrentIndex] = React23.useState(0);
+  const prevSlide = React23.useCallback(() => {
     setCurrentIndex(
       (prev) => prev === 0 ? (images?.length ?? 0) - 1 : prev - 1
     );
   }, [images?.length]);
-  const nextSlide = React24.useCallback(() => {
+  const nextSlide = React23.useCallback(() => {
     setCurrentIndex(
       (prev) => prev === (images?.length ?? 0) - 1 ? 0 : prev + 1
     );
   }, [images?.length]);
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     if (!autoPlay) return;
     const interval = setInterval(() => {
       nextSlide();
     }, autoPlayInterval);
     return () => clearInterval(interval);
   }, [currentIndex, autoPlay, autoPlayInterval, nextSlide]);
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "ArrowRight") {
         nextSlide();
@@ -23026,9 +22946,9 @@ function CarouselHorizontalCards({
   pattern,
   patternOpacity
 }) {
-  const carouselRef = React24.useRef(null);
-  const [isAtStart, setIsAtStart] = React24.useState(true);
-  const [isAtEnd, setIsAtEnd] = React24.useState(false);
+  const carouselRef = React23.useRef(null);
+  const [isAtStart, setIsAtStart] = React23.useState(true);
+  const [isAtEnd, setIsAtEnd] = React23.useState(false);
   const scrollLeft = () => {
     if (carouselRef.current) {
       carouselRef.current.scrollBy({ left: -300, behavior: "smooth" });
@@ -23039,7 +22959,7 @@ function CarouselHorizontalCards({
       carouselRef.current.scrollBy({ left: 300, behavior: "smooth" });
     }
   };
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     const checkScrollPosition = () => {
       if (carouselRef.current) {
         const { scrollLeft: scrollLeft2, scrollWidth, clientWidth } = carouselRef.current;
@@ -23239,22 +23159,22 @@ function CarouselImageHero({
   pattern,
   patternOpacity
 }) {
-  const [currentImageIndex, setCurrentImageIndex] = React24.useState(0);
-  const intervalRef = React24.useRef(null);
-  const goToNext = React24.useCallback(() => {
+  const [currentImageIndex, setCurrentImageIndex] = React23.useState(0);
+  const intervalRef = React23.useRef(null);
+  const goToNext = React23.useCallback(() => {
     setCurrentImageIndex((prevIndex) => (prevIndex + 1) % (images?.length ?? 1));
   }, [images?.length]);
-  const resetInterval = React24.useCallback(() => {
+  const resetInterval = React23.useCallback(() => {
     if (intervalRef.current) {
       clearInterval(intervalRef.current);
     }
     intervalRef.current = setInterval(goToNext, autoPlayInterval);
   }, [goToNext, autoPlayInterval]);
-  const goToSlide = React24.useCallback((index) => {
+  const goToSlide = React23.useCallback((index) => {
     setCurrentImageIndex(index);
     resetInterval();
   }, [resetInterval]);
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     resetInterval();
     return () => {
       if (intervalRef.current) {
@@ -23427,8 +23347,8 @@ function CarouselMultiStepShowcase({
   pattern,
   patternOpacity
 }) {
-  const [activeStep, setActiveStep] = React24.useState(0);
-  const [direction, setDirection] = React24.useState(0);
+  const [activeStep, setActiveStep] = React23.useState(0);
+  const [direction, setDirection] = React23.useState(0);
   const goToStep = (index) => {
     setDirection(index > activeStep ? 1 : -1);
     setActiveStep(index);
@@ -23720,9 +23640,9 @@ function CarouselPortfolioHero({
   patternOpacity,
   slideMediaBrightness = "50"
 }) {
-  const [currentIndex, setCurrentIndex] = React24.useState(0);
-  const intervalRef = React24.useRef(null);
-  const resetInterval = React24.useCallback(() => {
+  const [currentIndex, setCurrentIndex] = React23.useState(0);
+  const intervalRef = React23.useRef(null);
+  const resetInterval = React23.useCallback(() => {
     if (intervalRef.current) {
       clearInterval(intervalRef.current);
     }
@@ -23730,17 +23650,17 @@ function CarouselPortfolioHero({
       setCurrentIndex((prevIndex) => (prevIndex + 1) % (slides?.length ?? 1));
     }, autoPlayInterval);
   }, [autoPlayInterval, slides?.length]);
-  const goToNext = React24.useCallback(() => {
+  const goToNext = React23.useCallback(() => {
     setCurrentIndex((prevIndex) => (prevIndex + 1) % (slides?.length ?? 1));
     resetInterval();
   }, [slides?.length, resetInterval]);
-  const goToPrev = React24.useCallback(() => {
+  const goToPrev = React23.useCallback(() => {
     setCurrentIndex(
       (prevIndex) => (prevIndex - 1 + (slides?.length ?? 1)) % (slides?.length ?? 1)
     );
     resetInterval();
   }, [slides?.length, resetInterval]);
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     resetInterval();
     return () => {
       if (intervalRef.current) {
@@ -23932,9 +23852,9 @@ function CarouselProductFeatureShowcase({
   pattern,
   patternOpacity
 }) {
-  const [activeIndex, setActiveIndex] = React24.useState(0);
-  const [activeColorIndex, setActiveColorIndex] = React24.useState(0);
-  const [direction, setDirection] = React24.useState(0);
+  const [activeIndex, setActiveIndex] = React23.useState(0);
+  const [activeColorIndex, setActiveColorIndex] = React23.useState(0);
+  const [direction, setDirection] = React23.useState(0);
   const activeFeature = features?.[activeIndex];
   const goToNext = () => {
     setDirection(1);
@@ -24154,9 +24074,9 @@ function CarouselProductFeatureShowcase({
     }
   );
 }
-var ProgressSliderContext = React24.createContext(void 0);
+var ProgressSliderContext = React23.createContext(void 0);
 function useProgressSliderContext() {
-  const context = React24.useContext(ProgressSliderContext);
+  const context = React23.useContext(ProgressSliderContext);
   if (!context) {
     throw new Error(
       "useProgressSliderContext must be used within a ProgressSlider"
@@ -24242,19 +24162,19 @@ function CarouselProgressSlider({
   pattern,
   patternOpacity
 }) {
-  const [active, setActive] = React24.useState(slides?.[0]?.id ?? "");
-  const [progress, setProgress] = React24.useState(0);
-  const [isFastForward, setIsFastForward] = React24.useState(false);
-  const [isPaused, setIsPaused] = React24.useState(false);
-  const frame = React24.useRef(0);
-  const firstFrameTime = React24.useRef(performance.now());
-  const targetValue = React24.useRef(null);
-  const pausedProgress = React24.useRef(0);
-  const sliderValues = React24.useMemo(
+  const [active, setActive] = React23.useState(slides?.[0]?.id ?? "");
+  const [progress, setProgress] = React23.useState(0);
+  const [isFastForward, setIsFastForward] = React23.useState(false);
+  const [isPaused, setIsPaused] = React23.useState(false);
+  const frame = React23.useRef(0);
+  const firstFrameTime = React23.useRef(performance.now());
+  const targetValue = React23.useRef(null);
+  const pausedProgress = React23.useRef(0);
+  const sliderValues = React23.useMemo(
     () => slides?.map((slide) => slide.id),
     [slides]
   );
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     if ((sliderValues?.length ?? 0) > 0 && !isPaused) {
       firstFrameTime.current = performance.now();
       if (pausedProgress.current > 0) {
@@ -24419,11 +24339,11 @@ function CarouselScrollingFeatureShowcase({
   pattern,
   patternOpacity
 }) {
-  const [activeFeature, setActiveFeature] = React24.useState(
+  const [activeFeature, setActiveFeature] = React23.useState(
     features?.[0]?.id ?? ""
   );
-  const featureRefs = React24.useRef(/* @__PURE__ */ new Map());
-  React24.useEffect(() => {
+  const featureRefs = React23.useRef(/* @__PURE__ */ new Map());
+  React23.useEffect(() => {
     if (!features || features.length === 0) return;
     const observerOptions = {
       root: null,
@@ -24585,10 +24505,10 @@ function FeatureShowcase({
   slideClassName,
   contentClassName,
   mediaClassName,
-  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   equalizeOnMobile,
   stretchMediaOnMobile,
   background,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   spacing = "py-12 md:py-32",
   pattern,
   patternOpacity,
@@ -25348,9 +25268,9 @@ function FeatureChecklistImage({
     }
   );
 }
-var CarouselContext = React24.createContext(null);
+var CarouselContext = React23.createContext(null);
 function useCarousel() {
-  const context = React24.useContext(CarouselContext);
+  const context = React23.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -25372,20 +25292,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React24.useState(false);
-  const [canScrollNext, setCanScrollNext] = React24.useState(false);
-  const onSelect = React24.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React23.useState(false);
+  const [canScrollNext, setCanScrollNext] = React23.useState(false);
+  const onSelect = React23.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React24.useCallback(() => {
+  const scrollPrev = React23.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React24.useCallback(() => {
+  const scrollNext = React23.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React24.useCallback(
+  const handleKeyDown = React23.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -25397,11 +25317,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -26325,7 +26245,7 @@ function FeatureThreeColumnValues({
   patternOpacity,
   patternClassName
 }) {
-  const renderValueIcon = React24.useCallback(
+  const renderValueIcon = React23.useCallback(
     (value) => {
       if (value.icon) return value.icon;
       if (value.iconName)
@@ -26827,7 +26747,7 @@ function FeatureTabbedContentImage({
   patternOpacity,
   patternClassName
 }) {
-  const renderFeatures = React24.useCallback(
+  const renderFeatures = React23.useCallback(
     (slide) => {
       if (slide.featuresSlot) return slide.featuresSlot;
       if (!slide.features || slide.features.length === 0) return null;
@@ -26851,7 +26771,7 @@ function FeatureTabbedContentImage({
     },
     []
   );
-  const renderActions = React24.useCallback(
+  const renderActions = React23.useCallback(
     (slide) => {
       if (slide.actionsSlot) return slide.actionsSlot;
       if (!slide.actions || slide.actions.length === 0) return null;
@@ -26894,7 +26814,7 @@ function FeatureTabbedContentImage({
     },
     []
   );
-  const renderImage = React24.useCallback(
+  const renderImage = React23.useCallback(
     (slide) => {
       if (slide.imageSlot) return slide.imageSlot;
       if (!slide.image) return null;
@@ -27130,7 +27050,7 @@ function FeatureUtilityCardsGrid({
       }
     );
   }, [learnMoreSlot, learnMoreAction, background]);
-  const renderUtilityImage = React24.useCallback(
+  const renderUtilityImage = React23.useCallback(
     (utility) => {
       if (utility.imageSlot) return utility.imageSlot;
       if (utility.image) {
@@ -27308,7 +27228,7 @@ function FeatureBentoUtilities({
   patternOpacity,
   patternClassName
 }) {
-  const renderCard = React24.useCallback(
+  const renderCard = React23.useCallback(
     (card, index) => {
       const hasImage = card.imageSrc || card.imageSlot;
       const cardClasses = cn(
@@ -27364,7 +27284,7 @@ function FeatureBentoUtilities({
     },
     [optixFlowConfig]
   );
-  const renderColumn = React24.useCallback(
+  const renderColumn = React23.useCallback(
     (cards, slot) => {
       if (slot) return slot;
       if (!cards || cards.length === 0) return null;
@@ -28610,7 +28530,7 @@ function FeatureBentoImageGrid({
   patternOpacity,
   patternClassName
 }) {
-  const renderItemIcon = React24.useCallback(
+  const renderItemIcon = React23.useCallback(
     (item) => {
       if (item.icon) return item.icon;
       if (item.iconName) return /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 24 });
@@ -28618,7 +28538,7 @@ function FeatureBentoImageGrid({
     },
     []
   );
-  const renderItemImage = React24.useCallback(
+  const renderItemImage = React23.useCallback(
     (item, imageClassName) => {
       if (item.imageSlot) return item.imageSlot;
       if (item.imageSrc) {
@@ -28637,7 +28557,7 @@ function FeatureBentoImageGrid({
     },
     [optixFlowConfig]
   );
-  const renderLargeCard = React24.useCallback(
+  const renderLargeCard = React23.useCallback(
     (item) => {
       const iconContent = renderItemIcon(item);
       const hasIconBadgeContent = iconContent || item.iconBadge;
@@ -28725,7 +28645,7 @@ function FeatureBentoImageGrid({
     },
     [largeCardClassName, renderItemImage, renderItemIcon]
   );
-  const renderSmallCard = React24.useCallback(
+  const renderSmallCard = React23.useCallback(
     (item, index) => {
       const iconContent = renderItemIcon(item);
       const hasIconBadgeContent = iconContent || item.iconBadge;
@@ -29340,7 +29260,7 @@ function FeatureAccordionImage({
   patternOpacity,
   patternClassName
 }) {
-  const [activeItem, setActiveItem] = React24.useState(defaultValue || "item-0");
+  const [activeItem, setActiveItem] = React23.useState(defaultValue || "item-0");
   const activeIndex = parseInt(activeItem.replace("item-", ""), 10) || 0;
   const currentImage = items?.[activeIndex] || items?.[0];
   const accordionItemsContent = useMemo(() => {
@@ -29489,7 +29409,7 @@ function FeatureCapabilitiesGrid({
   patternOpacity,
   patternClassName
 }) {
-  const renderItemIcon = React24.useCallback(
+  const renderItemIcon = React23.useCallback(
     (item) => {
       if (item.icon) return item.icon;
       if (item.iconName) return /* @__PURE__ */ jsx(DynamicIcon, { name: item.iconName, size: 20 });
@@ -29641,7 +29561,7 @@ function FeatureCapabilitiesGrid({
     }
   );
 }
-var TeamMemberBackgroundImageCard = React24.forwardRef(
+var TeamMemberBackgroundImageCard = React23.forwardRef(
   ({ className, imageUrl, imageAlt, children, optixFlowConfig, background, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -29689,7 +29609,7 @@ function TeamMediaShowcase({
   actionClassName,
   optixFlowConfig
 }) {
-  const renderItems = React24.useMemo(() => {
+  const renderItems = React23.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     return items.map((member, idx) => {
       const imageAlt = member.imageAlt || (member.name && typeof member.name === "string" && member.name.trim() !== "" ? member.name : `member-${idx}`);
@@ -29787,7 +29707,7 @@ function TeamSimpleGrid({
   memberNameClassName,
   memberRoleClassName
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -29949,7 +29869,7 @@ function FooterBrandLinksContact({
     linkListClassName,
     linkItemClassName
   ]);
-  const contactItemsContent = React24.useMemo(() => {
+  const contactItemsContent = React23.useMemo(() => {
     if (!contactItems || contactItems.length === 0) return null;
     return contactItems.map((item, idx) => /* @__PURE__ */ jsxs(
       "div",
@@ -30307,7 +30227,7 @@ function TeamSocialGrid({
   memberRoleClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -30459,7 +30379,7 @@ function TeamGradientCards({
   memberRoleClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -30615,7 +30535,7 @@ function TeamBioBadges({
   memberBioClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -30792,7 +30712,7 @@ function TeamExpertiseCards({
   ctaDescriptionClassName,
   ctaButtonClassName
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -30869,7 +30789,7 @@ function TeamExpertiseCards({
       member.id
     ));
   }, [membersSlot, members, background, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberDescriptionClassName, expertiseClassName]);
-  const renderCta = React24.useMemo(() => {
+  const renderCta = React23.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -30985,7 +30905,7 @@ function TeamCompactGrid({
   ctaDescriptionClassName,
   ctaButtonClassName
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -31040,7 +30960,7 @@ function TeamCompactGrid({
       member.id
     ));
   }, [membersSlot, members, background, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName]);
-  const renderCta = React24.useMemo(() => {
+  const renderCta = React23.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -31144,7 +31064,7 @@ function TeamInvestorShowcase({
   investorCompanyClassName,
   optixFlowConfig
 }) {
-  const renderInvestors = React24.useMemo(() => {
+  const renderInvestors = React23.useMemo(() => {
     if (investorsSlot) return investorsSlot;
     if (!investors || investors.length === 0) return null;
     return investors.map((investor) => /* @__PURE__ */ jsxs("div", { className: investorCardClassName, children: [
@@ -31218,7 +31138,7 @@ function TeamCarouselExperience({
   memberRoleClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member, idx) => /* @__PURE__ */ jsx(CarouselItem, { className: "max-w-72", children: /* @__PURE__ */ jsxs(
@@ -31368,20 +31288,20 @@ function TeamFilterableSearch({
   emptyStateClassName,
   emptyStateMessage
 }) {
-  const [searchQuery, setSearchQuery] = React24.useState("");
-  const [selectedDepartment, setSelectedDepartment] = React24.useState("All");
-  const departments = React24.useMemo(() => {
+  const [searchQuery, setSearchQuery] = React23.useState("");
+  const [selectedDepartment, setSelectedDepartment] = React23.useState("All");
+  const departments = React23.useMemo(() => {
     const depts = new Set(members.map((m) => m.department));
     return ["All", ...Array.from(depts)];
   }, [members]);
-  const filteredMembers = React24.useMemo(() => {
+  const filteredMembers = React23.useMemo(() => {
     return members.filter((member) => {
       const matchesSearch = searchQuery === "" || member.name.toLowerCase().includes(searchQuery.toLowerCase()) || member.role.toLowerCase().includes(searchQuery.toLowerCase()) || member.description.toLowerCase().includes(searchQuery.toLowerCase());
       const matchesDepartment = selectedDepartment === "All" || member.department === selectedDepartment;
       return matchesSearch && matchesDepartment;
     });
   }, [members, searchQuery, selectedDepartment]);
-  const renderFilters = React24.useMemo(() => {
+  const renderFilters = React23.useMemo(() => {
     if (filtersSlot) return filtersSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -31436,7 +31356,7 @@ function TeamFilterableSearch({
     selectedDepartment,
     filterButtonClassName
   ]);
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     return filteredMembers.map((member) => /* @__PURE__ */ jsx(
       "div",
@@ -31623,7 +31543,7 @@ function TeamCompactCta({
   memberRoleClassName,
   ctaClassName
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -31651,7 +31571,7 @@ function TeamCompactCta({
       member.id
     ));
   }, [membersSlot, members, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, background]);
-  const renderCta = React24.useMemo(() => {
+  const renderCta = React23.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     return /* @__PURE__ */ jsx(
       Pressable,
@@ -31742,7 +31662,7 @@ function TeamHoverHighlight({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -31891,7 +31811,7 @@ function TeamSocialCards({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -32061,7 +31981,7 @@ function TeamGridAnimated({
     "hsl(var(--muted))",
     "hsl(var(--warning)/0.2)"
   ];
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member, index) => /* @__PURE__ */ jsxs(
@@ -32161,7 +32081,7 @@ function TeamGridAnimated({
     memberDesignationClassName,
     socialLinksClassName
   ]);
-  const renderSocialLinksMain = React24.useMemo(() => {
+  const renderSocialLinksMain = React23.useMemo(() => {
     if (socialLinksMainSlot) return socialLinksMainSlot;
     if (!socialLinksMain || socialLinksMain.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-center gap-4 py-4 md:justify-center", children: [
@@ -32278,7 +32198,7 @@ function TeamDepartmentSections({
   memberRoleClassName,
   optixFlowConfig
 }) {
-  const renderDepartments = React24.useMemo(() => {
+  const renderDepartments = React23.useMemo(() => {
     if (departmentsSlot) return departmentsSlot;
     if (!departments || departments.length === 0) return null;
     return departments.map((department, deptIndex) => /* @__PURE__ */ jsxs(
@@ -32382,7 +32302,7 @@ function TeamAlternatingBios({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member, index) => /* @__PURE__ */ jsxs(
@@ -32564,7 +32484,7 @@ function TeamAvatarSocial({
   memberRoleClassName,
   socialLinksClassName
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -32707,7 +32627,7 @@ function TeamHoverOverlay({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -32883,14 +32803,14 @@ function TeamRoleFilter({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const [selectedRole, setSelectedRole] = React24.useState("All");
-  const filteredMembers = React24.useMemo(() => {
+  const [selectedRole, setSelectedRole] = React23.useState("All");
+  const filteredMembers = React23.useMemo(() => {
     if (!members) return [];
     return members.filter(
       (member) => selectedRole === "All" ? true : member.role === selectedRole
     );
   }, [members, selectedRole]);
-  const renderRoles = React24.useMemo(() => {
+  const renderRoles = React23.useMemo(() => {
     if (rolesSlot) return rolesSlot;
     if (!roles) return null;
     return /* @__PURE__ */ jsx(
@@ -32914,7 +32834,7 @@ function TeamRoleFilter({
       }
     );
   }, [rolesSlot, filtersClassName, roles, selectedRole, filterButtonClassName]);
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     return filteredMembers.map((member) => /* @__PURE__ */ jsx(
       Card,
@@ -33074,7 +32994,7 @@ function TeamContactCards({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const getStatusColor = React24.useCallback((status) => {
+  const getStatusColor = React23.useCallback((status) => {
     switch (status) {
       case "active":
         return "bg-success";
@@ -33084,7 +33004,7 @@ function TeamContactCards({
         return getTextColor(background, "muted");
     }
   }, [background]);
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(Card, { className: cn("p-0", memberCardClassName), children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6!", children: [
@@ -33291,7 +33211,7 @@ function TeamLargeImages({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsxs(
@@ -33466,7 +33386,7 @@ function TeamSkillBadges({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -33656,7 +33576,7 @@ function TeamTestimonialStats({
   socialLinksClassName,
   optixFlowConfig
 }) {
-  const renderMembers = React24.useMemo(() => {
+  const renderMembers = React23.useMemo(() => {
     if (membersSlot) return membersSlot;
     if (!members || members.length === 0) return null;
     return members.map((member) => /* @__PURE__ */ jsx(
@@ -37800,7 +37720,7 @@ function BlogGridAuthorCardsComponent({
   pattern,
   patternOpacity
 }) {
-  const viewAllActionContent = React24.useMemo(() => {
+  const viewAllActionContent = React23.useMemo(() => {
     if (viewAllSlot) return viewAllSlot;
     if (!viewAllAction) return null;
     const {
@@ -37825,7 +37745,7 @@ function BlogGridAuthorCardsComponent({
       }
     );
   }, [viewAllSlot, viewAllAction]);
-  const postsContent = React24.useMemo(() => {
+  const postsContent = React23.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -37937,7 +37857,7 @@ function BlogCardsTaglineCta({
   pattern,
   patternOpacity
 }) {
-  const ctaActionContent = React24.useMemo(() => {
+  const ctaActionContent = React23.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaAction) return null;
     const {
@@ -37965,7 +37885,7 @@ function BlogCardsTaglineCta({
       }
     );
   }, [ctaSlot, ctaAction, ctaClassName]);
-  const postsContent = React24.useMemo(() => {
+  const postsContent = React23.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -38111,7 +38031,7 @@ function BlogCardsReadTime({
   pattern,
   patternOpacity
 }) {
-  const renderedViewAllAction = React24.useMemo(() => {
+  const renderedViewAllAction = React23.useMemo(() => {
     if (viewAllSlot) return viewAllSlot;
     if (!viewAllAction) return null;
     const {
@@ -38128,7 +38048,7 @@ function BlogCardsReadTime({
       iconAfter
     ] }) });
   }, [viewAllSlot, viewAllAction]);
-  const renderedPosts = React24.useMemo(() => {
+  const renderedPosts = React23.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -38265,7 +38185,7 @@ function BlogCategoryOverlay({
   pattern,
   patternOpacity
 }) {
-  const viewAllActionContent = React24.useMemo(() => {
+  const viewAllActionContent = React23.useMemo(() => {
     if (viewAllSlot) return viewAllSlot;
     if (!viewAllAction) return null;
     const {
@@ -38293,7 +38213,7 @@ function BlogCategoryOverlay({
       }
     );
   }, [viewAllSlot, viewAllAction, viewAllClassName]);
-  const postsContent = React24.useMemo(() => {
+  const postsContent = React23.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -38441,7 +38361,7 @@ function BlogFeaturedPopular({
 }) {
   const featuredPost = posts?.[0];
   const popularPosts = posts?.slice(1);
-  const renderedFeaturedPost = React24.useMemo(() => {
+  const renderedFeaturedPost = React23.useMemo(() => {
     if (featuredSlot) return featuredSlot;
     if (!featuredPost) return null;
     const postHref = featuredPost.href || featuredPost.url || featuredPost.link;
@@ -38493,7 +38413,7 @@ function BlogFeaturedPopular({
     featuredContentClassName,
     optixFlowConfig
   ]);
-  const renderedPopularPosts = React24.useMemo(() => {
+  const renderedPopularPosts = React23.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!popularPosts || popularPosts.length === 0) return null;
     return popularPosts.map((post) => {
@@ -38610,7 +38530,7 @@ function BlogRelatedArticles({
   pattern,
   patternOpacity
 }) {
-  const renderedSeeAllAction = React24.useMemo(() => {
+  const renderedSeeAllAction = React23.useMemo(() => {
     if (seeAllSlot) return seeAllSlot;
     if (!seeAllAction) return null;
     const {
@@ -38639,7 +38559,7 @@ function BlogRelatedArticles({
       }
     );
   }, [seeAllSlot, seeAllAction, seeAllClassName]);
-  const renderedArticles = React24.useMemo(() => {
+  const renderedArticles = React23.useMemo(() => {
     if (articlesSlot) return articlesSlot;
     if (!articles || articles.length === 0) return null;
     return articles.map((item) => {
@@ -38947,7 +38867,7 @@ function BlogHorizontalCards({
   pattern,
   patternOpacity
 }) {
-  const ctaContent = React24.useMemo(() => {
+  const ctaContent = React23.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaAction) return null;
     const {
@@ -38972,7 +38892,7 @@ function BlogHorizontalCards({
       }
     );
   }, [ctaSlot, ctaAction]);
-  const postsContent = React24.useMemo(() => {
+  const postsContent = React23.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -39194,7 +39114,7 @@ function Label({
   );
 }
 var POSTS_PER_PAGE = 6;
-var BlogCard = React24.memo(function BlogCard2({
+var BlogCard = React23.memo(function BlogCard2({
   post,
   optixFlowConfig,
   className
@@ -39233,7 +39153,7 @@ var BlogCard = React24.memo(function BlogCard2({
     ] })
   ] }) });
 });
-var FilterForm = React24.memo(function FilterForm2({
+var FilterForm = React23.memo(function FilterForm2({
   categories,
   selectedCategories,
   onCategoryChange,
@@ -39266,7 +39186,7 @@ var FilterForm = React24.memo(function FilterForm2({
     }
   );
 });
-var BreadcrumbBlog = React24.memo(function BreadcrumbBlog2({
+var BreadcrumbBlog = React23.memo(function BreadcrumbBlog2({
   breadcrumb
 }) {
   return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumb.map((item, i) => {
@@ -39348,12 +39268,12 @@ function BlogFilteredResultsComponent({
   }, [posts, selectedCategories]);
   const postsToDisplay = filteredPosts.length > 0 ? filteredPosts : posts || [];
   const hasMore = visibleCount < postsToDisplay.length;
-  const breadcrumbContent = React24.useMemo(() => {
+  const breadcrumbContent = React23.useMemo(() => {
     if (breadcrumbSlot) return breadcrumbSlot;
     if (!breadcrumb || breadcrumb.length === 0) return null;
     return /* @__PURE__ */ jsx(BreadcrumbBlog, { breadcrumb });
   }, [breadcrumbSlot, breadcrumb]);
-  const primaryPostContent = React24.useMemo(() => {
+  const primaryPostContent = React23.useMemo(() => {
     if (primaryPostSlot) return primaryPostSlot;
     if (!primaryPost) return null;
     return /* @__PURE__ */ jsx(
@@ -39365,7 +39285,7 @@ function BlogFilteredResultsComponent({
       }
     );
   }, [primaryPostSlot, primaryPost, optixFlowConfig, postCardClassName]);
-  const categoriesContent = React24.useMemo(() => {
+  const categoriesContent = React23.useMemo(() => {
     if (categoriesSlot) return categoriesSlot;
     if (!categories || categories.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -39384,7 +39304,7 @@ function BlogFilteredResultsComponent({
     handleCategoryChange,
     categoriesClassName
   ]);
-  const postsContent = React24.useMemo(() => {
+  const postsContent = React23.useMemo(() => {
     if (postsSlot) return postsSlot;
     return postsToDisplay.slice(0, visibleCount).map((post) => {
       const postKey = post.id || String(post.title) || Math.random().toString();
@@ -39405,7 +39325,7 @@ function BlogFilteredResultsComponent({
     optixFlowConfig,
     postCardClassName
   ]);
-  const loadMoreContent = React24.useMemo(() => {
+  const loadMoreContent = React23.useMemo(() => {
     if (loadMoreSlot) return loadMoreSlot;
     if (!loadMoreAction || !hasMore) return null;
     const {
@@ -39531,7 +39451,7 @@ function BlogMasonryFeaturedComponent({
 }) {
   const featuredPost = posts?.[0];
   const otherPosts = posts?.slice(1);
-  const featuredPostContent = React24.useMemo(() => {
+  const featuredPostContent = React23.useMemo(() => {
     if (featuredSlot) return featuredSlot;
     if (!featuredPost) return null;
     const postHref = featuredPost.href || featuredPost.url || featuredPost.link || "#";
@@ -39581,7 +39501,7 @@ function BlogMasonryFeaturedComponent({
     featuredImageClassName,
     optixFlowConfig
   ]);
-  const otherPostsContent = React24.useMemo(() => {
+  const otherPostsContent = React23.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!otherPosts || otherPosts.length === 0) return null;
     return otherPosts.map((post) => {
@@ -39670,7 +39590,7 @@ function BlogHorizontalTimelineComponent({
   pattern,
   patternOpacity
 }) {
-  const renderPosts = React24.useMemo(() => {
+  const renderPosts = React23.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post, index) => {
@@ -39795,7 +39715,7 @@ function BlogGridNinePosts({
   pattern,
   patternOpacity
 }) {
-  const renderedCtaAction = React24.useMemo(() => {
+  const renderedCtaAction = React23.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaAction) return null;
     const {
@@ -39820,7 +39740,7 @@ function BlogGridNinePosts({
       }
     );
   }, [ctaSlot, ctaAction]);
-  const renderedPosts = React24.useMemo(() => {
+  const renderedPosts = React23.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return posts.map((post) => {
@@ -39918,9 +39838,9 @@ var AppleCarousel = ({
   className,
   containerClassName
 }) => {
-  const carouselRef = React24__default.useRef(null);
-  const [canScrollLeft, setCanScrollLeft] = React24__default.useState(false);
-  const [canScrollRight, setCanScrollRight] = React24__default.useState(true);
+  const carouselRef = React23__default.useRef(null);
+  const [canScrollLeft, setCanScrollLeft] = React23__default.useState(false);
+  const [canScrollRight, setCanScrollRight] = React23__default.useState(true);
   const [currentIndex, setCurrentIndex] = useState(0);
   useEffect(() => {
     if (carouselRef.current) {
@@ -40157,7 +40077,7 @@ function BlogCarouselAppleComponent({
   containerClassName,
   cardClassName
 }) {
-  const carouselCards = React24.useMemo(() => {
+  const carouselCards = React23.useMemo(() => {
     if (!posts || posts.length === 0) return [];
     return posts.map(
       (post, idx) => ({
@@ -40169,7 +40089,7 @@ function BlogCarouselAppleComponent({
       })
     );
   }, [posts]);
-  const cardElements = React24.useMemo(() => {
+  const cardElements = React23.useMemo(() => {
     if (!posts || posts.length === 0) return [];
     return carouselCards.map((card, index) => {
       const post = posts[index];
@@ -40254,7 +40174,7 @@ function ArticleHeroProseComponent({
     description,
     authorImage
   } = post ?? {};
-  const authorContent = React24.useMemo(() => {
+  const authorContent = React23.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!authorName) return null;
     return /* @__PURE__ */ jsxs(
@@ -40288,7 +40208,7 @@ function ArticleHeroProseComponent({
     dateFormat,
     authorClassName
   ]);
-  const heroMediaContent = React24.useMemo(() => {
+  const heroMediaContent = React23.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx(
@@ -40389,7 +40309,7 @@ function ArticleSidebarStickyComponent({
   pattern,
   patternOpacity
 }) {
-  const backLinkContent = React24.useMemo(() => {
+  const backLinkContent = React23.useMemo(() => {
     if (backLinkSlot) return backLinkSlot;
     if (!backHref && !backText) return null;
     return /* @__PURE__ */ jsxs(
@@ -40407,7 +40327,7 @@ function ArticleSidebarStickyComponent({
       }
     );
   }, [backLinkSlot, backHref, backText, backIcon, backLinkClassName]);
-  const renderAuthor = React24.useCallback(
+  const renderAuthor = React23.useCallback(
     (isMobile = false) => {
       if (authorSlot) return authorSlot;
       if (!authorName) return null;
@@ -40439,7 +40359,7 @@ function ArticleSidebarStickyComponent({
       authorClassName
     ]
   );
-  const heroMediaContent = React24.useMemo(() => {
+  const heroMediaContent = React23.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -40546,10 +40466,10 @@ function ArticleTocSidebarComponent({
   patternOpacity
 }) {
   const ctaActions = ctaActionsProp ?? (ctaButtonText ? [{ label: ctaButtonText, href: ctaButtonHref || "#", variant: "default", className: "w-full" }] : []);
-  const [activeSection, setActiveSection] = React24.useState(
+  const [activeSection, setActiveSection] = React23.useState(
     sections?.[0]?.id || ""
   );
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     if (!enableTocTracking || !sections || sections.length === 0) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -40567,12 +40487,12 @@ function ArticleTocSidebarComponent({
     });
     return () => observer.disconnect();
   }, [sections, enableTocTracking]);
-  const categoryContent = React24.useMemo(() => {
+  const categoryContent = React23.useMemo(() => {
     if (categorySlot) return categorySlot;
     if (!category) return null;
     return /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: category });
   }, [categorySlot, category]);
-  const authorContent = React24.useMemo(() => {
+  const authorContent = React23.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!authorName) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-6 flex items-center gap-4", authorClassName), children: [
@@ -40592,7 +40512,7 @@ function ArticleTocSidebarComponent({
       ] })
     ] });
   }, [authorSlot, authorName, authorImage, authorHref, publishDate, readTime, authorClassName]);
-  const heroMediaContent = React24.useMemo(() => {
+  const heroMediaContent = React23.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -40605,7 +40525,7 @@ function ArticleTocSidebarComponent({
       }
     );
   }, [heroMediaSlot, heroImageSrc, heroImageAlt, heroImageClassName, optixFlowConfig]);
-  const tocContent = React24.useMemo(() => {
+  const tocContent = React23.useMemo(() => {
     if (tocSlot) return tocSlot;
     if (!sections || sections.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border p-4", tocClassName), children: [
@@ -40613,7 +40533,7 @@ function ArticleTocSidebarComponent({
       /* @__PURE__ */ jsx("nav", { className: "space-y-2", children: sections.map((section) => {
         const isActive = activeSection === section.id;
         if (renderSectionLink) {
-          return /* @__PURE__ */ jsx(React24.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
+          return /* @__PURE__ */ jsx(React23.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
         }
         return /* @__PURE__ */ jsx(
           Pressable,
@@ -40630,7 +40550,7 @@ function ArticleTocSidebarComponent({
       }) })
     ] });
   }, [tocSlot, sections, activeSection, renderSectionLink, tocClassName]);
-  const ctaContent = React24.useMemo(() => {
+  const ctaContent = React23.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaTitle && !ctaDescription && (!ctaActions || ctaActions.length === 0)) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border p-4", getNestedCardBg(background, "subtle"), getNestedCardTextColor(background), ctaClassName), children: [
@@ -40719,11 +40639,11 @@ function ArticleBreadcrumbSocialComponent({
   patternOpacity
 }) {
   const author = authorProp ?? (authorName ? { name: authorName, image: authorImage, role: authorRole } : void 0);
-  const [activeSection, setActiveSection] = React24.useState(
+  const [activeSection, setActiveSection] = React23.useState(
     sections?.[0]?.id || ""
   );
-  const [showBackToTop, setShowBackToTop] = React24.useState(false);
-  React24.useEffect(() => {
+  const [showBackToTop, setShowBackToTop] = React23.useState(false);
+  React23.useEffect(() => {
     if (!enableTocTracking || !sections || sections.length === 0) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -40741,7 +40661,7 @@ function ArticleBreadcrumbSocialComponent({
     });
     return () => observer.disconnect();
   }, [sections, enableTocTracking]);
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     if (!enableBackToTop) return;
     const handleScroll = () => {
       setShowBackToTop(window.scrollY > 400);
@@ -40749,15 +40669,15 @@ function ArticleBreadcrumbSocialComponent({
     window.addEventListener("scroll", handleScroll);
     return () => window.removeEventListener("scroll", handleScroll);
   }, [enableBackToTop]);
-  const scrollToTop = React24.useCallback(() => {
+  const scrollToTop = React23.useCallback(() => {
     window.scrollTo({ top: 0, behavior: "smooth" });
   }, []);
-  const breadcrumbsContent = React24.useMemo(() => {
+  const breadcrumbsContent = React23.useMemo(() => {
     if (breadcrumbsSlot) return breadcrumbsSlot;
     if (!breadcrumbs || breadcrumbs.length === 0) return null;
     return /* @__PURE__ */ jsx(Breadcrumb, { className: cn("mb-8", breadcrumbClassName), children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: "#", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/home", size: 16 }) }) }) }),
-      breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+      breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
         /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
         /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: crumb.href, children: crumb.label }) }) })
       ] }, index)),
@@ -40767,7 +40687,7 @@ function ArticleBreadcrumbSocialComponent({
       ] })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const authorContent = React24.useMemo(() => {
+  const authorContent = React23.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
     return /* @__PURE__ */ jsxs(
@@ -40790,7 +40710,7 @@ function ArticleBreadcrumbSocialComponent({
       }
     );
   }, [authorSlot, author, publishDate, readTime, authorClassName]);
-  const heroMediaContent = React24.useMemo(() => {
+  const heroMediaContent = React23.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -40812,7 +40732,7 @@ function ArticleBreadcrumbSocialComponent({
     heroImageClassName,
     optixFlowConfig
   ]);
-  const tocContent = React24.useMemo(() => {
+  const tocContent = React23.useMemo(() => {
     if (tocSlot) return tocSlot;
     if (!sections || sections.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border p-4", tocClassName), children: [
@@ -40820,7 +40740,7 @@ function ArticleBreadcrumbSocialComponent({
       /* @__PURE__ */ jsx("nav", { className: "space-y-2", children: sections.map((section) => {
         const isActive = activeSection === section.id;
         if (renderSectionLink) {
-          return /* @__PURE__ */ jsx(React24.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
+          return /* @__PURE__ */ jsx(React23.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
         }
         return /* @__PURE__ */ jsx(
           Pressable,
@@ -40925,11 +40845,11 @@ function ArticleCompactTocComponent({
   pattern,
   patternOpacity
 }) {
-  const [activeSection, setActiveSection] = React24.useState(
+  const [activeSection, setActiveSection] = React23.useState(
     sections?.[0]?.id || ""
   );
-  const [isTocOpen, setIsTocOpen] = React24.useState(false);
-  React24.useEffect(() => {
+  const [isTocOpen, setIsTocOpen] = React23.useState(false);
+  React23.useEffect(() => {
     if (!enableTocTracking) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -40947,12 +40867,12 @@ function ArticleCompactTocComponent({
     });
     return () => observer.disconnect();
   }, [sections, enableTocTracking]);
-  const breadcrumbsContent = React24.useMemo(() => {
+  const breadcrumbsContent = React23.useMemo(() => {
     if (breadcrumbsSlot) return breadcrumbsSlot;
     if (!breadcrumbs && !currentPage) return null;
     return /* @__PURE__ */ jsx(Breadcrumb, { className: cn("mb-6 md:mb-20", breadcrumbClassName), children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: "#", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/home", size: 16 }) }) }) }),
-      breadcrumbs?.map((crumb, index) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+      breadcrumbs?.map((crumb, index) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
         /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
         /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: crumb.href, children: crumb.label }) }) })
       ] }, index)),
@@ -40960,7 +40880,7 @@ function ArticleCompactTocComponent({
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: currentPage }) })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const shareContent = React24.useMemo(() => {
+  const shareContent = React23.useMemo(() => {
     if (shareSlot) return shareSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-6 flex items-center gap-2", shareClassName), children: [
@@ -40977,13 +40897,13 @@ function ArticleCompactTocComponent({
       ))
     ] });
   }, [shareSlot, socialLinks, shareClassName]);
-  const renderTocLinks = React24.useCallback(
+  const renderTocLinks = React23.useCallback(
     (onLinkClick) => {
       if (!sections) return null;
       return sections.map((section) => {
         const isActive = activeSection === section.id;
         if (renderSectionLink) {
-          return /* @__PURE__ */ jsx(React24.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
+          return /* @__PURE__ */ jsx(React23.Fragment, { children: renderSectionLink(section, isActive) }, section.id);
         }
         return /* @__PURE__ */ jsx(
           Pressable,
@@ -41002,7 +40922,7 @@ function ArticleCompactTocComponent({
     },
     [sections, activeSection, renderSectionLink]
   );
-  const tocContent = React24.useMemo(() => {
+  const tocContent = React23.useMemo(() => {
     if (tocSlot) return tocSlot;
     if (!sections || sections.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: "mb-8 lg:hidden", children: /* @__PURE__ */ jsxs(Popover, { open: isTocOpen, onOpenChange: setIsTocOpen, children: [
@@ -41035,7 +40955,7 @@ function ArticleCompactTocComponent({
       )
     ] }) });
   }, [tocSlot, sections, isTocOpen, tocClassName, renderTocLinks]);
-  const desktopTocContent = React24.useMemo(() => {
+  const desktopTocContent = React23.useMemo(() => {
     if (tocSlot) return null;
     if (!sections || sections.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -41052,7 +40972,7 @@ function ArticleCompactTocComponent({
       }
     );
   }, [tocSlot, sections, tocClassName, renderTocLinks]);
-  const heroMediaContent = React24.useMemo(() => {
+  const heroMediaContent = React23.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -41182,10 +41102,10 @@ function ArticleChaptersAuthorComponent({
       variant: "default"
     }
   ] : []);
-  const [activeChapter, setActiveChapter] = React24.useState(
+  const [activeChapter, setActiveChapter] = React23.useState(
     chapters?.[0]?.id || ""
   );
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     if (!enableChapterTracking || !chapters || chapters.length === 0) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -41203,12 +41123,12 @@ function ArticleChaptersAuthorComponent({
     });
     return () => observer.disconnect();
   }, [chapters, enableChapterTracking]);
-  const breadcrumbsContent = React24.useMemo(() => {
+  const breadcrumbsContent = React23.useMemo(() => {
     if (breadcrumbsSlot) return breadcrumbsSlot;
     if (!breadcrumbs || breadcrumbs.length === 0) return null;
     return /* @__PURE__ */ jsx(Breadcrumb, { className: cn("mb-8 md:mb-20", breadcrumbClassName), children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: "#", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/home", size: 16 }) }) }) }),
-      breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+      breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
         /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
         /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: crumb.href, children: crumb.label }) }) })
       ] }, index)),
@@ -41216,7 +41136,7 @@ function ArticleChaptersAuthorComponent({
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: typeof currentPage === "string" ? currentPage : currentPage }) })
     ] }) });
   }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
-  const chaptersNavContent = React24.useMemo(() => {
+  const chaptersNavContent = React23.useMemo(() => {
     if (chaptersSlot) return chaptersSlot;
     if (!chapters || chapters.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border p-4", chaptersClassName), children: [
@@ -41224,7 +41144,7 @@ function ArticleChaptersAuthorComponent({
       /* @__PURE__ */ jsx("nav", { className: "space-y-2", children: chapters.map((chapter) => {
         const isActive = activeChapter === chapter.id;
         if (renderChapterLink) {
-          return /* @__PURE__ */ jsx(React24.Fragment, { children: renderChapterLink(chapter, isActive) }, chapter.id);
+          return /* @__PURE__ */ jsx(React23.Fragment, { children: renderChapterLink(chapter, isActive) }, chapter.id);
         }
         return /* @__PURE__ */ jsxs(
           Pressable,
@@ -41250,7 +41170,7 @@ function ArticleChaptersAuthorComponent({
     renderChapterLink,
     chaptersClassName
   ]);
-  const authorCardContent = React24.useMemo(() => {
+  const authorCardContent = React23.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
     let socialLinksContent = null;
@@ -41311,7 +41231,7 @@ function ArticleChaptersAuthorComponent({
       socialLinksContent
     ] });
   }, [authorSlot, author, authorClassName]);
-  const heroMediaContent = React24.useMemo(() => {
+  const heroMediaContent = React23.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
     return /* @__PURE__ */ jsx(
@@ -41333,7 +41253,7 @@ function ArticleChaptersAuthorComponent({
     heroImageClassName,
     optixFlowConfig
   ]);
-  const conclusionContent = React24.useMemo(() => {
+  const conclusionContent = React23.useMemo(() => {
     if (conclusionSlot) return conclusionSlot;
     if (!conclusionTitle && !conclusionDescription && (!conclusionActions || conclusionActions.length === 0))
       return null;
@@ -41478,7 +41398,7 @@ function ArticleSplitAnimatedComponent({
 }) {
   const ctaActions = ctaActionsProp ?? (ctaText ? [{ label: ctaText, href: ctaHref || "#", variant: "default", size: "lg" }] : []);
   const MotionWrapper = enableAnimations ? motion.div : "div";
-  const categoryContent = React24.useMemo(() => {
+  const categoryContent = React23.useMemo(() => {
     if (categorySlot) return categorySlot;
     if (!category) return null;
     return /* @__PURE__ */ jsx(
@@ -41493,7 +41413,7 @@ function ArticleSplitAnimatedComponent({
       }
     );
   }, [categorySlot, category, categoryHref, categoryClassName]);
-  const heroMediaContent = React24.useMemo(() => {
+  const heroMediaContent = React23.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx(
@@ -41506,7 +41426,7 @@ function ArticleSplitAnimatedComponent({
       }
     );
   }, [heroMediaSlot, image, imageAlt, title, optixFlowConfig]);
-  const authorContent = React24.useMemo(() => {
+  const authorContent = React23.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!authorName) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-8 flex items-center gap-4", authorClassName), children: [
@@ -41520,7 +41440,7 @@ function ArticleSplitAnimatedComponent({
       ] })
     ] });
   }, [authorSlot, authorName, authorImage, authorHref, authorRole, authorClassName]);
-  const ctaContent = React24.useMemo(() => {
+  const ctaContent = React23.useMemo(() => {
     if (ctaSlot) return ctaSlot;
     if (!ctaActions || ctaActions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex flex-wrap gap-3", ctaClassName), children: ctaActions.map((action, index) => {
@@ -42943,7 +42863,7 @@ function FaqSidebarNavigation({
   accordionTriggerClassName,
   accordionContentClassName
 }) {
-  const [activeCategory, setActiveCategory] = React24.useState(
+  const [activeCategory, setActiveCategory] = React23.useState(
     categories && categories.length > 1 ? "all" : categories?.[0]?.id || ""
   );
   const filteredCategories = useMemo(() => {
@@ -43832,7 +43752,7 @@ function FaqSplitHero({
     imageArea
   ] }) });
 }
-var Controls = React24.memo(
+var Controls = React23.memo(
   ({
     handleNext,
     handlePrevious,
@@ -43863,7 +43783,7 @@ var Controls = React24.memo(
     ] });
   }
 );
-var FeatureCard = React24.memo(
+var FeatureCard = React23.memo(
   ({ feature, isActive, onClick }) => {
     const variants2 = useMemo(
       () => ({
@@ -43971,7 +43891,7 @@ var FeatureCard = React24.memo(
     ) });
   }
 );
-var FeaturesDesktop = React24.memo(
+var FeaturesDesktop = React23.memo(
   ({
     features,
     handleNext,
@@ -44005,7 +43925,7 @@ var FeaturesDesktop = React24.memo(
     ] });
   }
 );
-var FeaturesMobile = React24.memo(
+var FeaturesMobile = React23.memo(
   ({
     features,
     handleNext,
@@ -44096,8 +44016,8 @@ function FeatureAnimatedCarousel({
   spacing = "py-12 md:py-32",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8"
 }) {
-  const [activeIndex, setActiveIndex] = React24.useState(0);
-  const [direction, setDirection] = React24.useState(1);
+  const [activeIndex, setActiveIndex] = React23.useState(0);
+  const [direction, setDirection] = React23.useState(1);
   const handleNext = useCallback(() => {
     if (features && activeIndex < features.length - 1) {
       setDirection(1);
@@ -44959,7 +44879,7 @@ function FooterInfoCardsAccordion({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [email, setEmail] = React24.useState("");
+  const [email, setEmail] = React23.useState("");
   (/* @__PURE__ */ new Date()).getFullYear();
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -45264,13 +45184,13 @@ function CaseStudiesImageGrid({
   patternOpacity,
   optixFlowConfig
 }) {
-  const getGridClass = React24.useCallback((index) => {
+  const getGridClass = React23.useCallback((index) => {
     if (index === 0 || index === 4) {
       return "row-span-2 aspect-square lg:aspect-auto";
     }
     return "aspect-3/2 md:aspect-2/1";
   }, []);
-  const renderedItems = React24.useMemo(() => {
+  const renderedItems = React23.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
     return items.map((item, index) => /* @__PURE__ */ jsxs(
@@ -45356,7 +45276,7 @@ function CaseStudiesTestimonialStats({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderedTestimonials = React24.useMemo(() => {
+  const renderedTestimonials = React23.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     if (!testimonials || testimonials.length === 0) return null;
     return testimonials.map((testimonial, index) => /* @__PURE__ */ jsxs("div", { className: testimonialItemClassName, children: [
@@ -48829,7 +48749,7 @@ function CaseStudiesFeaturedBorder({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderedFeatured = React24.useMemo(() => {
+  const renderedFeatured = React23.useMemo(() => {
     if (featuredSlot) return featuredSlot;
     if (!featuredCaseStudy) return null;
     return /* @__PURE__ */ jsxs(
@@ -48903,7 +48823,7 @@ function CaseStudiesFeaturedBorder({
     featuredImageClassName,
     optixFlowConfig
   ]);
-  const renderedCaseStudies = React24.useMemo(() => {
+  const renderedCaseStudies = React23.useMemo(() => {
     if (caseStudiesSlot) return caseStudiesSlot;
     if (!caseStudies || caseStudies.length === 0) return null;
     return caseStudies.map((item, idx) => /* @__PURE__ */ jsxs(
@@ -49012,7 +48932,7 @@ function CaseStudiesStatsCard({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderedStats = React24.useMemo(() => {
+  const renderedStats = React23.useMemo(() => {
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("flex w-full flex-col gap-8 sm:flex-row", statsClassName), children: stats.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
@@ -49020,7 +48940,7 @@ function CaseStudiesStatsCard({
       /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-muted-foreground", children: item.text })
     ] }, `stats-${i}`)) });
   }, [statsSlot, stats, statsClassName]);
-  const renderedAuthor = React24.useMemo(() => {
+  const renderedAuthor = React23.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2.5", authorClassName), children: [
@@ -49034,7 +48954,7 @@ function CaseStudiesStatsCard({
       ] })
     ] });
   }, [authorSlot, author, authorClassName]);
-  const renderedActions = React24.useMemo(() => {
+  const renderedActions = React23.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("shrink-0", actionsClassName), children: actions.map((action, index) => {
@@ -49654,6 +49574,7 @@ function HeroOverlayCtaGrid({
   patternOpacity,
   className,
   containerClassName = "px-0 sm:px-0 lg:px-0 max-w-full relative z-10 h-screen w-screen flex justify-center items-center",
+  contentClassName = "relative flex flex-col gap-12 px-6 pt-28 pb-6 md:pt-0 md:pb-0",
   headingClassName,
   descriptionClassName,
   optixFlowConfig
@@ -49739,7 +49660,7 @@ function HeroOverlayCtaGrid({
       containerClassName,
       children: [
         renderBackground,
-        /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-12 px-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: contentClassName, children: [
           /* @__PURE__ */ jsxs(
             motion.div,
             {
@@ -49816,7 +49737,7 @@ function HeroSplitIconCards({
   descriptionClassName,
   verticalSpacing,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "py-12 md:py-32"
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32"
 }) {
   const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
@@ -50159,13 +50080,13 @@ function HeroBadgeImageSplit({
   actions,
   actionsSlot,
   imageSrc,
-  imageAlt = "Hero section demo image showing interface components",
+  imageAlt,
   background,
-  spacing,
   pattern,
   patternOpacity,
   className,
-  containerClassName,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
   contentClassName,
   badgeClassName,
   headingClassName,
@@ -50174,27 +50095,6 @@ function HeroBadgeImageSplit({
   imageClassName,
   optixFlowConfig
 }) {
-  const renderActions = useMemo(() => {
-    if (actionsSlot) return actionsSlot;
-    if (!actions || actions.length === 0) return null;
-    return actions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
-      return /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          asButton: true,
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
-    });
-  }, [actionsSlot, actions]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -50203,22 +50103,60 @@ function HeroBadgeImageSplit({
       pattern,
       patternOpacity,
       className,
-      children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-8 lg:grid-cols-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center text-center lg:items-start lg:text-left", contentClassName), children: [
-          badge && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: badgeClassName, children: [
-            badge,
-            badgeIcon
-          ] }),
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("my-6 text-4xl font-bold text-pretty lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-8 max-w-xl lg:text-xl", getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-          (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("flex w-full flex-col justify-center gap-2 sm:flex-row lg:justify-start", actionsClassName), children: renderActions })
-        ] }),
+      containerClassName,
+      children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-8 lg:grid-cols-2", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex flex-col items-center text-center lg:items-start lg:text-left",
+              contentClassName
+            ),
+            children: [
+              badge && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: badgeClassName, children: [
+                badge,
+                badgeIcon
+              ] }),
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                "h1",
+                {
+                  className: cn(
+                    "my-6 text-4xl font-bold text-balance lg:text-6xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "mb-8 max-w-xl lg:text-xl text-balance",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+              /* @__PURE__ */ jsx(
+                BlockActions,
+                {
+                  actions,
+                  actionsSlot,
+                  actionsClassName
+                }
+              )
+            ]
+          }
+        ),
         imageSrc && /* @__PURE__ */ jsx(
           Img,
           {
             src: imageSrc,
             alt: imageAlt,
-            className: cn("max-h-96 w-full rounded-md object-cover", imageClassName),
+            className: cn(
+              "max-h-96 w-full rounded-md object-cover",
+              imageClassName
+            ),
             optixFlowConfig
           }
         )
@@ -50229,19 +50167,19 @@ function HeroBadgeImageSplit({
 function HeroImageLeftContent({
   badge,
   badgeIcon,
-  badgeVariant = "secondary",
+  badgeVariant,
   heading,
   description,
   actions,
   actionsSlot,
   imageSrc,
-  imageAlt = "placeholder hero",
+  imageAlt,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
   pattern,
   patternOpacity,
   className,
-  containerClassName,
   contentClassName,
   badgeClassName,
   headingClassName,
@@ -50251,27 +50189,6 @@ function HeroImageLeftContent({
   imageClassName,
   optixFlowConfig
 }) {
-  const renderActions = useMemo(() => {
-    if (actionsSlot) return actionsSlot;
-    if (!actions || actions.length === 0) return null;
-    return actions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
-      return /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          asButton: true,
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
-    });
-  }, [actionsSlot, actions]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -50279,26 +50196,64 @@ function HeroImageLeftContent({
       spacing,
       pattern,
       patternOpacity,
-      className: cn(className),
-      children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-10 lg:grid-cols-2 lg:gap-20", children: [
-        /* @__PURE__ */ jsx("div", { className: cn("flex justify-end", getNestedCardBg(background), imageContainerClassName), children: imageSrc && /* @__PURE__ */ jsx(
+      className,
+      containerClassName,
+      children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-10 lg:grid-cols-2 lg:gap-20", children: [
+        /* @__PURE__ */ jsx("div", { className: cn("flex justify-end", imageContainerClassName), children: imageSrc && /* @__PURE__ */ jsx(
           Img,
           {
             src: imageSrc,
             alt: imageAlt,
-            className: cn("max-h-[600px] w-full rounded-md object-cover lg:max-h-[800px]", imageClassName),
+            className: cn(
+              "max-h-[600px] w-full rounded-md object-cover lg:max-h-[800px]",
+              imageClassName
+            ),
             optixFlowConfig
           }
         ) }),
-        /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center text-center lg:max-w-3xl lg:items-start lg:text-left", contentClassName), children: [
-          badge && /* @__PURE__ */ jsxs(Badge, { variant: badgeVariant, className: badgeClassName, children: [
-            badge,
-            badgeIcon
-          ] }),
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("my-6 text-4xl font-bold text-pretty md:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-8 max-w-xl lg:text-xl", getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-          (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("flex w-full flex-col justify-center gap-2 sm:flex-row lg:justify-start", actionsClassName), children: renderActions })
-        ] })
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex flex-col items-center text-center lg:max-w-3xl lg:items-start lg:text-left",
+              contentClassName
+            ),
+            children: [
+              badge && /* @__PURE__ */ jsxs(Badge, { variant: badgeVariant, className: badgeClassName, children: [
+                badge,
+                badgeIcon
+              ] }),
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                "h1",
+                {
+                  className: cn(
+                    "my-6 text-4xl font-bold md:text-5xl text-balance",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "mb-8 max-w-xl lg:text-xl text-balance",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+              /* @__PURE__ */ jsx(
+                BlockActions,
+                {
+                  actions,
+                  actionsSlot,
+                  actionsClassName
+                }
+              )
+            ]
+          }
+        )
       ] }) })
     }
   );
@@ -50317,7 +50272,8 @@ function HeroImageSlider({
   overlay = true,
   overlaySlot,
   background,
-  verticalSpacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
   pattern,
   patternOpacity,
   className,
@@ -50374,7 +50330,7 @@ function HeroImageSlider({
             "p",
             {
               className: cn(
-                "text-xs font-semibold uppercase tracking-[0.3em] text-primary-foreground/80",
+                "text-xs font-semibold uppercase tracking-[0.3em] text-white",
                 eyebrowClassName
               ),
               children: eyebrow
@@ -50384,7 +50340,7 @@ function HeroImageSlider({
             "h1",
             {
               className: cn(
-                "mt-5 text-4xl font-semibold tracking-tight text-balance md:text-6xl",
+                "mt-5 text-4xl font-semibold tracking-tight text-balance md:text-6xl text-white text-shadow-xl",
                 headingClassName
               ),
               children: heading
@@ -50394,7 +50350,7 @@ function HeroImageSlider({
             "p",
             {
               className: cn(
-                "mt-6 text-base text-primary-foreground/80 md:text-lg",
+                "mt-6 text-base text-white text-balance md:text-lg text-shadow-xl",
                 descriptionClassName
               ),
               children: description
@@ -50431,10 +50387,11 @@ function HeroImageSlider({
     Section,
     {
       background,
-      spacing: verticalSpacing,
+      spacing,
       pattern,
       patternOpacity,
       className: cn("overflow-hidden", className),
+      containerClassName,
       children: /* @__PURE__ */ jsx(
         ImageSlider,
         {
@@ -50442,10 +50399,14 @@ function HeroImageSlider({
           autoplay,
           autoplayIntervalMs,
           direction,
+          transition: "fade",
           overlay,
           overlaySlot,
           overlayClassName,
-          className: cn("min-h-[520px] md:min-h-[680px]", sliderClassName),
+          className: cn(
+            "min-h-[520px] md:min-h-[680px] bg-black!",
+            sliderClassName
+          ),
           imageClassName: cn("scale-[1.02]", imageClassName),
           optixFlowConfig,
           children: renderContent
@@ -50462,139 +50423,176 @@ function HeroCenteredImageGrid({
   gridImages,
   gridImagesSlot,
   imageOverlayAction,
-  logos,
-  logosSlot,
   background,
-  spacing,
   pattern,
   patternOpacity,
   className,
-  containerClassName,
-  contentClassName,
-  headingClassName,
-  descriptionClassName,
-  actionsClassName,
-  imageGridClassName,
-  logosClassName,
-  optixFlowConfig
-}) {
-  const renderActions = useMemo(() => {
-    if (actionsSlot) return actionsSlot;
-    if (!actions || actions.length === 0) return null;
-    return actions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
-      return /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          asButton: true,
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
-    });
-  }, [actionsSlot, actions]);
-  const renderImageOverlayAction = useMemo(() => {
-    if (!imageOverlayAction) return null;
-    const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = imageOverlayAction;
-    return /* @__PURE__ */ jsx(
-      Pressable,
-      {
-        asButton: true,
-        className: actionClassName,
-        ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-          icon,
-          label,
-          iconAfter
-        ] })
-      }
-    );
-  }, [imageOverlayAction]);
-  const renderLogos = useMemo(() => {
-    if (logosSlot) return logosSlot;
-    if (!logos || logos.length === 0) return null;
-    return logos.map((logo, index) => {
-      const src = typeof logo.src === "string" ? logo.src : logo.src.light;
-      typeof logo.src === "string" ? logo.src : logo.src.dark;
-      return /* @__PURE__ */ jsx(React24.Fragment, { children: /* @__PURE__ */ jsx(
-        Img,
-        {
-          src,
-          alt: logo.alt,
-          className: cn(logo.className, "dark:invert"),
-          optixFlowConfig
-        }
-      ) }, index);
-    });
-  }, [logosSlot, logos, optixFlowConfig]);
-  return /* @__PURE__ */ jsx(
-    Section,
-    {
-      background,
-      spacing,
-      pattern,
-      patternOpacity,
-      className: cn(className),
-      children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
-        /* @__PURE__ */ jsx("div", { className: "mx-auto flex max-w-5xl flex-col items-center", children: /* @__PURE__ */ jsxs("div", { className: cn("z-10 flex flex-col items-center gap-8 text-center", contentClassName), children: [
-          /* @__PURE__ */ jsxs("div", { className: "max-w-3xl", children: [
-            heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mb-4 text-4xl font-semibold text-pretty lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-            description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("lg:text-xl", getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
-          ] }),
-          (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("flex w-full flex-col justify-center gap-2 sm:flex-row", actionsClassName), children: renderActions })
-        ] }) }),
-        gridImagesSlot ? gridImagesSlot : /* @__PURE__ */ jsxs("div", { className: cn("mx-auto mt-20 grid max-w-7xl gap-px bg-border p-px md:grid-cols-5", imageGridClassName), children: [
-          gridImages?.[0] && /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: gridImages[0].src,
-              alt: gridImages[0].alt,
-              className: cn("h-full max-h-[500px] w-full object-cover md:col-span-3 dark:invert", gridImages[0].className),
-              optixFlowConfig
-            }
-          ),
-          gridImages?.[1] && /* @__PURE__ */ jsxs("div", { className: "relative md:col-span-2", children: [
-            /* @__PURE__ */ jsx(
-              Img,
-              {
-                src: gridImages[1].src,
-                alt: gridImages[1].alt,
-                className: cn("h-full max-h-[500px] w-full object-cover dark:invert", gridImages[1].className),
-                optixFlowConfig
-              }
-            ),
-            renderImageOverlayAction
-          ] })
-        ] }),
-        (logosSlot || logos && logos.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("mx-auto mt-12 grid max-w-7xl grid-cols-2 place-items-center gap-6 md:grid-cols-4", logosClassName), children: renderLogos })
-      ] })
-    }
-  );
-}
-function HeroCenteredScreenshot({
-  heading,
-  description,
-  actions,
-  actionsSlot,
-  imageSrc,
-  imageAlt = "placeholder",
-  background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "py-12 md:py-32",
-  pattern,
-  patternOpacity,
-  className,
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
   contentClassName,
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  imageClassName,
+  imageGridClassName,
+  optixFlowConfig
+}) {
+  const renderActions = useMemo(() => {
+    if (actionsSlot) return actionsSlot;
+    if (!actions || actions.length === 0) return null;
+    return actions.map((action, index) => {
+      const {
+        label,
+        icon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
+      return /* @__PURE__ */ jsx(
+        Pressable,
+        {
+          asButton: true,
+          className: actionClassName,
+          ...pressableProps,
+          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            icon,
+            label,
+            iconAfter
+          ] })
+        },
+        index
+      );
+    });
+  }, [actionsSlot, actions]);
+  const renderImageOverlayAction = useMemo(() => {
+    if (!imageOverlayAction) return null;
+    const {
+      label,
+      icon,
+      iconAfter,
+      children,
+      className: actionClassName,
+      ...pressableProps
+    } = imageOverlayAction;
+    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      icon,
+      label,
+      iconAfter
+    ] }) });
+  }, [imageOverlayAction]);
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      background,
+      spacing,
+      pattern,
+      patternOpacity,
+      className,
+      containerClassName,
+      children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx("div", { className: "mx-auto flex max-w-5xl flex-col items-center", children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "z-10 flex flex-col items-center gap-8 text-center",
+              contentClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "max-w-3xl", children: [
+                heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                  "h1",
+                  {
+                    className: cn(
+                      "mb-4 text-4xl font-semibold text-balance lg:text-6xl",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+                description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "lg:text-xl text-balance",
+                      descriptionClassName
+                    ),
+                    children: description
+                  }
+                ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+              ] }),
+              (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex w-full flex-col justify-center gap-2 sm:flex-row",
+                    actionsClassName
+                  ),
+                  children: renderActions
+                }
+              )
+            ]
+          }
+        ) }),
+        gridImagesSlot ? gridImagesSlot : /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "mx-auto mt-20 grid max-w-7xl gap-px bg-border p-px md:grid-cols-5",
+              imageGridClassName
+            ),
+            children: [
+              gridImages?.[0] && /* @__PURE__ */ jsx(
+                Img,
+                {
+                  src: gridImages[0].src,
+                  alt: gridImages[0].alt,
+                  className: cn(
+                    "h-full max-h-[500px] w-full object-cover md:col-span-3 dark:invert",
+                    gridImages[0].className
+                  ),
+                  optixFlowConfig
+                }
+              ),
+              gridImages?.[1] && /* @__PURE__ */ jsxs("div", { className: "relative md:col-span-2", children: [
+                /* @__PURE__ */ jsx(
+                  Img,
+                  {
+                    src: gridImages[1].src,
+                    alt: gridImages[1].alt,
+                    className: cn(
+                      "h-full max-h-[500px] w-full object-cover dark:invert",
+                      gridImages[1].className
+                    ),
+                    optixFlowConfig
+                  }
+                ),
+                renderImageOverlayAction
+              ] })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+function HeroCenteredScreenshot({
+  heading,
+  description,
+  actions,
+  actionsSlot,
+  imageSrc,
+  imageAlt = "placeholder",
+  background,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-12 md:py-32",
+  pattern,
+  patternOpacity,
+  className,
+  contentClassName,
+  headingClassName,
+  descriptionClassName,
+  actionsClassName,
+  imageClassName,
   optixFlowConfig
 }) {
   const renderActions = useMemo(() => {
@@ -50876,7 +50874,7 @@ function HeroLogoCenteredScreenshot({
   imageSlot,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "py-6 md:py-32",
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
   pattern,
   patternOpacity,
   className,
@@ -51005,7 +51003,7 @@ function HeroPatternLogoTechStack({
   techLogosSlot,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "py-12 md:py-32",
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
   pattern,
   patternOpacity,
   className,
@@ -51184,37 +51182,16 @@ function HeroAnnouncementBadge({
   actions,
   actionsSlot,
   background,
-  spacing,
   pattern,
   patternOpacity,
   className,
-  containerClassName,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
   badgeClassName,
   headingClassName,
   descriptionClassName,
   actionsClassName
 }) {
-  const renderActions = useMemo(() => {
-    if (actionsSlot) return actionsSlot;
-    if (!actions || actions.length === 0) return null;
-    return actions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
-      return /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          asButton: true,
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
-    });
-  }, [actionsSlot, actions]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -51223,25 +51200,48 @@ function HeroAnnouncementBadge({
       pattern,
       patternOpacity,
       className,
-      children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
-        badge && /* @__PURE__ */ jsxs(
-          Badge,
+      containerClassName,
+      children: /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-4 md:gap-6 lg:gap-8", children: [
+        badge && /* @__PURE__ */ jsxs(Badge, { className: cn("gap-2", badgeClassName), children: [
+          badgeIcon && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "flex size-8 shrink-0 items-center justify-center rounded-full"
+              ),
+              children: badgeIcon
+            }
+          ),
+          typeof badge === "string" ? /* @__PURE__ */ jsx("p", { className: "truncate whitespace-nowrap", children: badge }) : badge
+        ] }),
+        heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+          "h1",
           {
-            variant: "outline",
-            className: cn("mb-4 max-w-full text-sm font-normal lg:mb-10 lg:py-2 lg:pr-5 lg:pl-2", badgeClassName),
-            children: [
-              badgeIcon && /* @__PURE__ */ jsx("span", { className: cn(
-                "mr-2 flex size-8 shrink-0 items-center justify-center rounded-full",
-                getNestedCardBg(background, "accent"),
-                getNestedCardTextColor(background)
-              ), children: badgeIcon }),
-              typeof badge === "string" ? /* @__PURE__ */ jsx("p", { className: "truncate whitespace-nowrap", children: badge }) : badge
-            ]
+            className: cn(
+              "text-4xl leading-none font-bold tracking-tighter md:text-[7vw] lg:text-8xl",
+              headingClassName
+            ),
+            children: heading
           }
-        ),
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mb-6 text-4xl leading-none font-bold tracking-tighter md:text-[7vw] lg:text-8xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-        description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("max-w-2xl md:text-[2vw] lg:text-xl", getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-        (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("mt-6 flex flex-col gap-4 sm:flex-row lg:mt-10", actionsClassName), children: renderActions })
+        ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+        description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "max-w-2xl md:text-[2vw] lg:text-xl text-balance",
+              descriptionClassName
+            ),
+            children: description
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+        /* @__PURE__ */ jsx(
+          BlockActions,
+          {
+            actions,
+            actionsSlot,
+            actionsClassName
+          }
+        )
       ] })
     }
   );
@@ -51434,13 +51434,13 @@ function HeroSimpleCenteredImage({
   actions,
   actionsSlot,
   imageSrc,
-  imageAlt = "placeholder hero",
+  imageAlt,
   background,
-  spacing,
   pattern,
   patternOpacity,
   className,
-  containerClassName,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
   contentClassName,
   headingClassName,
   descriptionClassName,
@@ -51449,11 +51449,18 @@ function HeroSimpleCenteredImage({
   imageClassName,
   optixFlowConfig
 }) {
-  const renderActions = useMemo(() => {
+  useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+      const {
+        label,
+        icon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
       return /* @__PURE__ */ jsx(
         Pressable,
         {
@@ -51477,22 +51484,69 @@ function HeroSimpleCenteredImage({
       spacing,
       pattern,
       patternOpacity,
-      className: cn(className),
+      className,
+      containerClassName,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("container flex flex-col items-center text-center", containerClassName, contentClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("my-3 text-3xl font-bold text-pretty sm:text-4xl md:my-6 lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-6 max-w-xl lg:mb-12 lg:text-2xl", getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-          (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("mb-6 flex gap-2 lg:mb-12", actionsClassName), children: renderActions })
-        ] }),
-        imageSrc && /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsx("div", { className: cn("aspect-video mask-[linear-gradient(#000_80%,transparent_100%)]", imageWrapperClassName), children: /* @__PURE__ */ jsx(
-          Img,
+        /* @__PURE__ */ jsxs(
+          "div",
           {
-            src: imageSrc,
-            alt: imageAlt,
-            className: cn("h-full w-full rounded-md object-cover", imageClassName),
-            optixFlowConfig
+            className: cn(
+              "flex flex-col items-center text-center",
+              contentClassName
+            ),
+            children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                "h1",
+                {
+                  className: cn(
+                    "my-3 text-3xl font-bold text-balance sm:text-4xl md:my-6 lg:text-6xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "mb-6 max-w-xl lg:mb-12 lg:text-2xl text-balance",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+              /* @__PURE__ */ jsx(
+                BlockActions,
+                {
+                  actions,
+                  actionsSlot,
+                  actionsClassName
+                }
+              )
+            ]
           }
-        ) }) })
+        ),
+        imageSrc && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "aspect-video mask-[linear-gradient(#000_80%,transparent_100%)]",
+              imageWrapperClassName
+            ),
+            children: /* @__PURE__ */ jsx(
+              Img,
+              {
+                src: imageSrc,
+                alt: imageAlt,
+                className: cn(
+                  "h-full w-full rounded-t-2xl object-cover",
+                  imageClassName
+                ),
+                optixFlowConfig
+              }
+            )
+          }
+        )
       ]
     }
   );
@@ -51509,7 +51563,7 @@ function HeroPlatformFeaturesGrid({
   featuresSlot,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "py-32",
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
   pattern,
   patternOpacity,
   className,
@@ -51528,7 +51582,7 @@ function HeroPlatformFeaturesGrid({
         src: logoSrc,
         alt: logo.alt,
         className: cn(
-          "mx-auto mb-5 w-16 md:mb-6 md:w-24 lg:mb-7 lg:w-28",
+          "mx-auto mb-5 w-24 md:mb-6 md:w-28 lg:mb-7 lg:w-32",
           logo.imgClassName
         ),
         optixFlowConfig
@@ -51619,7 +51673,7 @@ function HeroPlatformFeaturesGrid({
                   children: heading
                 }
               )),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("max-w-2xl md:text-lg text-balance"), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("max-w-2xl md:text-lg text-balance"), children: description })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-6 max-w-2xl md:text-lg text-balance"), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("max-w-2xl md:text-lg text-balance"), children: description })),
               renderAction
             ]
           }
@@ -51683,7 +51737,7 @@ function HeroSpiralPatternCards({
       "div",
       {
         className: cn(
-          "mt-16 flex flex-col items-center justify-center lg:mt-32",
+          "mt-16 flex flex-col items-center justify-center lg:mt-20",
           imagesClassName
         ),
         children: /* @__PURE__ */ jsxs("div", { className: "relative mx-auto aspect-square w-[95%] max-w-125 sm:w-full", children: [
@@ -51940,11 +51994,12 @@ function HeroSplitGeometricShapes({
   images,
   imagesSlot,
   background,
-  spacing = "py-6 md:py-32",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
   pattern,
+  actionsClassName,
   patternOpacity,
   className,
-  containerClassName,
   contentClassName,
   headingClassName,
   descriptionClassName,
@@ -51974,34 +52029,6 @@ function HeroSplitGeometricShapes({
   const handleLightboxClose = useCallback(() => {
     setLightboxOpen(false);
   }, []);
-  const renderActions = useMemo(() => {
-    if (actionsSlot) return actionsSlot;
-    if (!actions || actions.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col justify-center gap-2 sm:flex-row lg:justify-start", children: actions.map((action, index) => {
-      const {
-        label,
-        icon,
-        iconAfter,
-        children,
-        className: actionClassName,
-        ...pressableProps
-      } = action;
-      return /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          asButton: true,
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
-    }) });
-  }, [actionsSlot, actions]);
   const renderImages = useMemo(() => {
     if (imagesSlot) return imagesSlot;
     if (!images || images.length === 0) return null;
@@ -52077,54 +52104,69 @@ function HeroSplitGeometricShapes({
       spacing,
       pattern,
       patternOpacity,
-      className: cn(className),
+      className,
       containerClassName,
       children: [
-        /* @__PURE__ */ jsx("div", { className: cn("flex flex-col items-center"), children: /* @__PURE__ */ jsx("div", { className: cn("2xl:w-[calc(min(100vw-2*theme(container.padding),100%+8rem))] w-full overflow-clip rounded-lg", getNestedCardBg(background)), children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-0 md:gap-8 lg:grid-cols-2", children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cn(
-                "container flex flex-col items-center px-10 py-8 text-center lg:mx-auto lg:items-start lg:px-16 lg:py-32 lg:text-left",
-                contentClassName
+        /* @__PURE__ */ jsx("div", { className: cn("flex flex-col items-center"), children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "2xl:w-[calc(min(100vw-2*theme(container.padding),100%+8rem))] w-full overflow-clip rounded-lg bg-muted"
+            ),
+            children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-0 md:gap-8 lg:grid-cols-2", children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "container flex flex-col items-center px-10 py-8 text-center lg:mx-auto lg:items-start lg:px-16 lg:py-32 lg:text-left",
+                    contentClassName
+                  ),
+                  children: [
+                    badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx("p", { children: badgeText }) : badgeText),
+                    heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                      "h1",
+                      {
+                        className: cn(
+                          "my-6 text-4xl font-bold text-balance lg:text-6xl",
+                          headingClassName
+                        ),
+                        children: heading
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      "h1",
+                      {
+                        className: cn(
+                          "my-6 text-4xl font-bold text-balance lg:text-6xl",
+                          headingClassName
+                        ),
+                        children: heading
+                      }
+                    )),
+                    description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        className: cn(
+                          "mb-8 max-w-xl lg:text-xl text-balance",
+                          descriptionClassName
+                        ),
+                        children: description
+                      }
+                    ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+                    /* @__PURE__ */ jsx(
+                      BlockActions,
+                      {
+                        actions,
+                        actionsSlot,
+                        actionsClassName
+                      }
+                    )
+                  ]
+                }
               ),
-              children: [
-                badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx("p", { children: badgeText }) : badgeText),
-                heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
-                  "h1",
-                  {
-                    className: cn(
-                      "my-6 text-4xl font-bold text-pretty lg:text-6xl",
-                      headingClassName
-                    ),
-                    children: heading
-                  }
-                ) : /* @__PURE__ */ jsx(
-                  "h1",
-                  {
-                    className: cn(
-                      "my-6 text-4xl font-bold text-pretty lg:text-6xl",
-                      headingClassName
-                    ),
-                    children: heading
-                  }
-                )),
-                description && (typeof description === "string" ? /* @__PURE__ */ jsx(
-                  "p",
-                  {
-                    className: cn(
-                      "mb-8 max-w-xl lg:text-xl",
-                      descriptionClassName
-                    ),
-                    children: description
-                  }
-                ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-                renderActions
-              ]
-            }
-          ),
-          renderImages
-        ] }) }) }),
+              renderImages
+            ] })
+          }
+        ) }),
         lightboxOpen && /* @__PURE__ */ jsx(
           Lightbox,
           {
@@ -52165,11 +52207,11 @@ function HeroCommunitySurveyCta({
   rightOverlayImage,
   imagesSlot,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
   pattern,
   patternOpacity,
   className,
-  containerClassName,
   announcementClassName,
   headingClassName,
   descriptionClassName,
@@ -52179,29 +52221,22 @@ function HeroCommunitySurveyCta({
 }) {
   const renderAnnouncement = useMemo(() => {
     if (announcementSlot) return announcementSlot;
-    return /* @__PURE__ */ jsxs(
-      Pressable,
+    return /* @__PURE__ */ jsx(Pressable, { href: announcementHref, children: /* @__PURE__ */ jsxs(
+      Badge,
       {
-        href: announcementHref,
         className: cn(
-          "group mx-auto mb-3 w-fit gap-3 rounded-full border px-5 py-2 text-sm",
+          "group mx-auto w-fit gap-3 px-5 py-2 text-sm h-fit",
           announcementClassName
         ),
         children: [
-          /* @__PURE__ */ jsx("span", { className: "mr-1 font-medium", children: announcementPrimary }),
-          announcementSecondary,
-          /* @__PURE__ */ jsx(
-            DynamicIcon,
-            {
-              name: "lucide/minus",
-              size: 16,
-              className: "mx-1 inline-block"
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "font-semibold group-hover:underline", children: announcementLinkText })
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: announcementPrimary }),
+            announcementSecondary
+          ] }),
+          announcementLinkText ? /* @__PURE__ */ jsx("span", { className: "font-semibold pl-4 ml-4 border-l", children: announcementLinkText }) : null
         ]
       }
-    );
+    ) });
   }, [
     announcementSlot,
     announcementHref,
@@ -52249,7 +52284,7 @@ function HeroCommunitySurveyCta({
     rightOverlayImage,
     optixFlowConfig
   ]);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     Section,
     {
       background,
@@ -52258,14 +52293,14 @@ function HeroCommunitySurveyCta({
       patternOpacity,
       className,
       containerClassName,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      children: /* @__PURE__ */ jsxs("div", { className: "relative grid grid-cols-1 items-center gap-8 lg:grid-cols-2 lg:gap-12", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
           renderAnnouncement,
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h1",
             {
               className: cn(
-                "mx-auto max-w-4xl text-4xl font-semibold text-balance lg:text-6xl",
+                "max-w-4xl text-4xl font-semibold text-balance lg:text-6xl",
                 headingClassName
               ),
               children: heading
@@ -52275,7 +52310,7 @@ function HeroCommunitySurveyCta({
             "p",
             {
               className: cn(
-                "mx-auto max-w-4xl lg:text-xl",
+                "max-w-4xl lg:text-xl text-balance",
                 descriptionClassName
               ),
               children: description
@@ -52290,11 +52325,8 @@ function HeroCommunitySurveyCta({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative px-8", children: [
-          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 top-1/2 h-full w-full bg-linear-to-b from-muted to-transparent to-50%" }),
-          renderImages
-        ] })
-      ]
+        /* @__PURE__ */ jsx("div", { className: "relative", children: renderImages })
+      ] })
     }
   );
 }
@@ -52308,7 +52340,6 @@ function HeroMarketplaceScatteredImages({
   taglineSlot,
   images,
   imagesSlot,
-  showGridPattern = true,
   background,
   spacing = "py-32 md:py-32",
   pattern,
@@ -52375,10 +52406,7 @@ function HeroMarketplaceScatteredImages({
         children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3 md:grid-cols-3", children: columns.map((colImages, colIndex) => /* @__PURE__ */ jsx(
           "div",
           {
-            className: cn(
-              "grid gap-3",
-              colIndex === 2 && "hidden md:grid"
-            ),
+            className: cn("grid gap-3", colIndex === 2 && "hidden md:grid"),
             children: colImages.map((image, imgIndex) => {
               const height = heightPatterns[colIndex][imgIndex % heightPatterns[colIndex].length];
               const direction = colIndex % 2 === 0 ? "up" : "down";
@@ -52447,7 +52475,7 @@ function HeroMarketplaceScatteredImages({
           "div",
           {
             className: cn(
-              "relative mx-auto max-w-xl py-10 text-center flex flex-col gap-6 items-center",
+              "relative mx-auto max-w-xl py-0 md:py-10 text-center flex flex-col gap-6 items-center",
               contentClassName
             ),
             children: [
@@ -52511,34 +52539,6 @@ function HeroBadgeShadowOverlay({
   headingClassName,
   actionsClassName
 }) {
-  const renderActions = useMemo(() => {
-    if (actionsSlot) return actionsSlot;
-    if (!actions || actions.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col md:flex-row gap-4", actionsClassName), children: actions.map((action, index) => {
-      const {
-        label,
-        icon,
-        iconAfter,
-        children,
-        className: actionClassName,
-        ...pressableProps
-      } = action;
-      return /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          asButton: true,
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
-    }) });
-  }, [actionsSlot, actions, actionsClassName]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -52549,7 +52549,7 @@ function HeroBadgeShadowOverlay({
       className: cn("relative flex items-center justify-center", className),
       containerClassName,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "flex flex-col min-h-screen h-full justify-center items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-10 text-center px-6 max-full md:max-w-lg", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col min-h-screen h-full justify-center items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 text-center px-6 max-full md:max-w-lg", children: [
           (announcementBadge || announcementText) && /* @__PURE__ */ jsxs(
             Pressable,
             {
@@ -52569,7 +52569,7 @@ function HeroBadgeShadowOverlay({
             "h1",
             {
               className: cn(
-                "text-4xl font-semibold lg:text-8xl text-white text-balance text-shadow-xl text-center",
+                "text-4xl font-semibold lg:text-8xl text-white text-balance text-shadow-2xl text-center",
                 headingClassName
               ),
               children: heading
@@ -52585,7 +52585,14 @@ function HeroBadgeShadowOverlay({
               children: description
             }
           ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-          renderActions
+          /* @__PURE__ */ jsx(
+            BlockActions,
+            {
+              actions,
+              actionsSlot,
+              actionsClassName
+            }
+          )
         ] }) }),
         backgroundImageUrl && /* @__PURE__ */ jsx(
           Img,
@@ -52719,18 +52726,17 @@ function HeroVideoBackgroundDark({
 }
 function HeroGridPatternEfficiency({
   heading,
-  highlightedWord = "efficiency.",
   description,
   action,
   actionSlot,
-  actionSubtext = "No credit card required.",
+  actionSubtext,
   showGridPattern = true,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
   pattern,
   patternOpacity,
   className,
-  containerClassName,
   contentClassName,
   headingClassName,
   descriptionClassName,
@@ -52739,7 +52745,14 @@ function HeroGridPatternEfficiency({
   const renderAction = useMemo(() => {
     if (actionSlot) return actionSlot;
     if (!action) return null;
-    const { label, icon, iconAfter, children, className: btnClassName, ...pressableProps } = action;
+    const {
+      label,
+      icon,
+      iconAfter,
+      children,
+      className: btnClassName,
+      ...pressableProps
+    } = action;
     return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: btnClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
       icon,
       label,
@@ -52748,14 +52761,29 @@ function HeroGridPatternEfficiency({
   }, [actionSlot, action]);
   const renderHeading = useMemo(() => {
     if (heading) {
-      return typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-5xl leading-tight font-extrabold lg:text-8xl lg:leading-snug", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("text-5xl leading-tight font-extrabold lg:text-8xl lg:leading-snug", headingClassName), children: heading });
+      return typeof heading === "string" ? /* @__PURE__ */ jsx(
+        "h1",
+        {
+          className: cn(
+            "text-5xl leading-tight font-extrabold lg:text-8xl lg:leading-snug text-balance",
+            headingClassName
+          ),
+          children: heading
+        }
+      ) : /* @__PURE__ */ jsx(
+        "h1",
+        {
+          className: cn(
+            "text-5xl leading-tight font-extrabold lg:text-8xl lg:leading-snug text-balance",
+            headingClassName
+          ),
+          children: heading
+        }
+      );
+    } else {
+      return null;
     }
-    return /* @__PURE__ */ jsxs("h1", { className: cn("text-5xl leading-tight font-extrabold lg:text-8xl lg:leading-snug", headingClassName), children: [
-      "Less complexity. ",
-      /* @__PURE__ */ jsx("span", { className: "mr-6", children: "More" }),
-      /* @__PURE__ */ jsx("span", { className: cn("relative inline-block before:absolute before:top-0 before:-right-2 before:-bottom-2 before:-left-4 before:-z-10 before:rounded-lg", `before:${getTextColor(background, "muted")}/15`), children: highlightedWord })
-    ] });
-  }, [heading, highlightedWord, headingClassName]);
+  }, [heading, headingClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -52763,15 +52791,34 @@ function HeroGridPatternEfficiency({
       spacing,
       pattern,
       patternOpacity,
-      className: cn(className),
-      children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("relative max-w-5xl", contentClassName), children: [
+      className,
+      containerClassName,
+      children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: cn("relative max-w-5xl", contentClassName), children: [
         showGridPattern && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 -z-10 h-full w-full bg-[linear-gradient(to_right,hsl(var(--muted))_1px,transparent_1px),linear-gradient(to_bottom,hsl(var(--muted))_1px,transparent_1px)] mask-[radial-gradient(ellipse_50%_100%_at_50%_50%,#000_60%,transparent_100%)] bg-size-[64px_64px]" }),
         renderHeading,
-        description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-7 text-xl font-light lg:text-3xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-        /* @__PURE__ */ jsxs("div", { className: cn("mt-12 flex w-fit flex-col gap-2.5 text-center", actionClassName), children: [
-          renderAction,
-          actionSubtext && (typeof actionSubtext === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm", getTextColor(background, "muted")), children: actionSubtext }) : actionSubtext)
-        ] })
+        description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "mt-7 text-xl font-light lg:text-3xl text-balance",
+              descriptionClassName
+            ),
+            children: description
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "mt-12 flex w-fit flex-col gap-2.5 text-center",
+              actionClassName
+            ),
+            children: [
+              renderAction,
+              actionSubtext && (typeof actionSubtext === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm", children: actionSubtext }) : actionSubtext)
+            ]
+          }
+        )
       ] }) })
     }
   );
@@ -54000,18 +54047,17 @@ function HeroAiPoweredCarousel({
 }
 function HeroAdCampaignExpert({
   heading,
-  headingHighlight,
   description,
   action,
   actionSlot,
   imageSrc,
-  imageAlt = "",
+  imageAlt,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
   pattern,
   patternOpacity,
   className,
-  containerClassName,
   contentClassName,
   headingClassName,
   descriptionClassName,
@@ -54022,20 +54068,19 @@ function HeroAdCampaignExpert({
   const renderAction = useMemo(() => {
     if (actionSlot) return actionSlot;
     if (!action) return null;
-    const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
-    return /* @__PURE__ */ jsx(
-      Pressable,
-      {
-        asButton: true,
-        className: actionClassName,
-        ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-          icon,
-          label,
-          iconAfter
-        ] })
-      }
-    );
+    const {
+      label,
+      icon,
+      iconAfter,
+      children,
+      className: actionClassName,
+      ...pressableProps
+    } = action;
+    return /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      icon,
+      label,
+      iconAfter
+    ] }) });
   }, [actionSlot, action]);
   return /* @__PURE__ */ jsx(
     Section,
@@ -54044,36 +54089,66 @@ function HeroAdCampaignExpert({
       spacing,
       pattern,
       patternOpacity,
-      className: cn("pb-24", className),
-      children: /* @__PURE__ */ jsx("div", { className: cn("pt-16 lg:pt-24", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center lg:flex-row lg:items-start", children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("relative flex flex-col items-start gap-8 pb-20 lg:w-1/2", contentClassName), children: [
-          (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter lg:text-5xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxs("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter lg:text-5xl", headingClassName), children: [
-            "Your ad campaigns excel with",
-            " ",
-            /* @__PURE__ */ jsx("span", { className: cn(getBorderColor(background, "muted"), "border-b-2"), children: headingHighlight }),
-            ", delivering optimized performance."
-          ] }) : null),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-          renderAction
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: cn("relative flex w-full justify-center lg:w-1/2", imageContainerClassName), children: [
-          imageSrc && /* @__PURE__ */ jsx("div", { className: "relative z-10 -mb-16 h-auto w-[80%] max-w-[355px] lg:w-[520px]", children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 355 / 520, className: cn(getBorderColor(background, "muted"), "border"), children: /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: imageSrc,
-              alt: imageAlt,
-              className: cn("size-full object-cover", imageClassName),
-              optixFlowConfig
-            }
-          ) }) }),
-          /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 w-full overflow-hidden", children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 2, className: "relative", children: /* @__PURE__ */ jsx(
-            AspectRatio,
-            {
-              ratio: 1,
-              className: cn("absolute w-full rounded-full", getNestedCardBg(background))
-            }
-          ) }) })
-        ] })
+      className,
+      containerClassName,
+      children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center lg:flex-row lg:items-start", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "relative flex flex-col items-start gap-8 pb-20 lg:w-1/2",
+              contentClassName
+            ),
+            children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: cn(
+                    "text-3xl leading-tight font-bold tracking-tighter lg:text-5xl text-balance",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : heading ? /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : null),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-balance", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+              renderAction
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "relative flex w-full justify-center lg:w-1/2",
+              imageContainerClassName
+            ),
+            children: [
+              imageSrc && /* @__PURE__ */ jsx("div", { className: "relative z-10 -mb-16 h-auto w-[80%] max-w-[355px] lg:w-[520px]", children: /* @__PURE__ */ jsx(
+                AspectRatio,
+                {
+                  ratio: 355 / 520,
+                  className: "border-muted border rounded-xl shadow-xl overflow-hidden",
+                  children: /* @__PURE__ */ jsx(
+                    Img,
+                    {
+                      src: imageSrc,
+                      alt: imageAlt,
+                      className: cn("size-full object-cover", imageClassName),
+                      optixFlowConfig
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 w-full overflow-hidden", children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 2, className: "relative", children: /* @__PURE__ */ jsx(
+                AspectRatio,
+                {
+                  ratio: 1,
+                  className: cn("absolute w-full rounded-full bg-muted")
+                }
+              ) }) })
+            ]
+          }
+        )
       ] }) })
     }
   );
@@ -59077,7 +59152,7 @@ function HeroEcommerceProductShowcase({
   const renderStats = useMemo(() => {
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-6 pt-4", statsClassName), children: stats.map((stat, index) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+    return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-6 pt-4", statsClassName), children: stats.map((stat, index) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
       index > 0 && /* @__PURE__ */ jsx("div", { className: "h-12 w-px bg-border" }),
       /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
         /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold ", children: stat.value }),
@@ -59657,7 +59732,7 @@ function HeroEventRegistration({
   locationSlot,
   background,
   containerClassName = "px-6  sm:px-0 md:px-0 lg:px-0",
-  spacing = "py-20 md:py-32",
+  spacing = "pt-32 pb-8 md:pt-32 md:pb-32",
   pattern,
   patternOpacity,
   className,
@@ -59676,34 +59751,6 @@ function HeroEventRegistration({
       badgeText
     ] });
   }, [badgeSlot, badgeIcon, badgeText]);
-  const renderActions = useMemo(() => {
-    if (actionsSlot) return actionsSlot;
-    if (!actions || actions.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-4 sm:flex-row", actionsClassName), children: actions.map((action, index) => {
-      const {
-        label,
-        icon,
-        iconAfter,
-        children,
-        className: actionClassName,
-        ...pressableProps
-      } = action;
-      return /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          asButton: true,
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
-    }) });
-  }, [actionsSlot, actions, actionsClassName]);
   const renderStats = useMemo(() => {
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
@@ -59779,7 +59826,14 @@ function HeroEventRegistration({
             }
           )),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-          renderActions,
+          /* @__PURE__ */ jsx(
+            BlockActions,
+            {
+              actions,
+              actionsSlot,
+              actionsClassName
+            }
+          ),
           renderStats
         ] }),
         renderImage
@@ -60014,7 +60068,7 @@ function ComparisonTableTwoColumn({
   patternOpacity,
   optixFlowConfig
 }) {
-  const tableContent = React24.useMemo(() => {
+  const tableContent = React23.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!rows || rows.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("-mr-4 overflow-x-auto", tableWrapperClassName), children: /* @__PURE__ */ jsx("div", { className: "min-w-2xl overflow-hidden", children: /* @__PURE__ */ jsxs(
@@ -60044,7 +60098,7 @@ function ComparisonTableTwoColumn({
               optixFlowConfig
             }
           ) : optionBLabel && (typeof optionBLabel === "string" ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: optionBLabel }) : optionBLabel) }),
-          rows.map((row, idx) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+          rows.map((row, idx) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
             /* @__PURE__ */ jsx("div", { className: "flex items-center border-b p-3 text-base font-medium md:p-4 md:text-lg", children: row.label }),
             /* @__PURE__ */ jsx("div", { className: cn("border-b bg-success/5 p-3 md:p-6", optionACellClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
               row.hasIcon && /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/circle-check-big", size: 20, className: "text-success" }),
@@ -60073,14 +60127,14 @@ function ComparisonTableTwoColumn({
     optionBLabel,
     optixFlowConfig
   ]);
-  const headingContent = React24.useMemo(() => {
+  const headingContent = React23.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h1", { className: cn("mb-8 text-3xl font-bold md:mb-12 md:text-5xl", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React24.useMemo(() => {
+  const descriptionContent = React23.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mb-8 text-muted-foreground md:text-lg", descriptionClassName), children: description });
@@ -60127,7 +60181,7 @@ function ComparisonFeatureCards({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderCard = React24.useCallback(
+  const renderCard = React23.useCallback(
     (product, isHighlighted) => /* @__PURE__ */ jsxs(
       "div",
       {
@@ -60183,7 +60237,7 @@ function ComparisonFeatureCards({
     ),
     [cardClassName, optixFlowConfig]
   );
-  const cardsContent = React24.useMemo(() => {
+  const cardsContent = React23.useMemo(() => {
     if (cardsSlot) return cardsSlot;
     if (!productA || !productB) return null;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -60191,28 +60245,28 @@ function ComparisonFeatureCards({
       renderCard(productB, productB.highlighted ?? false)
     ] });
   }, [cardsSlot, productA, productB, renderCard]);
-  const headingContent = React24.useMemo(() => {
+  const headingContent = React23.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h1", { className: cn("mb-6 text-4xl font-semibold md:text-7xl", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React24.useMemo(() => {
+  const descriptionContent = React23.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mx-auto max-w-4xl text-muted-foreground md:text-xl", descriptionClassName), children: description });
     }
     return /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description });
   }, [description, descriptionClassName]);
-  const suitabilityContent = React24.useMemo(() => {
+  const suitabilityContent = React23.useMemo(() => {
     if (!suitabilityTitle && !suitabilityDescription) return null;
     return /* @__PURE__ */ jsxs("div", { className: suitabilityClassName, children: [
       suitabilityTitle && (typeof suitabilityTitle === "string" ? /* @__PURE__ */ jsx("h2", { className: "mb-4 text-3xl font-semibold", children: suitabilityTitle }) : suitabilityTitle),
       suitabilityDescription && (typeof suitabilityDescription === "string" ? /* @__PURE__ */ jsx("p", { className: "leading-6 text-muted-foreground md:text-lg", children: suitabilityDescription }) : suitabilityDescription)
     ] });
   }, [suitabilityTitle, suitabilityDescription, suitabilityClassName]);
-  const differencesContent = React24.useMemo(() => {
+  const differencesContent = React23.useMemo(() => {
     if (!differencesTitle && !differencesDescription) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-16", differencesClassName), children: [
       differencesTitle && (typeof differencesTitle === "string" ? /* @__PURE__ */ jsx("h2", { className: "mb-4 text-3xl font-semibold", children: differencesTitle }) : differencesTitle),
@@ -60260,7 +60314,7 @@ function ComparisonGridBadges({
   pattern,
   patternOpacity
 }) {
-  const featuresContent = React24.useMemo(() => {
+  const featuresContent = React23.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return features.map((feature, idx) => /* @__PURE__ */ jsxs(
@@ -60307,14 +60361,14 @@ function ComparisonGridBadges({
       idx
     ));
   }, [featuresSlot, features, featureCardClassName, badgeClassName, optionALabel, optionBLabel]);
-  const headingContent = React24.useMemo(() => {
+  const headingContent = React23.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h2", { className: cn("mb-4 text-3xl font-bold md:text-5xl", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React24.useMemo(() => {
+  const descriptionContent = React23.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mx-auto max-w-2xl text-muted-foreground md:text-lg", descriptionClassName), children: description });
@@ -60362,7 +60416,7 @@ function ComparisonMetricsRows({
   pattern,
   patternOpacity
 }) {
-  const metricsContent = React24.useMemo(() => {
+  const metricsContent = React23.useMemo(() => {
     if (metricsSlot) return metricsSlot;
     if (!metrics || metrics.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -60402,7 +60456,7 @@ function ComparisonMetricsRows({
       }
     );
   }, [metricsSlot, metrics, metricsClassName, metricRowClassName]);
-  const actionsContent = React24.useMemo(() => {
+  const actionsContent = React23.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("flex justify-end", actionsClassName), children: actions.map((action, idx) => /* @__PURE__ */ jsxs(
@@ -60423,7 +60477,7 @@ function ComparisonMetricsRows({
       idx
     )) });
   }, [actionsSlot, actions, actionsClassName]);
-  const headingContent = React24.useMemo(() => {
+  const headingContent = React23.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx(
@@ -60439,7 +60493,7 @@ function ComparisonMetricsRows({
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React24.useMemo(() => {
+  const descriptionContent = React23.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground md:text-lg", descriptionClassName), children: description });
@@ -60502,7 +60556,7 @@ function ComparisonImageCards({
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderCard = React24.useCallback(
+  const renderCard = React23.useCallback(
     (option) => /* @__PURE__ */ jsx("div", { className: cn("relative h-full", cardClassName), children: /* @__PURE__ */ jsxs("div", { className: cn(
       "relative aspect-4/5 min-h-[400px] overflow-hidden rounded-2xl sm:aspect-[0.9] sm:min-h-[480px] sm:rounded-3xl md:min-h-[520px]",
       getNestedCardBg(background, "accent"),
@@ -60526,7 +60580,7 @@ function ComparisonImageCards({
     ] }) }),
     [cardClassName, optixFlowConfig]
   );
-  const cardsContent = React24.useMemo(() => {
+  const cardsContent = React23.useMemo(() => {
     if (cardsSlot) return cardsSlot;
     if (!optionA || !optionB) return null;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -60544,14 +60598,14 @@ function ComparisonImageCards({
       )
     ] });
   }, [cardsSlot, optionA, optionB, dividerText, dividerClassName, renderCard]);
-  const headingContent = React24.useMemo(() => {
+  const headingContent = React23.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-medium sm:text-4xl md:text-5xl lg:text-6xl", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React24.useMemo(() => {
+  const descriptionContent = React23.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mx-auto mt-4 max-w-3xl text-lg text-muted-foreground sm:mt-6 sm:text-xl", descriptionClassName), children: description });
@@ -60681,7 +60735,7 @@ function ComparisonTableTabs({
   patternOpacity
 }) {
   const [selectedTab, setSelectedTab] = useState(models?.[0]?.name || "");
-  const renderStatusIcon = React24.useCallback((status) => {
+  const renderStatusIcon = React23.useCallback((status) => {
     if (status === "positive") {
       return /* @__PURE__ */ jsx("span", { className: "flex size-8 items-center justify-center rounded-full border bg-success/10", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/circle-check", size: 16, className: "text-success" }) });
     }
@@ -60690,7 +60744,7 @@ function ComparisonTableTabs({
     }
     return /* @__PURE__ */ jsx("span", { className: "flex size-8 items-center justify-center rounded-full border bg-accent/10", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/circle-minus", size: 16, className: "text-accent" }) });
   }, []);
-  const tableContent = React24.useMemo(() => {
+  const tableContent = React23.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!models || models.length === 0 || !features || features.length === 0) return null;
     return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -60749,14 +60803,14 @@ function ComparisonTableTabs({
       ] }) })
     ] });
   }, [tableSlot, models, features, tabsClassName, tableClassName, tableHeaderClassName, tableCellClassName, selectedTab, renderStatusIcon]);
-  const headingContent = React24.useMemo(() => {
+  const headingContent = React23.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-bold md:text-4xl lg:text-5xl", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React24.useMemo(() => {
+  const descriptionContent = React23.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-muted-foreground md:text-lg", descriptionClassName), children: description });
@@ -60847,7 +60901,7 @@ function ComparisonTableTooltips({
   pattern,
   patternOpacity
 }) {
-  const renderCellContent = React24.useCallback(
+  const renderCellContent = React23.useCallback(
     (cell, isHighlighted) => {
       if (typeof cell === "string") {
         return cell;
@@ -60874,7 +60928,7 @@ function ComparisonTableTooltips({
     },
     []
   );
-  const tableContent = React24.useMemo(() => {
+  const tableContent = React23.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!rows || rows.length === 0) return null;
     return /* @__PURE__ */ jsxs(Table, { className: cn("rounded border text-left shadow-lg", tableClassName), children: [
@@ -60900,14 +60954,14 @@ function ComparisonTableTooltips({
       ] }, idx)) })
     ] });
   }, [tableSlot, rows, tableClassName, tableHeaderClassName, tableCellClassName, optionALabel, optionBLabel, renderCellContent]);
-  const headingContent = React24.useMemo(() => {
+  const headingContent = React23.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h2", { className: cn("mb-4 text-center text-4xl font-semibold", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React24.useMemo(() => {
+  const descriptionContent = React23.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mb-8 text-center text-muted-foreground", descriptionClassName), children: description });
@@ -60949,7 +61003,7 @@ function ComparisonFeatureGrid({
   pattern,
   patternOpacity
 }) {
-  const renderStatusIcon = React24.useCallback((status) => {
+  const renderStatusIcon = React23.useCallback((status) => {
     if (status === true) {
       return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/check", size: 20, className: "text-success" });
     }
@@ -60958,7 +61012,7 @@ function ComparisonFeatureGrid({
     }
     return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", size: 20, className: "text-destructive" });
   }, []);
-  const gridContent = React24.useMemo(() => {
+  const gridContent = React23.useMemo(() => {
     if (gridSlot) return gridSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsxs(
@@ -61024,14 +61078,14 @@ function ComparisonFeatureGrid({
     optionBLabel,
     renderStatusIcon
   ]);
-  const headingContent = React24.useMemo(() => {
+  const headingContent = React23.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h2", { className: cn("mb-4 text-center text-4xl font-semibold", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React24.useMemo(() => {
+  const descriptionContent = React23.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mb-8 text-center text-muted-foreground", descriptionClassName), children: description });
@@ -61075,7 +61129,7 @@ function ComparisonAiModels({
   optixFlowConfig
 }) {
   const [hoveredModel, setHoveredModel] = useState(null);
-  const renderStatusIcon = React24.useCallback((status) => {
+  const renderStatusIcon = React23.useCallback((status) => {
     if (status === "best") {
       return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/circle-check", size: 16, className: "text-success" });
     }
@@ -61084,7 +61138,7 @@ function ComparisonAiModels({
     }
     return /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/minus", size: 16, className: "text-muted-foreground" });
   }, []);
-  const getCellClassName = React24.useCallback(
+  const getCellClassName = React23.useCallback(
     (status, modelKey) => {
       const baseClass = "cursor-pointer py-4 text-center font-medium transition-all duration-300";
       let statusClass = "";
@@ -61105,7 +61159,7 @@ function ComparisonAiModels({
     },
     [hoveredModel]
   );
-  const getSummaryCardClassName = React24.useCallback(
+  const getSummaryCardClassName = React23.useCallback(
     (modelKey) => {
       const baseClass = "rounded border border-border/30 bg-background/50 p-3 transition-all duration-300";
       if (hoveredModel === modelKey) {
@@ -61120,7 +61174,7 @@ function ComparisonAiModels({
     },
     [hoveredModel]
   );
-  const tableContent = React24.useMemo(() => {
+  const tableContent = React23.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!models || !comparisonData || comparisonData.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -61198,7 +61252,7 @@ function ComparisonAiModels({
     getCellClassName,
     renderStatusIcon
   ]);
-  const analysisContent = React24.useMemo(() => {
+  const analysisContent = React23.useMemo(() => {
     if (analysisSlot) return analysisSlot;
     if (!models) return null;
     return /* @__PURE__ */ jsx("div", { className: cn(
@@ -61239,14 +61293,14 @@ function ComparisonAiModels({
       ] })
     ] }) });
   }, [analysisSlot, models, analysisClassName, getSummaryCardClassName]);
-  const headingContent = React24.useMemo(() => {
+  const headingContent = React23.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-bold md:text-4xl lg:text-5xl", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React24.useMemo(() => {
+  const descriptionContent = React23.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-muted-foreground md:text-lg", descriptionClassName), children: description });
@@ -61296,7 +61350,7 @@ function ComparisonLegacyModern({
   pattern,
   patternOpacity
 }) {
-  const columnsContent = React24.useMemo(() => {
+  const columnsContent = React23.useMemo(() => {
     if (columnsSlot) return columnsSlot;
     if (!legacyFeatures || legacyFeatures.length === 0 || !modernFeatures || modernFeatures.length === 0)
       return null;
@@ -61308,7 +61362,7 @@ function ComparisonLegacyModern({
         legacyColumnClassName
       ), children: [
         legacyTitle && (typeof legacyTitle === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-2xl font-medium", children: legacyTitle }) : legacyTitle),
-        /* @__PURE__ */ jsx("ul", { className: "mt-9 space-y-3", children: legacyFeatures.map((feature, idx) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+        /* @__PURE__ */ jsx("ul", { className: "mt-9 space-y-3", children: legacyFeatures.map((feature, idx) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", size: 16, className: "my-1.5 shrink-0 text-muted-foreground" }),
             /* @__PURE__ */ jsx("li", { className: "text-sm", children: feature.text })
@@ -61325,7 +61379,7 @@ function ComparisonLegacyModern({
           ),
           children: [
             modernTitle && (typeof modernTitle === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-2xl font-medium", children: modernTitle }) : modernTitle),
-            /* @__PURE__ */ jsx("ul", { className: "mt-9 space-y-3", children: modernFeatures.map((feature, idx) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+            /* @__PURE__ */ jsx("ul", { className: "mt-9 space-y-3", children: modernFeatures.map((feature, idx) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
               /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-lg", children: feature.emoji }),
                 feature.text
@@ -61337,7 +61391,7 @@ function ComparisonLegacyModern({
       )
     ] });
   }, [columnsSlot, legacyFeatures, modernFeatures, legacyTitle, modernTitle, legacyColumnClassName, modernColumnClassName]);
-  const headingContent = React24.useMemo(() => {
+  const headingContent = React23.useMemo(() => {
     if (!heading && !headingHighlight) return null;
     return /* @__PURE__ */ jsxs("h2", { className: cn("text-4xl font-medium md:text-5xl lg:text-7xl", headingClassName), children: [
       heading && (typeof heading === "string" ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
@@ -61350,7 +61404,7 @@ function ComparisonLegacyModern({
       ] }) : headingHighlight)
     ] });
   }, [heading, headingHighlight, headingClassName, headingHighlightClassName]);
-  const descriptionContent = React24.useMemo(() => {
+  const descriptionContent = React23.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("text-lg", descriptionClassName), children: description });
@@ -61523,7 +61577,7 @@ var NavbarMobileMenu = ({
   closeIconClassName,
   title = "Mobile Navigation"
 }) => {
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     if (open) {
       const originalOverflow = document.body.style.overflow;
       document.body.style.overflow = "hidden";
@@ -61752,7 +61806,7 @@ var NavbarDropdownMenu = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [open, setOpen] = React24.useState(false);
+  const [open, setOpen] = React23.useState(false);
   const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -61978,7 +62032,7 @@ var NavbarCenteredMenu = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [open, setOpen] = React24.useState(false);
+  const [open, setOpen] = React23.useState(false);
   const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -62118,7 +62172,7 @@ var DesktopMenuItem = ({
   index,
   optixFlowConfig
 }) => {
-  const imagesRef = React24.useRef([]);
+  const imagesRef = React23.useRef([]);
   const layout = link.layout || "simple-grid";
   const handleMouseEnter = (event) => {
     const index2 = Number(event.currentTarget.getAttribute("data-index"));
@@ -63353,7 +63407,7 @@ var NavbarFeatureGrid = ({
   patternOpacity,
   optixFlowConfig
 }) => {
-  const [open, setOpen] = React24.useState(false);
+  const [open, setOpen] = React23.useState(false);
   const renderAuthActions = useMemo(() => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
@@ -66563,7 +66617,7 @@ var DesktopMenuItem7 = ({
   if (item.groups && item.groups.length > 0) {
     return /* @__PURE__ */ jsxs(NavigationMenuItem, { value: `${index}`, children: [
       /* @__PURE__ */ jsx(NavigationMenuTrigger, { children: item.label }),
-      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "p-0", children: /* @__PURE__ */ jsx("div", { className: "flex", children: item.groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+      /* @__PURE__ */ jsx(NavigationMenuContent, { className: "p-0", children: /* @__PURE__ */ jsx("div", { className: "flex", children: item.groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
         groupIndex > 0 && /* @__PURE__ */ jsx(
           Separator,
           {
@@ -67315,7 +67369,7 @@ var NavbarSimpleLinks = ({
   const renderNavItems = useMemo(() => {
     if (navItemsSlot) return navItemsSlot;
     if (!navItems || navItems.length === 0) return null;
-    return navItems.map((item) => /* @__PURE__ */ jsx(React24.Fragment, { children: /* @__PURE__ */ jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsx(
+    return navItems.map((item) => /* @__PURE__ */ jsx(React23.Fragment, { children: /* @__PURE__ */ jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsx(
       NavigationMenuLink,
       {
         "data-nav-item": item.name,
@@ -72344,7 +72398,7 @@ function PricingFullComparison({
           resolvedPlanIds[index]
         ))
       ] }) }),
-      /* @__PURE__ */ jsx("tbody", { children: categories.map((category) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+      /* @__PURE__ */ jsx("tbody", { children: categories.map((category) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
         /* @__PURE__ */ jsx("tr", { className: cn(getNestedCardBg(background), getNestedCardTextColor(background), categoryRowClassName), children: /* @__PURE__ */ jsx(
           "td",
           {
@@ -76945,9 +76999,9 @@ function ProcessStickySteps({
   );
 }
 var usePrevious = (value) => {
-  const [prev, setPrev] = React24.useState(void 0);
-  const ref = React24.useRef(value);
-  React24.useEffect(() => {
+  const [prev, setPrev] = React23.useState(void 0);
+  const ref = React23.useRef(value);
+  React23.useEffect(() => {
     setPrev(ref.current);
     ref.current = value;
   }, [value]);
@@ -76960,12 +77014,12 @@ var ProcessCard = ({
   itemClassName,
   background
 }) => {
-  const ref = React24.useRef(null);
+  const ref = React23.useRef(null);
   const itemInView = useInView(ref, {
     amount: 0,
     margin: "0px 0px -60% 0px"
   });
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     if (itemInView) {
       setActive(index);
     }
@@ -77015,7 +77069,7 @@ function ProcessScrollImage({
   ctaText,
   ctaUrl
 }) {
-  const [active, setActive] = React24.useState(0);
+  const [active, setActive] = React23.useState(0);
   const previousActive = usePrevious(active);
   const resolvedHeading = title ?? heading;
   const resolvedActions = actions ?? (ctaText && ctaUrl ? [
@@ -77199,7 +77253,7 @@ var ProcessCard2 = ({
   hoverImageClassName,
   background
 }) => {
-  const [isHovered, setIsHovered] = React24.useState(false);
+  const [isHovered, setIsHovered] = React23.useState(false);
   const titleText = typeof step.title === "string" ? step.title : `Step ${index + 1}`;
   return /* @__PURE__ */ jsxs(
     "li",
@@ -77523,7 +77577,7 @@ function ProcessExpandableTimeline({
   // Backwards compatibility
   title
 }) {
-  const [expandedIndex, setExpandedIndex] = React24.useState(null);
+  const [expandedIndex, setExpandedIndex] = React23.useState(null);
   const resolvedHeading = title ?? heading;
   const toggleExpand = (index) => {
     setExpandedIndex(expandedIndex === index ? null : index);
@@ -82294,7 +82348,7 @@ function ListAchievementsShowcase({
     if (!items || items.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", itemsClassName), children: [
       /* @__PURE__ */ jsx(Separator, {}),
-      items.map((item, index) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+      items.map((item, index) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -82414,7 +82468,7 @@ function ListCareerTimeline({
   const renderExperiences = useMemo(() => {
     if (experiencesSlot) return experiencesSlot;
     if (!experiences || experiences.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: experiencesClassName, children: experiences.map((experience, idx) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+    return /* @__PURE__ */ jsx("div", { className: experiencesClassName, children: experiences.map((experience, idx) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
       /* @__PURE__ */ jsx(Separator, {}),
       /* @__PURE__ */ jsxs(
         "div",
@@ -82435,7 +82489,7 @@ function ListCareerTimeline({
   const renderAwards = useMemo(() => {
     if (awardsSlot) return awardsSlot;
     if (!awards || awards.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: awardsClassName, children: awards.map((award, idx) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+    return /* @__PURE__ */ jsx("div", { className: awardsClassName, children: awards.map((award, idx) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
       /* @__PURE__ */ jsx(Separator, {}),
       /* @__PURE__ */ jsxs(
         "div",
@@ -82570,7 +82624,7 @@ function ListMetricsDashboard({
   activeCategory: controlledActiveCategory,
   onActiveCategoryChange
 }) {
-  const [internalActiveTab, setInternalActiveTab] = React24.useState("all");
+  const [internalActiveTab, setInternalActiveTab] = React23.useState("all");
   const activeTab = controlledActiveCategory ?? internalActiveTab;
   const handleTabChange = (value) => {
     if (onActiveCategoryChange) {
@@ -83054,7 +83108,7 @@ function ListSearchableGrid({
   searchTerm: controlledSearchTerm,
   onSearchTermChange
 }) {
-  const [internalSearchTerm, setInternalSearchTerm] = React24.useState("");
+  const [internalSearchTerm, setInternalSearchTerm] = React23.useState("");
   const searchTerm = controlledSearchTerm ?? internalSearchTerm;
   const handleSearchChange = (value) => {
     if (onSearchTermChange) {
@@ -83063,7 +83117,7 @@ function ListSearchableGrid({
       setInternalSearchTerm(value);
     }
   };
-  const filteredItems = React24.useMemo(() => {
+  const filteredItems = React23.useMemo(() => {
     if (!searchTerm) {
       return items ?? [];
     }
@@ -83226,7 +83280,7 @@ function ListSearchableGrid({
     }
   );
 }
-var { useMemo: useMemo441 } = React24;
+var { useMemo: useMemo436 } = React23;
 function OfferModalNewsletterDiscount({
   title,
   emailPlaceholder,
@@ -83294,7 +83348,7 @@ function OfferModalNewsletterDiscount({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderCloseButton = useMemo441(() => {
+  const renderCloseButton = useMemo436(() => {
     if (closeButtonSlot) return closeButtonSlot;
     if (!closeButtonText) return null;
     return /* @__PURE__ */ jsx("div", { className: "absolute end-1.5 top-1.5", children: /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(
@@ -83308,12 +83362,12 @@ function OfferModalNewsletterDiscount({
       }
     ) }) });
   }, [closeButtonSlot, closeButtonText, closeClassName]);
-  const renderHeader = useMemo441(() => {
+  const renderHeader = useMemo436(() => {
     if (headerSlot) return headerSlot;
     if (!title) return null;
     return /* @__PURE__ */ jsx(DialogHeader, { className: headerClassName, children: typeof title === "string" ? /* @__PURE__ */ jsx(DialogTitle, { className: cn("text-start font-serif text-2xl font-normal leading-snug", titleClassName), children: title }) : /* @__PURE__ */ jsx(DialogTitle, { className: cn("text-start font-serif text-2xl font-normal leading-snug", titleClassName), children: title }) });
   }, [headerSlot, title, headerClassName, titleClassName]);
-  const renderForm = useMemo441(() => {
+  const renderForm = useMemo436(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxs(
       Form,
@@ -83375,7 +83429,7 @@ function OfferModalNewsletterDiscount({
     }
   ) });
 }
-var { useMemo: useMemo442 } = React24;
+var { useMemo: useMemo437 } = React23;
 function OfferModalMembershipImage({
   overline,
   title,
@@ -83452,7 +83506,7 @@ function OfferModalMembershipImage({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderImage = useMemo442(() => {
+  const renderImage = useMemo437(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("max-h-[290px] h-full overflow-hidden max-lg:hidden", imageWrapperClassName), children: /* @__PURE__ */ jsx(
@@ -83465,7 +83519,7 @@ function OfferModalMembershipImage({
       }
     ) });
   }, [imageSlot, image, imageWrapperClassName, imageClassName, optixFlowConfig]);
-  const renderCloseButton = useMemo442(() => {
+  const renderCloseButton = useMemo437(() => {
     if (closeButtonSlot) return closeButtonSlot;
     return /* @__PURE__ */ jsx("div", { className: "absolute -end-px -top-px z-10", children: /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(
       Pressable,
@@ -83481,7 +83535,7 @@ function OfferModalMembershipImage({
       }
     ) }) });
   }, [closeButtonSlot, closeClassName]);
-  const renderForm = useMemo442(() => {
+  const renderForm = useMemo437(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxs(
       Form,
@@ -83544,7 +83598,7 @@ function OfferModalMembershipImage({
       }
     );
   }, [formSlot, form, formConfig, formMethod, emailPlaceholder, inputClassName, submitClassName, buttonText, formClassName]);
-  const renderFooter = useMemo442(() => {
+  const renderFooter = useMemo437(() => {
     if (footerSlot) return footerSlot;
     if (!description) return null;
     return /* @__PURE__ */ jsx(DialogFooter, { className: footerClassName, children: /* @__PURE__ */ jsx(DialogDescription, { className: cn("text-muted-foreground text-center text-xs leading-relaxed", descriptionClassName), children: description }) });
@@ -83664,7 +83718,7 @@ function SheetDescription({
     }
   );
 }
-var { useMemo: useMemo443 } = React24;
+var { useMemo: useMemo438 } = React23;
 function OfferModalSheetNewsletter({
   logo,
   logoSlot,
@@ -83747,7 +83801,7 @@ function OfferModalSheetNewsletter({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const sheetProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderLogo = useMemo443(() => {
+  const renderLogo = useMemo438(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     const logoSrc = typeof logo.src === "string" ? logo.src : logo.src.light;
@@ -83761,7 +83815,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [logoSlot, logo, logoClassName, optixFlowConfig]);
-  const renderHeader = useMemo443(() => {
+  const renderHeader = useMemo438(() => {
     if (headerSlot) return headerSlot;
     return /* @__PURE__ */ jsxs(SheetHeader, { className: cn("gap-8 p-0", headerClassName), children: [
       renderLogo,
@@ -83771,7 +83825,7 @@ function OfferModalSheetNewsletter({
       ] })
     ] });
   }, [headerSlot, renderLogo, headerClassName, title, titleClassName, description, descriptionClassName]);
-  const renderForm = useMemo443(() => {
+  const renderForm = useMemo438(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsx(
       Form,
@@ -83819,7 +83873,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [formSlot, form, formConfig, formMethod, emailPlaceholder, inputClassName, submitClassName, buttonText, formClassName]);
-  const renderLegal = useMemo443(() => {
+  const renderLegal = useMemo438(() => {
     if (legalSlot) return legalSlot;
     if (!termsUrl || !termsText || !privacyUrl || !privacyText) return null;
     return /* @__PURE__ */ jsxs("p", { className: cn("text-muted-foreground text-xs", legalClassName), children: [
@@ -83833,7 +83887,7 @@ function OfferModalSheetNewsletter({
       "."
     ] });
   }, [legalSlot, termsUrl, termsText, privacyUrl, privacyText, legalClassName]);
-  const renderImage = useMemo443(() => {
+  const renderImage = useMemo438(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("h-1/2 basis-1/2", imageWrapperClassName), children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 1, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
@@ -84413,10 +84467,10 @@ function ProjectDetailSidebarNavigation(props) {
     heroImageClassName,
     metadataClassName
   } = props;
-  const [activeSection, setActiveSection] = React24.useState(
+  const [activeSection, setActiveSection] = React23.useState(
     sections?.[0]?.id || ""
   );
-  React24.useEffect(() => {
+  React23.useEffect(() => {
     const handleScroll = () => {
       const sectionElements = sections?.map(
         (section) => document.getElementById(section.id)
@@ -87276,7 +87330,7 @@ function ProjectDetailTabbedCaseStudy(props) {
     testimonialClassName,
     toolsClassName
   } = props;
-  const [activeTab, setActiveTab] = React24.useState(tabs?.[0]?.id || "");
+  const [activeTab, setActiveTab] = React23.useState(tabs?.[0]?.id || "");
   const renderedBackAction = useMemo(() => {
     if (backActionSlot) return backActionSlot;
     if (!backAction) return null;
@@ -87664,7 +87718,7 @@ function RevealImage({
   index,
   optixFlowConfig
 }) {
-  const ref = React24.useRef(null);
+  const ref = React23.useRef(null);
   const { scrollYProgress } = useScroll({
     target: ref,
     offset: ["start end", "end start"]
@@ -87859,7 +87913,7 @@ function ParallaxSection({
   index,
   optixFlowConfig
 }) {
-  const ref = React24.useRef(null);
+  const ref = React23.useRef(null);
   const { scrollYProgress } = useScroll({
     target: ref,
     offset: ["start end", "end start"]
@@ -87932,7 +87986,7 @@ function ProjectDetailParallaxScroll(props) {
     heroImageClassName,
     sectionsClassName
   } = props;
-  const heroRef = React24.useRef(null);
+  const heroRef = React23.useRef(null);
   const { scrollYProgress } = useScroll({
     target: heroRef,
     offset: ["start start", "end start"]
@@ -88262,7 +88316,7 @@ function BannerDeliveryCountdown({
   }, [prefixText, timerContent, middleText, deliveryDateContent]);
   return /* @__PURE__ */ jsx(Section, { background, spacing: "none", className: cn("bg-accent text-accent-foreground", className), children: /* @__PURE__ */ jsx("div", { className: cn("container py-2.5", containerClassName), children: /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center justify-center gap-3 text-sm", contentClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", messageClassName), children: [
     iconContent,
-    messageParts.length > 0 && /* @__PURE__ */ jsx("span", { children: messageParts.map((part, index) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+    messageParts.length > 0 && /* @__PURE__ */ jsx("span", { children: messageParts.map((part, index) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
       index > 0 ? " " : null,
       part
     ] }, index)) })
@@ -89398,7 +89452,7 @@ function IndustriesExpandableShowcase({
   patternClassName,
   optixFlowConfig
 }) {
-  const [activeContractor, setActiveContractor] = React24.useState(
+  const [activeContractor, setActiveContractor] = React23.useState(
     contractors?.[0]?.id || ""
   );
   const handleContractorHover = (contractorId) => {
@@ -90051,7 +90105,7 @@ function ResourceDetailDocumentSidebar({
 }) {
   const renderedBreadcrumbs = useMemo(() => {
     if (breadcrumbsSlot) return breadcrumbsSlot;
-    return /* @__PURE__ */ jsx(Breadcrumb, { className: breadcrumbsClassName, children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs?.map((crumb, index) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+    return /* @__PURE__ */ jsx(Breadcrumb, { className: breadcrumbsClassName, children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs?.map((crumb, index) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
       /* @__PURE__ */ jsx(BreadcrumbItem, { children: !crumb.href ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: typeof crumb.label === "string" ? crumb.label : crumb.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { href: crumb.href, children: index === 0 ? /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/home", size: 16 }) : typeof crumb.label === "string" ? crumb.label : crumb.label }) }),
       index < (breadcrumbs?.length || 0) - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
     ] }, index)) }) });
@@ -93452,8 +93506,8 @@ function ServicesListTableHover({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [hoveredIndex, setHoveredIndex] = React24.useState(null);
-  const [mousePosition, setMousePosition] = React24.useState({ x: 0, y: 0 });
+  const [hoveredIndex, setHoveredIndex] = React23.useState(null);
+  const [mousePosition, setMousePosition] = React23.useState({ x: 0, y: 0 });
   const handleMouseMove = (e) => {
     setMousePosition({ x: e.clientX, y: e.clientY });
   };
@@ -93703,7 +93757,7 @@ function ServicesListStickyImage({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [activeIndex, setActiveIndex] = React24.useState(0);
+  const [activeIndex, setActiveIndex] = React23.useState(0);
   const renderServices = () => {
     if (servicesSlot) return servicesSlot;
     if (!services || services.length === 0) return null;
@@ -93955,8 +94009,8 @@ function ServicesListVideoShowcase({
   patternOpacity,
   optixFlowConfig
 }) {
-  const [playingIndex, setPlayingIndex] = React24.useState(null);
-  const videoRefs = React24.useRef([]);
+  const [playingIndex, setPlayingIndex] = React23.useState(null);
+  const videoRefs = React23.useRef([]);
   const handleMouseEnter = (index) => {
     setPlayingIndex(index);
     videoRefs.current[index]?.play();
@@ -97249,7 +97303,7 @@ function StatsCircularProgress({
   statInfoClassName
 }) {
   const effectiveDefaultCategory = defaultCategory || (categories && categories.length > 0 ? categories[0].id : "");
-  const [category, setCategory] = React24.useState(effectiveDefaultCategory);
+  const [category, setCategory] = React23.useState(effectiveDefaultCategory);
   const badgeContent = useMemo(() => {
     if (badgeSlot) return badgeSlot;
     if (!badge) return null;
@@ -97542,8 +97596,8 @@ function StatsCardGroup({
   );
 }
 function useAnimatedCounter(endValue, duration = 2e3, isVisible) {
-  const [count, setCount] = React24.useState(0);
-  React24.useEffect(() => {
+  const [count, setCount] = React23.useState(0);
+  React23.useEffect(() => {
     if (!isVisible) return;
     let startTime = null;
     let animationFrame;
@@ -97631,9 +97685,9 @@ function StatsAnimatedCounter({
   statLabelClassName,
   statIconClassName
 }) {
-  const [isVisible, setIsVisible] = React24.useState(false);
-  const sectionRef = React24.useRef(null);
-  React24.useEffect(() => {
+  const [isVisible, setIsVisible] = React23.useState(false);
+  const sectionRef = React23.useRef(null);
+  React23.useEffect(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         if (entry.isIntersecting) {
@@ -97721,8 +97775,8 @@ function StatsAnimatedCounter({
   );
 }
 function useNumberTicker(endValue, duration = 2500, isVisible, decimals = 0) {
-  const [displayValue, setDisplayValue] = React24.useState("0");
-  React24.useEffect(() => {
+  const [displayValue, setDisplayValue] = React23.useState("0");
+  React23.useEffect(() => {
     if (!isVisible) return;
     let startTime = null;
     let animationFrame;
@@ -97837,9 +97891,9 @@ function StatsNumberTicker({
   statLabelClassName,
   statDescriptionClassName
 }) {
-  const [isVisible, setIsVisible] = React24.useState(false);
-  const sectionRef = React24.useRef(null);
-  React24.useEffect(() => {
+  const [isVisible, setIsVisible] = React23.useState(false);
+  const sectionRef = React23.useRef(null);
+  React23.useEffect(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         if (entry.isIntersecting) {
@@ -98098,9 +98152,9 @@ function StatsBarComparison({
   barValueClassName,
   barTrackClassName
 }) {
-  const [isVisible, setIsVisible] = React24.useState(!animate);
-  const sectionRef = React24.useRef(null);
-  React24.useEffect(() => {
+  const [isVisible, setIsVisible] = React23.useState(!animate);
+  const sectionRef = React23.useRef(null);
+  React23.useEffect(() => {
     if (!animate) return;
     const observer = new IntersectionObserver(
       ([entry]) => {
@@ -98278,7 +98332,7 @@ function TimelineVerticalIconDashed({
             "mx-auto flex flex-col items-center justify-center text-center sm:max-w-xl",
             stepsClassName
           ),
-          children: steps.map((step, index) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+          children: steps.map((step, index) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center", stepClassName), children: [
               /* @__PURE__ */ jsx(
                 "span",
@@ -98545,7 +98599,7 @@ function TimelineTwoColumnFeatured({
   style,
   optixFlowConfig
 }) {
-  const renderActions = React24.useMemo(() => {
+  const renderActions = React23.useMemo(() => {
     if (actionsSlot) {
       return actionsSlot;
     }
@@ -98673,7 +98727,7 @@ function TimelineTwoColumnFeatured({
     }
   );
 }
-var DiagonalPattern = React24.memo(({
+var DiagonalPattern = React23.memo(({
   className,
   patternOpacity = 0.15
 }) => {
@@ -98712,7 +98766,7 @@ function TimelineAlternatingDiagonal({
   style,
   optixFlowConfig
 }) {
-  const renderedBadge = React24.useMemo(() => {
+  const renderedBadge = React23.useMemo(() => {
     if (badgeSlot) {
       return badgeSlot;
     }
@@ -99090,7 +99144,7 @@ function TimelineProductivityList({
     }
   );
 }
-var ProcessBar = React24.memo(({ currentStep, steps }) => /* @__PURE__ */ jsx("div", { className: "relative w-full scale-75", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: steps.map((step, index) => /* @__PURE__ */ jsxs(React24.Fragment, { children: [
+var ProcessBar = React23.memo(({ currentStep, steps }) => /* @__PURE__ */ jsx("div", { className: "relative w-full scale-75", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: steps.map((step, index) => /* @__PURE__ */ jsxs(React23.Fragment, { children: [
   /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsx(
     motion.div,
     {
@@ -99117,7 +99171,7 @@ var ProcessBar = React24.memo(({ currentStep, steps }) => /* @__PURE__ */ jsx("d
     )
   ] })
 ] }, index)) }) }));
-var StepperContent = React24.memo(({ step, optixFlowConfig, imageClassName, descriptionClassName, background }) => {
+var StepperContent = React23.memo(({ step, optixFlowConfig, imageClassName, descriptionClassName, background }) => {
   return /* @__PURE__ */ jsxs("div", { className: cn("my-4 flex min-h-[400px] w-full flex-col items-center justify-center overflow-hidden rounded-2xl p-6 text-center", getNestedCardBg(background), getNestedCardTextColor(background)), children: [
     /* @__PURE__ */ jsx(
       motion.div,
@@ -99150,7 +99204,7 @@ var StepperContent = React24.memo(({ step, optixFlowConfig, imageClassName, desc
     )
   ] });
 });
-var NavButtons = React24.memo(({ handlePrev, handleNext }) => /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-end gap-3 tracking-tight", children: [
+var NavButtons = React23.memo(({ handlePrev, handleNext }) => /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-end gap-3 tracking-tight", children: [
   /* @__PURE__ */ jsxs(
     Pressable,
     {
@@ -99201,10 +99255,10 @@ function TimelineStepperAnimated({
 }) {
   const safeInitialStep = (steps?.length ?? 0) > 0 ? Math.max(0, Math.min(initialStep ?? 0, (steps?.length ?? 1) - 1)) : 0;
   const [currentStep, setCurrentStep] = useState(safeInitialStep);
-  const handleNext = React24.useCallback(() => {
+  const handleNext = React23.useCallback(() => {
     setCurrentStep((prev) => Math.min(prev + 1, (steps?.length ?? 1) - 1));
   }, [steps?.length]);
-  const handlePrev = React24.useCallback(() => {
+  const handlePrev = React23.useCallback(() => {
     setCurrentStep((prev) => Math.max(prev - 1, 0));
   }, []);
   const safeCurrentStep = (steps?.length ?? 0) > 0 ? Math.max(0, Math.min(currentStep, (steps?.length ?? 1) - 1)) : 0;
@@ -99913,7 +99967,7 @@ function TimelineTabbedPhases({
   style,
   optixFlowConfig
 }) {
-  const renderDownloadButton = React24.useMemo(() => {
+  const renderDownloadButton = React23.useMemo(() => {
     if (downloadSlot) {
       return downloadSlot;
     }
@@ -100133,7 +100187,7 @@ function TimelineProductLaunch({
   id,
   style
 }) {
-  const renderCta = React24.useMemo(() => {
+  const renderCta = React23.useMemo(() => {
     if (ctaSlot) {
       return ctaSlot;
     }
@@ -100598,9 +100652,9 @@ function LinkTreeBlock({
 }) {
   const resolvedBackground = background;
   const resolvedPattern = pattern ?? backgroundPattern;
-  const [lightboxOpen, setLightboxOpen] = React24.useState(false);
-  const [lightboxIndex, setLightboxIndex] = React24.useState(0);
-  const lightboxItems = React24.useMemo(() => {
+  const [lightboxOpen, setLightboxOpen] = React23.useState(false);
+  const [lightboxIndex, setLightboxIndex] = React23.useState(0);
+  const lightboxItems = React23.useMemo(() => {
     if (!mediaGallery || mediaGallery.length === 0) return [];
     return mediaGallery.slice(0, mediaGalleryLimit).map((item, index) => ({
       id: item.id ?? `media-${index}`,
@@ -100612,11 +100666,11 @@ function LinkTreeBlock({
       share: true
     }));
   }, [mediaGallery, mediaGalleryLimit]);
-  const handleMediaClick = React24.useCallback((index) => {
+  const handleMediaClick = React23.useCallback((index) => {
     setLightboxIndex(index);
     setLightboxOpen(true);
   }, []);
-  const handleLightboxClose = React24.useCallback(() => {
+  const handleLightboxClose = React23.useCallback(() => {
     setLightboxOpen(false);
   }, []);
   const resolveImage = (value, fallbackAlt) => {
@@ -100628,7 +100682,7 @@ function LinkTreeBlock({
   };
   const nameForAlt = typeof brandName === "string" ? brandName : "Brand avatar";
   const resolvedAvatar = resolveImage(brandAvatar || brandLogo, nameForAlt) || resolveImage(blockBrandedIconsAndPlaceholders.avatar1, nameForAlt);
-  const renderBrandHeader = React24.useMemo(() => {
+  const renderBrandHeader = React23.useMemo(() => {
     if (brandSlot) return brandSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -100715,7 +100769,7 @@ function LinkTreeBlock({
     brandTagline,
     taglineClassName
   ]);
-  const renderLinks = React24.useMemo(() => {
+  const renderLinks = React23.useMemo(() => {
     if (linksSlot) return linksSlot;
     if (!links || links.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("space-y-3", linksClassName), children: links.map((link, index) => {
@@ -100832,7 +100886,7 @@ function LinkTreeBlock({
     linkBadgeClassName,
     linkChevronClassName
   ]);
-  const renderMediaGallery = React24.useMemo(() => {
+  const renderMediaGallery = React23.useMemo(() => {
     if (mediaGallerySlot) return mediaGallerySlot;
     if (!mediaGallery || mediaGallery.length === 0) return null;
     const items = mediaGallery.slice(0, mediaGalleryLimit);
@@ -100946,7 +101000,7 @@ function LinkTreeBlock({
     mediaGalleryOverlayClassName,
     mediaGalleryPlayIconClassName
   ]);
-  const renderSocialLinks = React24.useMemo(() => {
+  const renderSocialLinks = React23.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -100992,7 +101046,7 @@ function LinkTreeBlock({
     socialIconClassName,
     socialLinkClassName
   ]);
-  const renderFooter = React24.useMemo(() => {
+  const renderFooter = React23.useMemo(() => {
     if (footerSlot) return footerSlot;
     if (!footerAction) return null;
     const resolvedFooterAction = footerAction;