Implement the New Landing Page

[jacob-macleod]

Implement the new landing page as can be seen in the Figma designs. The current landing page shares some identical or similar sections as the new designs, but the new designs also feature new content. Your designs should work on both Mobile and Desktop. There are no UI designs for tablet mode, so you can decide exactly what this would look like.

The current landing page is stored at frontend/src/screens/LandingPage.js, so you'll be editing this file as well as any other components that needs changing. The landing page shows whenever you go to Dolphin Flashcards and you are not signed in.

We need this change because:

• Right now, the landing page for Dolphin flashcards isn't properly optimized to encourage users to use it
• While it's good, we need to further improve it to improve the click-through-rate

• This will enourage more people to use the site

  Let me know if you have any questions!

[joshd-04]

Hey I'd like to claim this issue, thanks!