How to Configure Hero Banner

Hero Banner is the component which allows the author to display a bigger image like a banner at the top of the page mostly, but this component allows to display the image anywhere on the page.

Configuration
Property Expected Value
Tab: Image
Image * {{Select Image}}
Tablt Image {{Select Image}}
Mobile Image {{Select Image}}
Image Alt Text * Hero Banner
Tab:Text
Description Layout Option "Normal"
Title Assa Abloy
Description  
Text Color {{Select Color}}
Text Background Color {{Select Color}}
Tab:CTA
CTA Text
CTA PATH
Target Option "New"
Tab:Display
Component background color options Option "Grey"

Assa Abloy