User guide
Magesuite standard
This Hero Content Construction component serves the purpose of showcasing hero images, making it particularly valuable for home pages. The component is built upon the image teaser parent component, but its configuration options are somewhat more constrained when compared to the standard image teaser.
Crucially, it is highly recommended to utilize this element as the first Content Construction component on the homepage. The initial hero image is specially optimized to be prefetched, enhancing the loading speed and overall performance of the page.
Video can be also used as the main hero image.
There is a possibility to use different instance of hero for desktop and mobile (in order to show images with different aspect ratio)
Desktop layout
Mobile layout
