36 lines
849 B
TypeScript
36 lines
849 B
TypeScript
"use client";
|
|
|
|
import { usePathname } from "next/navigation";
|
|
import Link from "next/link";
|
|
|
|
export default function Navbar() {
|
|
const pathname = usePathname();
|
|
|
|
return (
|
|
<nav className="py-4 flex">
|
|
<div className="mx-auto flex">
|
|
<div className="space-x-4 text-white block font-bold">
|
|
<Link
|
|
href="/"
|
|
className={
|
|
"hover:slate-200 transition-colors duration-300" +
|
|
(pathname === "/" ? " slate-200" : "")
|
|
}
|
|
>
|
|
Home
|
|
</Link>
|
|
<Link
|
|
href="/pricing"
|
|
className={
|
|
"hover:slate-200 transition-colors duration-300" +
|
|
(pathname === "/pricing" ? " slate-200" : "")
|
|
}
|
|
>
|
|
Pricing
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
);
|
|
}
|