From ca911091f4b7edc2b635e2a176eba4e68cfdd5c5 Mon Sep 17 00:00:00 2001
From: AmirReza Jamali <amir7jamali.ar@yahoo.com>
Date: Mon, 27 Oct 2025 10:13:34 +0330
Subject: [PATCH] feat(nav): Make Login button a functional link

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.
---
 app/_components/NavigationBar.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/_components/NavigationBar.tsx b/app/_components/NavigationBar.tsx
index 8b1e89a..e4fcb9f 100644
--- a/app/_components/NavigationBar.tsx
+++ b/app/_components/NavigationBar.tsx
@@ -5,10 +5,15 @@ import { usePathname } from "next/navigation";
 const NavigationBar = () => {
   const pathname = usePathname();
   return (
-    <nav>
+    <nav className="my-5">
       <ul className="flex flex-row-reverse items-center gap-12">
-        <li className="bg-(--primary) text-white py-5 px-12 rounded-full">
-          Login
+        <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