Detail Page Hero (Image + CTA)
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, or a video instead of photo.
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)
This component has 2 variations – with and without image and can have optional CTA and contact link.