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:
- Header
- Category menu
- Sale banner - small
- New arrivals carousel
- Sale banner - large
- Recommended items carousel
- Promotional banner
- Footer
The following table shows a visual breakdown of these components.
| Components | Reference image |
|---|---|
| Header |  |
| Category menu |  |
| Sale banner - small |  |
| New arrivals carousel |  |
| Sale banner - large |  |
| Recommended items carousel |  |
| Promotional banner |  |
| Footer |  |