Better Navigation / Dropdown

[GlitchWitch]

Problem

Currently our navigation dropdown has the following issues:

• On desktop, loss of hover focus causes the dropdown to disappear immediately
  • This makes it difficult to navigate sometimes
• On desktop, if a dropdown is under one of the right most links it gets cut off
• On desktop between 1024px and 1125px wide, the demo and get started links become "squished"
• On mobile, if you have multiple dropdowns they all open when clicking one

Solution

We should rebuild our navigation, including the following:

• Desktop dropdowns should fill the full container width (7xl)
• Desktop nav items that trigger dropdowns should work for both hover and click. Clicking should keep the dropdown focused
• Mobile nav dropdowns should "slide in" with a new menu (see glitchwitch.io for sliding example)

Additional Information

As inspiration, we can look to our partner Carbide for how theirs is designed.