Hero Section.

The hero is the first thing a visitor sees when they land on your website — before any scrolling. It's your 3-second pitch. A great hero immediately communicates: what this is, who it's for, and why they should care. It typically contains a main headline (the biggest, most prominent text on the page), a supporting subheadline, and one clear call-to-action button.

Hero sections are typically full-width and either full-height (100vh) or tall enough to fill most of the screen. Content is either centered or left-aligned. The visual hierarchy is strict: headline dominates, subtext supports, CTA stands out. A visual element supports the message without competing with the text.