Styling the page - Hero

[TianshengC]

Page Title
Sub Title
Image

[mferryRV]

We will be updating the UI of our application to match this Figma design on page "Prototype web".

To accomplish this, we need to create a <HeroSection> component and add it to our Home page component. This Hero Section should have:

• A black background
• The title in Roboto Bold 48, white
• The subtitle in Roboto Medium 24, #E0E0E0
• The background image (download from Figma)
• Flexbox styling

To see the styling information for the page, activate Figma's Dev Mode in the top righthand corner:

This design is desktop-first, so we will review mobile designs later in the week.

[mferryRV]

1 day + feedback (so 1.5 days)