Testimonial 27 block design & features
Testimonial27 is a quotes-and-metrics section built with shadcn/ui. A left-aligned heading and a wide supporting paragraph sit above two large muted quote cards. Each quote card has a medium-length paragraph, then a row with a rounded-square avatar, the author name and role, and a company logo. Under that, three square case-study tiles each show a large statistic, a short caption, a title, and a faint background photograph.
Quote cards are muted fills with large rounding and roomy padding. Avatars are small rounded squares rather than circles. Logos sit opposite the author at reduced opacity. Case-study tiles start muted; on hover the tile inverts to a dark fill, the type flips light, and the background photo scales slightly while fading. The heading is large with tight letter spacing.
Taken together this is more of a proof module than a simple quote wall: spoken quotes plus outcome numbers. The hover invert on the square tiles is the distinctive interaction. Complexity is moderate to elaborate and mixed: you need two full quotes with photos and logos, plus three case studies each with a stat, caption, title, link, and background image.
Quotes go to two columns on medium screens and stack on small ones. Case studies go to three columns on medium and up. The heading and description stay left-aligned.