@opensite/ui 2.8.6 → 2.8.8

package/dist/registry.cjs

@@ -80,16 +80,6 @@ var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMe
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-var BRIGHTNESS_CLASS_MAP = {
-  "10": "brightness-[.1]",
-  "20": "brightness-[.2]",
-  "25": "brightness-[.25]",
-  "30": "brightness-[.3]",
-  "40": "brightness-[.4]",
-  "50": "brightness-50",
-  "75": "brightness-75",
-  "100": "brightness-100"
-};
 function getNestedCardBg(parentBg, variant = "muted", options) {
   const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
   if (isDark) {
@@ -1224,41 +1214,55 @@ function MarkerMediaCarousel({
   React8__namespace.useEffect(() => {
     setActiveIndex(0);
   }, [mediaResetKey]);
-  const activeMediaItem = mediaItems[activeItemIndex];
-  const mediaType = resolveMediaType(activeMediaItem);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative border-b border-border/60 bg-muted/40", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-44 w-full overflow-hidden", children: mediaType === "video" ? /* @__PURE__ */ jsxRuntime.jsx(
-      "video",
-      {
-        className: "h-full w-full object-cover",
-        controls: true,
-        preload: "metadata",
-        poster: activeMediaItem.poster,
-        children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: activeMediaItem.src })
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      img.Img,
-      {
-        src: activeMediaItem.src,
-        alt: activeMediaItem.alt ?? "Map marker media",
-        className: "h-full w-full object-cover",
-        loading: "eager",
-        optixFlowConfig
-      }
-    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-video w-full overflow-hidden", children: mediaItems.map((item, index) => {
+      const isActive = index === activeItemIndex;
+      const mediaType = resolveMediaType(item);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          "aria-hidden": !isActive,
+          className: cn(
+            "absolute inset-0 transition-opacity duration-500 ease-in-out",
+            isActive ? "opacity-100 z-[1]" : "opacity-0 z-0 pointer-events-none"
+          ),
+          children: mediaType === "video" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "video",
+            {
+              className: "h-full w-full object-cover",
+              controls: isActive,
+              preload: "metadata",
+              poster: item.poster,
+              tabIndex: isActive ? 0 : -1,
+              children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: item.src })
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: item.src,
+              alt: item.alt ?? "Map marker media",
+              className: "h-full w-full object-cover",
+              loading: "eager",
+              optixFlowConfig
+            }
+          )
+        },
+        normalizeId(item.id, `media-slide-${index}`)
+      );
+    }) }),
     totalItems > 1 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
           "aria-label": "Show previous media",
-          className: "absolute left-2 top-1/2 inline-flex size-8 -translate-y-1/2 items-center justify-center rounded-full bg-card text-card-foreground shadow-sm transition hover:bg-muted hover:text-muted-foreground",
+          className: "absolute left-4 top-1/2 inline-flex size-10 -translate-y-1/2 items-center justify-center rounded-2xl bg-card text-card-foreground shadow-lg border-4 border-black hover:border-white hover:bg-black hover:text-white transition-all duration-500 z-[2]",
           onClick: () => {
             setActiveIndex(
               (current) => (current - 1 + totalItems) % totalItems
             );
           },
-          children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-left", size: 16 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-left", size: 18 })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -1266,20 +1270,20 @@ function MarkerMediaCarousel({
         {
           type: "button",
           "aria-label": "Show next media",
-          className: "absolute right-2 top-1/2 inline-flex h-8 w-8 -translate-y-1/2 items-center justify-center rounded-full bg-card text-card-foreground shadow-sm transition hover:bg-muted hover:text-muted-foreground",
+          className: "absolute right-4 top-1/2 inline-flex size-10 -translate-y-1/2 items-center justify-center rounded-2xl bg-card text-card-foreground shadow-lg border-4 border-black hover:border-white hover:bg-black hover:text-white transition-all duration-500 z-[2]",
           onClick: () => {
             setActiveIndex((current) => (current + 1) % totalItems);
           },
-          children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 18 })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-2 left-1/2 flex -translate-x-1/2 items-center gap-1.5", children: mediaItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-2 left-1/2 flex -translate-x-1/2 items-center gap-1.5 z-[2]", children: mediaItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
           "aria-label": `Show media item ${index + 1}`,
           className: cn(
-            "h-2 rounded-full transition-all",
+            "h-2 rounded-full transition-all duration-300",
             index === activeItemIndex ? "w-6 bg-card" : "w-2 bg-card opacity-50 hover:opacity-100"
           ),
           onClick: () => setActiveIndex(index)
@@ -1610,9 +1614,9 @@ function GeoMap({
               {
                 type: "button",
                 "aria-label": "Close marker details",
-                className: "flex size-8 items-center justify-center rounded-full border border-border bg-card text-card-foreground transition hover:bg-muted hover:text-foreground absolute top-2 right-2 z-10",
+                className: "\n            flex size-12 items-center justify-center rounded-bl-lg rounded-br-0 rounded-t-0 bg-black text-white transition-all duration-500 absolute top-0 right-0 z-10 cursor-pointer ring-4 ring-white\n",
                 onClick: clearSelection,
-                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", size: 16 })
+                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", size: 20 })
               }
             ),
             markerMediaItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -1634,7 +1638,7 @@ function GeoMap({
                   {
                     name: "lucide:map-pin",
                     className: "opacity-50",
-                    size: 14
+                    size: 18
                   }
                 ),
                 typeof selectedMarker.locationLine === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -1656,7 +1660,7 @@ function GeoMap({
                   {
                     name: "lucide:clock",
                     className: "opacity-50",
-                    size: 14
+                    size: 18
                   }
                 ),
                 typeof selectedMarker.hoursLine === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: selectedMarker.hoursLine }) : selectedMarker.hoursLine
@@ -1684,7 +1688,7 @@ function GeoMap({
                 "aria-label": "Close cluster details",
                 className: "flex size-8 items-center justify-center rounded-full border border-border bg-card text-card-foreground transition hover:bg-muted hover:text-foreground absolute top-2 right-2 z-10",
                 onClick: clearSelection,
-                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", size: 16 })
+                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", size: 20 })
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 flex items-start justify-between gap-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
@@ -2070,6 +2074,23 @@ function PopoverContent({
     }
   ) });
 }
+function StarRating({
+  rating,
+  size = 18,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center gap-0.5", className), children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsxRuntime.jsx(
+    DynamicIcon,
+    {
+      name: "icon-park-solid/star",
+      size,
+      className: cn(
+        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
+      )
+    },
+    star
+  )) });
+}
 var BUTTON_SIZES = {
   sm: { buttonSize: "size-8", iconSize: 16 },
   md: { buttonSize: "size-10", iconSize: 20 },
@@ -2171,6 +2192,7 @@ var SocialLinkIcon = React8__namespace.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl.usePlatformFromUrl(href);
@@ -2183,6 +2205,21 @@ var SocialLinkIcon = React8__namespace.forwardRef(
     const accessibleLabel = React8__namespace.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
+    const icon = React8__namespace.useMemo(() => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        DynamicIcon,
+        {
+          name: iconName,
+          size: iconSize,
+          color: iconColor,
+          className: iconClassName,
+          alt: accessibleLabel
+        }
+      );
+    }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
+    if (iconOnly) {
+      return icon;
+    }
     return /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
       {
@@ -2194,16 +2231,7 @@ var SocialLinkIcon = React8__namespace.forwardRef(
           className
         ),
         ...pressableProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          DynamicIcon,
-          {
-            name: iconName,
-            size: iconSize,
-            color: iconColor,
-            className: iconClassName,
-            alt: accessibleLabel
-          }
-        )
+        children: icon
       }
     );
   }
@@ -19761,6 +19789,67 @@ function ContactHelpCenter({
     }
   );
 }
