Shadcn.io is not affiliated with official shadcn/ui
About With Testimonial
A split-panel about block for React and Next.js with company description paragraphs, featured customer testimonial quote, star rating, author details, and divide-x layout built with shadcn/ui and Tailwind CSS
Combine your company story with authentic social proof using this split-panel about block for React and Next.js. Features a left panel with three-paragraph company description, and a right panel with a featured customer testimonial including large quote, star rating, author name, role, and company. Built with TypeScript, shadcn/ui Avatar component, motion/react directional entrance animations, and Tailwind CSS. Perfect for about pages, trust-building sections, and B2B landing pages.
Related Components
Testimonial Carousel
Rotating customer testimonials
Testimonial Grid
Grid of customer testimonials
Customer Love
Customer appreciation and social proof
Quote Large
Large centered quote block
Social Proof
Trust indicators and social validation
Success Stories
Customer success story highlights
FAQ
Was this page helpful?
Sign in to leave feedback.
Why Choose Us
A multi-column differentiators grid block for React and Next.js with text-only reason cards, proof point stats, hover states, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS
Work Style
A card-based work style manifesto block for React and Next.js with numbered principle cards, colored left borders, expandable detail toggles, team quotes, practice badges, and staggered entrance animations built with shadcn/ui and Tailwind CSS