"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>
  )
}
