amirreza.jamali/tm-landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(nav): Make Login button a functional link

Browse Source 
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.
This commit is contained in:
AmirReza Jamali
2025-10-27 10:13:34 +03:30
parent 6c7cc6d3ee
commit ca911091f4
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/_components/NavigationBar.tsx
+8 -3
View File
@@ -5,10 +5,15 @@ import { usePathname } from "next/navigation";
const NavigationBar = () => { const NavigationBar = () => {
const pathname = usePathname(); const pathname = usePathname();
return ( return (
<nav> <nav className="my-5">
<ul className="flex flex-row-reverse items-center gap-12"> <ul className="flex flex-row-reverse items-center gap-12">
<li className="bg-(--primary) text-white py-5 px-12 rounded-full"> <li>
Login <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>
<li> <li>
<Link <Link