A hero is a container for your site’s most important content. It’s the largest and most visible container on the page and it should be used to showcase your brand or product.
The hero element is typically used to introduce a new campaign or product, or to call attention to a particularly newsworthy story. It’s a great place to put your most eye-catching content and can be used to create a powerful first impression for your visitors.