# Navbar With Contact Bar and Hanging Logo

> A two row header for service businesses. A thin top bar lists address, email and phone in ruled cells, with social icons in square cells on the right. Below it, a logo card hangs over the next section beside the company name, and the links sit on the right with an active state and a standard dropdown that opens on hover, click or keyboard focus. On small screens the top bar keeps only the linked contacts, the logo card still hangs over the next section, the company name sits centered, and a bordered menu button opens the links with collapsible submenus.

A paid shadcn/ui block sold by the [@beste-ui](https://ui.beste.co/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/beste-ui/navbar118).

- Page, with a preview: https://shadcn.exchange/r/beste-ui/navbar118
- Screenshot: https://shadcn.exchange/shot/beste-ui/navbar118/light.png
- Listed: 2026-10-27

## Buy and install

@beste-ui sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/beste-ui/navbar118

## Dependencies

- npm packages: `clsx`, `lucide-react`, `tailwind-merge`