Testimonial 33 block design & features
Testimonial33 is a bento-style testimonial grid built with Shadcn UI, using a centered section title above a three-column layout. The first testimonial occupies a featured cell spanning two columns and two rows, displaying a large quote in medium-weight type with generous vertical padding. The remaining two testimonials sit in standard-sized accent cards stacked in the third column, each showing a smaller quote at a regular scale.
All cards use an accent background with rounded corners and no visible borders. Quotes render with semantic q elements that add automatic browser quotation marks. Each card closes with an author row pairing a circular avatar ringed with an input-colored border, the author name in semibold, and an optional role line in muted text.
The composition is editorial and hierarchy-driven, placing one primary endorsement front and center while secondary quotes provide supporting proof. An optional description paragraph beneath the heading appears only when the description prop contains text, keeping the block title-only by default.
On small screens the grid collapses to a single column, stacking the featured card above the two supporting cards in reading order.