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

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