Shadcn.io is not affiliated with official shadcn/ui
Logos Featured Focal With Quote Below
A featured focal logo block for React and Next.js with a flagship card on top, a stacked dashed divider, and a customer quote card below containing a blockquote plus figcaption attribution built with shadcn/ui and Tailwind CSS
Showcase a flagship partnership plus the story behind it with this featured focal logo block for React and Next.js. Features a hero-weight central card on top containing an inverted size-24 rounded mark container with a size-14 icon, a text-3xl bold wordmark, a flagship partner pill, and a tenure metric, followed by a dashed divider carrying a hear from them label, and a quote card below rendering a semantic blockquote plus figcaption with an initials avatar, name, and role. Built with TypeScript, motion/react parent entrance with useReducedMotion plus a staged flagship scale-in and quote fade-up cascade, Lucide React icon marks paired with one invented flagship wordmark, and Tailwind CSS theme variables. Perfect for flagship case-study callouts, customer-voice partner showcases, and built-on narratives where one partner deserves a full story with human attribution.
Related Components
React Logos Featured Focal Hub Block
A flagship card with supporting integrations strip
React Logos Featured Three Flagship Row Block
Three equal-weight flagship partner cards
React Logos Featured Focal With Metric Trio Block
A flagship card with a metric trio below
React Logos Featured Quote Split Block
A flagship logo paired with a customer quote
React Logos Featured Quote Stacked Layout Block
A stacked featured logo with customer quote
React Logos Bento Featured Case Study Block
A bento grid with a featured case study cell
FAQ
Was this page helpful?
Sign in to leave feedback.
Featured Focal With Metric Trio
A featured focal logo block for React and Next.js with a flagship card on top, a stacked dashed divider, and a three-metric tabular row below using text-4xl tabular-nums built with shadcn/ui and Tailwind CSS
Featured Quote Dark Variant
A dark inset featured quote split logo block for React and Next.js with an inverted palette panel, flagship brand mark, hero-scale blockquote, and attribution figcaption built with shadcn/ui and Tailwind CSS