+var DIRECTION_STYLES = {
+  "bottom-to-top": "bg-linear-to-t",
+  "top-to-bottom": "bg-linear-to-b",
+  "left-to-right": "bg-linear-to-r",
+  "right-to-left": "bg-linear-to-l",
+  "bottom-left-to-top-right": "bg-linear-to-tr",
+  "bottom-right-to-top-left": "bg-linear-to-tl",
+  "top-left-to-bottom-right": "bg-linear-to-br",
+  "top-right-to-bottom-left": "bg-linear-to-bl"
+};
+var INTENSITY_STOPS = {
+  low: "from-black/40 via-black/20 to-transparent",
+  default: "from-black/70 via-black/35 to-transparent",
+  high: "from-black/85 via-black/50 to-transparent",
+  "very-high": "from-black/95 via-black/60 to-black/20"
+};
+var RADIAL_INTENSITY = {
+  low: {
+    background: "radial-gradient(ellipse at center, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0.20) 50%, transparent 100%)"
+  },
+  default: {
+    background: "radial-gradient(ellipse at center, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.35) 50%, transparent 100%)"
+  },
+  high: {
+    background: "radial-gradient(ellipse at center, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.50) 50%, transparent 100%)"
+  },
+  "very-high": {
+    background: "radial-gradient(ellipse at center, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.60) 50%, rgba(0,0,0,0.20) 100%)"
+  }
+};
+function GradientOverlay({
+  direction = "bottom-to-top",
+  intensity = "default",
+  className,
+  style,
+  ...props
+}) {
+  if (direction === "radial-center") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn("absolute inset-0", className),
+        style: { ...RADIAL_INTENSITY[intensity], ...style },
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "absolute inset-0",
+        DIRECTION_STYLES[direction],
+        INTENSITY_STOPS[intensity],
+        className
+      ),
+      style,
+      ...props
+    }
+  );
+}
 function CarouselAnimatedSections({
   sections,
   sectionsSlot,
@@ -19776,7 +19865,8 @@ function CarouselAnimatedSections({
   navigationClassName,
   arrowsClassName,
   counterClassName,
-  slideMediaBrightness = "50",
+  slideMediaBrightness,
+  slideMediaOverlayIntensity = "high",
   optixFlowConfig,
   background = "dark",
   spacing = "py-0",
@@ -19865,7 +19955,7 @@ function CarouselAnimatedSections({
       containerMaxWidth,
       containerClassName,
       children: [
-        sectionsSlot ? sectionsSlot : currentSection ? /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, custom: direction, mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
+        sectionsSlot ? sectionsSlot : currentSection ? /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, custom: direction, mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsxs(
           framerMotion.motion.div,
           {
             custom: direction,
@@ -19876,19 +19966,21 @@ function CarouselAnimatedSections({
             transition: { duration: 0.6, ease: [0.4, 0, 0.2, 1] },
             onAnimationComplete: () => setIsAnimating(false),
             className: cn("absolute inset-0", currentSection?.className),
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              img.Img,
-              {
-                src: currentSection?.image,
-                alt: typeof currentSection?.title === "string" ? currentSection?.title : `Section ${currentSection?.id}`,
-                className: cn(
-                  "h-full w-full object-cover",
-                  BRIGHTNESS_CLASS_MAP[slideMediaBrightness],
-                  currentSection?.imageClassName
-                ),
-                optixFlowConfig
-              }
-            )
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                img.Img,
+                {
+                  src: currentSection?.image,
+                  alt: typeof currentSection?.title === "string" ? currentSection?.title : `Section ${currentSection?.id}`,
+                  className: cn(
+                    "h-full w-full object-cover",
+                    currentSection?.imageClassName
+                  ),
+                  optixFlowConfig
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(GradientOverlay, { intensity: slideMediaOverlayIntensity })
+            ]
           },
           currentIndex
         ) }) : null,
@@ -20853,7 +20945,8 @@ function CarouselGalleryThumbnails({
   spacing = "sm",
   pattern,
   patternOpacity,
-  slideMediaBrightness = "100"
+  slideMediaBrightness,
+  slideMediaOverlayIntensity = "default"
 }) {
   const [currentIndex, setCurrentIndex] = React8__namespace.useState(0);
   const prevSlide = React8__namespace.useCallback(() => {
@@ -20902,7 +20995,7 @@ function CarouselGalleryThumbnails({
                 "relative aspect-video w-full overflow-hidden",
                 slideClassName
               ),
-              children: imagesSlot ? imagesSlot : images?.map((image, index) => /* @__PURE__ */ jsxRuntime.jsx(
+              children: imagesSlot ? imagesSlot : images?.map((image, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
                   className: cn(
@@ -20910,19 +21003,21 @@ function CarouselGalleryThumbnails({
                     index === currentIndex ? "translate-x-0 opacity-100" : index < currentIndex ? "-translate-x-full opacity-0" : "translate-x-full opacity-0",
                     image.className
                   ),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    img.Img,
-                    {
-                      src: image.src,
-                      alt: typeof image.alt === "string" ? image.alt : `Image ${index + 1}`,
-                      className: cn(
-                        "h-full w-full object-cover",
-                        BRIGHTNESS_CLASS_MAP[slideMediaBrightness],
-                        image.imageClassName
-                      ),
-                      optixFlowConfig
-                    }
-                  )
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      img.Img,
+                      {
+                        src: image.src,
+                        alt: typeof image.alt === "string" ? image.alt : `Image ${index + 1}`,
+                        className: cn(
+                          "h-full w-full object-cover",
+                          image.imageClassName
+                        ),
+                        optixFlowConfig
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(GradientOverlay, { intensity: slideMediaOverlayIntensity })
+                  ]
                 },
                 `slide-${index}`
               ))
@@ -21739,7 +21834,8 @@ function CarouselPortfolioHero({
   spacing = "none",
   pattern,
   patternOpacity,
-  slideMediaBrightness = "50"
+  slideMediaBrightness,
+  slideMediaOverlayIntensity = "high"
 }) {
   const [currentIndex, setCurrentIndex] = React8__namespace.useState(0);
   const intervalRef = React8__namespace.useRef(null);
@@ -21780,7 +21876,7 @@ function CarouselPortfolioHero({
       patternOpacity,
       containerClassName,
       children: [
-        slidesSlot ? slidesSlot : slides?.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        slidesSlot ? slidesSlot : slides?.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: cn(
@@ -21788,19 +21884,21 @@ function CarouselPortfolioHero({
               index === currentIndex ? "opacity-100" : "opacity-0",
               slide.className
             ),
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              img.Img,
-              {
-                src: slide.image,
-                alt: typeof slide.title === "string" ? slide.title : `Slide ${index + 1}`,
-                className: cn(
-                  "h-full w-full object-cover",
-                  BRIGHTNESS_CLASS_MAP[slideMediaBrightness],
-                  slide.imageClassName
-                ),
-                optixFlowConfig
-              }
-            )
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                img.Img,
+                {
+                  src: slide.image,
+                  alt: typeof slide.title === "string" ? slide.title : `Slide ${index + 1}`,
+                  className: cn(
+                    "h-full w-full object-cover",
+                    slide.imageClassName
+                  ),
+                  optixFlowConfig
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(GradientOverlay, { intensity: slideMediaOverlayIntensity })
+            ]
           },
           slide.id
         )),
@@ -33577,7 +33675,8 @@ function CarouselIconSidebar({
         src: image.src,
         alt: typeof image.title === "string" ? image.title : image.alt || "Carousel image",
         className: cn(
-          "h-full w-full rounded-lg object-cover cursor-pointer",
+          "aspect-4/3",
+          "h-full w-full object-cover cursor-pointer aspect-4/3",
           imageClassName
         ),
         loading: "lazy",
@@ -33637,13 +33736,13 @@ function CarouselIconSidebar({
         /* @__PURE__ */ jsxRuntime.jsx(Carousel, { setApi, className: cn("w-full", carouselClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 md:gap-6 md:grid-cols-5", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:col-span-2", children: sidebarContent }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full md:col-span-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-            CarouselContent,
+            "div",
             {
               className: cn(
-                "overflow-hidden rounded-2xl shadow-lg h-full",
+                "overflow-hidden rounded-2xl shadow-lg",
                 carouselContentClassName
               ),
-              children: itemsContent
+              children: /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { children: itemsContent })
             }
           ) })
         ] }) }),
@@ -43849,19 +43948,6 @@ function CaseStudiesTestimonialStats({
     }
   );
 }
-function StarRating({ rating, size = 16 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsxRuntime.jsx(
-    DynamicIcon,
-    {
-      name: "lucide/star",
-      size,
-      className: cn(
-        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
-      )
-    },
-    star
-  )) });
-}
 function TestimonialsListVerified({
   reviews,
   reviewsSlot,
@@ -43874,7 +43960,8 @@ function TestimonialsListVerified({
   contentClassName,
   authorClassName,
   background,
-  spacing,
+  spacing = "lg",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   pattern,
   patternOpacity
 }) {
@@ -43893,35 +43980,49 @@ function TestimonialsListVerified({
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0", children: reviews.map((review, index) => {
       const authorName = getAuthorName(review);
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: reviewClassName, children: [
-        index > 0 && /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "my-6" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-3", contentClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: review.rating, size: 16 }),
-            review.title && (typeof review.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-2 font-medium", children: review.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: review.title }))
+        index > 0 && /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "bg-border/50 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-12 md:my-16" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-6 md:space-y-12", contentClassName), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: review.rating, size: 22 }),
+            review.title && (typeof review.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-medium", children: review.title }) : review.title)
           ] }),
-          review.content && (typeof review.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: review.content }) : review.content),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-8", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: review.avatarSrc, alt: authorName }),
-              /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-xs", children: getInitials(authorName) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
-              review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: review.author }) : review.author),
-              review.verified && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 text-emerald-600", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/badge-check", size: 16 }),
-                verifiedPurchaseLabel && (typeof verifiedPurchaseLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: verifiedPurchaseLabel }) : verifiedPurchaseLabel),
-                !verifiedPurchaseLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: "Verified Purchase" })
-              ] }),
-              review.date && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\xB7" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: review.date })
-              ] })
-            ] })
+          review.content && (typeof review.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base md:text-lg leading-relaxed font-light", children: review.content }) : review.content),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center justify-between w-full"), children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn("flex items-center gap-5", authorClassName),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-12 ring-4 ring-primary shadow-lg", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: review.avatarSrc, alt: authorName }),
+                    /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-md", children: getInitials(authorName) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-base flex-col items-start", children: [
+                    review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: review.author }) : review.author),
+                    review.verified && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/badge-check", size: 18 }),
+                      verifiedPurchaseLabel && (typeof verifiedPurchaseLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: verifiedPurchaseLabel }) : verifiedPurchaseLabel),
+                      !verifiedPurchaseLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "Verified Purchase" })
+                    ] })
+                  ] })
+                ]
+              }
+            ),
+            review.date && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative", children: review.date })
           ] })
         ] })
       ] }, index);
     }) });
