If you have any project questions, concerns, or contribution ideas, join our #pwa Slack channel. Find out how to create an account by visiting Community Resources

Homepage

The homepage is the first thing users see when they land on a site or by clicking the logo on the header component.

Note: This design specification is still in development. If have any feedback or would like to join the PWA conversation, please join our Slack channel.

Layout

See the interactive mockup for a preview of the homepage layout.

Page states

The homepage handles the following page states:

  • Refresh
  • Offline
  • Revisit
  • Cached

Components

The homepage is made up of the following components:

The following table shows a visual breakdown of these components.

Components Reference image
Header Header image
Category menu Category menu image
Sale banner - small Small sale banner image
New arrivals carousel New arrivals carousel image
Sale banner - large Large sale banner image
Recommended items carousel Recommended items carousel image
Promotional banner Promotional banner image
Footer Footer image