Sidebar Navigation

<aside className="w-64 border-r bg-card h-screen sticky top-0 overflow-y-auto">
  <div className="p-4">
    <h3 className="text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-2">
      Section
    </h3>
    <nav className="space-y-1">
      <a href="#" className="flex items-center gap-2 px-3 py-2 text-sm rounded-md bg-primary/10 text-primary">
        Overview
      </a>
      <a href="#" className="flex items-center gap-2 px-3 py-2 text-sm rounded-md text-muted-foreground hover:text-foreground">
        Settings
      </a>
    </nav>
  </div>
</aside>