Implement the new design for the landing page

[mathhulk]

The new landing page was mocked up by the design team, but feel free to expand upon their design. Obviously, if you feel certain aspects are too bold or do not match well together, please communicate with the frontend team and see what everyone else thinks as well!

This was started here: https://github.com/asuc-octo/berkeleytime/tree/home

Here is the Figma. There are multiple pages with different iterations, so you can browse through the design process:
https://www.figma.com/file/MHDAliBFQLteuJ82CMwRhz/Landing-Page?type=design&node-id=730-1428&mode=design&t=MBTPWHRMCGUvbEZG-0

Try not to use Bootstrap and instead opt for SCSS modules and components in app/Home since most of the components won't be reusable outside of the home page.

The main steps would be:

• New design for the navigation bar for JUST the home page
• The theme of the home page should change depending on the visitor's local time, as seen in the Figma
• The footer does NOT have to match like it does in the Figma; it might be nice to include the themes more subtly throughout the page