Testimonials Blocks

A testimonials section with customer quote cards.

A single featured testimonial with a large centered quote, oversized avatar, name and role, and a company logo placeholder. No cards or grid, just a focused spotlight on one voice.

A masonry wall of seven testimonial quote cards in varied heights with avatars, names, and roles

A responsive grid of review cards, each with a five-star rating row, a quote, and a grayscale avatar with name, role, and company. A social-proof wall with explicit ratings.

Pro testimonials wall: three columns of quote cards auto-scroll in an infinite loop at different speeds behind a top-and-bottom fade, pausing on hover, each card with a grayscale avatar and star rating; static full wall under reduced motion.

Pro testimonials spotlight carousel: a single centered quote with star rating and grayscale avatar auto-advances on a timer, cross-fading between entries, with prev/next controls, dot indicators, and pause-on-hover; static under reduced motion.

Pro testimonials tabbed case studies: switch between customer stories, each with a highlighted headline metric, a read-case-study link, and a supporting quote with grayscale avatar; panels cross-fade on change.

Pro testimonials case-study cards: a two-column pair of result-focused cards, each with a company mark, an outcome paragraph highlighting a headline metric, a read-case-study link, and a supporting quote with grayscale avatar; cards rise in on scroll.

Pro testimonials logo grid: a hairline-divided grid of quote cards, each led by a company mark and closed with a grayscale avatar, revealing in a staggered cascade on scroll.

Pro testimonials bracketed trio: three vertically staggered quote cards with corner brackets and an oversized quote glyph, each with a grayscale avatar, rising in on scroll.

Pro testimonials roster: a selectable list of customers on the right swaps the featured quote on the left, which cross-fades with a blur; auto-advances on a timer, pauses on hover, static under reduced motion.

Pro testimonials rating breakdown: an aggregate score with a counting-up average, star rating, and animated per-star distribution bars beside a grid of star-rated review cards with grayscale avatars.