The hero section is the first part of a web page. Users decide in 5 seconds. A good hero drives conversion.
Elements
Headline, subheadline, CTA, visual.
Headline
6-12 words. Formula: who, what they get, in what time. \"Fast hosting from $5/mo\".
Subheadline
1-2 supporting sentences.
CTA
One primary plus possibly one secondary. Concrete value.
Visuals
Product screenshot, real photo, illustration, video, animation. Not stock photo.
Layouts
Centered (Apple), Split (most common), background image, asymmetric.
Trust signals
Logos, reviews, stats, awards.
Mobile hero
Shorter headline, simpler visual, big CTA.
Height
60-100vh. 80vh is a fair compromise.
Animation
Subtle. Don't distract.
A/B testing
The hero is the best place for A/B tests.
Mistakes
Generic headline, too much text, too many CTAs, stock photos.
Sayt.uz
Split layout, headline \"Uzbekistan's fastest\", trust signals, dashboard screenshot. A/B test produced +23% over 6 months.