Homepage Hero Section

Adds the hero section with image or video, program information, cards and optional CTAs to the homepage.

Screenshot showing example of Homepage Hero Section content type.

Content Type Details

Image Selection: Select an image from the media library. The recommended minimum dimensions are 1800 x 1200 pixels. You can upload an image of any size, and it will be automatically resized to fit. If the image's shape (aspect ratio) differs from the required 1300 x 780, it will be resized and cropped to fit these dimensions. Learn more about how automatic resizing and cropping works.
Video: A special .mp4 video URL from Vimeo is needed as the video is ambient (muted, autoplayed); see Vimeo Help Center.
Example URL: https://player.vimeo.com/external/410192461.hd.mp4?s=1df07818957b1d2c1ccdcda512f557ef4251a0ef&profile_id=174

The image is used for the og:image, twitter:image, og:image:alt and twitter:image:alt meta tags.

Name	Description	Size	Type	Required	Conditionally Shown
Name	The Name Element	80 Characters	Plain Text	Yes	No
Page Title	Adds the main h1 for SEO and administrative purposes only; this does not display visually.	150 Characters	Plain Text	Yes	No
Brand Headline	Adds the main visible heading. To emphasize part of the text, wrap it in a <span> tag - it will appear gold.	250 Characters	Plain Text	Yes	No
Image	Select an image from the media library. Minimum recommended size: 1800 x 1200px	N/A	Media	Yes	No
Video	Add a background video. A special Vimeo URL is needed for ambient videos (muted, autoplay videos), see guidance for details. These videos will have a pause button for accessibility purposes.	500 Characters	Plain Text	No	No
Buttons	Add buttons	N/A	Repeater (0-3 Button)	No	No
Program Card Title	Add the title for the program card	150 Characters	Plain Text	Yes	No
Program Card Description	Add a description for the program card	500 Characters	Plain Text	Yes	No
Program Card Eyebrow	Add a eyebrow for the program card	120 Characters	Plain Text	Yes	No
Program Card Button	Add a button	N/A	Repeater (0-1 Button)	No	No
Program Card Links	Add links	N/A	Repeater (1-20 Link)	Yes	No
Hero Cards	Add the hero cards, there is a minimum of 2	N/A	Repeater (2-100 Hero Card)	Yes	No
CTA Title	Add the CTA for the CTA cards section	120 Characters	Plain Text	Yes	Yes
CTA Cards	Add CTA cards	N/A	Repeater (0-3 Hero CTA Card)	No	No

This is used by repeater elements on multiple content types to add a button.

Name	Description	Size	Type	Required	Conditionally Shown
Name	The Name Element	80 Characters	Plain Text	Yes	No
Link Type	Select link type Choose from options: Internal, External, Media	N/A	Select Box (List: Link type)	Yes	No
Internal Link	Select a section or content item for an internal link. Untick 'Use default link text' to customise the link text.	N/A	Section/Content Link	Yes	Yes
External Link	Enter a full URL (including https://) for an external link	250 Characters	Plain Text	Yes	Yes
External Title	Add text for external link	120 Characters	Plain Text	Yes	Yes
Media Link	Select a document from media library for a media link e.g., PDF, Word, Excel	N/A	Media	Yes	Yes
Media Title	Add text for media link	120 Characters	Plain Text	Yes	Yes

This is used by repeater elements on multiple content types to add a link.

Name	Description	Size	Type	Required	Conditionally Shown
Name	The Name Element	80 Characters	Plain Text	Yes	No
Link Type	Select link type Choose from options: Internal, External, Media	N/A	Select Box (List: Link type)	Yes	No
Internal Link	Select a section or content item for an internal link. Untick 'Use default link text' to customise the link text.	N/A	Section/Content Link	Yes	Yes
External Link	Enter a full URL (including https://) for an external link	250 Characters	Plain Text	Yes	Yes
External Title	Add text for external link	120 Characters	Plain Text	Yes	Yes
Media Link	Select a document from media library for a media link e.g., PDF, Word, Excel	N/A	Media	Yes	Yes
Media Title	Add text for media link	120 Characters	Plain Text	Yes	Yes

These are the cards with an image or statistic used on the Homepage Hero Section

Name	Description	Size	Type	Required	Conditionally Shown
Name	The Name Element	80 Characters	Plain Text	Yes	No
Card Type	Select the type of card Choose from options: Statistical content, Image Content	N/A	Select Box (List: Card Type)	Yes	No
Title	Add the title for the card	200 Characters	Plain Text	Yes	No
Description	Add a description for the card	1000 Characters	Plain Text	No	No
Button Link Type	Select link type Choose from options: Internal, External, Media	N/A	Select Box (List: Link type)	No	No
Button Internal Link	Select a section or content item for an internal link. Untick 'Use default link text' to customise the link text.	N/A	Section/Content Link	Yes	Yes
Button External Link	Enter a full URL (including https://) for an external link	250 Characters	Plain Text	Yes	Yes
Button External Title	Add text for external link	200 Characters	Plain Text	Yes	Yes
Button Media Link	Select a document from media library for a media link e.g., PDF, Word, Excel	N/A	Media	Yes	Yes
Button Media Title	Add text for media link	200 Characters	Plain Text	Yes	Yes
Image	Select an image from the media library. Minimum recommended size 700 x 500px	N/A	Media	Yes	Yes
Statistic Value	Add a value for the statistic and include symbol if required	100 Characters	Plain Text	Yes	Yes
Statistic Description	Add a description for the statistic	200 Characters	Plain Text	No	Yes

These are the CTA cards with text and a button used at the end of the Homepage Hero Section

Name	Description	Size	Type	Required	Conditionally Shown
Name	The Name Element	80 Characters	Plain Text	Yes	No
Title	Add the title for the card	200 Characters	Plain Text	No	No
Description	Add a description for the card	1000 Characters	Plain Text	No	No
Button Link Type	Select link type Choose from options: Internal, External, Media	N/A	Select Box (List: Link type)	No	No
Button Internal Link	Select a section or content item for an internal link. Untick 'Use default link text' to customise the link text.	N/A	Section/Content Link	Yes	Yes
Button External Link	Enter a full URL (including https://) for an external link	250 Characters	Plain Text	Yes	Yes
Button External Title	Add text for external link	200 Characters	Plain Text	Yes	Yes
Button Media Link	Select a document from media library for a media link e.g., PDF, Word, Excel	N/A	Media	Yes	Yes
Button Media Title	Add text for media link	200 Characters	Plain Text	Yes	Yes