Feature/homepage redesign

[kevee]

Description

Adds a new homepage design including news, header visualization, illustration, and CTAs.

Related Issues

Closes https://github.com/COVID19Tracking/website/projects/4

Go-live time

Do not merge until we get a time.

[netlify]

This is a preview version of the site.

Built with commit b9cb8d1

https://deploy-preview-799--upbeat-lovelace-3e9fff.netlify.app

[calibre-analytics]

Comparing Feature/homepage redesign Snapshot #4 to median since last deploy of The COVID Tracking Project.

	Performance	FCP?	TTI?
Overall Median across all pages and test profiles	95  from 93	1.5s  from 880ms	3.4s no change
Chrome Desktop Chrome • Cable	100 no change	880ms  from 450ms	1.9s  from 1.4s
MotoG4, 3G connection Motorola Moto G4 • Regular 3G	85  from 84	2.5s  from 2.1s	4.7s  from 5.2s

2 pages tested

 Home

Browser previews

Chrome Desktop	MotoG4, 3G connection

Most significant changes

	Value	Budget
Total Blocking Time MotoG4, 3G connection	410ms  from 160ms
Total JSON size in bytes Chrome Desktop	144 Bytes  from 150 KB
Total JSON size in bytes MotoG4, 3G connection	144 Bytes  from 150 KB
Total Image size in bytes Chrome Desktop	230 KB  from 840 KB
Total Image size in bytes MotoG4, 3G connection	270 KB  from 840 KB

_{6 other significant changes: Total Page size in bytes on Chrome Desktop, Total Page size in bytes on MotoG4, 3G connection, Total JavaScript size in bytes on Chrome Desktop, Total JavaScript size in bytes on MotoG4, 3G connection, Total HTML size in bytes on Chrome Desktop, Total HTML size in bytes on MotoG4, 3G connection}

 Data page

Browser previews

Chrome Desktop	MotoG4, 3G connection

Most significant changes

	Value	Budget
First Contentful Paint Chrome Desktop	1.1s  from 510ms
First Meaningful Paint Chrome Desktop	1.1s  from 510ms
Largest Contentful Paint Chrome Desktop	1.1s  from 510ms
Speed Index Chrome Desktop	1.1s  from 520ms
Total JSON size in bytes Chrome Desktop	46 KB  from 110 KB

_{1 other significant change: Total JSON size in bytes on MotoG4, 3G connection}

_{Calibre: Site dashboard | View this PR | Edit settings}