@opensite/ui 2.8.5 → 2.8.7

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) {
@@ -2070,6 +2060,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 +2178,7 @@ var SocialLinkIcon = React8__namespace.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl.usePlatformFromUrl(href);
@@ -2183,6 +2191,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 +2217,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 +19775,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 +19851,8 @@ function CarouselAnimatedSections({
   navigationClassName,
   arrowsClassName,
   counterClassName,
-  slideMediaBrightness = "50",
+  slideMediaBrightness,
+  slideMediaOverlayIntensity = "high",
   optixFlowConfig,
   background = "dark",
   spacing = "py-0",
@@ -19865,7 +19941,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 +19952,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 +20931,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 +20981,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 +20989,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 +21820,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 +21862,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 +21870,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
         )),
@@ -43849,19 +43933,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 +43945,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 +43965,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 +44016,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 +44043,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 +44059,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 +44082,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 +44114,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 +44143,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 +44234,13 @@ function TestimonialsImagesHelpful({
     helpfulClicked,
     optixFlowConfig,
     reportButtonLabel,
+    verifiedPurchaseLabel,
     getAuthorName,
     getInitials,
-    handleHelpful
+    handleHelpful,
+    handleImageClick
   ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
       background,
@@ -44144,42 +44248,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
-      ] })
+        )
+      ]
     }
   );
 }