-  }, [reviewsSlot, reviews, reviewClassName, contentClassName, authorClassName, verifiedPurchaseLabel, getAuthorName, getInitials]);
+  }, [
+    reviewsSlot,
+    reviews,
+    reviewClassName,
+    contentClassName,
+    authorClassName,
+    verifiedPurchaseLabel,
+    getAuthorName,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -43930,21 +44031,21 @@ function TestimonialsListVerified({
       pattern,
       patternOpacity,
       className,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-8", headerClassName), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-full md:max-w-3xl", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-12 md:mb-24 space-y-6", headerClassName), children: [
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h2",
             {
               className: cn(
-                "text-2xl font-semibold tracking-tight md:text-3xl",
+                "text-2xl font-semibold tracking-tight md:text-3xl lg:text-4xl",
                 headingClassName
               ),
               children: heading
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+          ) : heading),
           totalReviews > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: Math.round(averageRating), size: 20 }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: Math.round(averageRating), size: 22 }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm", children: [
               averageRating.toFixed(1),
               " out of 5 \xB7 ",
               totalReviews,
@@ -43957,23 +44058,11 @@ function TestimonialsListVerified({
     }
   );
 }
-function StarRating2({ rating, size = 16 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsxRuntime.jsx(
-    DynamicIcon,
-    {
-      name: "lucide/star",
-      size,
-      className: cn(
-        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
-      )
-    },
-    star
-  )) });
-}
 function TestimonialsImagesHelpful({
   reviews,
   reviewsSlot,
   heading,
+  verifiedPurchaseLabel,
   writeReviewLabel,
   reportButtonLabel,
   className,
@@ -43985,12 +44074,16 @@ function TestimonialsImagesHelpful({
   imagesClassName,
   onWriteReview,
   background,
-  spacing = "py-6 md:py-32",
+  spacing = "lg",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
   const [helpfulClicked, setHelpfulClicked] = React8.useState(/* @__PURE__ */ new Set());
+  const [lightboxOpen, setLightboxOpen] = React8.useState(false);
+  const [lightboxItems, setLightboxItems] = React8.useState([]);
+  const [lightboxIndex, setLightboxIndex] = React8.useState(0);
   const totalReviews = reviews?.length ?? 0;
   const averageRating = totalReviews > 0 ? (reviews?.reduce((sum, review) => sum + review.rating, 0) ?? 0) / totalReviews : 0;
   const handleHelpful = React8.useCallback((reviewIndex) => {
@@ -44004,6 +44097,25 @@ function TestimonialsImagesHelpful({
       return newSet;
     });
   }, []);
+  const handleImageClick = React8.useCallback(
+    (reviewImages, imageIndex) => {
+      const items = reviewImages.map((src, i) => ({
+        id: `review-image-${i}`,
+        type: "image",
+        src,
+        alt: `Review image ${i + 1}`,
+        download: true,
+        share: true
+      }));
+      setLightboxItems(items);
+      setLightboxIndex(imageIndex);
+      setLightboxOpen(true);
+    },
+    []
+  );
+  const handleLightboxClose = React8.useCallback(() => {
+    setLightboxOpen(false);
+  }, []);
   const getAuthorName = React8.useCallback((review) => {
     if (typeof review.author === "string") return review.author;
     return "";
@@ -44017,54 +44129,28 @@ function TestimonialsImagesHelpful({
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0", children: reviews.map((review, index) => {
       const authorName = getAuthorName(review);
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: reviewClassName, children: [
-        index > 0 && /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "my-6" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Card, { className: "border-0 p-0 shadow-none", children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: cn("space-y-4 p-0", contentClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: cn(
-                "flex items-start justify-between gap-4",
-                authorClassName
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: review.avatarSrc, alt: authorName }),
-                    /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                      review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: review.author }) : review.author),
-                      review.verified && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center gap-1 text-emerald-600", children: /* @__PURE__ */ jsxRuntime.jsx(
-                        DynamicIcon,
-                        {
-                          name: "lucide/badge-check",
-                          size: 16
-                        }
-                      ) })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-                      review.date && /* @__PURE__ */ jsxRuntime.jsx("span", { children: review.date }),
-                      review.variant && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: review.variant })
-                      ] })
-                    ] })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(StarRating2, { rating: review.rating, size: 16 })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            review.title && (typeof review.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-medium", children: review.title }) : review.title),
-            review.content && (typeof review.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-muted-foreground", children: review.content }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: review.content }))
+        index > 0 && /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "bg-border/50 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-12 md:my-16" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-6 md:space-y-12", contentClassName), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: review.rating, size: 22 }),
+            review.title && (typeof review.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-medium", children: review.title }) : review.title)
           ] }),
-          review.images && review.images.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", imagesClassName), children: review.images.map((image, imgIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+          review.content && (typeof review.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base md:text-lg leading-relaxed font-light", children: review.content }) : review.content),
+          review.images && review.images.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-3", imagesClassName), children: review.images.map((image, imgIndex) => /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: "size-20 overflow-hidden rounded-lg sm:size-24",
-              children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
+              className: "size-20 cursor-pointer overflow-hidden rounded-lg sm:size-24 transition-transform duration-300 hover:scale-[1.03] shadow-sm hover:shadow-lg",
+              onClick: () => handleImageClick(review.images, imgIndex),
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  handleImageClick(review.images, imgIndex);
+                }
+              },
+              "aria-label": `View review image ${imgIndex + 1} in lightbox`,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
                 img.Img,
                 {
                   src: image,
@@ -44072,54 +44158,85 @@ function TestimonialsImagesHelpful({
                   className: "size-full object-cover",
                   optixFlowConfig
                 }
-              ) })
+              )
             },
             imgIndex
           )) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center justify-between w-full"), children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
-              Pressable,
+              "div",
               {
-                asButton: true,
-                variant: "ghost",
-                size: "sm",
-                className: cn(
-                  "h-8 gap-1.5 text-muted-foreground",
-                  helpfulClicked.has(index) && "text-foreground"
-                ),
-                onClick: () => handleHelpful(index),
+                className: cn("flex items-center gap-5", authorClassName),
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    DynamicIcon,
-                    {
-                      name: "lucide/thumbs-up",
-                      size: 16,
-                      className: cn(
-                        helpfulClicked.has(index) && "fill-current"
-                      )
-                    }
-                  ),
-                  "Helpful",
-                  review.helpful !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                    "(",
-                    review.helpful + (helpfulClicked.has(index) ? 1 : 0),
-                    ")"
+                  /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-12 ring-4 ring-primary shadow-lg", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: review.avatarSrc, alt: authorName }),
+                    /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-md", children: getInitials(authorName) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-0", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                      review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: review.author }) : review.author),
+                      review.verified && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/badge-check", size: 18 }),
+                        verifiedPurchaseLabel && (typeof verifiedPurchaseLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: verifiedPurchaseLabel }) : verifiedPurchaseLabel),
+                        !verifiedPurchaseLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "Verified Purchase" })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+                      review.date && /* @__PURE__ */ jsxRuntime.jsx("span", { children: review.date }),
+                      review.variant && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: review.variant })
+                      ] })
+                    ] })
                   ] })
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
-              {
-                asButton: true,
-                variant: "ghost",
-                size: "sm",
-                className: "h-8 text-muted-foreground",
-                children: reportButtonLabel ?? "Report"
-              }
-            )
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                Pressable,
+                {
+                  asButton: true,
+                  variant: "ghost",
+                  size: "sm",
+                  className: cn(
+                    "h-8 gap-1.5",
+                    helpfulClicked.has(index) ? "text-foreground" : "text-muted-foreground"
+                  ),
+                  onClick: () => handleHelpful(index),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/thumbs-up",
+                        size: 16,
+                        className: cn(
+                          helpfulClicked.has(index) && "fill-current"
+                        )
+                      }
+                    ),
+                    "Helpful",
+                    review.helpful !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                      "(",
+                      review.helpful + (helpfulClicked.has(index) ? 1 : 0),
+                      ")"
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Pressable,
+                {
+                  asButton: true,
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-8 text-muted-foreground",
+                  children: reportButtonLabel ?? "Report"
+                }
+              )
+            ] })
           ] })
