feat: Add demos page with 4 verticals (Real Estate, Restaurant, Clinic, Home Services)

components/mission-control/MissionControlDashboard.tsx

@@ -25,6 +25,7 @@ interface SidebarCategory {
 const sidebarCategories: SidebarCategory[] = [
   { id: "projects", name: "Projects", icon: "🎯", items: [
     { id: "sitemente", name: "SiteMente", icon: "🌐", color: "#ff7bc0", category: "projects" },
+    { id: "demos", name: "Demo Pages", icon: "🎨", category: "demos" },
     { id: "holacompi", name: "HolaCompi", icon: "🤝", color: "#6366f1", category: "projects" },
   ]},
   { id: "tasks", name: "Tasks", icon: "✓", items: [
@@ -190,6 +191,23 @@ export default function MissionControlDashboard() {
             <div className="space-y-2 text-sm text-white/70"><p>Memory is stored in:</p><ul className="text-white/50 space-y-1"><li>• localStorage (browser)</li><li>• GitHub repo (daily commits)</li><li>• MEMORY.md (curated)</li></ul></div>
           </div>
         )}
+        {currentItem?.category === "demos" && (
+          <div className="rounded-xl border border-white/10 bg-white/5 p-6">
+            <div className="text-center py-8">
+              <div className="text-5xl mb-4">🎨</div>
+              <h3 className="text-xl font-bold mb-2">Demo Pages</h3>
+              <p className="text-white/60 mb-6">Vertical demo pages for SiteMente</p>
+              <div className="flex flex-wrap justify-center gap-3">
+                <a href="/demos" target="_blank" className="px-4 py-2 bg-brand-pink rounded-lg text-sm font-medium hover:bg-[#ff7bc0] transition">🌐 All Demos</a>
+                <a href="/demos?vertical=real-estate" target="_blank" className="px-4 py-2 bg-green-500/20 border border-green-500/30 rounded-lg text-sm hover:bg-green-500/30 transition">🏠 Real Estate</a>
+                <a href="/demos?vertical=restaurant" target="_blank" className="px-4 py-2 bg-yellow-500/20 border border-yellow-500/30 rounded-lg text-sm hover:bg-yellow-500/30 transition">🍽️ Restaurant</a>
+                <a href="/demos?vertical=clinic" target="_blank" className="px-4 py-2 bg-cyan-500/20 border border-cyan-500/30 rounded-lg text-sm hover:bg-cyan-500/30 transition">⚕️ Clinic</a>
+                <a href="/demos?vertical=home-services" target="_blank" className="px-4 py-2 bg-purple-500/20 border border-purple-500/30 rounded-lg text-sm hover:bg-purple-500/30 transition">🔧 Home Services</a>
+              </div>
+            </div>
+          </div>
+        )}
+
 
         {currentItem?.category === "projects" && (
           <>