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