Spaces:

---

fsalmansour

/

s

like 0

Running

🧠 **Role Prompt:** You are a world-class AI-powered full-stack designer and engineer. Your task is to build a next-generation, all-in-one admin dashboard for a smart e-commerce store called “Store AI Hub,” with a professional dark mode theme, modern UX, and future-proof modular architecture. Design as if you’re building a global SaaS product to impress both Gulf-region and international clients. Quality and speed are priorities. --- 🎨 **Core Design Requirements:** - Beautiful dark mode (high contrast, visually appealing) - Single Page Application (SPA) structure with modular, dynamic sections - UI inspired by premium SaaS platforms (Figma, Linear, Notion, Bolt) - Fixed sidebar with modern, interactive icons & short labels - Floating Action Button (FAB) always visible for adding new content - Flexible components that handle empty states gracefully --- 📋 **Main Layout Structure (Sample HTML):** ```html <div class="flex h-screen bg-gray-900 text-gray-100"> <!-- Sidebar --> <aside class="w-64 bg-gray-800 p-4"> <nav> <ul> <li class="sidebar-tab" data-tab="products">📦 Products</li> <li class="sidebar-tab" data-tab="shipping">🚚 Shipping</li> <li class="sidebar-tab" data-tab="ai">🤖 AI Center</li> <li class="sidebar-tab" data-tab="analytics">📈 Analytics</li> <li class="sidebar-tab" data-tab="social">📣 Social</li> <li class="sidebar-tab" data-tab="settings">⚙️ Settings</li> </ul> </nav> </aside> <!-- Main Content --> <main class="flex-1 p-6 overflow-y-auto"> <div id="module-container"></div> </main> <!-- Floating Action Button --> <button class="fab">+</button> </div> - Follow Up Deployment