The hero section

/LESSON 8

The hero section is a prominent area at the top of a webpage, designed to grab the visitor’s attention and communicate key messages or calls to action. It typically includes the following:

• Headline: A bold, attention-grabbing statement that communicates the main message or value proposition. This is critical as it often determines whether a visitor will continue exploring your site.

• Subheadline: Additional text that provides more detail or context to the headline.

• Button (Call to Action): A prominent button that encourages visitors to take a specific action, such as “Learn More,” “Sign Up,” or “Buy Now.”

• Background: This can be a static image, video, or color that enhances the visual appeal and supports the message.

• Supporting Visuals: Icons, illustrations, or additional images that complement the headline and subheadline.
  

The goal of the hero section is to make a strong first impression, quickly convey essential information, and encourage user engagement through a clear call to action.

Foundational Concepts

When building a site from scratch (or customizing a Duda template like we're doing), it is useful to understand more about the structural elements within the sections — such as columns and inner columns — and the units that can be used to control the size, alignment, and  placement of elements on a page. 

To wrap up this course, we'll use this new knowledge to practice manipulating the elements within our carpentry site.