app-quick-seahorse-twirl/components/navbar/index.tsx

16 lines
420 B
TypeScript

"use client";
import Link from "next/link";
import { Logo } from "../Logo";
export function NavBar() {
return (
<nav className="fixed top-0 left-0 right-0 z-50 flex justify-center p-4">
<div className="bg-white/80 backdrop-blur-md border-2 border-black shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] px-6 py-2 rounded-full">
<Link href="/">
<Logo />
</Link>
</div>
</nav>
);
}