Initial HomePage styling

[Tijani-Dia]

Style all hardcoded components in the HomePage

[jhancock532]

This is coming together well, some notes on SCSS best practices and thoughts on the next.js components, Link and Image. Using pixel values instead of rem for margins and padding would be nice, but this is a personal preference - Tailwind uses style rules that are fractions and multiples of rem, so we could follow that convention here as well.

[thibaudcolas]

@Tijani-Dia sorry, I should have shared screenshots right away 🤦 here we are.

I believe this should be round on the ends:

And here is the logo overlapping:

[Tijani-Dia]

@thibaudcolas I've addressed the styling issues mentioned in the previous comment.

[thibaudcolas]

Looking good! I’ve suggested one additional change based on my previous review. Additionally I really think the logo should have been done with inline SVG so we can change its color based on the theme more easily – but since it’s done already let’s wait for dark mode to be added before we change that.

[Tijani-Dia]

Thanks @thibaudcolas. I've done the logo with inline SVG in the following PR.

[thibaudcolas]

Ah nice :)