Detail Hero - Text + CTA + Phone#

COMPONENTS

Detail Hero - Text + CTA + Phone#

Detail Hero - Text + CTA + Phone#

Overview

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

Variations

This is a Global AEM Component.

Live HTML demo available.
View Demo

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