Shadcn.io is not affiliated with official shadcn/ui
Logos 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
Anchor a single customer story inside a bold dark inset with this featured quote dark variant logo block for React and Next.js. Features an inverted marketing headline cluster above a rounded-2xl bg-foreground panel, a flagship brand mark paired with a tabular-num outcome metric and tenure caption on the left, a semantic hero-scale blockquote with attribution figcaption on the right, a corner flagship-story pill, and a subtle dashed inverted divider keeping both halves balanced. 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 between lighter sections, single-story anchor moments that need visual contrast, and any landing page where one strong quote plus one inverted brand mark should stop the scroll.
Related Components
React Logos Featured Quote Split Block
The standard light featured quote split
React Logos Featured Quote With Supporting Trio Block
Featured quote with a trio of supporting logos
React Logos Featured Quote Reverse Split Block
Reverse-direction featured quote split
React Logos Dark Inset Wall Block
A dark inverted logo wall panel
React Logos Dark Inset Featured Focal Block
Dark inset variant of the focal hub
React Logos Featured Focal Dark Variant Block
Dark focal hub variant
FAQ
Was this page helpful?
Sign in to leave feedback.
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
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