[PR] New Design System and Custom Landing Page

[Nyumat]

It has been a while since we last worked on this project.

Now that more people are taking the class CS494, I thought it'd be good to buff the entire look and feel of the application we built. Considering we made the hall of fame, it's IMO necessary to maintain at least a borderline of excellence within TalkToBeavs.

Enough rambling, here's the new stuff!

• All new landing page (yes, I came to realize the old one is very elementary)
• Fixed bug where https://talktobeavs.onrender.com redirects to /login instead of the landing page.
• Protected Routes (finally)
• Custom md+ breakpoint navigation bar
• Responsive and colorful design system with tokens for buttons, headers, and highlight text.
• Landing Page Sections
  • hero
  • preview/mockup
  • features
  • offerings/comparison to Omegle
  • FAQ
  • call to action
  • footer

I'm super stoked about how it came out. Here are some screenshots.

Hero

Features

Offerings

FAQ

Call To Action

☺️