Shadcn.io is not affiliated with official shadcn/ui
React About Block Image Overlay
Full-width image section with text overlay for React visual about pages
Create visual impact with this image overlay component for Next.js about pages. Features a full-width image with gradient overlay and positioned text content. Built with shadcn/ui Button component using Tailwind CSS. The dark overlay ensures text readability while letting the image create atmosphere. Perfect for creative agencies, lifestyle brands, and companies with strong visual identity who want their about page to stand out.
React About Block Image Overlay preview
Loading...
Scroll to load preview
Installation
Install
Pro block
Related Components
React About Block Alternating
Zigzag layout sections
React About Block Two Column
Two column with stats
React About Block Stacked Cards
Stacked cards design
React About Block Gradient Headline
Gradient text effect
React About Block Bold Statement
Bold statement style
React About Block Video Split
Video with text