Inset Image Hero Banner
Banner component best used at the top of a page with a background image or looped video slightly inset behind two heading fields, a CTA button and jumplinks.
Label | Name | Type | Notes |
---|---|---|---|
Keyphrase Heading | inset_image_hero_banner_keyphrase_heading | group | Group with heading type selector and text field |
Main Heading | inset_image_hero_banner_main_heading | group | Group with heading type selector and text field |
CTA Button | inset_image_hero_banner_cta_btn | link | |
Jump Links | inset_image_hero_banner_jump_links | repeater | Repeater of link fields for jump links at bottom of image |
Image | inset_image_hero_banner_image | clone | (Clone of Utility : Image) |
Loop Video URL | inset_image_hero_banner_loop_video_url | url | |
Bottom Spacing | inset_image_hero_banner_bottom_spacing | select | Options: 0px, 16px, 32px, 40px, 48px, 64px, 80px. Value is tailwind equivalent ie: lg:pb-16 pb-12 |