f970cdcf33
- Add docs pages (getting-started, changelog, keyboard-shortcuts) - Add blog, community, and legal pages (privacy, terms, EULA) - Add site header, footer, download button, and nav components - Add sitemap and robots.txt generation - Narrow main page container (max-w-2xl), fix footer positioning - Switch README feature list to colon style
39 lines
1.3 KiB
TypeScript
39 lines
1.3 KiB
TypeScript
import Image from "next/image";
|
|
import Link from "next/link";
|
|
import { NavLinks } from "./nav-links";
|
|
|
|
export function SiteHeader({ section, hideLogo }: { section?: string; hideLogo?: boolean }) {
|
|
return (
|
|
<header className="sticky top-0 z-30 w-full bg-background/80 backdrop-blur-sm">
|
|
<div className="w-full max-w-5xl mx-auto flex items-center justify-between px-6 h-12">
|
|
<div className="flex items-center gap-3">
|
|
{!hideLogo && (
|
|
<>
|
|
<Link href="/" className="flex items-center gap-2.5">
|
|
<Image
|
|
src="/icon.png"
|
|
alt="cmux"
|
|
width={24}
|
|
height={24}
|
|
className="rounded-md"
|
|
/>
|
|
<span className="text-sm font-semibold tracking-tight">
|
|
cmux
|
|
</span>
|
|
</Link>
|
|
{section && (
|
|
<>
|
|
<span className="text-border text-[13px]">/</span>
|
|
<span className="text-[13px] text-muted">{section}</span>
|
|
</>
|
|
)}
|
|
</>
|
|
)}
|
|
</div>
|
|
<nav className="flex items-center gap-4 text-sm text-muted">
|
|
<NavLinks />
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|