Shadcn.io is not affiliated with official shadcn/ui
Logos Featured Quote Split
A featured quote split logo block for React and Next.js with a single flagship logo on the left paired with a customer testimonial on the right, hero-scale wordmark, semantic blockquote, and attribution figcaption built with shadcn/ui and Tailwind CSS
Bridge logos and testimonials with a featured quote split block for React and Next.js. Features a left half containing a single size-20 central mark with a text-3xl bold wordmark beneath representing the flagship customer, a right half containing a text-2xl semantic blockquote with specific numeric tension and a figcaption attribution row with an avatar initial and role, a thin vertical divider between halves on desktop, and no CTA chrome so the quote carries the sell. Built with TypeScript, motion/react parent entrance with split directional stagger, Lucide React icon mark, and Tailwind CSS theme variables. Perfect for flagship customer callouts, single-story anchor sections between features and pricing, and any landing page where one strong quote plus one recognizable brand mark is the entire proof.
Related Components
React Logos Featured Focal Hub Block
A central focal mark with supporting orbit
React Logos Bento Featured Case Study Block
A bento grid with featured case study cell
React Logos Split Headline Logo Grid Block
A split layout with headline and logo grid
React Logos Metric Hero Strip Block
A metric-led hero strip with logo row
React Logos Static Grid Wall Block
A static grid wall of monochrome logos
React Logos Dark Inset Wall Block
A dark inverted logo wall panel
FAQ
Was this page helpful?
Sign in to leave feedback.
Featured Quote Reverse Split
A reversed featured quote split logo block for React and Next.js with the customer testimonial on the left and a flagship logo mark on the right, hero-scale wordmark, semantic blockquote, and attribution figcaption built with shadcn/ui and Tailwind CSS
Featured Quote Stacked Layout
A vertically stacked featured quote logo block for React and Next.js with a centered flagship mark on top, a centered blockquote in the middle, and a centered attribution figcaption at the bottom built with shadcn/ui and Tailwind CSS