📄️ Overview
**Hero components** are sections that are exclusive to the top of the page and can feature both static and interactive content as shown below. **Hero
📄️ Shallow hero
The **Shallow hero** is a full width section to be used at the top of pages. It is primarily for inner page headers and can be used with or without a
📄️ Text and foreground image
The **Text and foreground image** component is a full width section, to be used exclusively at the top of a page as it utilises a H1 headline. It cons
📄️ Text and background image
The **Text and background image** component is a full width section, to be used exclusively at the top of a page, as it utilises a H1 headline. It con
📄️ Slider hero
The **Slider hero** is a full width section to be used exclusively at the top of a page. The slider hero is made up of a Slider hero container and multiple Slider hero items. The recommended max amount of slides is 6. The slider container can be can be customised as described in the layout specification tab below.
📄️ Slider hero container
The **Slider hero container** is used for the user to drop in the **Slider hero item** which allows for the use of any Hero components to placed insid
📄️ Slider hero item
The **Slider hero item** is a full width section to be used exclusively at the top of a page. The slider hero item is made up for the use to drop hero
📄️ Video hero
The Video hero is a full width section, which is to be used exclusively at the top of a page, as it utilises a H1 headline. The video should be an ambient background video that conforms to our guidelines. This can be customised as described in the layout specification tab below.
📄️ Slider hero (Deprecated)
**Please note that this component is deprecated and will not be available for newer builds. It will continue to be available on sites where it has alr