"use client";

import Image from "next/image";
import Link from "next/link";

export default function Navbar() {
  return (
    <header className="w-full bg-white border-b">
      <div className="max-w-7xl mx-auto flex items-center justify-between px-4 py-3">
        {/* Logo */}
        <div className="flex items-center gap-2">
          <Image
            src="/asuransi.png" // ganti dengan path logo kamu
            alt="Asuransi Aman"
            width={160}
            height={50}
            priority
          />
        </div>

        {/* Menu (opsional kalau nanti ada navigasi) */}
        <nav className="hidden md:flex items-center gap-6 text-sm font-medium text-gray-700">
          <a href="/" className="hover:text-blue-600">
            Home
          </a>
          <a href="/category/latest-news" className="hover:text-blue-600">
            Berita Terbaru
          </a>
          <a href="/category/popular-news" className="hover:text-blue-600">
            Berita Populer
          </a>
          <a href="/category/protect" className="hover:text-blue-600">
            Jaga Negeri
          </a>
          <a href="/category/opinion-news" className="hover:text-blue-600">
            Berita Opini
          </a>

          <div className="flex items-center gap-4 text-sm">
            <Link
              href="/auth"
              className="flex items-center gap-1 font-semibold border rounded-xl p-2"
            >
              Login
            </Link>
          </div>
        </nav>
      </div>
    </header>
  );
}
