Shadcn Hero section

A bold construction company hero with a transparent navbar, an oversized gradient headline over a full-bleed crane scene, a short tagline and a call to action.

A clean robotics hero with a minimal navbar, a large three-line headline, call to action buttons, feature columns, and a robot video, with a light and a dark clip, whose head follows the cursor by scrubbing frames as the pointer moves.

A game season hero with a floating glass navbar, a gradient headline, call to action buttons, a background image carousel with thumbnail controls and autoplay, a players stat card and character stat cards.

A cleaning service hero with a sticky navbar, a two line marker highlighted headline, call to action buttons, a satisfaction stat card with avatars and a full width looping video card with a floating booking link.

A centered social media hero with a notch navbar that detaches into a pill on scroll, a staggered headline reveal, an animated gradient blob background and a clickable carousel of creator cards that plays reels inside a phone mockup.

A light bento-style hero split into two columns: navbar, headline and description, rating and feature cards, and a full-width CTA on the left, with a dotted canvas holding a 3D mascot, login and access actions on the right.

A dark showcase hero with a full-bleed glass background image, a transparent navbar with links and a Menu button, an oversized staggered headline with a side blurb, a featured work thumbnail row, and a scroll cue.

A dark studio hero with an interactive dithered Earth globe canvas that spins on its own and responds to drag and arrow keys, an oversized headline, side labels, an Our works pill, and a showreel card.

A dark AI protocol hero with a WebGL2 animated dot-matrix background, protocol stats navbar, oversized headline with dual CTAs, a glass waitlist card, a latest updates feed, and a powered-by logo band.

A cinematic full-bleed video hero with a transparent navbar, an oversized headline with a highlighted keyword, dual CTAs, and a trusted-by band showing partner logos over a dark gradient overlay.

A WebGL depth/normal-mapped portrait hero: the cursor's own trail reveals a second plate over the subject, a scan-line outline traces the plate's edges, and a procedural line field animates behind it, framed by a navbar, driver identity block, next-event card, stat panel and CTA row.

A dark enterprise hero with a cursor-reactive wireframe globe, a transparent navbar, a tagline badge, a bold headline with dual CTAs, a floating showreel card, and a trusted-by band with security stats.

A theme-aware hero with a navbar, a rounded card driven by a WebGL2 Prism Film gradient shader with pointer-reactive chromatic split, a tagline badge, a bold headline, dual CTAs, a stats row, and a trusted-by logo strip.

A full-bleed music artist hero with a warm portrait backdrop, a gradient headline, listener stats, a community avatar strip, and a floating now-playing release card.

A dark-tech hero with an interactive canvas bar-helix background you can drag, scroll and hover to tint, layered under an announcement pill, a large headline, an AI prompt composer with quick-fill suggestions, and a trusted-by logo row.

A full-bleed music artist hero with a video backdrop, a gradient headline, a floating latest-release track list, listener stats, and a community avatar strip.

A full-bleed video hero with an editor-style timecode ruler, a live REC indicator, a floating showreel navigator card, a services list, and a giant bleeding wordmark over a looping background video.

A warm pet care hero with a floating pill navigation, a bold three-line headline, feature highlights, social proof, and a kitten video that follows the cursor by scrubbing frames as the pointer moves.

A full-bleed wellness hero with a looping video backdrop, a floating pill navigation with contact details, a serif headline, and a glassy ratings card with a rounded call to action.

A modern integrations hero with a floating pill navigation, ratings row, bold headline, CTAs and a workflow preview card, surrounded by app icons that orbit along concentric rings.

A playful hero section that pins integration cards to a sagging line above the fold — the line auto-scrolls and ripples like real fabric on a washing line as the cursor moves across it.

A modern real-estate hero section with a cinematic city backdrop, bold headline, CTA buttons, and a sleek property details card showcasing key project information.

An AI-product hero section with a soft aurora gradient backdrop, a bold headline, and a chat-style prompt card featuring a model selector, voice input, and workspace integration shortcuts.

An interactive category spotlight hero with a giant background headline, floating 3D characters, and a frosted glass info panel. Browse kids, men, and women collections with smooth crossfade transitions.

A full-bleed real estate hero section with a looping background video, a frosted-glass navbar with contact details, and a two-column headline layout.

A clean hero section with a background video, glass-style cards, and animated stats that create a modern scientific look. A sticky navbar keeps navigation simple as you scroll.

