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 (

{/* CARRUSEL DE ANCHO COMPLETO */}

{slides.map((slide, index) => (


{slide.tag}

{slide.title}

{slide.subtitle}

))}


{slides.map((_, index) => (

))}

{/* HERO SECTION ORIGINAL */}


Advanced Technology

Productos Innovadores.

Impacto Real.

En Deamlow, diseñamos y desarrollamos soluciones de software con Inteligencia Artificial a la medida que empoderan empresas, automatizan procesos críticos y generan un crecimiento de ingresos sostenible.


Dashboard de IA

Eficiencia Operativa

+ 98.6%

Precisión de Procesos

Óptimo

{[40, 65, 45, 80, 55, 90, 75].map((h, i) => (

))}

{/* ¿POR QUÉ INTEGRAR IA EN TU NEGOCIO? */}



La Era de la Automatización Inteligente

¿Por qué tu negocio necesita

integrar IA hoy mismo?

No se trata del futuro; las empresas líderes ya están utilizando Inteligencia Artificial para reducir costos operativos, multiplicar su velocidad y tomar decisiones financieras imbatibles.

+40%

Aumento de Productividad

Liberación de tiempo en personal mediante la automatización de flujos mecánicos y de soporte.

-20%

Reducción de Carga Operativa

Optimización sustancial de actividades manuales de registro y flujos de revisión de datos.

10x

Velocidad de Ejecución

La gestión de onboarding de personal y el control operativo de proveedores pasan de días a minutos.

85%

Retención de Clientes

Personalización de contenido de video y respuestas inmediatas adaptadas al contexto del usuario.

{/* COMPARADOR INTERACTIVO */}

La Transformación de Procesos

Compara cómo opera una empresa convencional vs. una empresa impulsada por las soluciones Deamlow.


{!compareWithAI ? (
<>

Onboarding de Personal

Hojas de cálculo, correos fragmentados y seguimiento manual. Alta propensión a retrasar ingresos.

Demora: de 1 a 2 semanas

Operaciones AP & Proveedores

Información dispersa en bandejas de entrada. Falta de control en fechas de conciliación y asignaciones.

Riesgo: Pagos atrasados y mora

Producción de Video

Costo elevado de locutores, cámaras y edición para tutoriales o publicidad. Imposible de escalar rápido.

Costo: Elevado por video


) : (
<>

Training Portal

Onboarding automatizado y centralizado. Trazabilidad de avances en tiempo real para líderes y entrenadores.

Tiempo: 100% digital e inmediato

Interactive AP Vendor Manager

Centralización de directorio, workspace de prioridades y asignación equilibrada de tareas operativas.

Visibilidad: Total en tiempo real

Video Generativo IA

Avatares hiperrealistas y doblajes automáticos instantáneos a partir de ideas o texto.

Eficiencia: Fracción del presupuesto


)}

{/* LÍNEAS DE NEGOCIO */}

Nuestras Líneas de Negocio

Soluciones integrales que convierten iniciativas complejas en resultados empresariales medibles.

Software Empresarial IA

Desarrollo de aplicaciones a la medida con Machine Learning para automatizar procesos críticos.

{/* FORMULARIO DE CONTACTO EN EL HOME */}

¿Listo para dar el siguiente paso?

Escríbenos y un especialista en IA te responderá hoy mismo.

handleFormSubmit(e, ‘Home Bottom Quick Query’, {
nombre: formData.nombre,
email: formData.email,
empresa: ”,
mensaje: formData.mensaje
})}>


setFormData({…formData, nombre: e.target.value})}
className=”w-full px-4 py-3 rounded-xl border border-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all bg-slate-50″
placeholder=”Ej. Juan Pérez”
/>

setFormData({…formData, email: e.target.value})}
className=”w-full px-4 py-3 rounded-xl border border-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all bg-slate-50″
placeholder=”juan@empresa.com”
/>



);
};

