import React from "react";
import Link from "next/link";

export default function Navbar() {
  return (
    <nav className="flex items-center justify-between py-6 px-8 bg-white/80 backdrop-blur-md sticky top-0 z-50 border-b border-gray-100">
      <div className="text-2xl font-bold text-blue-600">Logo</div>
      <ul className="hidden md:flex gap-8 text-gray-600 font-medium">
        <li>
          <Link href="#features" className="hover:text-blue-500 transition">
            기능
          </Link>
        </li>
        <li>
          <Link href="#pricing" className="hover:text-blue-500 transition">
            가격
          </Link>
        </li>
        <li>
          <Link href="#faq" className="hover:text-blue-500 transition">
            FAQ
          </Link>
        </li>
      </ul>
      <button className="bg-blue-600 text-white px-5 py-2.5 rounded-lg font-semibold hover:bg-blue-700 transition">
        시작하기
      </button>
    </nav>
  );
}