Testimonial 38 - Divided List And Metric Blocks

Pro

A narrow centered section with a bordered, divided list for testimonials and a simple three-column case-study row with border-only tiles and tabular numbers, built with Shadcn UI.

Shadcn Testimonial 38 block

Component data

ID
testimonial38
Access
pro
Created
Apr 23, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Testimonial 38 block design & features

The intro is center-aligned in a max-width column. Testimonials are rendered as two rows in a single bordered list: each row pairs the quote on the left with the author, avatar, and company mark on the right on medium screens, so the section reads more like a table of quotes than a card grid. Below, three case-study links use minimal framing (border, light hover) and stacked metric, label, and title lines.

The aesthetic is light and document-like, with no heavy card fills on the quotes, relying on dividers and line weight instead. The case-study row feels editorial and scannable, suitable for a facts-forward marketing page. Animation is limited to focus rings and a muted hover.

Complexity is moderate: it expects the same testimonial-case-studies data as the subgroup and standard avatar and image paths. The block is a Shadcn UI layout you can import into a React or Next.js project and align with the shared type and placeholder pack for quick previews.

The prose in your CMS can stay short: each quote row is a single string plus author and logo fields, and each case item supplies one stat, label, background image, title, and link.