Heroes

Heroes are a type of simple component that is used to display text and/or images in a formatted way. It also includes the background shapes behind the image

When using the Experieice Editor, only the necessary fields will be displayed on the page - unused fields will be hidden.

  • For an orientation of image left, and content on the right, insert the image first and content after
  • Curve width options: Full or Normal
  • Curve color options: Red or Sand
  • Background Style:
    • Curve Top Left (inserts curve at top left of background)
    • Curve Top Right (inserts curve at top right of background)
    • Curve Bottom Left (inserts curve at bottom left of background)
    • Curve Bottom Right (inserts curve at bottom right of background)
    • Gradient (inserts linear sand gradient from top to bottom)
  • Show image first for mobile: If image is on right-hand side for desktop, this will ensure the image is above the content on mobile screens


MVP Promo Inside Hero

MVP Promo In Hero

CTA
MVP Promo Inside Hero

MVP Promo In Hero

Curve Top Right w/ Sand

CTA
MVP Promo Inside Hero
MVP Promo In Hero
Curve Bottom Left w/ Red (Show Image First For Mobile)
CTA
MVP Promo Inside Hero
MVP Promo In Hero
Curve Bottom Right w/ Sand w/ Wide Curve
CTA
MVP Promo Inside Hero
MVP Promo In Hero
Gradient (Show Image First For Mobile)
MVP Promo Inside Hero
MVP Promo In Hero
Gradient (Show Image First For Mobile)