-        ] }) })
+        ] })
       ] }, index);
     }) });
   }, [
@@ -44132,11 +44249,13 @@ function TestimonialsImagesHelpful({
     helpfulClicked,
     optixFlowConfig,
     reportButtonLabel,
+    verifiedPurchaseLabel,
     getAuthorName,
     getInitials,
-    handleHelpful
+    handleHelpful,
+    handleImageClick
   ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
       background,
@@ -44144,42 +44263,57 @@ function TestimonialsImagesHelpful({
       pattern,
       patternOpacity,
       className,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: cn(
-              "mb-8 flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between",
-              headerClassName
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                  "h2",
-                  {
-                    className: cn(
-                      "text-2xl font-semibold tracking-tight md:text-3xl",
-                      headingClassName
-                    ),
-                    children: heading
-                  }
-                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-                totalReviews > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(StarRating2, { rating: Math.round(averageRating), size: 20 }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold", children: averageRating.toFixed(1) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground", children: [
-                    "(",
-                    totalReviews,
-                    " reviews)"
-                  ] })
-                ] })
-              ] }),
+      containerClassName,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-full md:max-w-3xl", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-12 md:mb-24 space-y-6", headerClassName), children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between", children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "h2",
+                {
+                  className: cn(
+                    "text-2xl font-semibold tracking-tight md:text-3xl lg:text-4xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : heading),
               (writeReviewLabel || onWriteReview) && /* @__PURE__ */ jsxRuntime.jsx(Pressable, { asButton: true, variant: "outline", onClick: onWriteReview, children: writeReviewLabel })
-            ]
+            ] }),
+            totalReviews > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: Math.round(averageRating), size: 22 }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm", children: [
+                averageRating.toFixed(1),
+                " out of 5 \xB7 ",
+                totalReviews,
+                " reviews"
+              ] })
+            ] })
+          ] }),
+          renderedReviews
+        ] }),
+        lightboxOpen && /* @__PURE__ */ jsxRuntime.jsx(
+          lightbox.Lightbox,
+          {
+            items: lightboxItems,
+            initialIndex: lightboxIndex,
+            layout: "horizontal",
+            controls: {
+              navigation: true,
+              thumbnails: true,
+              download: true,
+              share: true,
+              fullscreen: true,
+              captions: true,
+              counter: true
+            },
+            onClose: handleLightboxClose,
+            enableKeyboardShortcuts: true,
+            closeOnEscape: true,
+            closeOnBackdropClick: true
           }
-        ),
-        renderedReviews
-      ] })
+        )
+      ]
     }
   );
 }
@@ -44323,7 +44457,7 @@ function TestimonialsBentoGrid({
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0 leading-tight", children: [
                       testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
-                      testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.role }) : testimonial.role),
+                      testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: testimonial.role }) : testimonial.role),
                       testimonial.linkConfig?.href && /* @__PURE__ */ jsxRuntime.jsx(
                         Pressable,
                         {
@@ -44438,7 +44572,7 @@ function TestimonialsTwitterCards({
       "div",
       {
         className: cn(
-          "grid gap-4 md:gap-6 lg:gap-8 md:grid-cols-2 lg:grid-cols-3",
+          "grid gap-6 lg:gap-8 md:grid-cols-2 lg:grid-cols-3",
           gridClassName
         ),
         children: testimonials.map((testimonial, index) => {
@@ -44491,7 +44625,8 @@ function TestimonialsTwitterCards({
                             SocialLinkIcon,
                             {
                               href: testimonial.linkConfig.href,
-                              iconSize: 24
+                              iconSize: 24,
+                              iconOnly: true
                             }
                           )
                         ]
@@ -44572,6 +44707,7 @@ function TestimonialsCarouselImage({
   className,
   contentClassName,
   quoteIconClassName,
+  logoClassName,
   quoteClassName,
   authorClassName,
   navigationClassName,
@@ -44579,7 +44715,7 @@ function TestimonialsCarouselImage({
   dotsClassName,
   optixFlowConfig,
   background,
-  containerClassName = "mx-0 w-screen px-0 sm:px-0 lg:px-0 max-w-screen relative z-10",
+  containerClassName = "mx-0 w-screen px-0 sm:px-0 lg:px-0 max-w-screen relative z-10 h-full",
   spacing = "none",
   pattern,
   patternOpacity
@@ -44637,7 +44773,18 @@ function TestimonialsCarouselImage({
           contentClassName
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          current?.logoSrc ? /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: current.logoSrc,
+              alt: typeof current.company === "string" ? `${current.company} logo` : typeof current.author === "string" ? `${current.author} company logo` : "Company logo",
+              className: cn(
+                "mx-auto mb-6 max-h-12 max-w-32 object-contain md:max-h-16 md:max-w-48",
+                logoClassName
+              ),
+              optixFlowConfig
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
             DynamicIcon,
             {
               name: "mdi/comment-quote-outline",
@@ -44695,6 +44842,8 @@ function TestimonialsCarouselImage({
     testimonialsSlot,
     contentClassName,
     quoteIconClassName,
+    logoClassName,
+    optixFlowConfig,
     current,
     quoteClassName,
     authorClassName
@@ -44895,7 +45044,7 @@ function TestimonialsCenteredAvatars({
         "div",
         {
           className: cn(
-            "mx-auto max-w-full md:max-w-md text-center flex flex-col items-center gap-6",
+            "mx-auto max-w-full md:max-w-md text-center flex flex-col items-center gap-6 bg-card/50 px-10 py-20 shadow-xl border border-border/50 rounded-3xl backdrop-blur-md",
             contentClassName
           ),
           children: [
@@ -45051,19 +45200,6 @@ function TestimonialsCompanyLogo({
     }
   );
 }
-function StarRating3({ rating, size = 16 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsxRuntime.jsx(
-    DynamicIcon,
-    {
-      name: "lucide/star",
-      size,
-      className: cn(
-        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
-      )
-    },
-    star
-  )) });
-}
 function TestimonialsGridAddReview({
   reviews,
   reviewsSlot,
@@ -45110,27 +45246,33 @@ function TestimonialsGridAddReview({
                 addReviewCardClassName
               ),
               onClick: onAddReview,
-              children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: cn(
-                "flex flex-col items-center gap-3 py-12 text-center",
-                getNestedCardTextColor(background)
-              ), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  DynamicIcon,
-                  {
-                    name: "lucide/plus",
-                    size: 24,
-                    className: "text-primary"
-                  }
-                ) }),
-                addReviewText && (typeof addReviewText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: addReviewText }) : addReviewText),
-                addReviewSubtext && (typeof addReviewSubtext === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: addReviewSubtext }) : addReviewSubtext)
-              ] })
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                CardContent,
+                {
+                  className: cn(
+                    "flex flex-col items-center gap-3 py-12 text-center",
+                    getNestedCardTextColor(background)
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/plus",
+                        size: 24,
+                        className: "text-primary"
+                      }
+                    ) }),
+                    addReviewText && (typeof addReviewText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: addReviewText }) : addReviewText),
+                    addReviewSubtext && (typeof addReviewSubtext === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: addReviewSubtext }) : addReviewSubtext)
+                  ]
+                }
+              )
             }
           ),
           reviews?.map((review, index) => {
             const authorName = getAuthorName(review);
             return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "space-y-4 p-6", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(StarRating3, { rating: review.rating }),
+              /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: review.rating }),
               review.content && (typeof review.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed", children: review.content }) : review.content),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-8", children: [
@@ -45144,7 +45286,19 @@ function TestimonialsGridAddReview({
         ]
       }
     );
-  }, [reviewsSlot, gridClassName, addReviewCardClassName, onAddReview, addReviewText, addReviewSubtext, reviews, cardClassName, authorClassName, getAuthorName, getInitials]);
+  }, [
+    reviewsSlot,
+    gridClassName,
+    addReviewCardClassName,
+    onAddReview,
+    addReviewText,
+    addReviewSubtext,
+    reviews,
+    cardClassName,
+    authorClassName,
+    getAuthorName,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -45250,10 +45404,18 @@ function TestimonialsMarquee({
               const authorName = getAuthorName(testimonial);
               const avatarSrc = getAvatarSrc(testimonial);
               return /* @__PURE__ */ jsxRuntime.jsx(
-                Card,
+                Pressable,
                 {
-                  className: cn("w-80 shrink-0", cardClassName),
-                  children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-6", children: [
+                  href: testimonial?.linkConfig?.href,
+                  className: cn(
+                    "bg-card text-card-foreground",
+                    "rounded-2xl border shadow-xl",
+                    "cursor-pointer transition-all duration-500",
+                    "hover:bg-primary hover:text-primary-foreground",
+                    "flex flex-col gap-6 w-80 shrink-0",
+                    cardClassName
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-6 h-full flex flex-col justify-between gap-12", children: [
                     testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
                       "p",
                       {
@@ -45271,15 +45433,15 @@ function TestimonialsMarquee({
                     /* @__PURE__ */ jsxRuntime.jsxs(
                       "div",
                       {
-                        className: cn("flex items-center gap-3", authorClassName),
+                        className: cn("flex items-center gap-4", authorClassName),
                         children: [
-                          /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-9", children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "relative flex shrink-0 overflow-hidden rounded-full size-10 ring-4 ring-primary shadow-lg", children: [
                             /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
                             /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-xs", children: getInitials(authorName) })
                           ] }),
                           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                            testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
-                            testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: testimonial.role }) : testimonial.role)
+                            testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-medium", children: testimonial.author }) : testimonial.author),
+                            testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: testimonial.role }) : testimonial.role)
                           ] })
                         ]
                       }
