import React, { useState, useEffect } from ‘react’;
import {
Menu, X, ChevronDown, Play, BrainCircuit, Video,
Rocket, ShieldCheck, Target, ArrowRight, CheckCircle2,
Users, Activity, Mail, MapPin, Phone, Lock, User,
PieChart, Cpu, Lightbulb, MonitorPlay, ChevronLeft, ChevronRight, MessageSquare,
TrendingUp, Clock, Sparkles, AlertTriangle, Database, Calendar, FileText, ArrowLeft,
Check, Layers, Award
} from ‘lucide-react’;

const App = () => {
const [currentPage, setCurrentPage] = useState(‘home’);
const [activeProductView, setActiveProductView] = useState(‘all’); // ‘all’, ‘training’, ‘apsync’
const [isMenuOpen, setIsMenuOpen] = useState(false);
const [activeDropdown, setActiveDropdown] = useState(null);

// Desplazamiento automático al inicio al cambiar de página
useEffect(() => {
window.scrollTo(0, 0);
}, [currentPage, activeProductView]);

const navigateTo = (page, productView = ‘all’) => {
setCurrentPage(page);
setActiveProductView(productView);
setIsMenuOpen(false);
setActiveDropdown(null);
};

// — LÓGICA DE ENVÍO DE FORMULARIOS POR CORREO (mailto) —
const handleFormSubmit = (e, formType, data) => {
e.preventDefault();
const { nombre, email, empresa, mensaje } = data;

// Validación básica
if (!nombre || !email || !mensaje) {
alert(“Por favor, completa los campos requeridos (Nombre, Correo y Mensaje).”);
return;
}

const emailDestino = “info@deamlow.com”;
const asunto = encodeURIComponent(`[Contacto Deamlow Website] Consulta de ${nombre} – ${empresa || ‘Particular’}`);

// Cuerpo del correo estructurado
const cuerpo = encodeURIComponent(
`Hola equipo de Deamlow,\n\n` +
`Se ha recibido una nueva solicitud de contacto desde el formulario del sitio web (${formType}):\n\n` +
`————————————————–\n` +
`• Nombre completo: ${nombre}\n` +
`• Correo electrónico: ${email}\n` +
`• Empresa: ${empresa || ‘No especificada’}\n` +
`————————————————–\n\n` +
`Mensaje o Requerimiento:\n` +
`”${mensaje}”\n\n` +
`Por favor, dar seguimiento a la brevedad.\n`
);

// Abrir el cliente de correo predeterminado del usuario con los datos cargados
window.location.href = `mailto:${emailDestino}?subject=${asunto}&body=${cuerpo}`;
};

// — COMPONENTES DE PÁGINA —

const Home = () => {
const [currentSlide, setCurrentSlide] = useState(0);
const [compareWithAI, setCompareWithAI] = useState(true);

// Estado del formulario local del Home
const [formData, setFormData] = useState({
nombre: ”,
email: ”,
mensaje: ”
});

const slides = [
{
title: “Inteligencia Artificial a tu Medida”,
subtitle: “Creamos e implementamos software empresarial avanzado utilizando Machine Learning para automatizar tus procesos críticos.”,
cta: “Ver Soluciones de IA”,
action: () => navigateTo(‘servicios’),
bg: “from-blue-950 via-blue-900 to-indigo-950”,
tag: “Software Empresarial”
},
{
title: “Avatares y Videos Hiperrealistas con IA”,
subtitle: “Transforma texto o imágenes en producciones de video profesionales con doblajes automáticos en segundos.”,
cta: “Explorar Video IA”,
action: () => navigateTo(‘servicios’),
bg: “from-indigo-950 via-slate-900 to-blue-950”,
tag: “Generación de Contenido”
},
{
title: “Interactive AP Vendor Manager”,
subtitle: “Centraliza y optimiza la gestión de tus proveedores y automatiza el seguimiento en cuentas por pagar.”,
cta: “Descubrir AP Sync”,
action: () => navigateTo(‘productos’, ‘apsync’),
bg: “from-blue-900 via-blue-800 to-slate-950”,
tag: “Operaciones AP Inteligentes”
}
];

const nextSlide = () => {
setCurrentSlide((prev) => (prev + 1) % slides.length);
};

const prevSlide = () => {
setCurrentSlide((prev) => (prev – 1 + slides.length) % slides.length);
};

useEffect(() => {
const timer = setInterval(nextSlide, 6000);
return () => clearInterval(timer);
}, []);

return (

);
};

const Nosotros = () => (

);

const Servicios = () => (

);

// — SECCIÓN DE PRODUCTOS —
const Productos = () => {
if (activeProductView === ‘all’) {
return (

);
}

if (activeProductView === ‘training’) {
return (

);
}

if (activeProductView === ‘apsync’) {
return (

);
}
};

const Contacto = () => {
// Estado del formulario de la página principal de contacto
const [contactoData, setContactoData] = useState({
nombre: ”,
email: ”,
empresa: ”,
mensaje: ”
});

return (

);
};

const Acceso = () => (

);

// — RENDER PRINCIPAL —

const renderPage = () => {
switch(currentPage) {
case ‘home’: return ;
case ‘nosotros’: return ;
case ‘servicios’: return ;
case ‘productos’: return ;
case ‘contacto’: return ;
case ‘acceso’: return ;
default: return ;
}
};

return (

);
};

export default App;