Testimonial 26 block design & features
Testimonial26 is a carousel testimonial block built with Shadcn UI, constrained to a max-width container. Each slide presents a large semibold blockquote in a custom font, followed by a row containing a company logo, a vertical border divider, and the author name and role in a cite element. Below the carousel a row of circular dot buttons indicates the current slide and allows direct navigation.
The blockquote text scales across three breakpoints, using balanced text wrapping and relaxed line height. Company logos render inside a fixed-size container and invert in dark mode. Dots transition between a faint muted fill and a solid muted-foreground fill, with ARIA tab roles for accessibility. The carousel is configured for center alignment and infinite looping, and slides are grab-cursor draggable.
Behind the content sits a decorative SVG pattern of small plus signs at very low opacity, sandwiched between two gradient overlays that feather the pattern edges into the background. This subtle texture adds depth without competing with the quote text.
The layout is single-column throughout and does not change structure across breakpoints, only adjusting type size and spacing.