import Link from "next/link"

export function Navigation() {
  return (
    <nav className="fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-md border-b border-border">
      <div className="container mx-auto px-6 py-4">
        <div className="flex items-center justify-between">
          <Link href="/" className="font-sans text-2xl tracking-tight">
            Portfolio
          </Link>
          
          <div className="flex items-center gap-8">
            <Link 
              href="/" 
              className="text-sm hover:text-accent transition-colors"
            >
              Home
            </Link>
            <Link 
              href="/gallery" 
              className="text-sm hover:text-accent transition-colors"
            >
              Gallery
            </Link>
            <Link 
              href="/about" 
              className="text-sm hover:text-accent transition-colors"
            >
              About
            </Link>
            <Link 
              href="/contact" 
              className="text-sm hover:text-accent transition-colors"
            >
              Contact
            </Link>
          </div>
        </div>
      </div>
    </nav>
  )
}
