Landing Hero Section

Adds landing hero section with image or video. Child pages set to show in navigation are displayed in a 'More in this section' navigation.

Screenshot of Landing Hero SectionScreenshot showing example of Landing Hero Section content type.

Content Type Details

  • ID: 259
  • Name: Landing Hero Section
  • Minimum user level: Contributor
  • Compatible with page layouts: Full Width

Guidance

Metadata

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

Content Type Elements Details

NameDescriptionSizeTypeRequiredConditionally Shown
NameThe Name Element80 CharactersPlain TextYesNo
TitleAdd the title, this is the main H1 heading on the page150 CharactersPlain TextYesNo
DescriptionAdd a description, this is descriptive text which is output after the title250 CharactersPlain TextNoNo
ImageSelect an image from the media library. Minimum recommended size: 1800 x 1200pxN/AMediaYesNo
VideoAdd 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 CharactersPlain TextNoNo

Examples