Component: Hero Banner

Purpose: Improve the appearance of your pages to customers by showing a large image overlaid with text.

mceclip0.png

Props

Prop Name	Label	Type	Default Value	Description
height	Hero height	number	2
headline	Headline text	string	Configure your headline
subline	Hero subline	string	Subline goes here
textPosition	Text position	picklist	Center	Options: Right, Left
heroImage	Background image	string	""
heroImageMobile	Background image for mobile	string	""
backgroundPosition	Background image position	picklist	Center	Options: Top, Bottom, Left, Right
logoImage	Logo image	string	""
logoWidth	Logo width	number	10
overlayOpacity	Hero overlay opacity	string	0.2
showLearnMore	Show learn more?	boolean	false
learnMoreButtons	Button Text	list	"learnMoreText": "Learn More", "learnMoreLocation": "https://limio.com", "learnMoreButtonColor__limio_color": "#F47C24", "learnMoreButtonTextColor__limio_color": "#FFF", "transparentButton__limio_boolean": false	Fields: learnMoreText, learnMoreLocation, learnMoreButtonColor__limio_color, learnMoreButtonTextColor__limio_color, transparentButton__limio_boolean