Testimonial 12 block design & features
Testimonial12 is a carousel testimonial block built with shadcn/ui, wrapped in a single bordered card. Each slide uses a three-column grid on large screens, placing a square portrait image in the first column and the testimonial content spanning the remaining two. The content area shows a company logo with name, a serif blockquote with typographic quotation marks, a separator line, and two large stat figures with labels and time-range descriptions. Previous and next carousel controls sit in the bottom-right corner.
The blockquote uses a serif font at a medium-large size with CSS-generated curly quotes. Stat values render in oversized semibold numerals, creating a clear visual anchor beneath the quote. The separator between quote and stats uses the shadcn Separator component. Author name, role, and company appear near the image, their visibility toggling between breakpoints to avoid duplication.
The composition blends social proof with quantitative impact, giving each slide a case-study quality. The bordered card container and internal padding keep the layout self-contained and structured.
On smaller screens the three-column grid collapses so the image, quote, and stats stack vertically within each slide. At the medium breakpoint the image and author details rearrange into a side-by-side row before the full grid appears at large.