A bold hero section with a looping background video, oversized typography, and a transparent navbar. The mobile menu slides in smoothly for a clean browsing experience.

A cinematic hero section with a looping video background, bold two-line headline, and a waitlist email-capture pill, designed to build anticipation and collect early signups.

A travel hero section with a looping scenic video background, bold headline, and a location search bar, ideal for travel, hospitality, and destination discovery landing pages.

A polished hero section with a looping background video, an animated navbar, and a product dashboard preview. Smooth interactions help showcase your product from the start.

A modern SaaS hero section combining bold messaging, product positioning, trust indicators, and key metrics, designed to quickly communicate value and guide users toward primary actions.

A minimal hero section combining expressive visuals, clean layouts, and focused messaging—crafted to showcase creativity, build brand presence, and capture attention instantly.

A modern SaaS hero section showcasing an intuitive dashboard, highlighting real-time analytics, key metrics, and actionable insights to simplify decisions and drive growth.

A modern hero section highlighting key features, real user feedback, and intuitive design—crafted to position your product and increase conversions.

A modern hero section designed for creator platforms, featuring strong social proof, engaging user visuals, and clear messaging to highlight growth tools and drive sign-ups.

A clean hero section highlighting AI-powered coding tools, workflow automation, and real-time dashboards, designed to help developers build faster and scale with confidence.

A clean dashboard hero section featuring a centralized workspace, live analytics, and workflow management tools, designed to help teams stay organized and work faster.

A bold, dark-themed hero section designed to highlight trusted real agents, strategic partnerships, and clear calls-to-action that guide organizations toward confident decision-making.

A professional hero section crafted for enterprise AI businesses, featuring scalable solutions, real-time intelligence, and clear calls-to-action that inspire confidence.

A modern, high-impact hero section showcasing business expertise, growth metrics, and collaborative visuals to build credibility and drive meaningful client engagement.

A modern SaaS hero section highlighting AI-driven product capabilities with clear messaging, primary actions, feature navigation, and product preview—designed to communicate value and drive conversions quickly.

A personal portfolio hero section introducing the developer with a strong headline, profile visual, key achievements, and call-to-action—designed to showcase expertise and attract potential clients.

A striking hero section designed to capture attention instantly—combining bold messaging, immersive visuals, and clear calls-to-action to position your studio as a leader in modern design.

A dynamic hero section featuring a background video that captures attention instantly, communicates your brand story with impact, and guides visitors toward meaningful action.

A modern, high-impact hero section tailored for SaaS agencies to showcase expertise, promote services, and drive conversions with strong messaging, clear CTAs, and product-focused visuals.

A bold, dark-themed hero section designed for AI and analytics platforms, highlighting real-time insights, smart decision-making, and driving engagement with strong calls-to-action and product preview visuals.

A modern education-focused hero section built to showcase technical courses, highlight learner trust, display ratings, and guide users toward personalized learning paths with a clear action.

A conversion-focused hero section designed for service businesses, featuring trust indicators, bold messaging, strong CTAs, and lifestyle imagery to instantly communicate reliability, professionalism, and customer confidence.

A modern hero section crafted for education platforms, featuring a powerful headline, trust badge, clear CTAs, and instructor-led course previews to inspire learners and drive enrollments quickly.

A bold, conversion-focused hero section designed for SaaS products, featuring a strong headline, announcement badge, supporting copy, dual CTAs, and a product preview to instantly capture attention.

Personal portfolio hero section built for designers and developers, featuring availability badge, intro headline, social links, project CTA, and client logos to showcase credibility and drive hiring.

Modern crypto exchange hero section designed for fintech startups, featuring dark UI, beautiful graphic, trust signals, and conversion focused CTAs for secure trading platforms.

Modern portfolio hero section built for designers and developers, featuring bold typography, availability badge, clear CTAs, and responsive layout, perfect for personal brand websites and UI/UX portfolios.

High-impact digital agency hero section with cinematic background video, bold typography, brand driven headline, and clear CTA, perfect for creative studios and performance-focused marketing websites.

Luxury real estate hero section crafted for property listings, featuring immersive imagery, location highlight, key amenities, pricing details, and prominent Schedule a tour CTA for faster inquiries.

Clean agency hero section designed for SaaS and startup websites, featuring bold headline, gradient background, trust badges, client logos, and high converting CTAs for lead generation.

A modern SaaS hero section combining bold messaging, product positioning, trust indicators, and key metrics, designed to quickly communicate value and guide users toward primary actions.