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, setting the tone for the rest of the content. 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. Hero Heading Small heading Small heading Hero Heading Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis