From 503ac0f24f2f83f1e221f4ce129e60509950b7e1 Mon Sep 17 00:00:00 2001
From: Yves Gugger <guggeryves@hotmail.com>
Date: Wed, 10 Dec 2025 07:47:30 +0100
Subject: [PATCH] feat: Update navigation structure according to concept
 (Public: Market/TLD Intel, Command Center: Dashboard/Market/Intelligence)

---
 frontend/src/components/Header.tsx | 48 +++++++++---------------------
 1 file changed, 14 insertions(+), 34 deletions(-)

diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index ff86a5f..958632d 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -55,13 +55,23 @@ export function Header() {
 
   const tierName = subscription?.tier_name || subscription?.tier || 'Scout'
 
-  // Navigation items - consistent for logged in/out
-  const navItems = [
-    { href: '/tld-pricing', label: 'TLD Prices', icon: TrendingUp },
-    { href: '/auctions', label: 'Auctions', icon: Gavel },
+  // Public navigation - for visitors (consistent naming with concept)
+  const publicNavItems = [
+    { href: '/auctions', label: 'Market', icon: Gavel },
+    { href: '/tld-pricing', label: 'TLD Intel', icon: TrendingUp },
     { href: '/pricing', label: 'Pricing', icon: CreditCard },
   ]
 
+  // Command Center navigation - for logged in users
+  const commandCenterNavItems = [
+    { href: '/dashboard', label: 'Dashboard', icon: LayoutDashboard },
+    { href: '/auctions', label: 'Market', icon: Gavel },
+    { href: '/tld-pricing', label: 'Intelligence', icon: TrendingUp },
+  ]
+
+  // Use appropriate nav items based on auth status
+  const navItems = isAuthenticated ? commandCenterNavItems : publicNavItems
+
   const isActive = (href: string) => {
     if (href === '/') return pathname === '/'
     return pathname.startsWith(href)
@@ -108,20 +118,6 @@ export function Header() {
         <nav className="hidden sm:flex items-center h-full gap-2">
           {isAuthenticated ? (
             <>
-              {/* Command Center Link - Primary CTA when logged in */}
-              <Link
-                href="/dashboard"
-                className={clsx(
-                  "flex items-center gap-2 h-9 px-4 text-[0.8125rem] font-medium rounded-lg transition-all duration-200",
-                  isActive('/dashboard')
-                    ? "bg-foreground text-background"
-                    : "text-foreground bg-foreground/5 hover:bg-foreground/10"
-                )}
-              >
-                <LayoutDashboard className="w-4 h-4" />
-                <span>Command Center</span>
-              </Link>
-
               {/* Notifications */}
               <div ref={notificationsRef} className="relative">
                 <button
@@ -304,22 +300,6 @@ export function Header() {
                     <span className="text-ui-xs text-foreground-subtle">{subscription?.domains_used || 0}/{subscription?.domain_limit || 5} domains</span>
                   </div>
                 </div>
-
-                <Link
-                  href="/dashboard"
-                  className={clsx(
-                    "flex items-center gap-3 px-4 py-3 text-body-sm rounded-xl transition-all duration-200",
-                    isActive('/dashboard')
-                      ? "bg-foreground text-background font-medium"
-                      : "text-foreground-muted hover:text-foreground hover:bg-foreground/5"
-                  )}
-                >
-                  <LayoutDashboard className="w-5 h-5" />
-                  <span>Command Center</span>
-                  {hasNotifications && (
-                    <span className="ml-auto w-2 h-2 bg-accent rounded-full" />
-                  )}
-                </Link>
               </>
             )}