v3.0: Update nav version badge v2.0 → v3.0

web/components/nav.tsx

@@ -1,96 +1 @@
-"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-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">v2.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>
-  );
-}
+/app/web/nav.tsx