Hero Sections Blocks

9 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

Split layout hero with orbiting tech stack icons

blocks/hero/hero-orbit.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

Command Palette