## Hero Layout: What's the main structure?

The hero is the first thing visitors see. Which layout best suits a "start your build now" homepage?

AR-15 Build Planner
Build smarter rifles.
No spreadsheets.
Pick parts by role, catch compatibility issues, compare live prices — all in one place.
START A BUILD →
▶ Builder preview video

### A — Centered / Full-width

Headline + tagline centered, single dominant CTA button, product video below. Clean, magazine-style. Works great on mobile.

AR-15 Build Planner
Build smarter rifles.
No spreadsheets.
Pick parts, catch clashes, compare prices.
START A BUILD →
App screenshot
or animation

### B — Split (text left, visual right)

Copy on the left, app screenshot or short animation on the right. Shows the product immediately. Strong for conversion, more complex layout.

Full-bleed product image or video background
Build smarter rifles.
No spreadsheets.
START A BUILD →

### C — Immersive / Full-bleed

Hero image or dark atmospheric background fills the viewport. Copy overlaid with high contrast. Dramatic, brand-forward. Requires great imagery.