v3.0: Fix nav.tsx — upload actual content (was file path reference), v3.0 badge

web/components/nav.tsx

@@ -1 +1,96 @@
-/app/web/nav.tsx
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { ShieldCheck, Menu, X, Crown, GitCompare } from "lucide-react";
+import { useState, useEffect } from "react";
+import { createClient } from "@/lib/supabase/client";
+
+const links = [
+  { href: "/#features", label: "Features" },
+  { href: "/#pricing", label: "Pricing" },
+  { href: "/dashboard-pages/analyze", label: "Scanner" },
+  { href: "/dashboard-pages/compare", label: "Compare", icon: GitCompare },
+];
+
+const ADMIN_EMAILS = ["ankygaur9972@gmail.com"];
+
+export function Nav() {
+  const [open, setOpen] = useState(false);
+  const [userEmail, setUserEmail] = useState<string | null>(null);
+  const pathname = usePathname();
+  const isDashboard = pathname?.startsWith("/dashboard");
+  const isAdmin = userEmail && ADMIN_EMAILS.includes(userEmail);
+
+  useEffect(() => {
+    const supabase = createClient();
+    supabase.auth.getUser().then(({ data }) => {
+      setUserEmail(data.user?.email || null);
+    });
+  }, []);
+
+  return (
+    <nav className="sticky top-0 z-50 bg-white/80 backdrop-blur-md border-b border-zinc-100">
+      <div className="max-w-6xl mx-auto px-4 sm:px-5 h-14 flex items-center justify-between">
+        <Link href="/" className="flex items-center gap-2">
+          <ShieldCheck className="w-5 h-5 text-zinc-900" strokeWidth={2.2} />
+          <span className="font-semibold text-[15px] tracking-tight text-zinc-900">ClauseGuard</span>
+          <span className="hidden sm:inline text-[10px] font-medium text-zinc-400 ml-1 border border-zinc-200 px-1.5 py-0.5 rounded">v3.0</span>
+        </Link>
+
+        <div className="hidden md:flex items-center gap-1">
+          {links.map((l) => (
+            <a key={l.href} href={l.href}
+              className="px-3 py-1.5 text-[13px] text-zinc-500 hover:text-zinc-900 rounded-md hover:bg-zinc-50 transition-colors">
+              {l.label}
+            </a>
+          ))}
+
+          {isAdmin && (
+            <Link href="/admin"
+              className="px-3 py-1.5 text-[13px] text-amber-600 hover:text-amber-700 rounded-md hover:bg-amber-50 transition-colors flex items-center gap-1">
+              <Crown className="w-3.5 h-3.5" /> Admin
+            </Link>
+          )}
+
+          <div className="w-px h-4 bg-zinc-200 mx-2" />
+
+          {isDashboard || userEmail ? (
+            <Link href="/dashboard-pages/settings"
+              className="px-3 py-1.5 text-[13px] text-zinc-500 hover:text-zinc-900 rounded-md hover:bg-zinc-50">
+              Settings
+            </Link>
+          ) : (
+            <Link href="/auth/login"
+              className="px-3 py-1.5 text-[13px] text-zinc-500 hover:text-zinc-900 rounded-md hover:bg-zinc-50">
+              Log in
+            </Link>
+          )}
+          <Link href={isDashboard || userEmail ? "/dashboard-pages/analyze" : "/auth/signup"}
+            className="ml-1 px-3.5 py-1.5 text-[13px] font-medium text-white bg-zinc-900 rounded-md hover:bg-zinc-800 transition-colors">
+            {isDashboard || userEmail ? "New scan" : "Get started"}
+          </Link>
+        </div>
+
+        <button className="md:hidden p-1.5 rounded-md hover:bg-zinc-100" onClick={() => setOpen(!open)}>
+          {open ? <X className="w-5 h-5" /> : <Menu className="w-5 h-5" />}
+        </button>
+      </div>
+
+      {open && (
+        <div className="md:hidden border-t border-zinc-100 bg-white px-5 py-3 space-y-1">
+          {links.map((l) => (
+            <a key={l.href} href={l.href} onClick={() => setOpen(false)}
+              className="block px-3 py-2 text-sm text-zinc-600 rounded-md hover:bg-zinc-50">{l.label}</a>
+          ))}
+          {isAdmin && (
+            <Link href="/admin" onClick={() => setOpen(false)}
+              className="block px-3 py-2 text-sm text-amber-600 rounded-md hover:bg-amber-50">Admin</Link>
+          )}
+          <Link href="/auth/login" onClick={() => setOpen(false)}
+            className="block px-3 py-2 text-sm text-zinc-600 rounded-md hover:bg-zinc-50">Log in</Link>
+        </div>
+      )}
+    </nav>
+  );
+}