Add shared site header with account dropdown

Add SiteHeader and AccountDropdown components, replace
inline headers across homepage, roadmap, and docs layout.
This commit is contained in:
Aiden Smith
2026-02-26 12:10:31 -05:00
parent 09787926f3
commit 03a6df0848
6 changed files with 367 additions and 59 deletions

View File

@@ -1,7 +1,6 @@
import type { Metadata } from "next";
import Link from "next/link";
import { Globe, Map, Info } from "lucide-react";
import { ThemeToggle } from "@/components/theme-toggle";
import { Map, Info } from "lucide-react";
import { SiteHeader } from "@/components/site-header";
import { RoadmapFlowchart } from "@/components/roadmap-flowchart";
import { Badge } from "@/components/ui/badge";
import {
@@ -19,32 +18,7 @@ export const metadata: Metadata = {
export default function RoadmapPage() {
return (
<div className="flex min-h-screen flex-col">
{/* Header */}
<header className="border-b bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60 sticky top-0 z-50">
<div className="container mx-auto flex h-14 items-center justify-between px-4">
<Link href="/" className="flex items-center gap-2">
<Globe className="size-5 text-primary" />
<span className="text-lg font-semibold tracking-tight">
VectorDNS
</span>
</Link>
<div className="flex items-center gap-4">
<Link
href="/docs"
className="text-sm text-muted-foreground transition-colors hover:text-foreground"
>
Docs
</Link>
<Link
href="/roadmap"
className="text-sm font-medium text-foreground transition-colors"
>
Roadmap
</Link>
<ThemeToggle />
</div>
</div>
</header>
<SiteHeader />
<main className="flex-1">
<div className="container mx-auto px-4 py-12">