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


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.