37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
|
"use client";
|
||
|
|
import Image from "next/image";
|
||
|
|
import { Bell, User } from "lucide-react";
|
||
|
|
import Link from "next/link";
|
||
|
|
|
||
|
|
export default function UserNavbar() {
|
||
|
|
return (
|
||
|
|
<div className="w-full bg-white shadow-sm flex justify-between items-center px-6 py-3">
|
||
|
|
{/* Logo */}
|
||
|
|
<div className="flex items-center gap-2">
|
||
|
|
<Link href={"/"}>
|
||
|
|
<Image src="/campaign.png" alt="Logo" width={60} height={60} />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{/* Right Section */}
|
||
|
|
<div className="flex items-center gap-4">
|
||
|
|
<button className="relative text-gray-600 hover:text-gray-800">
|
||
|
|
<Bell className="w-5 h-5" />
|
||
|
|
<span className="absolute top-0 right-0 bg-red-500 text-white rounded-full w-2 h-2"></span>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<div className="flex items-center gap-2">
|
||
|
|
<Image
|
||
|
|
src="/non-user.png"
|
||
|
|
alt="User"
|
||
|
|
width={32}
|
||
|
|
height={32}
|
||
|
|
className="rounded-full border"
|
||
|
|
/>
|
||
|
|
<span className="text-gray-700 text-sm font-medium">Admin</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|