Component

SiteNav

Sticky 68px top navigation bar. Cal Sans wordmark left, Inter 300 uppercase links right. Frosted glass backdrop on scroll.

Default

True North Co.
LandscapeSportsPortraitsAbout
tsx
<SiteNav
  logo="True North Co."
  links={[
    { label: 'Landscape', href: '/landscape' },
    { label: 'Sports',    href: '/sports' },
    { label: 'Portraits', href: '/portraits' },
    { label: 'About',     href: '/about' },
  ]}
/>

Props

PropTypeDefaultDescription
logostring"True North Co."Brand wordmark text.
linksNavLink[]—Array of { label, href } navigation links.