Two-Tier Navigation with Dropdown Menu

This component demonstrates a responsive two-tier navigation menu using Tailwind CSS. It includes a logo and primary nav links in the first tier, and a mobile menu dropdown for secondary links. Some key features: - Flexbox is used to layout the navigation horizontally and align menu items. - The mobile menu button toggles visibility of the secondary menu on small screens. - Links have custom styling like padding, rounded corners, and hover states. - The dropdown menu uses absolute positioning and transitions for smooth open/close behavior. - Various utility classes add typography, colors, and spacing. Overall this achieves a clean, responsive navbar that collapses nicely on mobile. The markup follows common web conventions for accessible dropdown menus.