@opensite/ui 2.8.5 → 2.8.6

package/dist/registry.cjs

@@ -44235,10 +44235,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 +44271,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 +44286,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 +44303,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 text-muted-foreground", 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
+            );
           })
         ]
       }
@@ -44433,14 +44448,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 +44491,7 @@ function TestimonialsTwitterCards({
                             SocialLinkIcon,
                             {
                               href: testimonial.linkConfig.href,
-                              iconSize: 18
+                              iconSize: 24
                             }
                           )
                         ]
@@ -44545,8 +44564,9 @@ function TestimonialsTwitterCards({
 function TestimonialsCarouselImage({
   testimonials,
   testimonialsSlot,
-  height,
-  overlayOpacity,
+  autoPlayInterval,
+  height = "h-70dvh lg:h-60dvh",
+  overlayOpacity = 0.6,
   previousButtonAriaLabel,
   nextButtonAriaLabel,
   className,
@@ -44557,110 +44577,230 @@ function TestimonialsCarouselImage({
   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",
+  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: [
+          /* @__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,
+    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,54 +44817,71 @@ function TestimonialsCenteredAvatars({
   quoteClassName,
   authorClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   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;
+    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("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 +44890,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",
+            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 +44956,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 +44981,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 +45020,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: [
@@ -45041,7 +45208,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 +45219,94 @@ 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(
+                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", children: testimonial.role }) : testimonial.role)
+                          ] })
+                        ]
+                      }
+                    )
+                  ] })
+                },
+                index
+              );
+            })
+          }
+        ) })
+      }
+    );
+  }, [
+    testimonialsSlot,
+    marqueeClassName,
+    pauseOnHover,
+    effectiveSpeed,
+    duplicatedTestimonials,
+    cardClassName,
+    quoteClassName,
+    authorClassName,
+    testimonials,
+    getAuthorName,
+    getAvatarSrc,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -45134,6 +45315,7 @@ 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: [
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -45145,17 +45327,8 @@ function TestimonialsMarquee({
               ),
               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)
         ] }) }),
         renderedTestimonials,
         /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
@@ -45170,9 +45343,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 +45365,7 @@ function TestimonialsSimpleGrid({
   headerClassName,
   headingClassName,
   descriptionClassName,
+  cardContentClassName,
   gridClassName,
   cardClassName,
   quoteClassName,
@@ -45198,17 +45376,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;
     },
@@ -45218,58 +45390,77 @@ function TestimonialsSimpleGrid({
     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("grid gap-6", gridCols[effectiveColumns], 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);
+    if (testimonialsSlot) return testimonialsSlot;
+    if (!testimonials || testimonials.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        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);
+          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-6 shadow-xl group",
+                "ring-4 ring-ring",
+                cardClassName
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                CardContent,
+                {
+                  className: cn(
+                    "px-6 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 overflow-hidden rounded-full size-12 ring-4 ring-primary shadow-lg", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              AvatarImage,
+                              {
+                                src: testimonial.avatarSrc,
+                                alt: authorName
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
+                          ] }),
+                          /* @__PURE__ */ jsxRuntime.jsx("div", { children: testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium leading-none", children: testimonial.author }) : testimonial.author) })
+                        ] })
+                      }
+                    ),
+                    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 +45476,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 +45516,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 +45587,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-3xl ring-8 ring-primary shadow-xl size-24",
+                  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 +45662,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 +45782,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 +45849,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
                 ),
@@ -46453,14 +46757,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 +46776,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)
                     ] })
@@ -47156,7 +47460,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
@@ -51685,7 +51991,7 @@ function HeroBadgeShadowOverlay({
   backgroundImageUrl,
   optixFlowConfig,
   background,
-  spacing = "py-0 md:py-0",
+  spacing = "none",
   pattern,
   patternOpacity,
   className,