Homepage + 404 Hero

This component helps direct users to sections of the site they could potentially be interested in.

Usage Criteria

This component helps users navigate to sections of the site they could potentially be interested in when lost or they have just landed on the site. This is used both as a homepage header to welcome users and as an error to redirect users to functioning pages.

Do's and Don'ts

  • Do not use this component on any place other than the homepage or an error page.
  • Do not use this component more than once per page.
  • When adding assets for each link, use icons only and not photography.

Design Notes

Because the text on this component is white, an image with a dark overlay must be used. Usually this means that only specific images designed to be in the homepage header or 404 page can be added (to ensure visibility).

Configurable Options

Aside from the usual component configuration window (which can update the type of banner and background image), two addtional configuration windows exist within the component.

One is the for the Homepage/404 hero banner icon container, which changes the smaller text above the icon CTA grouping, and the other is to set each individual CTA (Homepage/404 hero banner icon).

Developer Notes

Type Name
AEM Component Name Homepage + 404 Hero
Code Base Name  
resourceSupertype  
SCSS Attributes  
JavaScript  
Status  
Version