Teaser Hero
The Teaser Hero component allows for the creation of an image + copy ontop of the image. It also allows for a Teaser Hero Video component which includes a video with copy on top.
Overlay syles: None (default), Black left gradient, Black full overlay 60, Black full overlay 70
Text alignment: left (default), center, right-side centered)
Button styles: white outline, white solid, black outline (default), black solid
Image options: allows for a desktop and a mobile image
Desktop height: 512px (default), 300px, 230px
Mobile height: 665px (default), 450px, 350px
No Overlay, Left (default) Text Alignment (Desktop), 512px (default) Height (Desktop)
665px (default) Height (Mobile), Top Left (default) Text Alignment (Mobile)
Black Left Gradient, Link on Overall Image, Center Text Alignment (Desktop), 230px Height (Desktop)
350px Height (Mobile), Top Center Text Alignment (Mobile)
Black Full Overlay 60, Right-Side Centered Text Alignment (Desktop), 300px Height (Desktop)
450px Height (Mobile), Bottom Left Text Alginment (Mobile)
Black Full Overlay 70, Left 6 Column Text Alignment
Bottom Centered Text Alignment (Mobile)
Black Full Overlay 70, Left 6 Column Text Alignment
Centered Text Alignment (Mobile)
Teaser Hero Video (Autoplay, Black Left Gradient)