@@ -45317,18 +45479,18 @@ function TestimonialsMarquee({
       className: cn("overflow-hidden", className),
       containerClassName,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-12", headerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-2xl text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-12", headerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-full md:max-w-2xl text-center space-y-2", children: [
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h2",
             {
               className: cn(
-                "text-3xl font-semibold tracking-tight md:text-4xl",
+                "text-3xl font-semibold tracking-tight md:text-4xl lg:text-6xl text-pretty",
                 headingClassName
               ),
               children: heading
             }
           ) : heading),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-lg", descriptionClassName), children: description }) : description)
+          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-balance", descriptionClassName), children: description }) : description)
         ] }) }),
         renderedTestimonials,
         /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
@@ -45409,7 +45571,7 @@ function TestimonialsSimpleGrid({
                 "bg-card text-card-foreground",
                 "flex flex-col gap-6",
                 testimonial.linkConfig?.href ? "cursor-pointer hover:bg-black hover:text-white transition-all duration-500" : "",
-                "rounded-2xl py-6 shadow-xl group",
+                "rounded-2xl py-0 shadow-xl group",
                 "ring-4 ring-ring",
                 cardClassName
               ),
@@ -45417,7 +45579,7 @@ function TestimonialsSimpleGrid({
                 CardContent,
                 {
                   className: cn(
-                    "px-6 h-full flex flex-col-reverse items-stretch justify-between gap-12",
+                    "px-0 h-full flex flex-col-reverse items-stretch justify-between gap-12",
                     cardContentClassName
                   ),
                   children: [
@@ -45429,7 +45591,7 @@ function TestimonialsSimpleGrid({
                           authorClassName
                         ),
                         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
-                          /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "relative flex shrink-0 overflow-hidden rounded-full size-12 ring-4 ring-primary shadow-lg", children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "relative flex shrink-0 size-24 border-t-4 border-r-4 border-primary rounded-tr-xl rounded-tl-none rounded-br-none rounded-bl-none shadow-xl", children: [
                             /* @__PURE__ */ jsxRuntime.jsx(
                               AvatarImage,
                               {
@@ -45439,11 +45601,28 @@ function TestimonialsSimpleGrid({
                             ),
                             /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
                           ] }),
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { children: testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium leading-none", children: testimonial.author }) : testimonial.author) })
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 pt-2 pr-6 pb-2", children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0", children: [
+                              testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold leading-relaxed", children: testimonial.author }) : testimonial.author),
+                              testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base", children: testimonial.role }) : testimonial.role)
+                            ] }),
+                            testimonial.linkConfig?.href && /* @__PURE__ */ jsxRuntime.jsx(
+                              Pressable,
+                              {
+                                href: testimonial.linkConfig.href,
+                                className: cn(
+                                  "text-base  transition-all duration-300",
+                                  "underline underline-offset-4",
+                                  testimonial.linkConfig.className
+                                ),
+                                children: testimonial.linkConfig.label
+                              }
+                            )
+                          ] })
                         ] })
                       }
                     ),
-                    testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed", children: testimonial.quote }) : testimonial.quote)
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-6 md: pt-8 px-6 md:px-8", children: testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed", children: testimonial.quote }) : testimonial.quote) })
                   ]
                 }
               )
@@ -45614,7 +45793,7 @@ function TestimonialsSliderMinimal({
               Avatar,
               {
                 className: cn(
-                  "relative flex shrink-0 overflow-hidden rounded-3xl ring-8 ring-primary shadow-xl size-24",
+                  "relative flex shrink-0 overflow-hidden rounded-full ring-4 ring-primary shadow-xl size-12",
                   avatarClassName
                 ),
                 children: [
@@ -45896,6 +46075,7 @@ function TestimonialsStatsHeader({
   statItemClassName,
   testimonialsGridClassName,
   cardClassName,
+  statCardClassName,
   quoteClassName,
   authorClassName,
   background,
@@ -45914,6 +46094,11 @@ function TestimonialsStatsHeader({
     },
     []
   );
+  const renderStatIcon = React8.useCallback((stat) => {
+    if (stat.iconSlot) return stat.iconSlot;
+    if (!stat.icon) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: stat.icon, size: 32, className: stat.iconColor }) });
+  }, []);
   const getInitials = React8.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
   }, []);
@@ -45924,24 +46109,29 @@ function TestimonialsStatsHeader({
       "div",
       {
         className: cn(
-          "mb-12 grid grid-cols-2 gap-4 md:grid-cols-4",
+          "mb-12 grid gap-6 md:grid-cols-2 lg:grid-cols-3",
           statsGridClassName
         ),
-        children: stats.map((stat, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
+        children: stats.map((stat) => /* @__PURE__ */ jsxRuntime.jsx(
+          Card,
           {
             className: cn(
-              "rounded-lg p-6 text-center",
-              getNestedCardBg(background),
-              getNestedCardTextColor(background),
-              statItemClassName
+              "overflow-hidden border p-0",
+              stat.className,
+              statCardClassName
             ),
-            children: [
-              typeof stat.value === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-primary md:text-4xl", children: stat.value }) : stat.value,
-              typeof stat.label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: stat.label }) : stat.label
-            ]
+            children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-6 md:p-8", children: [
+              renderStatIcon(stat),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-end", children: [
+                stat.prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-1 mr-1 text-2xl font-bold", children: stat.prefix }),
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-4xl font-bold tracking-tight leading-tight md:text-5xl", children: stat.value }),
+                stat.suffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-1 ml-1 text-2xl font-bold", children: stat.suffix })
+              ] }),
+              stat.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xl font-semibold", children: stat.label }),
+              stat.description && (typeof stat.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-75", children: stat.description }) : stat.description)
+            ] })
           },
-          index
+          stat.id
         ))
       }
     );
@@ -45956,41 +46146,65 @@ function TestimonialsStatsHeader({
         children: testimonials.map((testimonial, index) => {
           const authorName = getAuthorName(testimonial);
           const avatarSrc = getAvatarSrc(testimonial);
-          return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-6", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 flex gap-1", children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
-              DynamicIcon,
-              {
-                name: "lucide/star",
-                size: 16,
-                className: "fill-primary text-primary"
-              },
-              i
-            )) }),
-            testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
-              "p",
-              {
-                className: cn(
-                  "mb-6 text-sm leading-relaxed",
-                  quoteClassName
-                ),
-                children: [
-                  "\u201C",
-                  testimonial.quote,
-                  "\u201D"
-                ]
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-6", quoteClassName), children: testimonial.quote })),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
-                /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
-                testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.role }) : testimonial.role)
-              ] })
-            ] })
-          ] }) }, index);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "bg-card text-card-foreground flex flex-col gap-6 rounded-2xl border py-0 shadow-xl",
+                cardClassName
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-12 justify-between", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-4", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: 5, size: 20 }),
+                  testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
+                    "p",
+                    {
+                      className: cn(
+                        "mb-6 text-sm leading-relaxed",
+                        quoteClassName
+                      ),
+                      children: [
+                        "\u201C",
+                        testimonial.quote,
+                        "\u201D"
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-6", quoteClassName), children: testimonial.quote }))
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: cn("flex items-center gap-3", authorClassName),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
+                        /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                          testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-medium", children: testimonial.author }) : testimonial.author),
+                          testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm opacity-75", children: testimonial.role }) : testimonial.role)
+                        ] }),
+                        testimonial.linkConfig?.href && /* @__PURE__ */ jsxRuntime.jsx(
+                          Pressable,
+                          {
+                            href: testimonial.linkConfig.href,
+                            className: cn(
+                              "text-sm  transition-all duration-300",
+                              "hover:underline hover:underline-offset-4",
+                              testimonial.linkConfig.className
+                            ),
+                            children: testimonial.linkConfig.label
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                )
+              ] }) })
+            },
+            index
+          );
         })
       }
     );
@@ -46182,19 +46396,6 @@ function TestimonialsWallCompact({
     }
   );
 }
