Logos 9 block design & features
This section stacks three elements vertically: a centered heading, an auto-scrolling logo Carousel, and a second Carousel of testimonial cards. A shadcn/ui Separator divides the logos from the testimonials. The logo carousel uses the AutoScroll plugin and loops continuously, with gradient overlays on both edges fading items into the background.
Each testimonial card sits inside a right-bordered column containing a quote, a name and role line, and a company logo image. The first card on large screens also receives a left border, framing the set as a row of equal panels. Quote text is clamped to three lines and rendered in muted foreground, while names use semibold tracking.
The overall tone is polished and editorial, pairing motion in the logo strip with a static, magazine-column layout for the testimonials. The Separator provides a clear visual break between the two content types.
On mobile the testimonial cards stack into a single scrollable row at full width, and the logo carousel adjusts from six visible items down to three, keeping each logo legible at smaller sizes.