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 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
- 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 1800 x 1200, 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
Metadata
The image is used for the og:image, twitter:image, og:image:alt and twitter:image:alt meta tags.
Content Type Elements Details
| Name | Description | Size | Type | Required | Conditionally Shown |
|---|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes | No |
| Title | Add the title, this is the main H1 heading on the page | 150 Characters | Plain Text | Yes | No |
| Description | Add a description, this is descriptive text which is output after the title | 250 Characters | Plain Text | No | 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 |
Examples
- With Image
- With Video
- Landing Page page design