@@ -44235,10 +44354,13 @@ function TestimonialsBentoGrid({
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            Card,
+            "div",
             {
-              className: cn("md:col-span-2 lg:row-span-2", featuredCardClassName),
-              children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "flex h-full flex-col justify-between p-6 md:p-8", children: [
+              className: cn(
+                "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border shadow-sm md:col-span-2 lg:row-span-2",
+                featuredCardClassName
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col justify-between p-6 md:p-8 gap-8 md:gap-12", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     DynamicIcon,
@@ -44268,11 +44390,11 @@ function TestimonialsBentoGrid({
                   {
                     className: cn("mt-6 flex items-center gap-4", authorClassName),
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-12", 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: featuredAvatarSrc, alt: featuredAuthorName }),
                         /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(featuredAuthorName) })
                       ] }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0 leading-tight", children: [
                         featured.author && (typeof featured.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: featured.author }) : featured.author),
                         (featured.role || featured.company) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
                           featured.role && (typeof featured.role === "string" ? featured.role : featured.role),
@@ -44283,7 +44405,8 @@ function TestimonialsBentoGrid({
                           {
                             href: featured.linkConfig.href,
                             className: cn(
-                              "text-sm text-muted-foreground underline underline-offset-2 hover:text-foreground transition-colors",
+                              "text-sm  transition-all duration-300",
+                              "underline underline-offset-4",
                               featured.linkConfig.className
                             ),
                             children: featured.linkConfig.label
@@ -44299,34 +44422,45 @@ function TestimonialsBentoGrid({
           others.slice(0, 5).map((testimonial, index) => {
             const authorName = getAuthorName(testimonial);
             const avatarSrc = getAvatarSrc(testimonial);
-            return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "flex h-full flex-col justify-between p-6", 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: "line-clamp-3", children: testimonial.quote })),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center gap-3", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-9", 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),
-                  testimonial.linkConfig?.href && /* @__PURE__ */ jsxRuntime.jsx(
-                    Pressable,
-                    {
-                      href: testimonial.linkConfig.href,
-                      className: cn(
-                        "text-xs text-muted-foreground underline underline-offset-2 hover:text-foreground transition-colors",
-                        testimonial.linkConfig.className
-                      ),
-                      children: testimonial.linkConfig.label
-                    }
-                  )
+            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: "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", { 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", 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
+            );
           })
         ]
       }
@@ -44423,7 +44557,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) => {
@@ -44433,14 +44567,18 @@ function TestimonialsTwitterCards({
             {
               href: testimonial.linkConfig?.href,
               className: cn(
-                "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-xl group hover:bg-primary hover:text-primary-foreground transition-all duration-500",
+                "bg-card text-card-foreground",
+                "flex flex-col gap-6",
+                testimonial.linkConfig?.href ? "cursor-pointer hover:bg-primary hover:text-primary-foreground transition-all duration-500" : "",
+                "rounded-2xl py-6 shadow-xl group",
+                "ring-4 ring-primary",
                 cardClassName
               ),
               children: /* @__PURE__ */ jsxRuntime.jsxs(
                 CardContent,
                 {
                   className: cn(
-                    "px-6 h-full flex flex-col-reverse items-stretch justify-between",
+                    "px-6 h-full flex flex-col-reverse items-stretch justify-between gap-12",
                     cardContentClassName
                   ),
                   children: [
@@ -44472,7 +44610,8 @@ function TestimonialsTwitterCards({
                             SocialLinkIcon,
                             {
                               href: testimonial.linkConfig.href,
-                              iconSize: 18
+                              iconSize: 24,
+                              iconOnly: true
                             }
                           )
                         ]
@@ -44545,122 +44684,257 @@ function TestimonialsTwitterCards({
 function TestimonialsCarouselImage({
   testimonials,
   testimonialsSlot,
-  height,
-  overlayOpacity,
+  autoPlayInterval,
+  height = "h-70dvh lg:h-60dvh",
+  overlayOpacity = 0.6,
   previousButtonAriaLabel,
   nextButtonAriaLabel,
   className,
   contentClassName,
   quoteIconClassName,
+  logoClassName,
   quoteClassName,
   authorClassName,
   navigationClassName,
   navButtonClassName,
   dotsClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  background,
+  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
 }) {
   const [currentIndex, setCurrentIndex] = React8.useState(0);
   const totalTestimonials = testimonials?.length ?? 0;
-  const goToPrevious = React8.useCallback(() => {
-    if (totalTestimonials === 0) return;
-    setCurrentIndex(
-      (prev) => prev === 0 ? totalTestimonials - 1 : prev - 1
-    );
-  }, [totalTestimonials]);
+  const autoPlayTimerRef = React8__namespace.useRef(
+    null
+  );
+  const resetAutoPlay = React8.useCallback(() => {
+    if (autoPlayTimerRef.current) {
+      clearInterval(autoPlayTimerRef.current);
+      autoPlayTimerRef.current = null;
+    }
+    if (!autoPlayInterval || autoPlayInterval <= 0 || totalTestimonials === 0)
+      return;
+    autoPlayTimerRef.current = setInterval(() => {
+      setCurrentIndex((prev) => (prev + 1) % totalTestimonials);
+    }, autoPlayInterval);
+  }, [autoPlayInterval, totalTestimonials]);
   const goToNext = React8.useCallback(() => {
     if (totalTestimonials === 0) return;
-    setCurrentIndex(
-      (prev) => prev === totalTestimonials - 1 ? 0 : prev + 1
-    );
-  }, [totalTestimonials]);
+    setCurrentIndex((prev) => prev === totalTestimonials - 1 ? 0 : prev + 1);
+    resetAutoPlay();
+  }, [totalTestimonials, resetAutoPlay]);
+  const goToPrevious = React8.useCallback(() => {
+    if (totalTestimonials === 0) return;
+    setCurrentIndex((prev) => prev === 0 ? totalTestimonials - 1 : prev - 1);
+    resetAutoPlay();
+  }, [totalTestimonials, resetAutoPlay]);
+  const goToIndex = React8.useCallback(
+    (index) => {
+      setCurrentIndex(index);
+      resetAutoPlay();
+    },
+    [resetAutoPlay]
+  );
+  React8.useEffect(() => {
+    resetAutoPlay();
+    return () => {
+      if (autoPlayTimerRef.current) {
+        clearInterval(autoPlayTimerRef.current);
+      }
+    };
+  }, [resetAutoPlay]);
   const current = testimonials?.[currentIndex];
   const renderedTestimonialContent = React8.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     if (!current) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-4xl text-center text-background", contentClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        DynamicIcon,
-        {
-          name: "lucide/quote",
-          size: 48,
-          className: cn("mx-auto mb-6 opacity-50", quoteIconClassName)
-        }
-      ),
-      current.quote && (typeof current.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs("blockquote", { className: cn("text-2xl font-light leading-relaxed md:text-4xl", quoteClassName), children: [
-        "\u201C",
-        current.quote,
-        "\u201D"
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: current.quote })),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8", authorClassName), children: [
-        current.author && (typeof current.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold", children: current.author }) : current.author),
-        (current.role || current.company) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm opacity-80", children: [
-          current.role && (typeof current.role === "string" ? current.role : current.role),
-          current.company && (typeof current.company === "string" ? `, ${current.company}` : current.company)
-        ] })
-      ] })
-    ] });
-  }, [testimonialsSlot, contentClassName, quoteIconClassName, current, quoteClassName, authorClassName]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cn("relative", height, className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0", children: [
-      current?.backgroundImage && /* @__PURE__ */ jsxRuntime.jsx(
-        img.Img,
-        {
-          src: current.backgroundImage,
-          alt: "",
-          className: "size-full object-cover",
-          optixFlowConfig
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "absolute inset-0 bg-foreground",
-          style: { opacity: overlayOpacity }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex h-full flex-col items-center justify-center px-4", children: [
-      renderedTestimonialContent,
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("absolute bottom-8 left-0 right-0 flex items-center justify-center gap-4", navigationClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Pressable,
-          {
-            asButton: true,
-            variant: "ghost",
-            size: "icon",
-            className: cn("size-10 rounded-full bg-white/10 text-white backdrop-blur-sm hover:bg-white/20", navButtonClassName),
-            onClick: goToPrevious,
-            "aria-label": previousButtonAriaLabel ?? "Previous testimonial",
-            children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-left", size: 24 })
-          }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "mx-auto max-w-full md:max-w-md text-center text-shadow-lg text-white pb-32 pt-20",
+          contentClassName
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", dotsClassName), children: testimonials?.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: () => setCurrentIndex(index),
-            className: cn(
-              "size-2 rounded-full transition-all",
-              index === currentIndex ? "w-6 bg-white" : "bg-white/40 hover:bg-white/60"
-            ),
-            "aria-label": `Go to testimonial ${index + 1}`
-          },
-          index
-        )) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Pressable,
-          {
-            asButton: true,
-            variant: "ghost",
-            size: "icon",
-            className: cn("size-10 rounded-full bg-white/10 text-white backdrop-blur-sm hover:bg-white/20", navButtonClassName),
-            onClick: goToNext,
-            "aria-label": nextButtonAriaLabel ?? "Next testimonial",
-            children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 24 })
-          }
-        )
-      ] })
-    ] })
-  ] });
+        children: [
+          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",
+              size: 48,
+              className: cn("mx-auto mb-6 opacity-50", quoteIconClassName)
+            }
+          ),
+          current.quote && (typeof current.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "blockquote",
+            {
+              className: cn(
+                "text-xl font-light leading-relaxed md:text-2xl text-balance",
+                quoteClassName
+              ),
+              children: [
+                "\u201C",
+                current.quote,
+                "\u201D"
+              ]
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: current.quote })),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "mt-8 text-balance flex flex-col items-center",
+                authorClassName
+              ),
+              children: [
+                current.author && (typeof current.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold", children: current.author }) : current.author),
+                (current.role || current.company) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm opacity-80", children: [
+                  current.role && (typeof current.role === "string" ? current.role : current.role),
+                  current.company && (typeof current.company === "string" ? `, ${current.company}` : current.company)
+                ] }),
+                current.linkConfig?.href && /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
+                  {
+                    href: current.linkConfig.href,
+                    className: cn(
+                      "transition-all duration-500",
+                      "hover:underline hover:underline-offset-4",
+                      "text-sm",
+                      current.linkConfig.className
+                    ),
+                    children: current.linkConfig.label
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }, [
+    testimonialsSlot,
+    contentClassName,
+    quoteIconClassName,
+    logoClassName,
+    optixFlowConfig,
+    current,
+    quoteClassName,
+    authorClassName
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Section,
+    {
+      background,
+      spacing,
+      pattern,
+      patternOpacity,
+      className: cn("relative", height, className),
+      containerClassName,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: current?.backgroundImage && /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.div,
+            {
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              exit: { opacity: 0 },
+              transition: { duration: 0.6, ease: "easeInOut" },
+              className: "absolute inset-0",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                img.Img,
+                {
+                  src: current.backgroundImage,
+                  alt: "Testimonial background image",
+                  className: "size-full object-cover",
+                  optixFlowConfig
+                }
+              )
+            },
+            currentIndex
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "absolute inset-0 bg-black",
+              style: { opacity: overlayOpacity }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 flex h-full flex-col items-center justify-center px-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.div,
+            {
+              initial: { opacity: 0, y: 10 },
+              animate: { opacity: 1, y: 0 },
+              exit: { opacity: 0, y: -10 },
+              transition: { duration: 0.4, ease: "easeInOut" },
+              children: renderedTestimonialContent
+            },
+            currentIndex
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "absolute bottom-8 left-0 right-0 flex items-center justify-center gap-4",
+                navigationClassName
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
+                  {
+                    asButton: true,
+                    variant: "default",
+                    size: "icon",
+                    className: cn("size-10 rounded-full", navButtonClassName),
+                    onClick: goToPrevious,
+                    "aria-label": previousButtonAriaLabel ?? "Previous testimonial",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-left", size: 24 })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", dotsClassName), children: testimonials?.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: () => goToIndex(index),
+                    className: cn(
+                      "size-2 rounded-full transition-all",
+                      index === currentIndex ? "w-6 bg-primary" : "bg-white/40 hover:bg-white/60"
+                    ),
+                    "aria-label": `Go to testimonial ${index + 1}`
+                  },
+                  index
+                )) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
+                  {
+                    asButton: true,
+                    variant: "default",
+                    size: "icon",
+                    className: cn("size-10 rounded-full", navButtonClassName),
+                    onClick: goToNext,
+                    "aria-label": nextButtonAriaLabel ?? "Next testimonial",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 24 })
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 function TestimonialsCenteredAvatars({
   testimonials,
@@ -44677,7 +44951,8 @@ function TestimonialsCenteredAvatars({
   quoteClassName,
   authorClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -44685,46 +44960,62 @@ function TestimonialsCenteredAvatars({
     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("");
   }, []);
   const renderedTestimonials = React8.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     if (!testimonials || testimonials.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-12 space-y-8", testimonialsClassName), children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: cn("space-y-4", testimonialItemClassName),
-        children: [
-          testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
-            "blockquote",
-            {
-              className: cn(
-                "text-lg leading-relaxed text-muted-foreground md:text-xl",
-                quoteClassName
-              ),
-              children: [
-                "\u201C",
-                testimonial.quote,
-                "\u201D"
-              ]
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: authorClassName, children: [
-            testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: testimonial.author }) : testimonial.author),
-            (testimonial.role || testimonial.company) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm 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)
-            ] })
-          ] })
-        ]
-      },
-      index
-    )) });
-  }, [testimonialsSlot, testimonialsClassName, testimonials, testimonialItemClassName, quoteClassName, authorClassName]);
+        className: cn("mt-12 space-y-8 md:space-y-12", testimonialsClassName),
+        children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn("space-y-4", testimonialItemClassName),
+            children: [
+              testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
+                "blockquote",
+                {
+                  className: cn(
+                    "text-lg leading-relaxed md:text-xl text-balance",
+                    quoteClassName
+                  ),
+                  children: [
+                    "\u201C",
+                    testimonial.quote,
+                    "\u201D"
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: authorClassName, children: [
+                testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: testimonial.author }) : testimonial.author),
+                (testimonial.role || testimonial.company) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm opacity-75", children: [
+                  testimonial.role && (typeof testimonial.role === "string" ? testimonial.role : testimonial.role),
+                  testimonial.company && (typeof testimonial.company === "string" ? ` at ${testimonial.company}` : testimonial.company)
+                ] })
+              ] })
+            ]
+          },
+          index
+        ))
+      }
+    );
+  }, [
+    testimonialsSlot,
+    testimonialsClassName,
+    testimonials,
+    testimonialItemClassName,
+    quoteClassName,
+    authorClassName
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -44733,35 +45024,45 @@ function TestimonialsCenteredAvatars({
       pattern,
       patternOpacity,
       className,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-3xl text-center", contentClassName), children: [
-        badge && (typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: cn("mb-4", badgeClassName), children: badge }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", badgeClassName), children: badge })),
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-          "h2",
-          {
-            className: cn(
-              "text-3xl font-semibold tracking-tight md:text-4xl",
-              headingClassName
-            ),
-            children: heading
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-        testimonials && testimonials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex justify-center", avatarsClassName), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex -space-x-4", children: testimonials.map((testimonial, index) => {
-          const authorName = getAuthorName(testimonial);
-          const avatarSrc = getAvatarSrc(testimonial);
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            Avatar,
-            {
-              className: "size-16 border-4 border-background ring-2 ring-border md:size-20",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
-                /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-lg", children: getInitials(authorName) })
-              ]
-            },
-            index
-          );
-        }) }) }),
-        renderedTestimonials
-      ] })
+      containerClassName,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "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: [
+            badge && (typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: badgeClassName, children: badge }) : badge),
+            heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "h2",
+              {
+                className: cn(
+                  "text-2xl font-semibold tracking-tight md:text-4xl lg:text-6xl text-balance",
+                  headingClassName
+                ),
+                children: heading
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+            testimonials && testimonials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex justify-center", avatarsClassName), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex -space-x-4", children: testimonials.map((testimonial, index) => {
+              const authorName = getAuthorName(testimonial);
+              const avatarSrc = getAvatarSrc(testimonial);
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                Avatar,
+                {
+                  className: "relative flex shrink-0 overflow-hidden rounded-full size-16 ring-4 ring-primary md:size-20 shadow-xl",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
+                    /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-lg", children: getInitials(authorName) })
+                  ]
+                },
+                index
+              );
+            }) }) }),
+            renderedTestimonials
+          ]
+        }
+      )
     }
   );
 }
