Hero Banner
Banner component that looks best at the top of the page.
If no background image or loop video is selected, the background will be turquoise. The content will be on the left and a cutout will appear on the right.
You can select a wave color. The wave will appear at the bottom of the component.
Label | Name | Type | Notes |
---|---|---|---|
Content | tab | ||
Heading | hero_banner_small_text_heading | group | (Clone of Utility : Heading) |
Heading | hero_banner_heading | group | (Clone of Utility : Heading) |
Body | hero_banner_body | text | |
Link | hero_banner_link | link | |
Media | tab | ||
Image | hero_banner_image_id | image | (Clone of Utility : Image) |
Image Focus Point | hero_banner_image_focus_point | button_group | (Clone of Utility : Image) |
Image Fit | hero_banner_image_fit | select | (Clone of Utility : Image) |
Lazy Load | hero_banner_image_loading | true_false | (Clone of Utility : Image) |
Loop Video URL | hero_banner_loop_video_url | text | |
Layout | tab | ||
Wave Color | hero_banner_wave_color | select |