Refactor NavItems component

components/NavItems/index.tsx

@@ -0,0 +1,16 @@
+"use client";
+
+import { NAV_ITEMS } from "@/lib/constans";
+import { NavItem } from "./NavItem";
+
+const NavItems = () => {
+  return (
+    <ul className="flex flex-col sm:flex-row p-2 gap-3 sm:gap-10 font-medium">
+      {NAV_ITEMS.map((item) => (
+        <NavItem key={item.href} item={item} />
+      ))}
+    </ul>
+  );
+};
+
+export default NavItems;