Detail Hero - Text + CTA + Phone

COMPONENTS : Collapsed
TEMPLATES : Collapsed
EXAMPLES : Collapsed
Critical Health Alert: Coronavirus Update for Employees and Suppliers

Click here for more.

Critical Health Alert

Coronavirus Update for Employees and Suppliers click here to learn more

Detail Page Hero

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed leo turpis, sollicitudin ut feugiat nec, porta nec dui. (Max Chars 150)

Detail Page Hero (Text + CTA + Phone)

This hero anchors a product detail page with a large image + superimposed text and optional CTA/phone number. Variations include a version with background graphic instead of photo.
 

Features

Used in the detail page hero section.

  • Large background image (requires manual gradient darkening in bottom half for ADA-compliant text contrast).
  • Default graphic will render if no photo is available.
  • Title + copy block + optional CTA + optional contact phone number (link)
     

Variations

This component has 2 variations – with and without image and can have optional CTA and contact link.

Documentations