Creative Tim UICreative Tim UI

Hero with full background image and centered content - shadcn/ui

PRO

Use this hero example with an image that creates the vibe you want to transmit to your users. It can be used to engage visitors with your brand's journey or philosophy, suitable for products or services that promise growth and ambition. Features full-screen background image with dark overlay.

Preview

Component Details

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

Files Included

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

Components Used

Explore More Blocks

Widgets
WidgetsVersatile widget components for React and Next.js. Build dashboard widgets, stats cards, join-now sections, and data visualization panels with customizable designs.
Sidebar
SidebarProfessional sidebar navigation and menu components for React and Next.js. Build dashboard sidebars, app navigation, crypto wallets, calendar views, task managers, and feature-rich sidebar layouts with customizable content.
Pricing
PricingProfessional pricing and plan comparison components for React and Next.js. Build pricing tables, subscription plans, feature comparisons, and pricing toggles with monthly/annual options.
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.
Account
AccountBeautiful and customizable account management components for React and Next.js. Build user profiles, settings, authentication flows, and account dashboards with ready-to-use blocks.
Web3 Login
Web3 LoginModern Web3 authentication components for React and Next.js. Build crypto wallet login interfaces, blockchain selection screens, QR code authentication, and secure Web3 access flows with support for Metamask, Coinbase, Trust Wallet, and other popular crypto wallets.
Table Header
Table HeaderProfessional table header components for React and Next.js. Build search bars, filter controls, category tabs, action buttons, and sorting options for data tables with flexible layouts.
Pages
PagesComplete, ready-to-use full-page layouts for React and Next.js. Drop in a full page — dashboards, management views, and multi-section layouts composed from multiple blocks. Install with one command and customize to your needs.