SiteMente - AI-Powered Lead Generation Platform

Features:
- Mission Control dashboard
- HP Submissions tracking
- AI Agents integration
- Lead management CRM
- Marketing email templates
- Chrome extension support

Tech: Next.js, TypeScript, Tailwind CSS, MySQL

components/mission-control/MissionControlDashboard.tsx

@@ -39,6 +39,7 @@ const sidebarCategories: SidebarCategory[] = [
   ]},
   { id: "leads", name: "Leads", icon: "📈", items: [
     { id: "leads-crm", name: "CRM", icon: "📊", category: "leads" },
+    { id: "hp-submissions", name: "HP Submissions", icon: "📬", category: "hp-submissions" },
     { id: "dashboard", name: "Client Dashboard", icon: "🏢", category: "dashboard" },
   ]},
   { id: "projects", name: "Projects", icon: "🎯", items: [
@@ -46,6 +47,7 @@ const sidebarCategories: SidebarCategory[] = [
     { 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: "hookd", name: "Hookd", icon: "📌", color: "#4F46E5", category: "hookd" },
     { id: "arabredox", name: "Arabredox", icon: "💚", color: "#22c55e", category: "projects" },
     { id: "infrastructure", name: "Infra", icon: "⚙️", color: "#10b981", category: "projects" },
   ]},
@@ -77,6 +79,7 @@ const sidebarCategories: SidebarCategory[] = [
   { id: "memory", name: "Memory", icon: "🧠", items: [
     { id: "logs", name: "Session Logs", icon: "📝", category: "memory" },
     { id: "snapshots", name: "Snapshots", icon: "📸", category: "snapshots" },
+    { id: "research", name: "Deep Research", icon: "🔍", category: "research" },
   ]},
   { id: "docs", name: "Docs", icon: "📚", items: [
     { id: "docs-index", name: "Documentation", icon: "📚", category: "docs" },
@@ -436,6 +439,16 @@ export default function MissionControlDashboard({ onLogout }: MissionControlDash
           </div>
         )}
         
+        {currentItem?.category === "research" && (
+          <div className="space-y-4">
+            <div className="rounded-xl border border-white/10 bg-white/5 p-6">
+              <h3 className="text-lg font-semibold mb-4">🔍 Deep Research</h3>
+              <p className="text-white/60 mb-4">AI-powered research using Tavily API</p>
+              <a href="/mission-control/research" className="inline-flex items-center gap-2 px-4 py-2 bg-blue-600 rounded-lg text-sm font-medium hover:bg-blue-700 transition">🔍 Open Research</a>
+            </div>
+          </div>
+        )}
+        
         {/* BMHQ Automation Panels */}
         {currentItem?.category === "autorun" && (
           <div className="rounded-xl border border-green-500/30 bg-gradient-to-br from-[#1a2a1a] to-[#1a2a2a] p-6">
@@ -568,6 +581,19 @@ export default function MissionControlDashboard({ onLogout }: MissionControlDash
           </div>
         )}
 
+        {currentItem?.category === "hp-submissions" && (
+          <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">HP Submissions</h3>
+              <p className="text-white/60 mb-6">HostPioneers contact form submissions</p>
+              <div className="flex flex-wrap justify-center gap-3">
+                <a href="/mission-control/hp-submissions" target="_blank" className="px-4 py-2 bg-brand-pink rounded-lg text-sm font-medium hover:bg-[#ff7bc0] transition">📬 View Submissions</a>
+              </div>
+            </div>
+          </div>
+        )}
+
         {currentItem?.category === "dashboard" && (
           <div className="rounded-xl border border-white/10 bg-white/5 p-6">
             <div className="text-center py-8">
@@ -612,6 +638,7 @@ export default function MissionControlDashboard({ onLogout }: MissionControlDash
                     <option value="holacompi">HolaCompi</option>
                     <option value="arabredox">Arabredox</option>
                     <option value="infrastructure">Infrastructure</option>
+                    <option value="hookd">Hookd</option>
                   </select>
                   <button onClick={handleAddTask} className="px-4 py-1.5 bg-brand-pink rounded-lg text-sm font-medium">Add Task</button>
                   <button onClick={() => setShowAddTask(false)} className="px-3 py-1.5 text-sm text-white/60 hover:text-white">Cancel</button>
@@ -655,6 +682,38 @@ export default function MissionControlDashboard({ onLogout }: MissionControlDash
             </div>
           </>
         )}
+
+        {currentItem?.category === "hookd" && (
+          <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">Hookd</h3>
+              <p className="text-white/60 mb-6">Save, organize and AI-sort your X content</p>
+              <div className="flex flex-wrap justify-center gap-3 mb-4">
+                <a href="/extensions/hookd" target="_blank" className="px-4 py-2 bg-indigo-600 rounded-lg text-sm font-medium hover:bg-indigo-700 transition">📥 Download Extension</a>
+                <a href="https://github.com/HaithamEKhalifa/hookd" target="_blank" className="px-4 py-2 bg-white/10 rounded-lg text-sm hover:bg-white/20 transition">🐙 GitHub</a>
+              </div>
+              <div className="grid grid-cols-2 gap-4 max-w-md mx-auto mt-6 text-left">
+                <div className="bg-white/5 rounded-lg p-3">
+                  <span className="text-lg">📥</span>
+                  <p className="text-xs text-white/60 mt-1">DM Organizer</p>
+                </div>
+                <div className="bg-white/5 rounded-lg p-3">
+                  <span className="text-lg">🐦</span>
+                  <p className="text-xs text-white/60 mt-1">Feed Saver</p>
+                </div>
+                <div className="bg-white/5 rounded-lg p-3">
+                  <span className="text-lg">🤖</span>
+                  <p className="text-xs text-white/60 mt-1">AI Processing</p>
+                </div>
+                <div className="bg-white/5 rounded-lg p-3">
+                  <span className="text-lg">🏷️</span>
+                  <p className="text-xs text-white/60 mt-1">Custom Tags</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
       </main>
     </div>
   );