Left-aligned hero with dual images and CTAs - shadcn/ui
PROIn this example, the text is aligned to the left, while the images are displayed to the right, creating a balanced layout. The two call-to-action buttons are styled distinctly — one filled and one outlined, providing the user with a clear choice of actions.
Preview
Explore More Blocks
KPIProfessional KPI (Key Performance Indicator) card components for React and Next.js. Build metric displays, performance snapshots, dashboard cards with icons, badges, arrows, progress bars, charts, and action buttons to showcase business metrics and analytics.
CardVersatile card layout components for React and Next.js. Build content cards with avatars, images, backgrounds, call-to-action buttons, and various layouts for displaying information in organized containers.
FootersModern footer components and section layouts for React and Next.js. Build professional website footers with links, social media, newsletters, and navigation.
Coming SoonProfessional coming soon and launching soon page components for React and Next.js. Build launch pages with countdown timers, email subscriptions, video backgrounds, app previews, and notification signup forms.
LayoutProfessional category showcase and product layout components for React and Next.js. Build category grids, product collections, navigation sections, and organized content displays.
TestimonialsProfessional testimonial and social proof components for React and Next.js. Build customer reviews, ratings, case studies, and trust-building sections.
TeamProfessional team member showcase components for React and Next.js. Build team pages, member profiles, organization charts, and employee directories with customizable layouts.
LogoProfessional brand logo showcase components for React and Next.js. Build trust sections, partner displays, client logos, and company ecosystem layouts with various styles and configurations.