File size: 1,277 Bytes
67ea2ab 2a7eb2e 67ea2ab 2a7eb2e 2d7ec06 67ea2ab e65b868 2d7ec06 2a7eb2e 67ea2ab |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
import Image from "next/image";
import Arrow from "@/assets/svg/arrow.svg";
import Logo from "@/assets/logo.png";
import Link from "next/link";
export const Navigation = () => {
return (
<div className="rounded-full bg-zinc-950 border border-white/10 px-6 py-2.5 lg:pr-7 lg:py-4 flex items-center justify-center lg:justify-between max-w-max lg:max-w-xl lg:w-full mx-auto shadow-md relative">
<Link
href="/"
className="flex items-center justify-center gap-3 relative"
>
<div className="relative">
<Image src={Logo} alt="logo" className="size-6" />
<div className="absolute left-0 -translate-x-[calc(100%+12px)] top-5 text-white flex justify-end gap-1 -rotate-6">
<p className="font-mono text-sm text-white">AI Generated</p>
<Image
src={Arrow}
alt="arrow"
className="w-[30px] absolute -right-3 -top-1"
/>
</div>
</div>
<p className="font-semibold text-lg text-white">LogoAI</p>
</Link>
<ul className="hidden lg:flex items-center justify-right gap-3">
<li className="text-zinc-400 hover:text-white">
<Link href="/gallery">Gallery</Link>
</li>
</ul>
</div>
);
};
|