Hero Banner
Banner component that looks best at the top of the page.
| Label | Name | Type | Notes |
|---|---|---|---|
| Keyphrase Heading | hero_banner_keyphrase_heading | group | (Clone of Utility : Heading) |
| Main Heading | hero_banner_main_heading | group | (Clone of Utility : Heading) |
| Content | hero_banner_content | wysiwyg | |
| CTA Button | hero_banner_cta_button | link | Arrow button below content and headings |
| Image | hero_banner_image_id | image | (Clone of Utility : Image) Section background image or poster image for looped video if hero_banner_loop_video_url is used |
| Image Focus Point | hero_banner_image_focus_point | button_group | Determines focal point of the image |
| Image Fit | hero_banner_image_fit | select | Cover allows the image to fill the entire section leaving no gaps and contain ensures that the entire background image will fit within the background area. Both maintain the original aspect ratio of the image |
| Lazy Load | hero_banner_image_loading | true_false | Sets the loading attribute of the img element. Defaults to 'lazy' |
| Loop Video URL | hero_banner_loop_video_url | text | Use a looped video url to place a looped video as the section background |