feat: Implement CRM and External Integrations

src/components/DashboardLayout.tsx

@@ -59,7 +59,8 @@ import {
   Store,
   Server,
   ShieldAlert,
-  UserCircle
+  UserCircle,
+  Mail
 } from 'lucide-react';
 
 const DashboardLayout = ({ children }: { children: React.ReactNode }) => {
@@ -128,9 +129,20 @@ const DashboardLayout = ({ children }: { children: React.ReactNode }) => {
             { icon: FileText, label: 'Historial', path: '/dashboard/commissions/payments' }
           ]
         },
+        { 
+          icon: Users, 
+          label: 'CRM', 
+          path: '/dashboard/crm',
+          subItems: [
+            { icon: BarChart3, label: 'Dashboard', path: '/dashboard/crm/dashboard' },
+            { icon: Users, label: 'Contactos', path: '/dashboard/crm/contacts' },
+            { icon: Mail, label: 'Campañas', path: '/dashboard/crm/campaigns' },
+            { icon: BarChart3, label: 'Analytics', path: '/dashboard/crm/analytics' }
+          ]
+        },
         { 
           icon: Settings, 
-          label: 'Configuración', 
+          label: 'Configuración',
           path: '/dashboard/config',
           subItems: [
             { icon: Server, label: 'APIs', path: '/dashboard/config/apis' },