init

components/layout/navbar.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import Link from "next/link";
+import { Activity, Globe2, Map } from "lucide-react";
+import { cn } from "@/lib/utils";
+
+interface NavbarProps {
+  activeView?: "globe" | "map";
+}
+
+export function Navbar({ activeView = "globe" }: NavbarProps) {
+  return (
+    <nav className="fixed top-0 left-0 right-0 z-50 border-b border-white/5 bg-[var(--bg-primary)]/80 backdrop-blur-xl">
+      <div className="mx-auto flex h-14 max-w-[1800px] items-center justify-between px-4">
+        <Link href="/" className="flex items-center gap-2">
+          <span className="text-2xl">🦞</span>
+          <span
+            className="font-mono text-lg font-bold tracking-tight"
+            style={{ color: "var(--accent-cyan)", textShadow: "var(--glow-cyan)" }}
+          >
+            OpenClaw Market
+          </span>
+        </Link>
+
+        <div className="flex items-center gap-1 rounded-lg border border-white/5 bg-white/5 p-1">
+          <Link
+            href="/"
+            className={cn(
+              "flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-all",
+              activeView === "globe"
+                ? "bg-[var(--accent-cyan)]/10 text-[var(--accent-cyan)]"
+                : "text-[var(--text-muted)] hover:text-[var(--text-secondary)]"
+            )}
+          >
+            <Globe2 className="h-3.5 w-3.5" />
+            3D Globe
+          </Link>
+          <Link
+            href="/continent/asia"
+            className={cn(
+              "flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-all",
+              activeView === "map"
+                ? "bg-[var(--accent-cyan)]/10 text-[var(--accent-cyan)]"
+                : "text-[var(--text-muted)] hover:text-[var(--text-secondary)]"
+            )}
+          >
+            <Map className="h-3.5 w-3.5" />
+            2D Map
+          </Link>
+        </div>
+
+        <div className="flex items-center gap-3">
+          <div className="flex items-center gap-1.5">
+            <Activity className="h-3.5 w-3.5 text-[var(--accent-green)]" />
+            <span className="text-xs text-[var(--text-secondary)]">Live</span>
+          </div>
+        </div>
+      </div>
+    </nav>
+  );
+}