Feature - USF001 Banner Landing Page
Landing page Banner created attending to the design proposed on Figma:
The banner is composed by:
- A
<section>that wraps the component with defined height; - A pseudo-element that contains the background, configured as wanted (color filters and reduced opacity);
- A
<h1>(title) text in black weight; - A
<h2>(subtitle) text in medium weight.
It was also created a unit test with vitest to se if the component is rendering properly.
For that, it was necessary to display the component in a DOM environment, so I ended up installing the jsdom additional package and configuring it as the default test environment. This change can easily be undone later if thought unnecessary.
Note: Font familly is not the same as in Figma