-function StarRating4({ rating, size = 14 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsxRuntime.jsx(
-    DynamicIcon,
-    {
-      name: "lucide/star",
-      size,
-      className: cn(
-        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
-      )
-    },
-    star
-  )) });
-}
 function TestimonialsMiniDividers({
   testimonials,
   testimonialsSlot,
@@ -46209,101 +46410,133 @@ function TestimonialsMiniDividers({
   quoteClassName,
   authorClassName,
   background,
-  spacing,
+  spacing = "lg",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   pattern,
   patternOpacity
 }) {
-  const getAuthorName = React8.useCallback((testimonial) => {
-    if (typeof testimonial.author === "string") return testimonial.author;
-    return "";
-  }, []);
-  const getAvatarSrc = React8.useCallback((testimonial) => {
-    return testimonial.avatarSrc || testimonial.avatar?.src;
-  }, []);
+  const getAuthorName = React8.useCallback(
+    (testimonial) => {
+      if (typeof testimonial.author === "string") return testimonial.author;
+      return "";
+    },
+    []
+  );
+  const getAvatarSrc = React8.useCallback(
+    (testimonial) => {
+      return testimonial.avatarSrc || testimonial.avatar?.src;
+    },
+    []
+  );
   const getInitials = React8.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
   }, []);
   const renderedTestimonials = React8.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     if (!testimonials || testimonials.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         className: cn(
-          "grid divide-y sm:grid-cols-2 sm:divide-x sm:divide-y-0 lg:grid-cols-3 lg:divide-x",
+          "relative grid border-x border-b border-dashed md:grid-cols-3",
           gridClassName
         ),
-        children: testimonials.map((testimonial, index) => {
-          const authorName = getAuthorName(testimonial);
-          const avatarSrc = getAvatarSrc(testimonial);
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            DynamicIcon,
             {
-              className: cn(
-                "p-6",
-                index >= 2 && "lg:border-t-0",
-                index >= 3 && "sm:border-t lg:border-t-0",
-                itemClassName
-              ),
-              children: [
-                testimonial.rating && /* @__PURE__ */ jsxRuntime.jsx(StarRating4, { rating: testimonial.rating }),
-                testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
-                  "p",
-                  {
-                    className: cn(
-                      "mt-3 text-sm leading-relaxed",
-                      quoteClassName
-                    ),
-                    children: [
-                      "\u201C",
-                      testimonial.quote,
-                      "\u201D"
-                    ]
-                  }
-                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-3", quoteClassName), children: testimonial.quote })),
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  "div",
-                  {
-                    className: cn("mt-4 flex items-center gap-3", authorClassName),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-8", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
-                        /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-xs", children: getInitials(authorName) })
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                        testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
-                        testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.role }) : testimonial.role)
-                      ] })
-                    ]
-                  }
-                )
-              ]
-            },
-            index
-          );
-        })
+              name: "lucide/sparkle",
+              size: 20,
+              className: "absolute top-0 right-0 translate-x-2.5 -translate-y-2.5 fill-primary"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            DynamicIcon,
+            {
+              name: "lucide/sparkle",
+              size: 20,
+              className: "absolute top-0 left-0 -translate-x-2.5 -translate-y-2.5 fill-primary"
+            }
+          ),
+          testimonials.map((testimonial, index) => {
+            const authorName = getAuthorName(testimonial);
+            const avatarSrc = getAvatarSrc(testimonial);
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn(
+                  "group flex flex-col gap-4 border-t border-dashed p-4 transition-colors duration-300 hover:bg-muted/50 lg:p-8",
+                  index % 3 === 1 && "md:border-x md:border-dashed",
+                  itemClassName
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10 shrink-0 rounded-md bg-card shadow-sm lg:size-12", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
+                      /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "rounded-md bg-card text-card-foreground text-sm", children: getInitials(authorName) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("min-w-0", authorClassName), children: [
+                      testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate font-medium", children: testimonial.author }) : testimonial.author),
+                      testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm text-muted-foreground", children: testimonial.role }) : testimonial.role)
+                    ] })
+                  ] }),
+                  testimonial.rating != null && /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: testimonial.rating }),
+                  testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
+                    "p",
+                    {
+                      className: cn(
+                        "text-sm leading-relaxed text-muted-foreground",
+                        quoteClassName
+                      ),
+                      children: [
+                        "\u201C",
+                        testimonial.quote,
+                        "\u201D"
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-sm", quoteClassName), children: testimonial.quote }))
+                ]
+              },
+              index
+            );
+          })
+        ]
       }
     );
-  }, [testimonialsSlot, gridClassName, testimonials, itemClassName, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  }, [
+    testimonialsSlot,
+    gridClassName,
+    testimonials,
+    itemClassName,
+    quoteClassName,
+    authorClassName,
+    getAuthorName,
+    getAvatarSrc,
+    getInitials
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
       background,
       spacing,
       pattern,
       patternOpacity,
-      className,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
+      className: cn("relative flex items-center justify-center", className),
+      containerClassName,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: cn("mx-auto mb-12 max-w-2xl text-center", headerClassName),
-            children: [
+            className: cn(
+              "border-x border-t border-dashed px-4 py-6 md:py-16 md:px-16",
+              headerClassName
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl", children: [
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h2",
                 {
                   className: cn(
-                    "text-3xl font-semibold tracking-tight md:text-4xl",
+                    "text-center text-3xl font-semibold tracking-tight md:text-4xl",
                     headingClassName
                   ),
                   children: heading
@@ -46313,17 +46546,17 @@ function TestimonialsMiniDividers({
                 "p",
                 {
                   className: cn(
-                    "mt-4 text-lg text-muted-foreground",
+                    "mx-auto mt-4 max-w-2xl text-center text-lg text-balance",
                     descriptionClassName
                   ),
                   children: description
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
-            ]
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+            ] })
           }
         ),
         renderedTestimonials
-      ]
+      ] })
     }
   );
 }
@@ -46343,18 +46576,25 @@ function TestimonialsLogoCards({
   quoteClassName,
   authorClassName,
   background,
-  spacing,
+  spacing = "lg",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
-  const getAuthorName = React8.useCallback((testimonial) => {
-    if (typeof testimonial.author === "string") return testimonial.author;
-    return "";
-  }, []);
-  const getAvatarSrc = React8.useCallback((testimonial) => {
-    return testimonial.avatarSrc || testimonial.avatar?.src;
-  }, []);
+  const getAuthorName = React8.useCallback(
+    (testimonial) => {
+      if (typeof testimonial.author === "string") return testimonial.author;
+      return "";
+    },
+    []
+  );
+  const getAvatarSrc = React8.useCallback(
+    (testimonial) => {
+      return testimonial.avatarSrc || testimonial.avatar?.src;
+    },
+    []
+  );
   const getInitials = React8.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
   }, []);
@@ -46385,7 +46625,10 @@ function TestimonialsLogoCards({
                   {
                     src: testimonial.companyLogo,
                     alt: testimonial.companyLogoAlt || "Company logo",
-                    className: "h-6 w-auto object-contain dark:invert",
+                    className: cn(
+                      index === 0 ? "h-10" : "h-5",
+                      "w-auto object-contain"
+                    ),
                     optixFlowConfig
                   }
                 ) }),
@@ -46402,20 +46645,29 @@ function TestimonialsLogoCards({
                         {
                           className: cn(
                             "leading-relaxed",
-                            index === 0 ? "text-xl font-medium" : "text-sm",
+                            index === 0 ? "text-lg md:text-xl font-light" : "text-sm md:text-base",
                             quoteClassName
                           ),
                           children: testimonial.quote
                         }
-                      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })),
+                      ) : testimonial.quote),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: cn(index === 0 ? "size-12" : "size-10"), children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
-                          /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
-                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs(
+                          Avatar,
+                          {
+                            className: cn(
+                              index === 0 ? "size-12" : "size-10",
+                              "ring-4 ring-primary"
+                            ),
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
+                              /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
+                            ]
+                          }
+                        ),
                         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                          testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("cite", { className: "text-sm font-medium not-italic", children: testimonial.author }) : testimonial.author),
-                          testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.role }) : testimonial.role)
+                          testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("cite", { className: "text-sm md:text-base font-medium", children: testimonial.author }) : testimonial.author),
+                          testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs md:text-sm", children: testimonial.role }) : testimonial.role)
                         ] })
                       ] })
                     ]
@@ -46428,7 +46680,20 @@ function TestimonialsLogoCards({
         })
       }
     );