const Nosotros = () => (

La unión de dos mundos

Combinamos visión estratégica de producto y rigor financiero para crear soluciones tecnológicas que realmente impactan los resultados de tu negocio.

Product Marketing & Tech Strategist

+15 años de experiencia

Especialista en crear y escalar productos. Combina un profundo conocimiento del mercado con habilidades técnicas avanzadas para diseñar, programar y posicionar estrategias comerciales altamente rentables. Apasionado/a por la innovación y la optimización continua de la experiencia del cliente.

Analista Financiero

+10 años de experiencia

Impulsando el crecimiento y la rentabilidad empresarial. Especialista en la toma de decisiones basada en datos, estructuración de modelos financieros complejos y optimización de presupuestos. Lidera equipos multidisciplinarios para alinear los objetivos financieros con la visión estratégica del negocio.

Por eso diseñamos a la medida

Gracias a la fusión de estos dos perfiles, somos capaces de entender la realidad técnica, comercial y financiera de tu empresa. Diseñamos e implementamos productos tecnológicos perfectamente ajustados a las necesidades y retos específicos que puedan surgir en tu negocio, garantizando siempre la rentabilidad.

Somos amantes de las nuevas tendencias.

La Inteligencia Artificial ya no es el futuro, es el presente, y es el momento exacto para integrarla y transformar tu empresa.

);

const Servicios = () => (

Nuestros Servicios

Implementamos inteligencia artificial para automatizar procesos, crear contenido impactante y escalar tu negocio al siguiente nivel.

Desarrollo de Software Empresarial con IA

Nuestros servicios integrales de IA convierten iniciativas complejas en resultados empresariales medibles. Creamos e implementamos aplicaciones que utilizan técnicas, algoritmos y modelos de Aprendizaje Automático para realizar tareas específicas y tomar decisiones.

  • Mejora de eficiencia, precisión y productividad.
  • Toma de decisiones informadas basadas en datos.
  • Automatización de procesos críticos de negocio.

Creación y Edición de Video con IA

Transformamos ideas, textos o imágenes en videos de alta calidad. Generamos contenido audiovisual envolvente utilizando las últimas herramientas de Inteligencia Artificial generativa.

  • Avatares hiperrealistas personalizados.
  • Doblajes automáticos y sincronización labial.
  • Edición inteligente de videos existentes.

Ver Ejemplos de Avatares

[ Espacio reservado para galería o video demo ]

);

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


Línea de Software Listo

Nuestras Plataformas Corporativas

Descubre herramientas digitales robustas diseñadas a la medida de los retos más comunes en la administración corporativa y contable.

{/* Card – Training Portal */}

Plataforma de Capacitación

Training Portal

La solución digital inteligente para centralizar, automatizar y optimizar todo el proceso de onboarding, capacitación e inducción de nuevos colaboradores corporativos.

Seguimiento de avances en tiempo real
Rutas estructuradas de aprendizaje
Reducción drástica de tareas de seguimiento

{/* Card – AP Sync */}

Accounts Payable Manager

AP Sync: AP Vendor Manager

Transforma la gestión de proveedores en equipos de Cuentas por Pagar. Centraliza la información corporativa, automatiza fechas críticas y monitorea cargas de trabajo de analistas en tiempo real.

Directorio centralizado de proveedores
Control riguroso de fechas y conciliaciones
Monitoreo y trazabilidad de tickets

Producto 3

Próximamente

Producto 4

Próximamente

);
}

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

Onboarding Corporativo Eficiente

Training Portal

Diseñado específicamente para centralizar, automatizar y optimizar todo el proceso de onboarding, capacitación e inducción de nuevos colaboradores.

A medida que las organizaciones crecen, el seguimiento manual en hojas de cálculo y correos genera desorganización y retrasos operativos. Training Portal elimina estas barreras estructurales proporcionando una plataforma unificada, transparente y 100% medible.

Un Entorno Único y Controlado

Administra de manera ágil los perfiles de instructores, monitorea de forma personalizada los accesos y obtén retroalimentación continua de las rutas de aprendizaje.

Progreso Promedio +92.4%

¿Qué problemas estructurales resolvemos?

Falta de Visibilidad

Supervisores sin capacidad de verificar el estatus o avance real de sus ingresantes a tiempo.

Procesos Manuales Repetitivos

Sobrecarga de trabajo para administradores en la consolidación manual de notas y seguimientos.

Sobrecarga de Recursos

Desgaste operativo en los entrenadores encargados debido a cargas de trabajo desbalanceadas.

Experiencia Inconsistente

Inducción de onboarding dispar, carente de un estándar común de entrega y aseguramiento.

Optimiza tu onboarding de personal hoy

Comienza a centralizar los recursos de entrenamiento y mejora la velocidad de integración de nuevos talentos.

);
}

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


Interactive AP Vendor Manager

AP Sync

“Control total de proveedores, visibilidad total de tu operación AP.”

