Block · CLI
Site Header
Sticky editorial header with logo, primary nav, theme toggle, and hire CTA. Logo text comes from getBrand().
Preview
npx shadcn@latest add @atroui/site-headerSticky header - AtroUI logo via getBrand(), studio nav routes, theme toggle, and Hire CTA. Links use host paths like
/work and /contact.Installation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/site-headerSource lands in your repo. Installation · Registry
Usage
Mount once in the root layout. Nav links target studio host paths (/work, /tools, /services, /journal, /about, /contact). Fork or parameterize before reuse on another IA.
tsx
import { SiteHeader } from "@/components/blocks/site-header"
<SiteHeader />Part of Dark marketing sections for Next.js.
Site Header