Hero Components Demo

Basic Hero Section

A gradient hero with centered content and dual CTAs

Light Hero Section

Clean design with left-aligned content

Animated Background Hero

Full height with animated gradient background

Hero With Image

Split layout with image on the right

Hero Image - Different Layout

Image on left with gradient background

Split Screen Hero - Text

50/50 split with text content on both sides

Split Screen Hero - Mixed Media

60/40 split with text and image content