AmirReza Jamali
ca911091f4
The Login button in the navigation bar was previously a static UI element. This commit converts it into a functional Next.js `<Link>` component. The link now directs users to `https://app.opplens.com` and opens in a new tab (`target="_blank"`) to provide access to the application's login page. Additionally, a vertical margin has been added to the navigation bar for better spacing.
42 lines
1.0 KiB
TypeScript
42 lines
1.0 KiB
TypeScript
"use client";
|
|
import Link from "next/link";
|
|
import { usePathname } from "next/navigation";
|
|
|
|
const NavigationBar = () => {
|
|
const pathname = usePathname();
|
|
return (
|
|
<nav className="my-5">
|
|
<ul className="flex flex-row-reverse items-center gap-12">
|
|
<li>
|
|
<Link
|
|
href={"https://app.opplens.com"}
|
|
className="cursor-pointer bg-(--primary) text-white py-5 px-12 rounded-full"
|
|
target="_blank">
|
|
Login
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link
|
|
href="/contact-us"
|
|
className={`py-5 rounded-full ${
|
|
pathname === "/contact-us" && "text-(--primary) font-semibold"
|
|
}`}>
|
|
Contact us
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link
|
|
href="/"
|
|
className={`py-5 rounded-full ${
|
|
pathname === "/" && "text-(--primary) font-semibold"
|
|
}`}>
|
|
Home
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
);
|
|
};
|
|
|
|
export default NavigationBar;
|