@@ -44789,14 +45090,14 @@ function TestimonialsCompanyLogo({
   const renderedTestimonial = React8.useMemo(() => {
     if (testimonialSlot) return testimonialSlot;
     if (!testimonial) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-8", contentClassName), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-12 md:space-y-16", contentClassName), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "mdi/comment-quote-outline", size: 48 }),
         testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "blockquote",
           {
             className: cn(
-              "relative text-xl font-medium leading-relaxed md:text-2xl",
+              "relative text-lg font-light leading-relaxed md:text-2xl",
               quoteClassName
             ),
             children: testimonial.quote
@@ -44814,15 +45115,15 @@ function TestimonialsCompanyLogo({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-1 text-right", authorClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-x-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-end", children: [
             testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: testimonial.author }) : testimonial.author),
-            testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: testimonial.role }) : testimonial.role)
+            testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm opacity-75", children: testimonial.role }) : testimonial.role)
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
               href: testimonial.linkConfig?.href,
-              className: "text-sm font-bold uppercase transition-all duration-300 hover:underline hover:underline-offset-4",
+              className: "cursor-pointer text-sm font-bold uppercase transition-all duration-500 hover:underline hover:underline-offset-4",
               children: testimonial.linkConfig?.label || "Learn more"
             }
           )
@@ -44853,7 +45154,7 @@ function TestimonialsCompanyLogo({
         "div",
         {
           className: cn(
-            "grid items-center gap-12 lg:gap-24 grid-cols-1 lg:grid-cols-2",
+            "grid items-center gap-16 lg:gap-24 grid-cols-1 lg:grid-cols-2",
             gridClassName
           ),
           children: [
@@ -44884,19 +45185,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,
@@ -44943,27 +45231,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: [
@@ -44977,7 +45271,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,
     {
@@ -45041,7 +45347,8 @@ function TestimonialsMarquee({
   quoteClassName,
   authorClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -45051,81 +45358,102 @@ function TestimonialsMarquee({
     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("");
   }, []);
   const renderedTestimonials = React8.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     if (!testimonials || testimonials.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", marqueeClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute left-0 top-0 z-10 h-full w-24 bg-gradient-to-r from-background to-transparent" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute right-0 top-0 z-10 h-full w-24 bg-gradient-to-l from-background to-transparent" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: cn(
-            "flex gap-4",
-            pauseOnHover !== false && "[&:hover_.marquee-content]:pause"
-          ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: "marquee-content flex shrink-0 animate-marquee gap-4",
-              style: {
-                animationDuration: speedMap[effectiveSpeed]
-              },
-              children: duplicatedTestimonials.map((testimonial, index) => {
-                const authorName = getAuthorName(testimonial);
-                const avatarSrc = getAvatarSrc(testimonial);
-                return /* @__PURE__ */ jsxRuntime.jsx(
-                  Card,
-                  {
-                    className: cn("w-80 shrink-0", 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: [
-                            "\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(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
-                );
-              })
-            }
-          )
-        }
-      )
-    ] });
-  }, [testimonialsSlot, marqueeClassName, pauseOnHover, effectiveSpeed, duplicatedTestimonials, cardClassName, quoteClassName, authorClassName, testimonials, getAuthorName, getAvatarSrc, getInitials]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "relative marquee-fade",
+          pauseOnHover && "marquee-pause-on-hover",
+          marqueeClassName
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "marquee-content flex shrink-0 animate-marquee gap-4",
+            style: {
+              animationDuration: speedMap[effectiveSpeed]
+            },
+            children: duplicatedTestimonials.map((testimonial, index) => {
+              const authorName = getAuthorName(testimonial);
+              const avatarSrc = getAvatarSrc(testimonial);
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                Pressable,
+                {
+                  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",
+                      {
+                        className: cn(
+                          "mb-4 text-sm leading-relaxed",
+                          quoteClassName
+                        ),
+                        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-4", authorClassName),
+                        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-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)
+                          ] })
+                        ]
+                      }
+                    )
+                  ] })
+                },
+                index
+              );
+            })
+          }
+        ) })
+      }
+    );
+  }, [
+    testimonialsSlot,
+    marqueeClassName,
+    pauseOnHover,
+    effectiveSpeed,
+    duplicatedTestimonials,
+    cardClassName,
+    quoteClassName,
+    authorClassName,
+    testimonials,
+    getAuthorName,
+    getAvatarSrc,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -45134,28 +45462,20 @@ function TestimonialsMarquee({
       pattern,
       patternOpacity,
       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
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-            "p",
-            {
-              className: cn(
-                "mt-4 text-lg text-muted-foreground",
-                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-lg text-balance", descriptionClassName), children: description }) : description)
         ] }) }),
         renderedTestimonials,
         /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
