C15. Hero banner
- Japneet Kaur (Deactivated)
Analytics
Release notes
Date | Update | Updated by |
|---|---|---|
14 Jan 2022 | Component finalised | @Japneet Kaur (Deactivated) @Steven Mao (Unlicensed) |
Overview
Objective
The Hero Banner component enables the content author to place a static banner on the page with a title and description. A link and image is optional.
Use case
The Hero banner is used to showcase content at the top of a page.
Business rules
BR-# | Business rules |
|---|---|
BR-1 | The Hero Banner component can be located on the following templates:
|
BR-2 | Hero Banner can be used full-width at the top of a page or in a smaller column as a large content block |
BR-3 | Adding header text is optional |
BR-4 | Adding sub header text is optional |
BR-5 | Adding an image is optional |
BR-6 | There is no provision for making the content dynamic in the CMS. |
Design
Desktop | Mobile |
|---|---|
 Example of a hero banner |  Example of a hero banner
|
CMS Elements
# | Field | Type | Mandatory | Comments |
|---|---|---|---|---|
1 | Breadcrumbs | Link | N |
|
2 | Title | Text | Y | This is the title of the banner |
3 | Subtitle | Text | N | Subtitle text to appear under the Title |
4 | Image | Image path | Y | Image can be displayed on the right hand side of the banner for desktop or underneath the title and subtitle on mobile |