-  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, cardHeaderClassName, optixFlowConfig, cardContentClassName, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
+  }, [
+    testimonialsSlot,
+    gridClassName,
+    testimonials,
+    cardClassName,
+    cardHeaderClassName,
+    optixFlowConfig,
+    cardContentClassName,
+    quoteClassName,
+    authorClassName,
+    getAuthorName,
+    getAvatarSrc,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -46437,6 +46702,7 @@ function TestimonialsLogoCards({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -46447,22 +46713,19 @@ function TestimonialsLogoCards({
                 "h2",
                 {
                   className: cn(
-                    "text-3xl font-semibold tracking-tight md:text-4xl",
+                    "text-3xl font-semibold tracking-tight md:text-4xl text-balance",
                     headingClassName
                   ),
                   children: heading
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              ) : heading),
               description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "p",
                 {
-                  className: cn(
-                    "mt-4 text-lg text-muted-foreground",
-                    descriptionClassName
-                  ),
+                  className: cn("mt-4 text-lg text-balance", descriptionClassName),
                   children: description
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
+              ) : description)
             ]
           }
         ),
@@ -46932,7 +47195,7 @@ function TestimonialsScrollingColumns({
             framerMotion.motion.div,
             {
               className: cn(
-                "relative overflow-hidden rounded-lg bg-card shadow-sm",
+                "relative overflow-hidden rounded-2xl shadow-sm",
                 cardClassName
               ),
               variants: itemVariants2,
@@ -46947,35 +47210,40 @@ function TestimonialsScrollingColumns({
                       optixFlowConfig
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-foreground/70 via-foreground/40 to-transparent" })
+                  /* @__PURE__ */ jsxRuntime.jsx(GradientOverlay, {})
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute bottom-0 left-0 right-0 p-6 text-left text-background", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute bottom-0 left-0 right-0 p-6 text-left", children: [
+                  testimonial?.logoSrc ? /* @__PURE__ */ jsxRuntime.jsx(
+                    img.Img,
+                    {
+                      src: testimonial.logoSrc,
+                      alt: typeof testimonial.company === "string" ? `${testimonial.company} logo` : typeof testimonial.author === "string" ? `${testimonial.author} company logo` : "Company logo",
+                      className: cn(
+                        "flex justify-start items-start mb-6 max-h-10 max-w-32 object-contain md:max-h-10 md:max-w-48"
+                      ),
+                      optixFlowConfig
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx(
                     DynamicIcon,
                     {
-                      name: "lucide/quote",
-                      size: 32,
-                      className: "mb-4 text-background/40"
+                      name: "mdi/comment-quote-outline",
+                      size: 42,
+                      className: cn("opacity-50")
                     }
                   ),
                   testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                     "blockquote",
                     {
                       className: cn(
-                        "text-base font-medium leading-relaxed",
+                        "text-base font-base leading-relaxed",
                         quoteClassName
                       ),
                       children: testimonial.quote
                     }
-                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })),
-                  /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: cn("mt-4", authorClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-semibold", children: [
-                    "\u2014",
-                    " ",
-                    testimonial.author && (typeof testimonial.author === "string" ? testimonial.author : null),
-                    testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1 text-background/60", children: [
-                      ", ",
-                      testimonial.role
-                    ] }) : null)
+                  ) : testimonial.quote),
+                  /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: cn("mt-4", authorClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+                    testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "uppercase text-base font-semibold", children: testimonial.author }) : null),
+                    testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-thin", children: testimonial.role }) : null)
                   ] }) })
                 ] })
               ]
@@ -47008,19 +47276,32 @@ function TestimonialsScrollingColumns({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: cn("mx-auto mb-12 max-w-2xl text-center", headerClassName),
+            className: cn(
+              "mx-auto mb-12 max-w-full md:max-w-2xl space-y-4 text-center",
+              headerClassName
+            ),
             children: [
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h2",
                 {
                   className: cn(
-                    "text-3xl font-semibold tracking-tight md:text-4xl",
+                    "text-pretty text-3xl md:text-4xl lg:text-6xl",
+                    "font-semibold tracking-tight",
                     headingClassName
                   ),
                   children: heading
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-lg ", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
+              ) : heading),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-base md:text-lg text-balance",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : description)
             ]
           }
         ),
@@ -47040,7 +47321,8 @@ function TestimonialsMinimalNumbered({
   authorClassName,
   navigationClassName,
   background,
-  spacing,
+  spacing = "py-8 md:py-12",
+  containerClassName = "w-full px-6 sm:px-6 md:px-8 lg:px-0 max-w-full md:max-w-lg min-h-70dvh h-70dvh flex flex-col items-center justify-center",
   pattern,
   patternOpacity
 }) {
@@ -47093,19 +47375,19 @@ function TestimonialsMinimalNumbered({
     if (!current) return null;
     const authorName = getAuthorName(current);
     const avatarSrc = getAvatarSrc(current);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-start gap-8", contentClassName), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-start gap-4 md:gap-8", contentClassName), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
           className: cn(
-            "text-8xl font-light leading-none select-none transition-all duration-500 md:text-9xl",
+            "text-4xl md:text-8xl font-light leading-none select-none transition-all duration-500",
             numberClassName
           ),
           style: { fontFeatureSettings: '"tnum"' },
           children: String(active + 1).padStart(2, "0")
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 pt-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 pt-0 md:pt-6", children: [
         current.quote && (typeof current.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "blockquote",
           {
@@ -47176,6 +47458,7 @@ function TestimonialsMinimalNumbered({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl mx-auto", children: [
         renderedTestimonial,
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -47211,13 +47494,13 @@ function TestimonialsMinimalNumbered({
                   String(testimonials.length).padStart(2, "0")
                 ] })
               ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "button",
                   {
                     onClick: handlePrev,
                     className: "rounded-full p-2 transition-all duration-300 ",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-left", size: 20 })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-left", size: 24 })
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -47225,7 +47508,7 @@ function TestimonialsMinimalNumbered({
                   {
                     onClick: handleNext,
                     className: "rounded-full p-2  transition-all duration-300 ",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 20 })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 24 })
                   }
                 )
               ] })
@@ -47346,10 +47629,11 @@ function TestimonialsParallaxNumber({
             framerMotion.motion.div,
             {
               className: cn(
-                "pointer-events-none absolute -left-8 top-1/2 -translate-y-1/2 select-none text-[20rem] font-bold leading-none tracking-tighter ",
+                "opacity-15",
+                "pointer-events-none absolute -left-8 top-1/2 -translate-y-1/2 select-none text-[20rem] font-bold leading-none tracking-tighter",
                 numberClassName
               ),
-              style: { x: numberX, y: numberY },
+              style: { x: numberX, y: numberY, opacity: 0.1 },
               children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.span,
                 {
@@ -47358,14 +47642,14 @@ function TestimonialsParallaxNumber({
                   exit: { opacity: 0, scale: 1.1, filter: "blur(10px)" },
                   transition: { duration: 0.6, ease: [0.22, 1, 0.36, 1] },
                   className: "block",
-                  children: current.backgroundIcon ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: current.backgroundIcon }) : current.backgroundLabel != null ? current.backgroundLabel : null
+                  children: current.backgroundIcon ? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: current.backgroundIcon, size: 320 }) : current.backgroundLabel != null ? current.backgroundLabel : null
                 },
                 activeIndex
               ) })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center border-r border-border/50 pr-16", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center border-r-0 md:border-r border-border/30 pr-4 md:pr-16", children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
                 framerMotion.motion.span,
                 {
@@ -47391,7 +47675,7 @@ function TestimonialsParallaxNumber({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 py-12 pl-16", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 py-6 md:py-12 pl-4 md:pl-16", children: [
               /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.div,
                 {
@@ -47400,7 +47684,7 @@ function TestimonialsParallaxNumber({
                   exit: { opacity: 0, x: 20 },
                   transition: { duration: 0.4 },
                   className: "mb-8",
-                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-2 rounded-full border border-border px-3 py-1 text-xs ", children: companyName })
+                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-2 rounded-full border border-border px-4 py-2 text-sm", children: companyName })
                 },
                 activeIndex
               ) }),
@@ -47408,7 +47692,8 @@ function TestimonialsParallaxNumber({
                 framerMotion.motion.blockquote,
                 {
                   className: cn(
-                    "text-3xl font-light leading-[1.15] tracking-tight md:text-4xl lg:text-5xl",
+                    "text-2xl md:text-4xl lg:text-5xl",
+                    "font-light leading-[1.15] tracking-tight",
                     quoteClassName
                   ),
                   initial: "hidden",
@@ -47443,7 +47728,7 @@ function TestimonialsParallaxNumber({
                 },
                 activeIndex
               ) }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start md:items-end justify-between", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
                   framerMotion.motion.div,
                   {
@@ -47475,7 +47760,10 @@ function TestimonialsParallaxNumber({
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   "div",
                   {
-                    className: cn("flex items-center gap-4", navigationClassName),
+                    className: cn(
+                      "flex items-center gap-4 flex-col md:flex-row",
+                      navigationClassName
+                    ),
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(
                         framerMotion.motion.button,
@@ -47590,7 +47878,8 @@ function TestimonialsMasonryGrid({
   quoteClassName,
   authorClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -47603,9 +47892,12 @@ function TestimonialsMasonryGrid({
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
   }, []);
-  const getAvatarSrc = React8.useCallback((testimonial) => {
-    return testimonial.avatarSrc || testimonial.avatar?.src;
-  }, []);
+  const getAvatarSrc = React8.useCallback(
+    (testimonial) => {
+      return testimonial.avatarSrc || testimonial.avatar?.src;
+    },
+    []
+  );
   const getInitials = React8.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
   }, []);
@@ -47622,42 +47914,60 @@ function TestimonialsMasonryGrid({
         children: columns.map((column, columnIndex) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: column.map((testimonial, index) => {
           const authorName = getAuthorName(testimonial);
           const avatarSrc = getAvatarSrc(testimonial);
-          return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-6", children: [
-            testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
-              "p",
-              {
-                className: cn(
-                  "mb-4 text-sm leading-relaxed",
-                  quoteClassName
-                ),
-                children: [
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                cardClassName,
+                "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border shadow-sm"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col justify-between p-6 gap-8", children: [
+                testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs("blockquote", { className: "text-sm leading-relaxed line-clamp-3", children: [
                   "\u201C",
                   testimonial.quote,
                   "\u201D"
-                ]
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", quoteClassName), children: testimonial.quote })),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: cn("flex items-center gap-3", authorClassName),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-9", children: [
+                ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "line-clamp-3", children: testimonial.quote })),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center gap-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "relative flex shrink-0 overflow-hidden rounded-full size-12 ring-4 ring-primary shadow-lg", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
                     /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-xs", children: getInitials(authorName) })
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0 leading-tight", children: [
                     testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
-                    testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.role }) : testimonial.role)
+                    testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: testimonial.role }) : testimonial.role),
+                    testimonial.linkConfig?.href && /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
+                      {
+                        href: testimonial.linkConfig.href,
+                        className: cn(
+                          "text-sm  transition-all duration-300",
+                          "underline underline-offset-4",
+                          testimonial.linkConfig.className
+                        ),
+                        children: testimonial.linkConfig.label
+                      }
+                    )
                   ] })
-                ]
-              }
-            )
-          ] }) }, index);
+                ] })
+              ] })
+            },
+            index
+          );
         }) }, columnIndex))
       }
     );
