Two-tier navigation with search, notifications, and profile dropdown

This component implements a two-tier navigation pattern with the following elements: - Top navbar with logo, primary links, search input, notifications button, and profile dropdown - Mobile menu trigger button - Secondary 'breadcrumb' style nav links The top navbar uses Tailwind's bg-sky-500 background color and text-white text color utilities along with flexbox for layout. The links have hover styles and the search input uses ring utilities for focus styling. The profile dropdown demonstrates the menu component, transition classes, and absolute positioning. The mobile menu trigger button toggles the display of a fullscreen modal menu on small screens. The breadcrumb nav uses border, flexbox, and typography utilities.

Similar Components

Other components related to navigation, navbar, dropdown, menu, breadcrumbs, tailwind tags