A hero section featuring the page’s main image is a large, prominent area at the top of a webpage that grabs users’ attention. It typically includes the feature image along with a headline or call-to-action. This hero component also includes a breadcrumb feature, providing users with a clear navigation path to easily track their location within the site and return to previous pages or sections, enhancing both usability and user experience. Wide Width Small heading Small heading Full Width Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis Heading Image