Divided List And Metric Blocks

Testimonial 38Pro

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 UI Testimonial Block

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.