fix(web): auth-aware marketing nav — no false 'logged out' on the homepage

The public nav always showed Sign in / Start free, so returning to
shoplit.in looked like a logout (prompting a needless re-login) even with
a valid session. Add MarketingNav (server) that resolves the current user
via the session cookie; signed-in visitors now see a Dashboard link +
avatar. Wired into the landing, roadmap, get-extension, and legal pages.

Author: mayur-tolexo

web/app/(public)/get-extension/page.tsx

@@ -1,6 +1,6 @@
 import type { Metadata } from "next";
 import Link from "next/link";
-import { NavBar } from "@/components/nav-bar";
+import { MarketingNav } from "@/components/marketing-nav";
 import { Footer } from "@/components/footer";
 import { Download, Puzzle, Monitor, Smartphone } from "lucide-react";
 
@@ -27,7 +27,7 @@ const mobileSteps = [
 export default function GetExtensionPage() {
   return (
     <>
-      <NavBar variant="marketing" />
+      <MarketingNav />
       <main className="mx-auto max-w-2xl px-4 sm:px-6 py-16">
         <div className="text-center mb-10">
           <span

web/app/(public)/legal/extension-privacy/page.tsx

@@ -1,12 +1,12 @@
-import { NavBar } from "@/components/nav-bar";
+import { MarketingNav } from "@/components/marketing-nav";
 import { Footer } from "@/components/footer";
 
 export const metadata = { title: "Extension Privacy · shoplit" };
 
 export default function ExtensionPrivacyPage() {
   return (
     <>
-      <NavBar variant="marketing" />
+      <MarketingNav />
       <main className="mx-auto max-w-2xl px-4 sm:px-6 py-16">
         <h1 className="font-serif text-4xl mb-2">shoplit browser extension — Privacy</h1>
         <p className="text-sm text-muted mb-8">Last updated: 2026-05-24</p>

web/app/(public)/legal/privacy/page.tsx

@@ -1,12 +1,12 @@
-import { NavBar } from "@/components/nav-bar";
+import { MarketingNav } from "@/components/marketing-nav";
 import { Footer } from "@/components/footer";
 
 export const metadata = { title: "Privacy · shoplit" };
 
 export default function PrivacyPage() {
   return (
     <>
-      <NavBar variant="marketing" />
+      <MarketingNav />
       <main className="mx-auto max-w-2xl px-4 sm:px-6 py-16">
         <h1 className="font-serif text-4xl mb-2">Privacy</h1>
         <p className="text-sm text-muted mb-8">Last updated: 2026-05-23</p>

web/app/(public)/legal/terms/page.tsx

@@ -1,12 +1,12 @@
-import { NavBar } from "@/components/nav-bar";
+import { MarketingNav } from "@/components/marketing-nav";
 import { Footer } from "@/components/footer";
 
 export const metadata = { title: "Terms · shoplit" };
 
 export default function TermsPage() {
   return (
     <>
-      <NavBar variant="marketing" />
+      <MarketingNav />
       <main className="mx-auto max-w-2xl px-4 sm:px-6 py-16">
         <h1 className="font-serif text-4xl mb-2">Terms</h1>
         <p className="text-sm text-muted mb-8">Last updated: 2026-05-23</p>

web/app/(public)/page.tsx

@@ -1,6 +1,6 @@
 import Link from "next/link";
 import { ArrowRight, Sparkles } from "lucide-react";
-import { NavBar } from "@/components/nav-bar";
+import { MarketingNav } from "@/components/marketing-nav";
 import { Footer } from "@/components/footer";
 import { CartCard } from "@/components/cart-card";
 import { CartCover } from "@/components/cart-cover";
@@ -21,7 +21,7 @@ export default async function LandingPage() {
   }
   return (
     <>
-      <NavBar variant="marketing" />
+      <MarketingNav />
       <main>
         {/* HERO — animated gradient background + cascading phone mockups */}
         <section className="relative overflow-hidden">

web/app/(public)/roadmap/page.tsx

@@ -1,6 +1,6 @@
 import type { Metadata } from "next";
 import Link from "next/link";
-import { NavBar } from "@/components/nav-bar";
+import { MarketingNav } from "@/components/marketing-nav";
 import { Footer } from "@/components/footer";
 import { RevealOnScroll } from "@/components/reveal-on-scroll";
 import {
@@ -59,7 +59,7 @@ const ITEMS: Item[] = [
 export default function RoadmapPage() {
   return (
     <>
-      <NavBar variant="marketing" />
+      <MarketingNav />
       <main className="mx-auto max-w-6xl px-4 sm:px-6">
         {/* HERO */}
         <section className="pt-16 pb-10 sm:pt-24 sm:pb-14 text-center max-w-2xl mx-auto">

web/components/marketing-nav.tsx

@@ -0,0 +1,17 @@
+import { cookies } from "next/headers";
+import { getCurrentUser } from "@/lib/api-client";
+import { NavBar } from "./nav-bar";
+
+// Server wrapper for the marketing NavBar: looks up the current user (via the
+// forwarded session cookie) so the public chrome reflects login state — a
+// signed-in visitor sees "Dashboard", not "Sign in". Safe on logged-out
+// visitors (the lookup just returns null).
+export async function MarketingNav() {
+  let user = null;
+  try {
+    user = await getCurrentUser({ cookie: cookies().toString() });
+  } catch {
+    user = null;
+  }
+  return <NavBar variant="marketing" user={user} />;
+}

web/components/nav-bar.tsx

@@ -48,15 +48,31 @@ export function NavBar({ variant = "marketing", user }: NavBarProps) {
             <Link href="/feedback" className="text-muted hover:text-ink transition-colors">
               Feedback
             </Link>
-            <Link href="/login" className="text-muted hover:text-ink transition-colors">
-              Sign in
-            </Link>
-            <Link
-              href="/login"
-              className="rounded-full bg-ink text-cream px-4 py-2 font-medium hover:opacity-90 transition-opacity"
-            >
-              Start free
-            </Link>
+            {user ? (
+              // Already signed in — reflect it instead of showing "Sign in"
+              // (otherwise returning to the homepage looks like a logout).
+              <Link
+                href="/dashboard"
+                className="flex items-center gap-2 rounded-full bg-ink text-cream pl-2 pr-4 py-1.5 font-medium hover:opacity-90 transition-opacity"
+              >
+                {user.avatarUrl && (
+                  <Image src={user.avatarUrl} width={24} height={24} alt="" className="rounded-full" unoptimized />
+                )}
+                Dashboard
+              </Link>
+            ) : (
+              <>
+                <Link href="/login" className="text-muted hover:text-ink transition-colors">
+                  Sign in
+                </Link>
+                <Link
+                  href="/login"
+                  className="rounded-full bg-ink text-cream px-4 py-2 font-medium hover:opacity-90 transition-opacity"
+                >
+                  Start free
+                </Link>
+              </>
+            )}
           </div>
         )}
         {variant === "app" && user && (