# Testimonial 36 - Split Copy And Stacked Case Studies

## Pro

A two-column layout with heading, description, and testimonial cards on the left and a bordered list of case-study rows (thumbnail, metric, title) on the right, built with Shadcn UI.

## PreviewCode

npx shadcn add @shadcnblocks/testimonial36

### Shadcn Default
Customize

## What teams say about Shadcnblocks

Developers use our shadcn/ui blocks to ship marketing pages and product UI faster. Here is how the library fits real React and Tailwind workflows.

What I like most is having patterns and primitives in one place. It feels ten times more straightforward than piecing together random scheduling and routing demos.

**Morgan Ellis**  
CTO, Northwind Labs

We dropped these sections into a Vite app next to our own shadcn config. The blocks respect our theme tokens and we did not need a separate design tool for the first launch.

**Riley Park**  
Engineering lead

\n\nHow we moved pages from Figma to production in a week](/content/preview/testimonial36?iframe=true#/index.html)  
\n\nTighter layout consistency across the marketing site](/content/preview/testimonial36?iframe=true#/index.html)  
\n\nFrom blank repo to a credible landing in one sprint](/content/preview/testimonial36?iframe=true#/index.html)

### Component Data

- **ID:** testimonial36  
- **Access:** pro  
- **Created:** Apr 23, 2026  
- **Type:** block

## Testimonial 36 block design & features

The section uses a wide two-column split on large screens. The left column carries the title, supporting line, and both testimonial blocks in a vertical stack with bordered, lightly filled cards, avatars, and company marks. The right column groups case studies in a single panel with row dividers: each link shows a preview image and the headline stat, label, and title beside it, so the block reads as a balanced list beside the quotes. Built with shadcn/ui avatars, it follows the testimonial-case-studies data model.

Case-study rows behave as clear links with hover on the row; on small screens the image stacks above the text. The layout suits comparison pages where you want stories on one side and proof points read as a compact list without a tall column of separate cards.

Visually the split is asymmetric but balanced: the quote column is text-heavy, the case column pairs numbers with thumbnails in horizontal rows. The stack collapses to a single column on small viewports. This is a moderate-complexity block in the same family as other case-study plus testimonial sections.

The component is intended for React or Next.js apps using the shared testimonial-case-studies types and placeholder content or custom props. It reuses the same author and company fields as other blocks in the subgroup for predictable integration.