From be071ff82fc2d79dc9e1e64c53e4ba5225153a67 Mon Sep 17 00:00:00 2001
From: Daniel S <daniel.schumacher@caspos.de>
Date: Sun, 9 Aug 2026 22:19:20 +0200
Subject: [PATCH] feat(admin): add quick navigation cards to admin dashboard

---
 src/pages/admin/index.astro | 54 ++++++++++++++++++++++++++++---------
 1 file changed, 42 insertions(+), 12 deletions(-)

diff --git a/src/pages/admin/index.astro b/src/pages/admin/index.astro
index 2214b79..f464ffd 100644
--- a/src/pages/admin/index.astro
+++ b/src/pages/admin/index.astro
@@ -11,22 +11,52 @@ const presets = Object.values(THEME_PRESETS);
   <div class="min-h-screen bg-[#0B0F19] text-white p-6 sm:p-10 font-sans">
     <div class="max-w-6xl mx-auto space-y-10">
       
-      <!-- Admin Header -->
-      <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 border-b border-white/10 pb-6">
-        <div>
-          <span class="text-xs font-mono text-sky-400 uppercase tracking-widest">N& D Waas Engine</span>
-          <h1 class="text-3xl font-extrabold tracking-tight mt-1">Layout & Config Dashboard</h1>
+      <!-- Admin Header & Quick Navigation -->
+      <div class="space-y-4 border-b border-white/10 pb-6">
+        <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
+          <div>
+            <span class="text-xs font-mono text-sky-400 uppercase tracking-widest">N&D WaaS Engine</span>
+            <h1 class="text-3xl font-extrabold tracking-tight mt-1">System & Admin Dashboard</h1>
+          </div>
+          <div class="flex items-center gap-3">
+            <a href="/" target="_blank" class="px-4 py-2 rounded-xl glass-panel text-xs font-semibold hover:border-sky-400 transition-all flex items-center gap-2">
+              🌐 Live Seite Ansehen
+            </a>
+            <button id="save-all-btn" class="px-6 py-2.5 rounded-xl bg-sky-400 text-slate-950 font-bold text-xs uppercase tracking-wider hover:bg-white transition-all shadow-lg shadow-sky-400/20 active:scale-95">
+              Einstellungen Speichern
+            </button>
+          </div>
         </div>
-        <div class="flex items-center gap-3">
-          <a href="/" target="_blank" class="px-4 py-2 rounded-xl glass-panel text-xs font-semibold hover:border-sky-400 transition-all flex items-center gap-2">
-            Live Seite Ansehen
+
+        <!-- Quick Admin Nav Cards / Links -->
+        <nav aria-label="Admin Navigation" class="grid grid-cols-1 sm:grid-cols-3 gap-3 pt-2">
+          <a href="/admin/pages" class="p-3 bg-slate-900/80 border border-white/10 hover:border-sky-400/50 rounded-xl flex items-center justify-between text-xs transition-all group">
+            <div>
+              <span class="font-bold text-white block group-hover:text-sky-400">📄 Seiten-Verwaltung</span>
+              <span class="text-[10px] text-slate-400">Routen, Slugs & Startseite festlegen</span>
+            </div>
+            <span class="text-sky-400 text-sm font-bold">→</span>
           </a>
-          <button id="save-all-btn" class="px-6 py-2.5 rounded-xl bg-sky-400 text-slate-95 font-bold text-xs uppercase tracking-wider hover:bg-white transition-all shadow-lg shadow-sky-400/20 active:scale-95">
-            Einstellungen Speichern
-          </button>
-        </div>
+
+          <a href="/admin/editor" class="p-3 bg-slate-900/80 border border-white/10 hover:border-sky-400/50 rounded-xl flex items-center justify-between text-xs transition-all group">
+            <div>
+              <span class="font-bold text-white block group-hover:text-sky-400">🎨 Visueller Drag & Drop Editor</span>
+              <span class="text-[10px] text-slate-400">Sektionen & Inhalts-Vorschau</span>
+            </div>
+            <span class="text-sky-400 text-sm font-bold">→</span>
+          </a>
+
+          <a href="/admin/settings" class="p-3 bg-slate-900/80 border border-white/10 hover:border-sky-400/50 rounded-xl flex items-center justify-between text-xs transition-all group">
+            <div>
+              <span class="font-bold text-white block group-hover:text-sky-400">⚙️ Stammdaten & SEO</span>
+              <span class="text-[10px] text-slate-400">Firmen-Daten & Dynamic Data Binding</span>
+            </div>
+            <span class="text-sky-400 text-sm font-bold">→</span>
+          </a>
+        </nav>
       </div>
 
+
       <div id="admin-alert" class="hidden p-4 rounded-xl text-xs font-mono text-center transition-all"></div>
 
       <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">