Sticky Header Navbar

A sticky site header with a centered pill-shaped nav bar, logo, sign in/up buttons, and an animated dropdown mobile menu.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Sticky Header Navbar to your project and fits it to your theme.

import SiteHeader from "@/components/ui/header-2";

export default function HeaderDemo() {
  return (
    <div className="w-full">
      <SiteHeader />
    </div>
  );
}