Preview live, install via shadcn or copy the source.
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
| brandName | string | ATELIER | No | Brand name / logo text. |
| brandHref | string | # | No | Brand link href. |
| topButtons | {label:string; href:string; variant?:string}[] | — | No | Top right buttons — e.g. Login/Join. Rendered with FlipButton. |
| leftSection | AtelierNavSection | — | No | Left column {title, links: {label,href,badge}[], bottomLinks?}. Links use UnderlineLink. |
| middleSection | AtelierNavSection | — | No | Middle column EXPLORE. Links use UnderlineLink. |
| featured | {title:string; image:string; badge?:string; ctaLabel?:string; ctaHref?:string} | — | No | Right featured card — image, title, CTA (FlipButton). |
| initialOpen | boolean | false | No | Start open for demo. |
| className | string | — | No | Wrapper class for nav. |