);
}
function DAVoiceScreen({ isEs }) {
const [active, setActive] = useState(0);
const qa = isEs
? [
{ q:"¿Cuál es la próxima parada?", a:"Av. Italia 3421, en 6 min. Dejar con portero." },
{ q:"¿Tengo tiempo para almorzar?", a:"Sí. 25 min ahora, seguís en ventana." },
{ q:"¿Hay tráfico adelante?", a:"Corte en Bv. España. Te re-ruteo, −4 min." },
]
: [
{ q:"What's the next stop?", a:"Av. Italia 3421, 6 min away. Leave with doorman." },
{ q:"Time for lunch break?", a:"Yes. 25 min now, still within window." },
{ q:"Any traffic ahead?", a:"Block on Bv. España. Re-routing, −4 min." },
];
useEffect(() => { const id = setInterval(()=>setActive(a=>(a+1)%qa.length), 2800); return()=>clearInterval(id); },[]);
return (
{isEs?"BRIEF IA · C. SORIA · SEMANA 17":"AI BRIEF · C. SORIA · WEEK 17"}
AI · {isEs?"RESUMEN":"SUMMARY"}
{isEs
? "C. Soria mostró mejora en velocidad pero registró 2 frenadas bruscas en Zona 4. Score bajó −5 pts respecto a semana anterior."
: "C. Soria improved on speed but recorded 2 hard-braking events in Zone 4. Score down −5 pts from previous week."}
);
}
// ── Platform Page ─────────────────────────────────────────────────────────────
function PlatformPage({ lang, onBack }) {
const isEs = lang === "es";
const copy = {
hero: isEs
? { eyebrow:"// PLATAFORMA · TRES HERRAMIENTAS", title_a:"Una plataforma. ", title_b:"Tres roles.", title_c:"", sub:"Cada actor tiene su herramienta pensada para él — el chofer en el camión, el despachador frente al mapa, el supervisor gestionando la flota. Sin dashboards genéricos, sin funciones de más." }
: { eyebrow:"// PLATFORM · THREE TOOLS", title_a:"One platform. ", title_b:"Three roles.", title_c:"", sub:"Every stakeholder gets a tool built for them — the driver in the truck, the dispatcher at the map, the supervisor managing the fleet. No generic dashboards, no bloat." },
driver: {
eyebrow: isEs ? "// 01 · APP DEL CHOFER" : "// 01 · DRIVER APP",
tag: isEs ? "MÓVIL · iOS & Android" : "MOBILE · iOS & Android",
title_a: isEs ? "Navegación que " : "Navigation that ",
title_b: isEs ? "conoce el trabajo" : "knows the job",
title_c: ".",
sub: isEs
? "Una app de ruta que guía cada parada, captura pruebas de entrega, habla por voz y funciona offline. Hecha para el chofer, no para el jefe."
: "A route app that guides every stop, captures delivery proof, talks back via voice, and works offline. Built for the driver, not the manager.",
modules: isEs
? [
{ num:"01", title:"Navegación con re-ruteo en vivo", body:"Las rutas se actualizan en tiempo real — tráfico, cierres, reagendamientos. El chofer siempre ve la versión optimizada.", chips:["tiempo real","offline-first","modo noche"] },
{ num:"02", title:"Detalle de parada", body:"Datos del cliente, notas de entrega, historial y contacto directo — todo en una pantalla antes de tocar timbre.", chips:["notas del cliente","historial","contacto 1-tap"] },
{ num:"03", title:"Prueba de entrega digital", body:"Foto + firma en la app. Firmados y sincronizados al instante. Sin papel, sin pérdida.", chips:["foto","firma digital","sync automático"] },
{ num:"04", title:"Copiloto de voz 'Hey Gropp'", body:"Manos libres. El chofer pregunta, el copiloto responde — próxima parada, tiempo libre, a quién llamar.", chips:["manos libres","es-UY","wake-word"] },
]
: [
{ num:"01", title:"Turn-by-turn with live re-routing", body:"Routes update in real time — traffic, closures, customer changes. The driver always sees the optimized version.", chips:["real-time","offline-first","night mode"] },
{ num:"02", title:"Stop detail view", body:"Customer data, delivery notes, history and direct contact — all on one screen before knocking.", chips:["customer notes","history","1-tap contact"] },
{ num:"03", title:"Digital proof of delivery", body:"Photo + signature in-app. Signed and synced instantly. No paper, no loss.", chips:["photo","digital signature","auto-sync"] },
{ num:"04", title:"'Hey Gropp' voice copilot", body:"Hands-free. The driver asks, the copilot answers — next stop, free time, who to call.", chips:["hands-free","en-US","wake-word"] },
],
},
web: {
eyebrow: isEs ? "// 02 · WEB DASHBOARD" : "// 02 · WEB DASHBOARD",
tag: isEs ? "NAVEGADOR · Despacho" : "BROWSER · Dispatch",
title_a: isEs ? "Control de flota " : "Fleet control ",
title_b: isEs ? "en vivo" : "in real time",
title_c: isEs ? " para despacho." : " for dispatch.",
sub: isEs
? "Centro de operaciones en tiempo real. Mapa vivo, alertas priorizadas por IA y comunicación directa con cada chofer — en una sola ventana."
: "A real-time operations center. Live map, AI-prioritized alerts, and direct driver communication — in one window.",
modules: isEs
? [
{ num:"01", title:"Mapa en vivo con toda la flota", body:"Cada vehículo rastreado en tiempo real, con código de color por estado, ETA y número de paradas restantes.", chips:["tiempo real","ETA live","estado por color"] },
{ num:"02", title:"Triaje de alertas con IA", body:"La IA prioriza los eventos que necesitan atención humana — rutas demoradas, incidentes, escaladas de clientes.", chips:["prioridad IA","filtros","escalada"] },
{ num:"03", title:"Intervención de ruta con un clic", body:"Bloquea una parada, cambia un chofer o empuja un re-plan completo. Aprobación en un clic, ejecución en sub-segundo.", chips:["1-clic","re-plan","swap chofer"] },
{ num:"04", title:"Analytics e informes de turno", body:"Resúmenes de fin de día generados automáticamente. Exporta a PDF o empuja a tu TMS.", chips:["auto-resumen","PDF","API TMS"] },
]
: [
{ num:"01", title:"Live map with all vehicles", body:"Every driver tracked in real time, color-coded by status, ETA accuracy, and remaining stops.", chips:["real-time","live ETA","color status"] },
{ num:"02", title:"AI-prioritized alert triage", body:"AI surfaces events that need human attention — late routes, incidents, customer escalations.", chips:["AI priority","filters","escalation"] },
{ num:"03", title:"One-click route intervention", body:"Lock a stop, swap a driver, or push a full re-plan. One-click approval, sub-second execution.", chips:["1-click","re-plan","driver swap"] },
{ num:"04", title:"Analytics & shift reports", body:"End-of-day summaries generated automatically. Export to PDF or push to your TMS.", chips:["auto-summary","PDF","TMS API"] },
],
},
supervisor: {
eyebrow: isEs ? "// 03 · APP SUPERVISOR" : "// 03 · SUPERVISOR APP",
tag: isEs ? "NAVEGADOR · Gestión de flota" : "BROWSER · Fleet management",
title_a: isEs ? "Rendimiento del conductor, " : "Driver performance, ",
title_b: isEs ? "de un vistazo" : "at a glance",
title_c: ".",
sub: isEs
? "Una vista dedicada para supervisores — scores, incidentes, briefings de coaching generados por IA y evidencia de cumplimiento lista para el seguro."
: "A dedicated view for fleet managers — scores, incidents, AI-written coaching briefs, and compliance evidence ready for insurance.",
modules: isEs
? [
{ num:"01", title:"Dashboard de score por chofer", body:"Scores semanales y mensuales por conductor, con líneas de tendencia y comparación entre pares.", chips:["semanal","mensual","comparación"] },
{ num:"02", title:"Revisión de incidentes con video", body:"Cada evento marcado enlaza a un clip firmado e inalterable. Hash criptográfico, listo para aseguradoras.", chips:["clip firmado","hash","seguros"] },
{ num:"03", title:"Brief de coaching con IA", body:"Gropp IA redacta un resumen por chofer por semana — top 3 eventos, clips y un objetivo personal.", chips:["IA semanal","objetivo personal","PDF"] },
{ num:"04", title:"Cumplimiento y retención", body:"Configura la retención por tipo de evento. Los datos se alinean con la legislación laboral local de LATAM.", chips:["configurable","LATAM","exportable"] },
]
: [
{ num:"01", title:"Driver score dashboard", body:"Weekly and monthly scores per driver, with trend lines and peer comparison.", chips:["weekly","monthly","peer compare"] },
{ num:"02", title:"Incident review with video", body:"Every flagged event links to a signed, tamper-proof clip. Cryptographic hash, insurance-ready.", chips:["signed clip","hash","insurance"] },
{ num:"03", title:"AI coaching brief", body:"Gropp AI writes a summary per driver per week — top 3 events, clips, and a personal goal.", chips:["AI weekly","personal goal","PDF"] },
{ num:"04", title:"Compliance & retention", body:"Configure retention per event type. Data stays aligned with LATAM local labor law.", chips:["configurable","LATAM","exportable"] },
],
},
connect: {
eyebrow: isEs ? "// 04 · TODO CONECTADO" : "// 04 · ALL CONNECTED",
title_a: isEs ? "Tres vistas, " : "Three views, ",
title_b: isEs ? "un solo modelo de datos" : "one data model",
title_c: ".",
sub: isEs
? "La telemetría del chofer alimenta el mapa del despachador. El evento de la cabina alimenta el informe del supervisor. El reclamo del cliente se convierte en una parada para el chofer. Todo en tiempo real, sin piping manual."
: "Driver telemetry feeds the dispatcher's map. Cabin events feed the supervisor's report. A customer complaint becomes a driver stop. All real-time, no manual piping.",
},
};
return (
<>
{/* HERO */}