web-asuransi-aman/components/landing-page/navbar.tsx

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>
);
}