Creative Tim UICreative Tim UI

Large image hero with centered content and CTAs - shadcn/ui

PRO

This hero example uses the power of image to showcase a product, next to the headline, CTA links, and the announcement badge. Features centered text content with dual CTAs and a large image display.

Preview

Component Details

ID
hero-04
Type
Block
Access
PRO
Category
Hero
Published
3 Apr 2026

Files Included

  • app/hero-04/page.tsx
  • components/creative-tim/blocks/hero-04.tsx

Components Used

Explore More Blocks

Logo
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.
Feature
FeatureProfessional feature showcase components for React and Next.js. Build product features, service highlights, benefits sections, and feature comparison layouts with icons, images, and call-to-action elements.
Modals
ModalsBeautiful modal and dialog components for React and Next.js. Build popups, confirmations, forms, and interactive overlay interfaces with accessible components.
Contact
ContactProfessional contact form components and section layouts for React and Next.js. Build contact pages, feedback forms, support sections, and communication interfaces.
Web3 Charts
Web3 ChartsProfessional Web3 and cryptocurrency chart components for React and Next.js. Build crypto price charts, staking metrics, transaction analytics, blockchain data visualizations, and interactive dashboards with Recharts integration for displaying cryptocurrency data and market statistics.
Coming Soon
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.
Overview
OverviewCustomer review and testimonial overview components for React and Next.js. Build review sections, rating displays with statistics, customer testimonials with profile images, and comprehensive feedback interfaces.
KPI
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.