Hero Sections Blocks

10 blocks

High-conversion hero sections for SaaS landing pages. Includes video backgrounds, animated gradients, and centered layouts.

Immersive hero section with background video loop and transparent overlay

blocks/hero/hero-video.tsx

Classic SaaS hero layout with primary CTA and social proof badges

blocks/hero/hero-sections.tsx

Modern split-layout hero with large product screenshot placeholder

blocks/hero/hero-section-two.tsx

Magic UI animated hero with subtle gradient accents and shiny text effects

blocks/hero/hero-gradient.tsx

Developer-focused hero with CSS-only terminal window and code snippet

blocks/hero/hero-terminal.tsx

Dynamic hero with floating feature cards and interactive animations

blocks/hero/hero-floating-cards.tsx

Clean, polished hero section with floating testimonial cards, animated stats, and optional company logos.

blocks/hero/hero-testimonials.tsx

Developer-focused hero with CLI visualization and SEO configured.

blocks/hero/hero-cli-launch.tsx

Pre-launch email capture with social proof counter, feature highlights, and success state.

blocks/hero/hero-waitlist.tsx

Showcase your product in a realistic laptop or phone frame with toggle between devices.

blocks/hero/hero-device-mockup.tsx

Command Palette