Simple Links
Top navigation bar with brand, links, and a primary action.
Top navigation bar with brand, links, and a primary action.
The source for every block is part of All Access. One purchase unlocks the entire library, today and in the future.
The source for every block is part of All Access. One purchase unlocks the entire library, today and in the future.
A straightforward marketing header for landing pages, built with daisyUI and Tailwind CSS. It pairs the Acme brand mark with an inline nav of Features, Pricing, Customers, and Blog, then closes on the right with a ghost Sign in link and a primary Get started button. On smaller screens a hamburger button reveals the same links in a dropdown menu.
The links come from a single links array reused by both the desktop nav and the mobile menu, so you edit them once. Buttons use daisyUI's btn, btn-ghost, and btn-primary classes, adopting your active theme. Swap the Lucide Blocks glyph and Acme name for your own brand.
Below the large breakpoint the inline nav and buttons hide and a Menu button opens a dropdown-content menu. The mobile trigger carries an aria-label of "Open menu" for assistive technology.