import Link from "next/link";

const pages = [
  { href: "/Hulio", label: "Beranda" },
  { href: "/Hulio/about", label: "Tentang" },
  { href: "/Hulio/hobbies", label: "Hobi" },
  { href: "/Hulio/gallery", label: "Foto" },
  { href: "/Hulio/contact", label: "Kontak" },
] as const;

export default function Nav() {
  return (
    <nav aria-label="Navigasi utama" style={{ padding: "16px 0", borderBottom: "1px solid #e5e7eb" }}>
      {/* Navbar yang sama muncul di setiap halaman, taut ke semua 5 halaman situs. */}
      <ul style={{ display: "flex", gap: "20px", listStyle: "none", padding: 0, margin: 0, justifyContent: "center" }}>
        {pages.map((p) => (
          <li key={p.href} style={{ margin: 0 }}>
            <Link
              href={p.href}
              style={{ textDecoration: "none", color: "#374151", fontWeight: 500, fontSize: "15px" }}
            >
              {p.label}
            </Link>
          </li>
        ))}
      </ul>
    </nav>
  );
}