-  }, [testimonialsSlot, gridClassName, columns, cardClassName, quoteClassName, authorClassName, testimonials, getAuthorName, getAvatarSrc, getInitials]);
+  }, [
+    testimonialsSlot,
+    gridClassName,
+    columns,
+    cardClassName,
+    quoteClassName,
+    authorClassName,
+    testimonials,
+    getAuthorName,
+    getAvatarSrc,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -47666,32 +47976,33 @@ function TestimonialsMasonryGrid({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: cn("mx-auto mb-12 max-w-2xl text-center", headerClassName),
+            className: cn(
+              "mx-auto mb-12 max-w-full md:max-w-2xl text-center",
+              headerClassName
+            ),
             children: [
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h2",
                 {
                   className: cn(
-                    "text-3xl font-semibold tracking-tight md:text-4xl",
+                    "text-3xl font-semibold tracking-tight md:text-4xl lg:text-6xl text-balance",
                     headingClassName
                   ),
                   children: heading
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              ) : heading),
               description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "p",
                 {
-                  className: cn(
-                    "mt-4 text-lg text-muted-foreground",
-                    descriptionClassName
-                  ),
+                  className: cn("mt-4 text-lg text-balance", descriptionClassName),
                   children: description
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
+              ) : description)
             ]
           }
         ),
@@ -47710,7 +48021,8 @@ function TestimonialsLargeQuote({
   authorClassName,
   avatarClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -47729,49 +48041,78 @@ function TestimonialsLargeQuote({
     if (!testimonial) return null;
     const authorName = getAuthorName();
     const avatarSrc = getAvatarSrc();
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-4xl text-center", contentClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        DynamicIcon,
-        {
-          name: "lucide/quote",
-          size: 64,
-          className: cn("mx-auto mb-8 text-primary/20", quoteIconClassName)
-        }
-      ),
-      testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-        "blockquote",
-        {
-          className: cn(
-            "text-2xl font-medium leading-relaxed md:text-3xl lg:text-4xl",
-            quoteClassName
-          ),
-          children: testimonial.quote
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: cn(
-            "mt-10 flex flex-col items-center gap-4",
-            authorClassName
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "mx-auto max-full md:max-w-lg text-center",
+          contentClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            DynamicIcon,
+            {
+              name: "mdi/comment-quote-outline",
+              size: 48,
+              className: cn("mx-auto mb-8 ", quoteIconClassName)
+            }
           ),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: cn("size-16", avatarClassName), children: [
-              /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
-              /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-lg", children: getInitials(authorName) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold", children: testimonial.author }) : testimonial.author),
-              (testimonial.role || testimonial.company) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground", children: [
-                testimonial.role && (typeof testimonial.role === "string" ? testimonial.role : testimonial.role),
-                testimonial.company && (typeof testimonial.company === "string" ? ` at ${testimonial.company}` : testimonial.company)
-              ] })
-            ] })
-          ]
-        }
-      )
-    ] });
-  }, [testimonialSlot, contentClassName, quoteIconClassName, testimonial, quoteClassName, authorClassName, avatarClassName, getAuthorName, getAvatarSrc, getInitials]);
+          testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "blockquote",
+            {
+              className: cn(
+                "text-2xl font-light leading-relaxed md:text-3xl lg:text-4xl text-balance",
+                quoteClassName
+              ),
+              children: testimonial.quote
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "mt-10 md:mt-16 flex flex-col items-center gap-4 md:gap-8",
+                authorClassName
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  Avatar,
+                  {
+                    className: cn(
+                      "relative flex shrink-0 overflow-hidden rounded-full size-16 ring-4 ring-primary shadow-lg",
+                      avatarClassName
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
+                      /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-lg", children: getInitials(authorName) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+                  testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold", children: testimonial.author }) : testimonial.author),
+                  (testimonial.role || testimonial.company) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-normal opacity-75", children: testimonial.role && (typeof testimonial.role === "string" ? testimonial.role : testimonial.role) }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm uppercase font-semibold opacity-75", children: testimonial.company && (typeof testimonial.company === "string" ? ` at ${testimonial.company}` : testimonial.company) })
+                  ] })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }, [
+    testimonialSlot,
+    contentClassName,
+    quoteIconClassName,
+    testimonial,
+    quoteClassName,
+    authorClassName,
+    avatarClassName,
+    getAuthorName,
+    getAvatarSrc,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -47780,6 +48121,7 @@ function TestimonialsLargeQuote({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: renderedTestimonial
     }
   );
@@ -52078,7 +52420,8 @@ function HeroVideoBackgroundDark({
   videoSrc,
   videoSlot,
   background,
-  videoBrightness = "50",
+  videoBrightness,
+  videoOverlayIntensity = "high",
   spacing = "py-0 md:py-0",
   pattern,
   patternOpacity,
@@ -52090,21 +52433,21 @@ function HeroVideoBackgroundDark({
 }) {
   const renderVideo = React8.useMemo(() => {
     if (videoSlot) return videoSlot;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "video",
-      {
-        loop: true,
-        playsInline: true,
-        src: videoSrc,
-        className: cn(
-          "absolute top-0 left-0 size-full object-cover",
-          `brightness-${videoBrightness}`
-        ),
-        autoPlay: true,
-        muted: true
-      }
-    );
-  }, [videoSlot, videoSrc, videoBrightness]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "video",
+        {
+          loop: true,
+          playsInline: true,
+          src: videoSrc,
+          className: "absolute top-0 left-0 size-full object-cover",
+          autoPlay: true,
+          muted: true
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(GradientOverlay, { intensity: videoOverlayIntensity })
+    ] });
+  }, [videoSlot, videoSrc, videoOverlayIntensity]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -115675,8 +116018,8 @@ var BLOCK_REGISTRY = {
   },
   "testimonials-centered-avatars": {
     id: "testimonials-centered-avatars",
-    name: "Testimonials Centered with Avatar Stack",
-    description: "A centered testimonial section featuring an overlapping avatar stack at the top, creating a community feel. Displays a rotating testimonial with quote, author name, role, and navigation dots. The stacked avatars create visual interest and suggest multiple satisfied customers. Perfect for SaaS landing pages.",
+    name: "Testimonials Centered with Glassmorphism Card",
+    description: "A modern testimonial section featuring a glassmorphism card with frosted glass effect as the primary focal point. Displays an overlapping avatar stack at the top, creating a community feel, with rotating testimonials including quote, author name, role, and navigation dots. The translucent card design creates visual depth and sophistication. Perfect for SaaS landing pages and premium marketing sites.",
     semanticTags: [
       "testimonials",
       "centered",
@@ -115684,7 +116027,11 @@ var BLOCK_REGISTRY = {
       "stack",
       "community",
       "social-proof",
-      "minimal",
+      "glassmorphism",
+      "glass",
+      "frosted",
+      "modern",
+      "premium",
       "rotating"
     ],
     category: "testimonials",