Multi-tier navigation with mobile menu and dropdowns

This Tailwind CSS component implements a responsive navigation pattern with multiple tiers. It has a top bar, main header with logo, and dropdown menus. On mobile, the navigation condenses into a hamburger menu that reveals the menu options in a slide-out sidebar. The dropdowns use Tailwind's built-in menu component styling.