diff --git a/src/shared/Navigation/Navigation.tsx b/src/shared/Navigation/Navigation.tsx
new file mode 100644
index 0000000..219410a
--- /dev/null
+++ b/src/shared/Navigation/Navigation.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+import NavigationItem from "./NavigationItem";
+import { NAVIGATION_DEMO } from "@/data/navigation";
+
+function Navigation() {
+  return (
+    <ul className="nc-Navigation hidden lg:flex lg:flex-wrap lg:space-x-1 relative">
+      {NAVIGATION_DEMO.map((item) => (
+        <NavigationItem key={item.id} menuItem={item} />
+      ))}
+    </ul>
+  );
+}
+
+export default Navigation;