From 96922a58bdc566d9eb410049644236e0b1bc148f Mon Sep 17 00:00:00 2001
From: kleap-admin <admin@kleap.co>
Date: Sun, 18 Jan 2026 16:27:19 +0000
Subject: [PATCH] Update components/navbar/index.tsx

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

diff --git a/components/navbar/index.tsx b/components/navbar/index.tsx
new file mode 100644
index 0000000..b782a3a
--- /dev/null
+++ b/components/navbar/index.tsx
@@ -0,0 +1,58 @@
+"use client";
+import { DesktopNavbar } from "./desktop-navbar";
+import { MobileNavbar } from "./mobile-navbar";
+import { motion } from "framer-motion";
+
+interface NavItem {
+  title: string;
+  link: string;
+}
+
+// Navigation items - uncomment the pages you want to enable
+const navItems: NavItem[] = [
+  {
+    title: "Home",
+    link: "/",
+  },
+  {
+    title: "Work",
+    link: "#work",
+  },
+  {
+    title: "Services",
+    link: "#services",
+  },
+  {
+    title: "About",
+    link: "#about",
+  },
+  {
+    title: "Contact",
+    link: "#contact",
+  },
+];
+
+export function NavBar() {
+  return (
+    <motion.nav
+      initial={{
+        y: -80,
+      }}
+      animate={{
+        y: 0,
+      }}
+      transition={{
+        ease: [0.6, 0.05, 0.1, 0.9],
+        duration: 0.8,
+      }}
+      className="max-w-7xl fixed top-4 mx-auto inset-x-0 z-50 w-[95%] lg:w-full"
+    >
+      <div className="hidden lg:block w-full">
+        <DesktopNavbar navItems={navItems} />
+      </div>
+      <div className="flex h-full w-full items-center lg:hidden">
+        <MobileNavbar navItems={navItems} />
+      </div>
+    </motion.nav>
+  );
+}