Index: src/views/pages/hub-home.ejs
===================================================================
--- src/views/pages/hub-home.ejs	(revision 4c5169ff7471245757c6df394d609751ad9bac3a)
+++ src/views/pages/hub-home.ejs	(revision a7e12de366afd5fc8eddd39ace47658c9a219a46)
@@ -1,3 +1,18 @@
-<div class="hub">
+<div class="hub<%= hub.heroImage ? ' hub--img' : '' %>">
+
+  <%# ── Minimale nav (alleen auth) — over de hero, geen brand/switcher ── %>
+  <nav class="hub-nav">
+    <div class="hub-nav-inner container">
+      <% if (user) { %>
+        <% if (user.role === 'god' || user.role === 'admin') { %>
+          <a class="hub-nav-link" href="/admin">Beheer</a>
+        <% } %>
+        <a class="hub-nav-link" href="/account"><%= user.username %></a>
+        <a class="hub-nav-link" href="/auth/logout">Uitloggen</a>
+      <% } else { %>
+        <a class="hub-nav-link" href="/auth/login">Inloggen</a>
+      <% } %>
+    </div>
+  </nav>
 
   <%# ── HERO (label) — de pagina begint hier, geen header erboven ────── %>
@@ -61,5 +76,15 @@
 
 <style>
-.hub { width: 100%; }
+.hub { width: 100%; position: relative; }
+
+/* ── Minimale auth-nav (over de hero) ─────────────────────────────── */
+.hub-nav { position: absolute; top: 0; left: 0; right: 0; z-index: 5; padding: 1rem 0; }
+.hub-nav-inner { display: flex; justify-content: flex-end; align-items: center; gap: 1.4rem; }
+.hub-nav-link {
+  color: var(--ink); text-decoration: none; font-weight: 600; font-size: 0.9rem; opacity: 0.85;
+}
+.hub-nav-link:hover { opacity: 1; color: var(--accent); }
+.hub--img .hub-nav-link { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.4); }
+.hub--img .hub-nav-link:hover { color: #fff; opacity: 1; }
 
 /* ── Hero ─────────────────────────────────────────────────────────── */