diff --git a/src/app/page.tsx b/src/app/page.tsx
index 34da553..0a5a5d8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -101,6 +101,35 @@ export default function HomePage() {
 
   return (
     <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900">
+      {/* ── Header Nav ─────────────────────────────────────────── */}
+      <nav className="border-b border-slate-700/50 backdrop-blur-sm sticky top-0 z-50 bg-slate-900/90">
+        <div className="max-w-5xl mx-auto px-6 py-4 flex items-center justify-between">
+          <Link href="/" className="flex items-center gap-2">
+            <div className="w-8 h-8 bg-gradient-to-br from-emerald-400 to-emerald-600 rounded-lg flex items-center justify-center font-bold text-slate-900 text-sm">
+              rM
+            </div>
+            <span className="font-semibold text-lg">
+              <span className="text-rmaps-primary">r</span>Maps
+            </span>
+          </Link>
+          <div className="flex items-center gap-4">
+            <Link
+              href="/demo"
+              className="text-sm text-slate-300 hover:text-white transition-colors"
+            >
+              Demo
+            </Link>
+            <a
+              href="#get-started"
+              className="text-sm px-4 py-2 bg-emerald-600 hover:bg-emerald-500 rounded-lg transition-colors font-medium"
+            >
+              Create Map
+            </a>
+            <AuthButton />
+          </div>
+        </div>
+      </nav>
+
       {/* ── Hero Section ─────────────────────────────────────────── */}
       <section className="relative overflow-hidden">
         {/* Subtle background grid */}
@@ -402,17 +431,22 @@ export default function HomePage() {
         <div className="max-w-7xl mx-auto px-6">
           <div className="flex flex-wrap items-center justify-center gap-4 text-sm text-slate-500 mb-4">
             <span className="font-medium text-slate-400">r* Ecosystem</span>
-            <a href="https://rspace.online" className="hover:text-slate-300 transition-colors">🌌 rSpace</a>
-            <a href="https://rmaps.online" className="hover:text-slate-300 transition-colors font-medium text-slate-300">🗺️ rMaps</a>
-            <a href="https://rnotes.online" className="hover:text-slate-300 transition-colors">📝 rNotes</a>
-            <a href="https://rvote.online" className="hover:text-slate-300 transition-colors">🗳️ rVote</a>
-            <a href="https://rfunds.online" className="hover:text-slate-300 transition-colors">💰 rFunds</a>
-            <a href="https://rtrips.online" className="hover:text-slate-300 transition-colors">✈️ rTrips</a>
-            <a href="https://rcart.online" className="hover:text-slate-300 transition-colors">🛒 rCart</a>
-            <a href="https://rwallet.online" className="hover:text-slate-300 transition-colors">💼 rWallet</a>
-            <a href="https://rfiles.online" className="hover:text-slate-300 transition-colors">📁 rFiles</a>
-            <a href="https://rinbox.online" className="hover:text-slate-300 transition-colors">✉️ rInbox</a>
-            <a href="https://rnetwork.online" className="hover:text-slate-300 transition-colors">🌐 rNetwork</a>
+            <a href="https://rspace.online" className="hover:text-slate-300 transition-colors">rSpace</a>
+            <a href="https://rmaps.online" className="hover:text-slate-300 transition-colors font-medium text-slate-300">rMaps</a>
+            <a href="https://rnotes.online" className="hover:text-slate-300 transition-colors">rNotes</a>
+            <a href="https://rvote.online" className="hover:text-slate-300 transition-colors">rVote</a>
+            <a href="https://rfunds.online" className="hover:text-slate-300 transition-colors">rFunds</a>
+            <a href="https://rtrips.online" className="hover:text-slate-300 transition-colors">rTrips</a>
+            <a href="https://rcart.online" className="hover:text-slate-300 transition-colors">rCart</a>
+            <a href="https://rwallet.online" className="hover:text-slate-300 transition-colors">rWallet</a>
+            <a href="https://rfiles.online" className="hover:text-slate-300 transition-colors">rFiles</a>
+            <a href="https://rtube.online" className="hover:text-slate-300 transition-colors">rTube</a>
+            <a href="https://rcal.online" className="hover:text-slate-300 transition-colors">rCal</a>
+            <a href="https://rnetwork.online" className="hover:text-slate-300 transition-colors">rNetwork</a>
+            <a href="https://rinbox.online" className="hover:text-slate-300 transition-colors">rInbox</a>
+            <a href="https://rstack.online" className="hover:text-slate-300 transition-colors">rStack</a>
+            <a href="https://rauctions.online" className="hover:text-slate-300 transition-colors">rAuctions</a>
+            <a href="https://rpubs.online" className="hover:text-slate-300 transition-colors">rPubs</a>
           </div>
           <p className="text-center text-xs text-slate-600">
             Part of the r* ecosystem — collaborative tools for communities.