@@ -45170,9 +45490,13 @@ function TestimonialsMarquee({
         .animate-marquee {
           animation: marquee linear infinite;
         }
-        .pause {
+        .marquee-pause-on-hover:hover .marquee-content {
           animation-play-state: paused;
         }
+        .marquee-fade {
+          -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
+          mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
+        }
       ` })
       ]
     }
@@ -45188,6 +45512,7 @@ function TestimonialsSimpleGrid({
   headerClassName,
   headingClassName,
   descriptionClassName,
+  cardContentClassName,
   gridClassName,
   cardClassName,
   quoteClassName,
@@ -45198,17 +45523,11 @@ function TestimonialsSimpleGrid({
   pattern,
   patternOpacity
 }) {
-  const gridCols = {
-    2: "sm:grid-cols-2",
-    3: "sm:grid-cols-2 lg:grid-cols-3",
-    4: "sm:grid-cols-2 lg:grid-cols-4"
-  };
-  const effectiveColumns = columns || 3;
   const getAuthorName = React8.useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
   }, []);
-  const getAvatarSrc = React8.useCallback(
+  React8.useCallback(
     (testimonial) => {
       return testimonial.avatarSrc || testimonial.avatar?.src;
     },
@@ -45223,53 +45542,89 @@ function TestimonialsSimpleGrid({
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: cn("grid gap-6", gridCols[effectiveColumns], gridClassName),
+        className: cn(
+          "grid gap-4 md:gap-6 lg:gap-8 md:grid-cols-2 lg:grid-cols-3",
+          gridClassName
+        ),
         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: [
-            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),
-                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs ", children: [
-                  testimonial.role && (typeof testimonial.role === "string" ? testimonial.role : null),
-                  testimonial.company && (typeof testimonial.company === "string" ? `, ${testimonial.company}` : null)
-                ] })
-              ] })
-            ] })
-          ] }) }, index);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            Pressable,
+            {
+              href: testimonial.linkConfig?.href,
+              className: cn(
+                "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-0 shadow-xl group",
+                "ring-4 ring-ring",
+                cardClassName
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                CardContent,
+                {
+                  className: cn(
+                    "px-0 h-full flex flex-col-reverse items-stretch justify-between gap-12",
+                    cardContentClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: cn(
+                          "flex items-center justify-between",
+                          authorClassName
+                        ),
+                        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", 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,
+                              {
+                                src: testimonial.avatarSrc,
+                                alt: authorName
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
+                          ] }),
+                          /* @__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
+                              }
+                            )
+                          ] })
+                        ] })
+                      }
+                    ),
+                    /* @__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) })
+                  ]
+                }
+              )
+            },
+            index
+          );
         })
       }
     );
   }, [
     testimonialsSlot,
-    gridCols,
-    effectiveColumns,
     gridClassName,
     testimonials,
     cardClassName,
-    quoteClassName,
+    cardContentClassName,
     authorClassName,
     getAuthorName,
-    getAvatarSrc,
     getInitials
   ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -45285,19 +45640,29 @@ function TestimonialsSimpleGrid({
         /* @__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-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("mt-4 text-lg text-balance", descriptionClassName),
+                  children: description
+                }
+              ) : description)
             ]
           }
         ),
@@ -45315,36 +45680,58 @@ function TestimonialsSliderMinimal({
   quoteClassName,
   authorClassName,
   avatarClassName,
+  navButtonClassName,
   dotsClassName,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "xl",
+  spacing = "none",
   pattern,
-  patternOpacity
+  patternOpacity,
+  previousButtonAriaLabel,
+  nextButtonAriaLabel,
+  navigationClassName
 }) {
   const [currentIndex, setCurrentIndex] = React8.useState(0);
-  const [isTransitioning, setIsTransitioning] = React8.useState(false);
   const totalTestimonials = testimonials?.length ?? 0;
-  const effectiveAutoPlayInterval = autoPlayInterval ?? 5e3;
-  const goToSlide = React8.useCallback(
+  const autoPlayTimerRef = React8__namespace.useRef(
+    null
+  );
+  const resetAutoPlay = React8.useCallback(() => {
+    if (autoPlayTimerRef.current) {
+      clearInterval(autoPlayTimerRef.current);
+      autoPlayTimerRef.current = null;
+    }
+    if (!autoPlayInterval || autoPlayInterval <= 0 || totalTestimonials === 0)
+      return;
+    autoPlayTimerRef.current = setInterval(() => {
+      setCurrentIndex((prev) => (prev + 1) % totalTestimonials);
+    }, autoPlayInterval);
+  }, [autoPlayInterval, totalTestimonials]);
+  const goToNext = React8.useCallback(() => {
+    if (totalTestimonials === 0) return;
+    setCurrentIndex((prev) => prev === totalTestimonials - 1 ? 0 : prev + 1);
+    resetAutoPlay();
+  }, [totalTestimonials, resetAutoPlay]);
+  const goToPrevious = React8.useCallback(() => {
+    if (totalTestimonials === 0) return;
+    setCurrentIndex((prev) => prev === 0 ? totalTestimonials - 1 : prev - 1);
+    resetAutoPlay();
+  }, [totalTestimonials, resetAutoPlay]);
+  const goToIndex = React8.useCallback(
     (index) => {
-      if (index === currentIndex) return;
-      setIsTransitioning(true);
-      setTimeout(() => {
-        setCurrentIndex(index);
-        setIsTransitioning(false);
-      }, 300);
+      setCurrentIndex(index);
+      resetAutoPlay();
     },
-    [currentIndex]
+    [resetAutoPlay]
   );
   React8.useEffect(() => {
-    if (effectiveAutoPlayInterval <= 0 || totalTestimonials === 0) return;
-    const interval = setInterval(() => {
-      const nextIndex = (currentIndex + 1) % totalTestimonials;
-      goToSlide(nextIndex);
-    }, effectiveAutoPlayInterval);
-    return () => clearInterval(interval);
-  }, [currentIndex, effectiveAutoPlayInterval, totalTestimonials, goToSlide]);
+    resetAutoPlay();
+    return () => {
+      if (autoPlayTimerRef.current) {
+        clearInterval(autoPlayTimerRef.current);
+      }
+    };
+  }, [resetAutoPlay]);
   const current = testimonials?.[currentIndex];
   const getAuthorName = React8.useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
@@ -45364,53 +45751,64 @@ function TestimonialsSliderMinimal({
     if (!current) return null;
     const authorName = getAuthorName(current);
     const avatarSrc = getAvatarSrc(current);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: cn(
-          "transition-opacity duration-300",
-          isTransitioning ? "opacity-0" : "opacity-100"
-        ),
-        children: [
-          current.quote && (typeof current.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
-            "blockquote",
-            {
-              className: cn(
-                "text-xl font-medium leading-relaxed md:text-2xl lg:text-3xl",
-                quoteClassName
-              ),
-              children: [
-                "\u201C",
-                current.quote,
-                "\u201D"
-              ]
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: current.quote })),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: cn(
-                "mt-8 flex flex-col items-center gap-4",
-                authorClassName
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: cn("size-14", avatarClassName), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-12 md:space-y-24", children: [
+      current.quote && (typeof current.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "blockquote",
+        {
+          className: cn(
+            "text-xl font-thin leading-relaxed md:text-2xl text-balance line-clamp-6",
+            quoteClassName
+          ),
+          children: [
+            "\u201C",
+            current.quote,
+            "\u201D"
+          ]
+        }
+      ) : current.quote),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "mt-8 flex flex-col items-center gap-6 md:gap-12",
+            authorClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              Avatar,
+              {
+                className: cn(
+                  "relative flex shrink-0 overflow-hidden rounded-full ring-4 ring-primary shadow-xl size-12",
+                  avatarClassName
+                ),
+                children: [
                   /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
                   /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                  current.author && (typeof current.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: current.author }) : current.author),
-                  current.role && (typeof current.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm ", children: current.role }) : current.role)
-                ] })
-              ]
-            }
-          )
-        ]
-      }
-    );
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-0", children: [
+              current.author && (typeof current.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: current.author }) : current.author),
+              current.role && (typeof current.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm ", children: current.role }) : current.role)
+            ] }),
+            current.linkConfig?.href && /* @__PURE__ */ jsxRuntime.jsx(
+              Pressable,
+              {
+                href: current.linkConfig.href,
+                className: cn(
+                  current.linkConfig.className,
+                  "text-sm font-bold tracking-wide uppercase",
+                  "hover:underline hover:underline-offset-2"
+                ),
+                children: current.linkConfig.label
+              }
+            )
+          ]
+        }
+      )
+    ] });
   }, [
     testimonialsSlot,
-    isTransitioning,
     current,
     quoteClassName,
     authorClassName,
@@ -45428,21 +45826,75 @@ function TestimonialsSliderMinimal({
       patternOpacity,
       className,
       containerClassName,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-3xl text-center", contentClassName), children: [
-        renderedTestimonial,
-        testimonials && testimonials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex justify-center gap-2", dotsClassName), children: testimonials.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: () => goToSlide(index),
-            className: cn(
-              "size-2 rounded-full transition-all",
-              index === currentIndex ? "w-6 bg-primary text-primary-foreground" : ""
-            ),
-            "aria-label": `Go to testimonial ${index + 1}`
-          },
-          index
-        )) })
-      ] })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "mx-auto max-w-3xl text-center min-h-[700px] flex flex-col items-center justify-center",
+            contentClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                initial: { opacity: 0, y: 10 },
+                animate: { opacity: 1, y: 0 },
+                exit: { opacity: 0, y: -10 },
+                transition: { duration: 0.4, ease: "easeInOut" },
+                children: renderedTestimonial
+              },
+              currentIndex
+            ) }),
+            testimonials && testimonials.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn(
+                  "mt-8 flex items-center justify-center gap-4",
+                  navigationClassName
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Pressable,
+                    {
+                      asButton: true,
+                      variant: "default",
+                      size: "icon",
+                      className: cn("size-10 rounded-full", navButtonClassName),
+                      onClick: goToPrevious,
+                      "aria-label": previousButtonAriaLabel ?? "Previous testimonial",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-left", size: 24 })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center gap-2", dotsClassName), children: testimonials.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: () => goToIndex(index),
+                      className: cn(
+                        "size-2 rounded-full transition-all",
+                        index === currentIndex ? "w-6 bg-primary text-primary-foreground" : "bg-card text-card-foreground"
+                      ),
+                      "aria-label": `Go to testimonial ${index + 1}`
+                    },
+                    index
+                  )) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Pressable,
+                    {
+                      asButton: true,
+                      variant: "default",
+                      size: "icon",
+                      className: cn("size-10 rounded-full", navButtonClassName),
+                      onClick: goToNext,
+                      "aria-label": nextButtonAriaLabel ?? "Next testimonial",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 24 })
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }
@@ -45494,32 +45946,44 @@ function TestimonialsSplitImage({
           /* @__PURE__ */ jsxRuntime.jsx(
             DynamicIcon,
             {
-              name: "lucide/quote",
+              name: "mdi/comment-quote-outline",
               size: 48,
-              className: cn("text-primary/20", quoteIconClassName)
+              className: quoteIconClassName
             }
           ),
           testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "blockquote",
             {
               className: cn(
-                "text-xl font-medium leading-relaxed md:text-2xl",
+                "text-lg font-light leading-relaxed md:text-2xl lg:text-3xl",
                 quoteClassName
               ),
               children: testimonial.quote
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-4 pt-4", authorClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-12", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "relative flex shrink-0 overflow-hidden shadow-xl rounded-2xl size-18", children: [
               /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
               /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0", children: [
               testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: testimonial.author }) : testimonial.author),
               (testimonial.role || testimonial.company) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm ", children: [
                 testimonial.role && (typeof testimonial.role === "string" ? testimonial.role : testimonial.role),
                 testimonial.company && (typeof testimonial.company === "string" ? ` at ${testimonial.company}` : testimonial.company)
-              ] })
+              ] }),
+              testimonial.linkConfig?.href && /* @__PURE__ */ jsxRuntime.jsx(
+                Pressable,
+                {
+                  href: testimonial.linkConfig.href,
+                  className: cn(
+                    testimonial.linkConfig.className,
+                    "text-sm font-bold tracking-wide uppercase",
+                    "hover:underline hover:underline-offset-2"
+                  ),
+                  children: testimonial.linkConfig.label
+                }
+              )
             ] })
           ] })
         ]
@@ -45549,13 +46013,17 @@ function TestimonialsSplitImage({
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: cn("grid items-center gap-12 lg:grid-cols-2", gridClassName),
+          className: cn(
+            "grid items-center gap-10 md:gap-12 grid-cols-1 lg:grid-cols-2",
+            gridClassName
+          ),
           children: [
             imageSrc && /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
                 className: cn(
-                  "relative aspect-4/3 overflow-hidden rounded-2xl lg:aspect-square",
+                  "shadow-xl rounded-2xl",
+                  "relative aspect-4/3 overflow-hidden lg:aspect-square",
                   effectiveImagePosition === "right" && "lg:order-2",
                   imageClassName
                 ),
@@ -45878,19 +46346,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,
@@ -45905,101 +46360,134 @@ 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-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 === 1 && "md:border-x md:border-dashed",
+                  index === 2 ? "border-b" : "md:border-b",
+                  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
@@ -46009,17 +46497,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
-      ]
+      ] })
     }
   );
 }
@@ -46039,18 +46527,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("");
   }, []);
@@ -46081,7 +46576,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
                   }
                 ) }),
@@ -46098,20 +46596,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)
                         ] })
                       ] })
                     ]
@@ -46124,7 +46631,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,
     {
@@ -46133,6 +46653,7 @@ function TestimonialsLogoCards({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -46148,17 +46669,8 @@ function TestimonialsLogoCards({
                   ),
                   children: heading
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                "p",
-                {
-                  className: cn(
-                    "mt-4 text-lg text-muted-foreground",
-                    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("mt-4 text-lg", descriptionClassName), children: description }) : description)
             ]
           }
         ),
@@ -46453,14 +46965,14 @@ function TestimonialsAnimatedSplit({
             animate: { opacity: 1, y: 0 },
             exit: { opacity: 0, y: -20 },
             transition: { duration: 0.4 },
-            className: "space-y-6",
+            className: "space-y-4 md:space-y-6",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "mdi/comment-quote-outline", size: 48 }),
               current.quote && (typeof current.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "blockquote",
                 {
                   className: cn(
-                    "text-lg font-base leading-relaxed md:text-2xl",
+                    "text-base md:text-lg font-thin leading-normal md:leading-relaxed md:text-2xl line-clamp-4",
                     quoteClassName
                   ),
                   children: current.quote
@@ -46472,9 +46984,9 @@ function TestimonialsAnimatedSplit({
                   /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
-                    current.author && (typeof current.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: current.author }) : current.author),
-                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-base tracking-wide", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row items-start md:items-center gap-0 md:gap-1", children: [
+                    current.author && (typeof current.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm md:text-base font-semibold", children: current.author }) : current.author),
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm md:text-base font-normal tracking-normal md:tracking-wide", children: [
                       current.role && (typeof current.role === "string" ? current.role : null),
                       current.company && (typeof current.company === "string" ? ` at ${current.company}` : null)
                     ] })
@@ -46628,7 +47140,7 @@ function TestimonialsScrollingColumns({
             framerMotion.motion.div,
             {
               className: cn(
-                "relative overflow-hidden rounded-lg bg-card shadow-sm",
+                "relative overflow-hidden rounded-2xl bg-card text-card-foreground shadow-sm",
                 cardClassName
               ),
               variants: itemVariants2,
@@ -46643,15 +47155,25 @@ 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(
+                        "mx-auto mb-6 max-h-12 max-w-32 object-contain md:max-h-16 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(
@@ -46663,12 +47185,12 @@ function TestimonialsScrollingColumns({
                       ),
                       children: testimonial.quote
                     }
-                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })),
+                  ) : 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 && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1", children: [
                       ", ",
                       testimonial.role
                     ] }) : null)
@@ -46704,19 +47226,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 text-base md:text-lg text-balance",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : description)
             ]
           }
         ),
@@ -46736,7 +47271,8 @@ function TestimonialsMinimalNumbered({
   authorClassName,
   navigationClassName,
   background,
-  spacing,
+  spacing = "lg",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   pattern,
   patternOpacity
 }) {
@@ -46794,14 +47330,14 @@ function TestimonialsMinimalNumbered({
         "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 md:text-9xl",
             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",
           {
@@ -46907,13 +47443,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(
@@ -46921,7 +47457,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 })
                   }
                 )
               ] })
@@ -47042,10 +47578,11 @@ function TestimonialsParallaxNumber({
             framerMotion.motion.div,
             {
               className: cn(
+                "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,
                 {
@@ -47054,14 +47591,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/50 pr-4 md:pr-16", children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
                 framerMotion.motion.span,
                 {
@@ -47087,7 +47624,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,
                 {
@@ -47104,7 +47641,7 @@ 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-3xl font-light leading-[1.15] tracking-tight md:text-4xl lg:text-5xl",
                     quoteClassName
                   ),
                   initial: "hidden",
@@ -47139,7 +47676,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,
                   {
@@ -47156,7 +47693,9 @@ function TestimonialsParallaxNumber({
                         {
                           href: current.linkConfig.href,
                           className: cn(
-                            "text-sm text-muted-foreground underline underline-offset-2 hover:text-foreground transition-colors",
+                            "transition-all duration-500",
+                            "hover:underline hover:underline-offset-4",
+                            "text-sm",
                             current.linkConfig.className
                           ),
                           children: current.linkConfig.label
@@ -47169,7 +47708,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,
@@ -51685,7 +52227,7 @@ function HeroBadgeShadowOverlay({
   backgroundImageUrl,
   optixFlowConfig,
   background,
-  spacing = "py-0 md:py-0",
+  spacing = "none",
   pattern,
   patternOpacity,
   className,
@@ -51772,7 +52314,8 @@ function HeroVideoBackgroundDark({
   videoSrc,
   videoSlot,
   background,
-  videoBrightness = "50",
+  videoBrightness,
+  videoOverlayIntensity = "high",
   spacing = "py-0 md:py-0",
   pattern,
   patternOpacity,
@@ -51784,21 +52327,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,
     {
@@ -115369,8 +115912,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",
@@ -115378,7 +115921,11 @@ var BLOCK_REGISTRY = {
       "stack",
       "community",
       "social-proof",
-      "minimal",
+      "glassmorphism",
+      "glass",
+      "frosted",
+      "modern",
+      "premium",
       "rotating"
     ],
     category: "testimonials",