Import React From 'react'; Import { Card } From '@/components/ui/card'; Import { MonitorSmartphone Users

import React from 'react'; import { Card } from '@/components/ui/card'; import { MonitorSmartphone, Users, LineChart, ShoppingCart, Calculator, Brain, UserCog, Building2 } from 'lucide-react'; const EnterpriseToolsInfographic = () => { const tools = [ { icon: Building2, title: "Software de Gestión Empresarial (ERP)", description: "Integra y gestiona procesos empresariales: contabilidad, RRHH, inventario, ventas y compras" }, { icon: Users, title: "CRM", description: "Gestiona interacciones con clientes, seguimiento de ventas, marketing y servicio al cliente" }, { icon: MonitorSmartphone, title: "Software de Gestión de Proyectos", description: "Facilita planificación, programación y seguimiento de proyectos" }, { icon: LineChart, title: "Herramientas de Análisis de Datos", description: "Permite recopilar, analizar y visualizar datos para toma de decisiones" }, { icon: Calculator, title: "Software de Contabilidad y Finanzas", description: "Gestiona finanzas, gastos, ingresos y genera informes financieros" }, { icon: Brain, title: "Herramientas de Colaboración", description: "Plataformas como Teams, Slack, Zoom para trabajo remoto y comunicación" }, { icon: UserCog, title: "Software de Recursos Humanos", description: "Gestiona nómina, reclutamiento, evaluación y capacitación" }, { icon: ShoppingCart, title: "Plataformas E-commerce", description: "Facilita ventas en línea, gestión de inventarios y procesamiento de pagos" } ]; return ( <Card className="p-6 bg-gradient-to-br from-blue-50 to-indigo-50"> <div className="text-center mb-8"> <h1 className="text-3xl font-bold text-blue-800 mb-2">Herramientas Informáticas Empresariales</h1> <p className="text-gray-600">Soluciones tecnológicas para la gestión eficiente de empresas</p> </div> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4"> {tools.map((tool, index) => ( <div key={index} className="bg-white p-4 rounded-lg shadow-md hover:shadow-lg transition-shadow"> <div className="flex flex-col items-center text-center"> <div className="mb-3 p-3 bg-blue-100 rounded-full"> <tool.icon className="w-8 h-8 text-blue-600" /> </div> <h3 className="font-semibold text-lg text-blue-900 mb-2">{tool.title}</h3> <p className="text-sm text-gray-600">{tool.description}</p> </div> </div> ))} </div> <div className="mt-8 text-center text-sm text-gray-500"> <p>Cada herramienta cumple un papel fundamental en la optimización y digitalización de procesos empresariales</p> </div> </Card> ); }; export default EnterpriseToolsInfographic;

12.02.2025 22:32