first commit

components/navigationbar/mobileNavBar.tsx

@@ -0,0 +1,36 @@
+"use client";
+import Link from "next/link";
+
+import { usePathname } from "next/navigation";
+
+const NAV_ITEMS = [
+  { href: "/home", label: "Home" },
+  { href: "/chunithm", label: "Chunithm" },
+  { href: "/maimai", label: "Maimai" },
+];
+
+const NavigationMenuMobile = () => {
+  const pathname = usePathname();
+
+  return (
+    <nav className="grid gap-6 text-lg font-medium">
+      {NAV_ITEMS.map(({ href, label }) => {
+        const isActive = pathname === href;
+
+        return (
+          <Link
+            key={href}
+            href={href}
+            className={`${
+              isActive ? "font-semibold text-primary" : "text-muted-foreground"
+            } text-sm`}
+          >
+            {label}
+          </Link>
+        );
+      })}
+    </nav>
+  );
+};
+
+export default NavigationMenuMobile;