Two-tier Navigation Menu with Dropdowns

This layout utilizes Tailwind CSS classes to create a two-tier navigation menu. The top navigation bar contains currency selector, account links, and a shopping cart icon. The main navigation menu has drop-down functionality to show sub-menus on hover. The mobile menu is hidden off-canvas. The HTML is structured with header, nav, and div elements. Tailwind utility classes like flex, bg-*, text-*, hover:, and transition are used to style the elements. The mega menu drop-downs use absolute positioning and transitions for smooth animations. Breakpoints like lg: are used to hide/show elements for responsive design.