| <!DOCTYPE html> |
| <html lang="es"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>LexAI - Asesoría Legal Inteligente</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <script> |
| tailwind.config = { |
| theme: { |
| extend: { |
| colors: { |
| primary: '#1e3a8a', |
| secondary: '#3b82f6', |
| accent: '#10b981', |
| } |
| } |
| } |
| } |
| </script> |
| <style> |
| .hero-gradient { |
| background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); |
| } |
| .card-hover:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
| } |
| .transition-all { |
| transition: all 0.3s ease; |
| } |
| .nav-link:after { |
| content: ''; |
| display: block; |
| width: 0; |
| height: 2px; |
| background: #3b82f6; |
| transition: width .3s; |
| } |
| .nav-link:hover:after { |
| width: 100%; |
| } |
| </style> |
| </head> |
| <body class="font-sans antialiased text-gray-800"> |
| |
| <header class="bg-white shadow-sm sticky top-0 z-50"> |
| <div class="container mx-auto px-6 py-4"> |
| <div class="flex items-center justify-between"> |
| <div class="flex items-center"> |
| <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center"> |
| <i class="fas fa-balance-scale text-white text-xl"></i> |
| </div> |
| <a href="#" class="ml-3 text-xl font-bold text-primary">LexAI</a> |
| </div> |
| |
| <nav class="hidden md:flex space-x-8"> |
| <a href="#inicio" class="nav-link text-gray-700 hover:text-primary font-medium">Inicio</a> |
| <a href="#como-funciona" class="nav-link text-gray-700 hover:text-primary font-medium">Cómo funciona</a> |
| <a href="#servicios" class="nav-link text-gray-700 hover:text-primary font-medium">Servicios</a> |
| <a href="#contacto" class="nav-link text-gray-700 hover:text-primary font-medium">Contacto</a> |
| </nav> |
| |
| <div class="flex items-center space-x-4"> |
| <a href="#" class="hidden md:block px-4 py-2 rounded-md text-primary font-medium hover:bg-blue-50 transition-all">Iniciar sesión</a> |
| <a href="#" class="px-4 py-2 bg-primary text-white rounded-md font-medium hover:bg-blue-800 transition-all">Registrarse</a> |
| <button class="md:hidden text-gray-600 focus:outline-none"> |
| <i class="fas fa-bars text-xl"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
| </header> |
|
|
| |
| <section id="inicio" class="hero-gradient text-white py-20 md:py-32"> |
| <div class="container mx-auto px-6"> |
| <div class="flex flex-col md:flex-row items-center"> |
| <div class="md:w-1/2 mb-12 md:mb-0"> |
| <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6">Asesoría legal inteligente al alcance de todos</h1> |
| <p class="text-xl opacity-90 mb-8">Combina la precisión de la inteligencia artificial con la experiencia de abogados profesionales para ofrecerte soluciones legales rápidas, económicas y confiables.</p> |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
| <a href="#" class="bg-white text-primary px-6 py-3 rounded-md font-bold text-center hover:bg-gray-100 transition-all">Prueba gratis</a> |
| <a href="#como-funciona" class="border-2 border-white px-6 py-3 rounded-md font-bold text-center hover:bg-white hover:text-primary transition-all">Cómo funciona</a> |
| </div> |
| </div> |
| <div class="md:w-1/2 flex justify-center"> |
| <div class="relative w-full max-w-md"> |
| <div class="absolute -top-6 -left-6 w-32 h-32 bg-accent rounded-full opacity-20"></div> |
| <div class="absolute -bottom-6 -right-6 w-32 h-32 bg-secondary rounded-full opacity-20"></div> |
| <div class="relative bg-white rounded-xl shadow-xl p-6 text-gray-800"> |
| <div class="flex items-center mb-4"> |
| <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center"> |
| <i class="fas fa-robot text-white"></i> |
| </div> |
| <div class="ml-3"> |
| <h3 class="font-bold">Asistente Legal LexAI</h3> |
| <p class="text-xs text-gray-500">En línea ahora</p> |
| </div> |
| </div> |
| <div class="bg-gray-50 rounded-lg p-4 mb-4"> |
| <p class="text-sm">Hola, soy tu asistente legal inteligente. ¿En qué puedo ayudarte hoy? Por ejemplo:</p> |
| <ul class="mt-2 text-sm space-y-2"> |
| <li class="flex items-start"> |
| <span class="text-primary mr-2">•</span> |
| <span>Necesito revisar un contrato</span> |
| </li> |
| <li class="flex items-start"> |
| <span class="text-primary mr-2">•</span> |
| <span>Tengo una duda laboral</span> |
| </li> |
| <li class="flex items-start"> |
| <span class="text-primary mr-2">•</span> |
| <span>Quiero crear una empresa</span> |
| </li> |
| </ul> |
| </div> |
| <div class="flex"> |
| <input type="text" placeholder="Escribe tu consulta..." class="flex-1 border border-gray-300 rounded-l-md px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"> |
| <button class="bg-primary text-white px-4 py-2 rounded-r-md hover:bg-blue-800 transition-all"> |
| <i class="fas fa-paper-plane"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="bg-gray-50 py-16"> |
| <div class="container mx-auto px-6"> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center"> |
| <div class="bg-white p-8 rounded-xl shadow-sm transition-all hover:shadow-md"> |
| <div class="text-5xl font-bold text-primary mb-2">24/7</div> |
| <p class="text-gray-600">Disponibilidad permanente para resolver tus consultas legales</p> |
| </div> |
| <div class="bg-white p-8 rounded-xl shadow-sm transition-all hover:shadow-md"> |
| <div class="text-5xl font-bold text-primary mb-2">70%</div> |
| <p class="text-gray-600">Más económico que la asesoría legal tradicional</p> |
| </div> |
| <div class="bg-white p-8 rounded-xl shadow-sm transition-all hover:shadow-md"> |
| <div class="text-5xl font-bold text-primary mb-2">5 min</div> |
| <p class="text-gray-600">Tiempo promedio para recibir una respuesta inicial</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="como-funciona" class="py-20 bg-white"> |
| <div class="container mx-auto px-6"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Cómo funciona nuestro servicio</h2> |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Obtén asesoría legal de calidad en solo 3 sencillos pasos</p> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-12"> |
| |
| <div class="flex flex-col items-center text-center"> |
| <div class="w-20 h-20 rounded-full bg-primary flex items-center justify-center text-white text-2xl font-bold mb-6">1</div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Describe tu situación</h3> |
| <p class="text-gray-600">Cuéntanos tu caso o sube documentos relevantes. Nuestro sistema analizará tu situación.</p> |
| </div> |
| |
| |
| <div class="flex flex-col items-center text-center"> |
| <div class="w-20 h-20 rounded-full bg-secondary flex items-center justify-center text-white text-2xl font-bold mb-6">2</div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Análisis inteligente</h3> |
| <p class="text-gray-600">Nuestra IA revisa miles de casos similares y normativas para ofrecerte opciones.</p> |
| </div> |
| |
| |
| <div class="flex flex-col items-center text-center"> |
| <div class="w-20 h-20 rounded-full bg-accent flex items-center justify-center text-white text-2xl font-bold mb-6">3</div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Respuesta personalizada</h3> |
| <p class="text-gray-600">Recibe un informe detallado con recomendaciones y, si lo necesitas, contacto con un abogado especializado.</p> |
| </div> |
| </div> |
| |
| <div class="mt-16 bg-gray-50 rounded-xl p-8 md:p-12"> |
| <div class="flex flex-col md:flex-row items-center"> |
| <div class="md:w-1/2 mb-8 md:mb-0"> |
| <h3 class="text-2xl font-bold text-gray-900 mb-4">Tecnología y experiencia combinadas</h3> |
| <p class="text-gray-600 mb-6">Nuestro sistema utiliza inteligencia artificial entrenada con miles de casos legales y revisada constantemente por nuestro equipo de abogados. Esto nos permite ofrecerte:</p> |
| <ul class="space-y-3"> |
| <li class="flex items-start"> |
| <i class="fas fa-check-circle text-accent mt-1 mr-3"></i> |
| <span>Respuestas precisas basadas en la legislación actual</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check-circle text-accent mt-1 mr-3"></i> |
| <span>Análisis de documentos con identificación de cláusulas relevantes</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check-circle text-accent mt-1 mr-3"></i> |
| <span>Recomendaciones personalizadas según tu situación</span> |
| </li> |
| </ul> |
| </div> |
| <div class="md:w-1/2 flex justify-center"> |
| <div class="relative w-full max-w-md"> |
| <img src="https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Tecnología legal" class="rounded-lg shadow-lg w-full"> |
| <div class="absolute -bottom-4 -right-4 bg-white p-4 rounded-lg shadow-md w-3/4"> |
| <div class="flex items-center"> |
| <div class="w-12 h-12 rounded-full bg-primary flex items-center justify-center text-white"> |
| <i class="fas fa-user-tie"></i> |
| </div> |
| <div class="ml-3"> |
| <h4 class="font-bold">Revisión humana</h4> |
| <p class="text-xs text-gray-500">Todos los casos son supervisados por abogados colegiados</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="servicios" class="py-20 bg-gray-50"> |
| <div class="container mx-auto px-6"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Nuestros servicios legales</h2> |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Soluciones adaptadas a tus necesidades legales</p> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| |
| <div class="bg-white rounded-xl shadow-sm overflow-hidden transition-all card-hover"> |
| <div class="h-2 bg-primary"></div> |
| <div class="p-8"> |
| <div class="w-14 h-14 rounded-full bg-blue-100 flex items-center justify-center text-primary mb-6"> |
| <i class="fas fa-file-contract text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Revisión de contratos</h3> |
| <p class="text-gray-600 mb-6">Analizamos tus contratos identificando cláusulas riesgosas y sugerimos modificaciones para proteger tus intereses.</p> |
| <ul class="space-y-2 mb-6"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-accent mt-1 mr-2"></i> |
| <span>Contratos laborales</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-accent mt-1 mr-2"></i> |
| <span>Arrendamientos</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-accent mt-1 mr-2"></i> |
| <span>Acuerdos comerciales</span> |
| </li> |
| </ul> |
| <a href="#" class="text-primary font-medium inline-flex items-center"> |
| Saber más <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-xl shadow-sm overflow-hidden transition-all card-hover"> |
| <div class="h-2 bg-secondary"></div> |
| <div class="p-8"> |
| <div class="w-14 h-14 rounded-full bg-blue-100 flex items-center justify-center text-secondary mb-6"> |
| <i class="fas fa-briefcase text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Derecho laboral</h3> |
| <p class="text-gray-600 mb-6">Resuelve tus dudas sobre despidos, indemnizaciones, contratación y todas las cuestiones laborales.</p> |
| <ul class="space-y-2 mb-6"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-accent mt-1 mr-2"></i> |
| <span>Despidos e indemnizaciones</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-accent mt-1 mr-2"></i> |
| <span>Modificaciones contractuales</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-accent mt-1 mr-2"></i> |
| <span>Conflictos con empleadores</span> |
| </li> |
| </ul> |
| <a href="#" class="text-primary font-medium inline-flex items-center"> |
| Saber más <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-xl shadow-sm overflow-hidden transition-all card-hover"> |
| <div class="h-2 bg-accent"></div> |
| <div class="p-8"> |
| <div class="w-14 h-14 rounded-full bg-green-100 flex items-center justify-center text-accent mb-6"> |
| <i class="fas fa-building text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3">Constitución de empresas</h3> |
| <p class="text-gray-600 mb-6">Te guiamos en todo el proceso de creación de tu empresa, desde la elección de la forma jurídica hasta los trámites necesarios.</p> |
| <ul class="space-y-2 mb-6"> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-accent mt-1 mr-2"></i> |
| <span>Sociedades Limitadas</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-accent mt-1 mr-2"></i> |
| <span>Autónomos</span> |
| </li> |
| <li class="flex items-start"> |
| <i class="fas fa-check text-accent mt-1 mr-2"></i> |
| <span>Trámites notariales y registrales</span> |
| </li> |
| </ul> |
| <a href="#" class="text-primary font-medium inline-flex items-center"> |
| Saber más <i class="fas fa-arrow-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mt-12 text-center"> |
| <a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-primary hover:bg-blue-800 transition-all"> |
| Ver todos los servicios <i class="fas fa-chevron-down ml-2"></i> |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 bg-white"> |
| <div class="container mx-auto px-6"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Lo que dicen nuestros clientes</h2> |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto">Experiencias reales de personas que han usado nuestros servicios</p> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| |
| <div class="bg-gray-50 p-8 rounded-xl"> |
| <div class="flex items-center mb-4"> |
| <div class="text-yellow-400 text-xl"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| </div> |
| <p class="text-gray-600 mb-6">"Gracias a LexAI pude resolver un problema con mi contrato de alquiler en cuestión de horas. La respuesta fue clara, precisa y me ahorró tener que contratar un abogado tradicional."</p> |
| <div class="flex items-center"> |
| <div class="w-12 h-12 rounded-full bg-gray-300 overflow-hidden"> |
| <img src="https://randomuser.me/api/portraits/women/43.jpg" alt="Cliente" class="w-full h-full object-cover"> |
| </div> |
| <div class="ml-4"> |
| <h4 class="font-bold">María González</h4> |
| <p class="text-sm text-gray-500">Pequeña empresaria</p> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="bg-gray-50 p-8 rounded-xl"> |
| <div class="flex items-center mb-4"> |
| <div class="text-yellow-400 text-xl"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| </div> |
| <p class="text-gray-600 mb-6">"Como freelancer, no podía permitirme un abogado tradicional. LexAI me dio la seguridad legal que necesitaba para mis contratos con clientes a un precio accesible."</p> |
| <div class="flex items-center"> |
| <div class="w-12 h-12 rounded-full bg-gray-300 overflow-hidden"> |
| <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Cliente" class="w-full h-full object-cover"> |
| </div> |
| <div class="ml-4"> |
| <h4 class="font-bold">Carlos Martínez</h4> |
| <p class="text-sm text-gray-500">Diseñador freelance</p> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="bg-gray-50 p-8 rounded-xl"> |
| <div class="flex items-center mb-4"> |
| <div class="text-yellow-400 text-xl"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star-half-alt"></i> |
| </div> |
| </div> |
| <p class="text-gray-600 mb-6">"Increíble servicio. Cuando tuve dudas sobre un despido, LexAI me orientó sobre mis derechos y me preparó para la negociación. Finalmente conseguí una indemnización justa."</p> |
| <div class="flex items-center"> |
| <div class="w-12 h-12 rounded-full bg-gray-300 overflow-hidden"> |
| <img src="https://randomuser.me/api/portraits/women/65.jpg" alt="Cliente" class="w-full h-full object-cover"> |
| </div> |
| <div class="ml-4"> |
| <h4 class="font-bold">Ana López</h4> |
| <p class="text-sm text-gray-500">Ex-empleada de banca</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 hero-gradient text-white"> |
| <div class="container mx-auto px-6"> |
| <div class="max-w-4xl mx-auto text-center"> |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">¿Tienes una duda legal? Resuélvela ahora</h2> |
| <p class="text-xl opacity-90 mb-8">Regístrate y obtén tu primera consulta gratuita. Sin compromisos, sin letra pequeña.</p> |
| <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4"> |
| <a href="#" class="bg-white text-primary px-8 py-4 rounded-md font-bold text-lg hover:bg-gray-100 transition-all">Comenzar ahora</a> |
| <a href="#" class="border-2 border-white px-8 py-4 rounded-md font-bold text-lg hover:bg-white hover:text-primary transition-all">Hablar con un asesor</a> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 bg-white"> |
| <div class="container mx-auto px-6"> |
| <div class="max-w-4xl mx-auto"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Preguntas frecuentes</h2> |
| <p class="text-xl text-gray-600">Resuelve tus dudas sobre nuestro servicio</p> |
| </div> |
| |
| <div class="space-y-6"> |
| |
| <div class="border-b border-gray-200 pb-6"> |
| <button class="flex justify-between items-center w-full text-left group"> |
| <h3 class="text-lg font-medium text-gray-900 group-hover:text-primary transition-all">¿Es realmente fiable el asesoramiento de LexAI?</h3> |
| <span class="text-primary text-xl"> |
| <i class="fas fa-plus group-focus:hidden"></i> |
| <i class="fas fa-minus hidden group-focus:block"></i> |
| </span> |
| </button> |
| <div class="mt-4 text-gray-600"> |
| <p>Absolutamente. Nuestra inteligencia artificial ha sido entrenada con miles de casos reales y está constantemente actualizada con los últimos cambios legislativos. Además, todos los informes son supervisados por abogados colegiados para garantizar la máxima fiabilidad.</p> |
| </div> |
| </div> |
| |
| |
| <div class="border-b border-gray-200 pb-6"> |
| <button class="flex justify-between items-center w-full text-left group"> |
| <h3 class="text-lg font-medium text-gray-900 group-hover:text-primary transition-all">¿Qué pasa si necesito más ayuda después del informe inicial?</h3> |
| <span class="text-primary text-xl"> |
| <i class="fas fa-plus group-focus:hidden"></i> |
| <i class="fas fa-minus hidden group-focus:block"></i> |
| </span> |
| </button> |
| <div class="mt-4 text-gray-600"> |
| <p>Puedes solicitar una consulta más detallada con uno de nuestros abogados especializados. Te ofreceremos diferentes opciones según la complejidad de tu caso y tus necesidades específicas.</p> |
| </div> |
| </div> |
| |
| |
| <div class="border-b border-gray-200 pb-6"> |
| <button class="flex justify-between items-center w-full text-left group"> |
| <h3 class="text-lg font-medium text-gray-900 group-hover:text-primary transition-all">¿Cómo protegen mi privacidad y datos personales?</h3> |
| <span class="text-primary text-xl"> |
| <i class="fas fa-plus group-focus:hidden"></i> |
| <i class="fas fa-minus hidden group-focus:block"></i> |
| </span> |
| </button> |
| <div class="mt-4 text-gray-600"> |
| <p>Utilizamos cifrado de extremo a extremo para todas las comunicaciones y documentos. Cumplimos estrictamente con el RGPD y nunca compartimos tu información con terceros sin tu consentimiento explícito.</p> |
| </div> |
| </div> |
| |
| |
| <div class="border-b border-gray-200 pb-6"> |
| <button class="flex justify-between items-center w-full text-left group"> |
| <h3 class="text-lg font-medium text-gray-900 group-hover:text-primary transition-all">¿Qué tipos de casos no pueden manejar?</h3> |
| <span class="text-primary text-xl"> |
| <i class="fas fa-plus group-focus:hidden"></i> |
| <i class="fas fa-minus hidden group-focus:block"></i> |
| </span> |
| </button> |
| <div class="mt-4 text-gray-600"> |
| <p>Actualmente no manejamos casos penales ni procesos judiciales complejos que requieran representación en tribunales. Nuestro servicio está orientado a asesoría legal preventiva y resolución de dudas en áreas como laboral, mercantil, fiscal y civil.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="contacto" class="py-20 bg-gray-50"> |
| <div class="container mx-auto px-6"> |
| <div class="flex flex-col md:flex-row"> |
| <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12"> |
| <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-6">Contáctanos</h2> |
| <p class="text-gray-600 mb-8">¿Tienes alguna pregunta específica? Escríbenos y te responderemos lo antes posible.</p> |
| |
| <div class="space-y-6 |
| </html> |
