Title

Always show “Dashboard” link (desktop + mobile nav, redirect if logged out)

Prompt for Replit

Update both the desktop navbar and mobile menu (burger) so that:

“Dashboard” is always visible, regardless of login state.

If logged in → route to /dashboard.

If logged out → route to /auth/login?redirect=/dashboard.

Keep styling identical (hover, spacing, color).

For logged-out users, label can optionally say “Login to Dashboard” in both navs.

Ensure mobile drawer/accordion doesn’t shift or break layout.

Micro-diff (desktop nav)

File: client/src/components/layout/Navbar.tsx

--- a/client/src/components/layout/Navbar.tsx
+++ b/client/src/components/layout/Navbar.tsx
@@ -40,10 +40,18 @@
   const { user } = useAuth(); // assumed already present
 
   return (
     <nav className="flex items-center gap-6">
       <Link href="/">Home</Link>
       <Link href="/services">Services</Link>
       <Link href="/products">Products</Link>
       <Link href="/pricing">Pricing</Link>
       <Link href="/resources">Resources</Link>
       <Link href="/faq">FAQ</Link>
-      {user && <Link href="/dashboard">Dashboard</Link>}
+      <Link
+        href={user ? "/dashboard" : "/auth/login?redirect=/dashboard"}
+        className="hover:text-primary transition"
+      >
+        {user ? "Dashboard" : "Login to Dashboard"}
+      </Link>
     </nav>

Micro-diff (mobile nav / drawer)

File: client/src/components/layout/MobileMenu.tsx (adjust if named differently)

--- a/client/src/components/layout/MobileMenu.tsx
+++ b/client/src/components/layout/MobileMenu.tsx
@@ -30,10 +30,16 @@
   const { user } = useAuth();
 
   return (
     <div className="flex flex-col gap-4">
       <Link href="/">Home</Link>
       <Link href="/services">Services</Link>
       <Link href="/products">Products</Link>
       <Link href="/pricing">Pricing</Link>
       <Link href="/resources">Resources</Link>
       <Link href="/faq">FAQ</Link>
-      {user && <Link href="/dashboard">Dashboard</Link>}
+      <Link
+        href={user ? "/dashboard" : "/auth/login?redirect=/dashboard"}
+        className="text-sm hover:text-primary"
+      >
+        {user ? "Dashboard" : "Login to Dashboard"}
+      </Link>
     </div>
   );

QA

Logged in (desktop + mobile): Dashboard link goes to /dashboard.

Logged out (desktop + mobile): Link goes to login, then auto-redirects to Dashboard.

Labels:

Premium polish = “Login to Dashboard” when logged out.

Still shows Dashboard only when logged in.

Mobile drawer spacing remains aligned with other links.