40 lines
1.5 KiB
TypeScript
40 lines
1.5 KiB
TypeScript
"use client"
|
|
|
|
import Link from "next/link"
|
|
import { Button } from "@/components/ui/button"
|
|
|
|
export function Navigation() {
|
|
return (
|
|
<nav className="fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-sm border-b border-border">
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div className="flex items-center justify-between h-16">
|
|
<Link href="/" className="flex items-center gap-2">
|
|
<div className="w-8 h-8 bg-primary rounded-sm" />
|
|
<span className="text-lg font-semibold">BCRG</span>
|
|
</Link>
|
|
|
|
<div className="hidden md:flex items-center gap-8">
|
|
<Link href="#about" className="text-sm text-muted-foreground hover:text-foreground transition-colors">
|
|
About
|
|
</Link>
|
|
<Link href="#research" className="text-sm text-muted-foreground hover:text-foreground transition-colors">
|
|
Research
|
|
</Link>
|
|
<Link href="#library" className="text-sm text-muted-foreground hover:text-foreground transition-colors">
|
|
Library
|
|
</Link>
|
|
<Link href="#open-source" className="text-sm text-muted-foreground hover:text-foreground transition-colors">
|
|
Open Source
|
|
</Link>
|
|
<Button asChild size="sm" className="bg-primary hover:bg-primary/90">
|
|
<Link href="https://github.com/bonding-curves" target="_blank">
|
|
GitHub
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
)
|
|
}
|