From cde2de97ec4c14e05ed22a72b7da438c1b95519b Mon Sep 17 00:00:00 2001
From: kleap-admin <admin@kleap.co>
Date: Fri, 16 Jan 2026 10:55:18 +0000
Subject: [PATCH] Update components/navbar/navbar-item.tsx

---
 components/navbar/navbar-item.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 components/navbar/navbar-item.tsx

diff --git a/components/navbar/navbar-item.tsx b/components/navbar/navbar-item.tsx
new file mode 100644
index 0000000..29866e6
--- /dev/null
+++ b/components/navbar/navbar-item.tsx
@@ -0,0 +1,28 @@
+"use client";
+
+import Link from "next/link";
+import { ReactNode } from "react";
+
+type Props = {
+  href: string;
+  children: ReactNode;
+  className?: string;
+  target?: "_blank";
+};
+
+export function NavBarItem({
+  children,
+  href,
+  target,
+  className = "flex items-center justify-center text-sm leading-[110%] px-4 py-2 rounded-md hover:bg-[#F5F5F5] hover:text-black text-neutral-700",
+}: Props) {
+  return (
+    <Link
+      href={href}
+      className={className}
+      target={target}
+    >
+      {children}
+    </Link>
+  );
+}