Get Started
Components

Instrument Panel Navbar

Sticky full-width navigation bar styled as a dark control-surface. The bar background carries a barely-visible CSS radial-gradient dot-matrix (~4% foreground opacity). The bottom edge is a 1 px hairline with a two-segment linear-gradient: the left third fades from faint cyan (--primary at 40% opacity) and the right two-thirds resolve to the standard border token. No halos, no background washes — depth comes from edge-light only. Desktop uses NavigationMenu with dropdown panels; mobile uses a hamburger-triggered side Sheet with inline accordion expand. Cyan is the lone signal: CTA button and left-edge glow.

A sticky instrument-panel navbar for vkb-landing-14: dot-matrix bar texture, left-third cyan hairline edge-light, desktop NavigationMenu dropdowns, and a mobile side Sheet — no glow, no background wash.

npx shadcn@latest add @vandoko/vkb-nav-09

Usage

import VkbNav09 from "@/registry/new-york/blocks/vkb-nav-09/vkb-nav-09";

// Default Vandoko nav — Product / Platform / Pricing / Docs / Company + "Start free" CTA
<VkbNav09 />

// Override brand + CTA
<VkbNav09
  brandName="Acme"
  brandHref="https://acme.com"
  ctaLabel="Get started"
  ctaHref="https://acme.com/signup"
/>

Related Components

SCB Hero 01SCB Hero 02SCB Hero 03SCB Hero 04

Editorial Sticky Dropdown Navbar

Clean full-width sticky navbar for the Vandoko brand: wordmark with a trailing superscript cyan dot (the lone accent), a NavigationMenu link cluster with per-item dropdown panels, a ghost "See the work" text link, and a solid cyan "Start a sprint" CTA. Dropdowns show label + description rows, no icons. Mobile collapses to a top Sheet with Accordion expansion for dropdown items.

Split Sprint Pitch Download

Two-column sprint pitch: headline, checkmarked deliverables, paired pill CTAs, framed product media, and a platform availability row.

On this page

Usage