HERO BANNER COMPONENT

Usage

A Hero Banner is a main banner placed on top of a page with the purpose of presenting an overview of the content and of enticing visitors

References

Confluence link

Atomic Design link

Adobe Documentation

Examples

Hero Banner variants

Variant 1: Image Focused Hero Banner

Variant 2: Text Focused Hero Banner