import Link from "next/link";

export function Navigation() {
  return (
    <nav className="w-full border-b border-border/40">
      <div className="container mx-auto px-6 py-4">
        <div className="flex items-center justify-between">
          <Link
            href="/"
            className="text-xl font-semibold text-foreground hover:text-foreground/80 transition-colors"
          >
            Muszyn
          </Link>
          <div className="flex gap-8">
            <Link
              href="/blog"
              className="text-base text-muted-foreground hover:text-foreground transition-colors"
            >
              Blog
            </Link>
            <Link
              href="/projects"
              className="text-base text-muted-foreground hover:text-foreground transition-colors"
            >
              Projects
            </Link>
            <Link
              href="/about"
              className="text-base text-muted-foreground hover:text-foreground transition-colors"
            >
              About
            </Link>
          </div>
        </div>
      </div>
    </nav>
  );
}