52 lines
1.5 KiB
TypeScript
52 lines
1.5 KiB
TypeScript
"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>
|
|
);
|
|
}
|