Hero Banner Component

Hero Component is the first CTA and most important component of any landing page. It can be treated as a banner when only a single media image is added. If multiple images are added, this is converted to a slider.

Content Model

  • Title (required)
  • Short Title
  • Media
  • Subhead
  • Summary
  • Link
  • Link Text
  • Text Position (Left, Right and Center)
  • Text background color and opacity

 

Tech Notes

Paragraph Type: Hero Media
Machine Name: hero_media

Custom Block: Hero Media Block
Machine Name: hero_media_card

 

See it in action

Sample Hero Component

test
test
Hero Banner Component Title
We Welcome you at Srijan
Thank you for watching video
Summary of the hero text can be added here.