## 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