What does Hero section mean?

A hero section is the prominent introductory part of a web page, usually located right below the main navigation and among the first elements a visitor sees after the website loads. Its goal is to quickly explain what the website, brand, product or service offers and direct the user to the next step. It usually contains a main headline, short supporting text, a call-to-action button and a visual element such as a photo, illustration, video or product. A well-designed hero section should be clear and visually striking, but also tidy, responsive and consistent with the overall website design.