Interactive AP Vendor Manager es una solución digital integral diseñada para transformar la gestión de proveedores dentro de los equipos de Cuentas por Pagar (Accounts Payable). La plataforma centraliza información crítica, automatiza el seguimiento de tareas prioritarias y proporciona visibilidad en tiempo real sobre casos urgentes, conciliaciones y cargas de trabajo.

“Menos tiempo gestionando proveedores. Más tiempo impulsando resultados financieros.”

AP SYNC WORKSPACE

Panel de Control Gerencial v1.0

Casos Asignados
327
Casos Críticos
14 Pendientes

Directorio Central de Proveedores

1,420 Registros
Trazabilidad OK

Resultados de Negocio Medibles

La implementación de Interactive AP Vendor Manager genera un retorno de inversión claro y medible.

3.5 hrs

Eficiencia para Líderes

Recuperadas semanalmente por supervisor en seguimiento y generación de reportes.

20%

Optimización Operativa

Reducción en la carga operativa de analistas relacionada a tareas manuales.

10 hrs

Horas Recuperadas

Recuperadas mensualmente por analista mediante la carga masiva de información.

2 hrs

Aceleración de Casos

Diarias recuperadas por analista mediante la priorización efectiva de tickets.

¿Qué problemas resuelve la plataforma?

Información dispersa de proveedores

Elimina la búsqueda ineficiente consolidando los datos críticos en un único repositorio digital.

Pagos atrasados y vencimientos

Monitorea fechas límite y estados de cuenta para evitar interrupciones de servicios de proveedores.

Falta de control de asignaciones

Garantiza un balance de trabajo óptimo y visibilidad en la asignación de analistas por proveedor.

Baja visibilidad operativa

Evita la incertidumbre permitiendo que líderes observen la productividad del equipo al instante.

Beneficios para la Empresa

{[
“Directorio global unificado”,
“Control de fechas críticas”,
“Workspace de prioridades”,
“Reducción de riesgos de mora”,
“Tickets y tareas rastreables”,
“Métricas de productividad de analistas”,
“Carga masiva ágil de proveedores”,
“Mayor capacidad de respuesta”
].map((beneficio, index) => (

{beneficio}

))}

Características Principales

Herramientas modulares integradas para una administración AP moderna.

Directorio Global

Base de datos estructurada para clasificar y organizar tus proveedores corporativos por categorías estratégicas.

Workspace de Prioridades

Panel especializado para vigilar plazos inminentes y tareas asociadas a proveedores clave.

Sistema de Casos y Tickets

Creación, distribución transparente y seguimiento total del flujo operativo interno del equipo contable.

Dashboard Gerencial

Controladores analíticos para visualizar cargas de trabajo individuales y estatus general del departamento.

Fechas Críticas

Módulo de alertas dinámicas para revisiones pendientes, conciliaciones mensuales y estados de cuenta.

Carga Masiva

Herramientas eficientes de importación de listados que evitan transcripciones manuales propensas a errores.

Adopta el Control Total de tu Operación AP

Interactive AP Vendor Manager convierte la gestión operativa de proveedores en una ventaja estratégica. Reduce costos administrativos, elimina cuellos de botella y maximiza el cumplimiento de tus analistas financieros.

);
}
};

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

return (

Empecemos a trabajar juntos

Déjanos tus datos y un especialista en IA de Deamlow se pondrá en contacto contigo a la brevedad para entender tus necesidades.

info@deamlow.com

+57 311 2809211
+506 87054203

Costa Rica & Colombia

handleFormSubmit(e, ‘Full Contact Page Form’, contactoData)}>


setContactoData({…contactoData, nombre: e.target.value})}
className=”w-full px-5 py-4 rounded-xl border border-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all bg-slate-50″
placeholder=”Ej. Juan Pérez”
/>

setContactoData({…contactoData, empresa: e.target.value})}
className=”w-full px-5 py-4 rounded-xl border border-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all bg-slate-50″
placeholder=”Nombre de tu empresa”
/>


setContactoData({…contactoData, email: e.target.value})}
className=”w-full px-5 py-4 rounded-xl border border-slate-200 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all bg-slate-50″
placeholder=”juan@empresa.com”
/>


);
};

const Acceso = () => (

Bienvenido a Deamlow

Ingresa a tu portal de cliente

e.preventDefault()}>

);

// — 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 (

{/* HEADER & NAVIGATION */}

{/* CONTENIDO DINÁMICO */}


{renderPage()}

{/* FOOTER */}

navigateTo(‘home’)}>

Deamlow



© {new Date().getFullYear()} Deamlow. Todos los derechos reservados.

);
};

export default App;