// Pyrovolt — VoltCore App page + HomeSection function AppPhoneCPO() { const stations = [ { id: 'MAD-01', name: 'Madrid Cuatro Torres', status: 'active', sessions: 8, kwh: 247 }, { id: 'VLC-03', name: 'Valencia · Ronda Norte', status: 'active', sessions: 5, kwh: 182 }, { id: 'BCN-07', name: 'Barcelona Zona Franca', status: 'warn', sessions: 2, kwh: 89 }, { id: 'SEV-02', name: 'Sevilla Triana', status: 'active', sessions: 4, kwh: 156 }, ]; return (
VOLTCORE · CPO
Buenos días, Laura
{/* Hero metric */}
● RED · EN DIRECTO
Operación
kWh
energía
En vivo
sesiones
OCPP
control
ESTACIONES
{stations.map(s => (
{s.name}
{s.id}
{s.sessions}
{s.kwh} kWh
))}
); } function AppPhoneMap() { const pins = [ { x: 30, y: 40, on: true }, { x: 62, y: 35, on: true }, { x: 45, y: 60, on: true }, { x: 75, y: 55, on: false }, { x: 22, y: 70, on: true }, { x: 55, y: 75, on: true }, { x: 80, y: 30, on: true }, { x: 35, y: 25, on: false }, ]; return (
{/* "Map" */}
{/* grid lines */} {Array.from({length: 12}).map((_, i) => (
))} {Array.from({length: 8}).map((_, i) => (
))} {/* roads */}
{/* pins */} {pins.map((p, i) => (
))}
{/* Search bar */}
Buscar puntos cerca de ti
{/* Bottom sheet */}
350
Madrid · Cuatro Torres
● disponible · alta potencia · CCS2
); } function AppPhoneCharging() { return (
● CARGANDO
Madrid · Cuatro Torres
{/* Big ring */}
62%
SoC
{/* Stats */}
POTENCIA
247 kW
RESTANTE
14 min
COSTE ACTUAL visible
TARIFA 0,39 €/kWh
); } function VoltCoreSection({ navigate }) { return (
VoltCore App

Tu red en el bolsillo.

Una sola app. Dos modos. Los operadores controlan estaciones, disponibilidad, tarifas e incidencias. Los conductores encuentran puntos, inician carga y pagan.

); } const VCItem = ({ n, title, desc }) => (
{n}
{title}
{desc}
); function LegacyAppPage({ navigate }) { const [view, setView] = React.useState('cpo'); const views = { cpo: { title: 'Para operadores', desc: 'Panel CPMS para estaciones, sesiones, tarifas, incidencias y operación remota. OCPP 2.0.1 y APIs abiertas.', features: ['Dashboard en tiempo real', 'Control remoto OCPP', 'Gestión de tarifas', 'Roaming y APIs', 'Perfiles y permisos', 'Alertas operativas'] }, user: { title: 'Para conductores', desc: 'Buscar punto, iniciar carga, seguir la sesión y pagar desde una experiencia directa.', features: ['Mapa con disponibilidad', 'Plug & Charge ISO 15118', 'Pago integrado', 'Histórico y facturas', 'Ruta con paradas', 'Tarifas transparentes'] }, }; const v = views[view]; return ( <> {/* Header */}
VoltCore App

Una app.
Dos modos.

VoltCore es el sistema operativo de Pyrovolt. Gestión profesional para operadores y experiencia simple para conductores. Cambia de un modo a otro según tu rol.

{['cpo', 'user'].map(k => ( ))}
{/* Detail */}
{v.title}

{view === 'cpo' ? 'Toda tu red, en una sola pantalla.' : 'Encuentra, enchufa, paga.'}

{v.desc}

{v.features.map((f, i) => (
{String(i+1).padStart(2, '0')} {f}
))}
{view === 'cpo' ? : }
{/* Integraciones */}
Integraciones

OCPP 2.0.1 · ISO 15118 · Hubject · Modbus · API REST

{ e.preventDefault(); navigate('contact'); }}> Solicitar acceso
); } function AppPage({ navigate }) { const [view, setView] = React.useState('cpo'); const views = { cpo: { label: 'Modo CPO', heroTitle: 'Control operativo de estaciones y sesiones.', heroDesc: 'VoltCore da visibilidad a la red completa: disponibilidad, alertas, tarifas, incidencias y operación remota desde una sola capa software.', phone: , metrics: [['OCPP', 'operación remota'], ['En vivo', 'sesiones'], ['kWh', 'energía'], ['Alertas', 'soporte']], featureCards: [ ['Dashboard operativo', 'Estado de red, incidencias, sesiones activas y disponibilidad en tiempo real.'], ['Control remoto', 'Arranque, parada, desbloqueo, reinicio y acciones OCPP sin salir del panel.'], ['Tarifas y pagos', 'Precios dinámicos, métodos de pago y conciliación centralizada.'], ['Alertas y soporte', 'Incidencias por estación, trazas y contexto para equipos técnicos y SAT.'], ], story: { title: 'Toda la operación en una vista.', desc: 'Pensado para operadores, integradores y equipos técnicos que necesitan ver la red, actuar rápido y tomar decisiones con datos claros.', bullets: [ ['Lectura rápida', 'Interfaz limpia para revisar estaciones, sesiones y alertas sin fricción.'], ['Soporte técnico', 'Panel listo para operación diaria, soporte técnico y mantenimiento coordinado.'], ['Acceso seguro', 'Permisos, trazabilidad y acceso seguro para usuarios internos y colaboradores.'], ], }, }, user: { label: 'Modo conductor', heroTitle: 'Buscar, cargar y pagar sin pasos de sobra.', heroDesc: 'El usuario encuentra puntos disponibles, inicia sesión, sigue la carga y paga desde el móvil con una experiencia directa y clara.', phone: , metrics: [['Mapa', 'disponibilidad'], ['Tomas', 'libres'], ['HPC', 'potencia'], ['Pago', 'integrado']], featureCards: [ ['Mapa en vivo', 'Disponibilidad, potencia, conectores y tarifas antes de llegar al punto.'], ['Iniciar · parar · pagar', 'Inicio de sesión, seguimiento y pago móvil en una sola pantalla.'], ['Ruta y favoritos', 'Planificación sencilla con puntos frecuentes y navegación al destino.'], ['Historial y facturas', 'Recibos, sesiones anteriores y control del gasto del usuario final.'], ], story: { title: 'Carga sencilla para el conductor.', desc: 'Diseño centrado en reducir fricción: menos pasos, mejor lectura de la sesión y una relación más clara entre precio, potencia y tiempo.', bullets: [ ['Menos pasos', 'Buscar, llegar y cargar sin cambiar de app ni perder contexto.'], ['Precio claro', 'Precio, potencia y estado de carga visibles desde el inicio de la sesión.'], ['Pago trazable', 'Pago móvil, recibos y confirmación inmediata tras finalizar la carga.'], ], }, }, }; const active = views[view]; const secondaryPhone = view === 'cpo' ? : ; const tertiaryPhone = view === 'cpo' ? : ; return ( <>
VoltCore App

La capa software para operar puntos de recarga.

Reúne estaciones, sesiones, pagos, telemetría, disponibilidad y control remoto en una sola plataforma.

{Object.entries(views).map(([key, item]) => ( ))}
{active.phone}
{active.metrics.map(([value, label]) => (
{value} {label}
))}

Funciones para operar con contexto técnico.

{active.heroTitle} {active.heroDesc}
{active.featureCards.map(([title, desc], i) => (
{String(i + 1).padStart(2, '0')}

{title}

{desc}

 ))}
{secondaryPhone}
Analítica en vivo
OCPP listo
{active.label}

{active.story.title}

{active.story.desc}

{active.story.bullets.map(([title, desc]) => (

{title}

{desc}

))}
Ecosistema

Una misma lógica para operador y conductor.

La experiencia de uso y la capa de operación comparten datos fiables, cobro integrado, disponibilidad en vivo y trazabilidad de cada sesión.

{['OCPP 2.0.1', 'ISO 15118', 'Hubject', 'API REST', 'Pagos', 'Roaming'].map(item => ( {item} ))}
{tertiaryPhone}
Operación visible

Sesiones, alertas, potencia y pagos conectados en la misma vista.

Integraciones

OCPP 2.0.1 / ISO 15118 / Hubject / Modbus / API REST

{ e.preventDefault(); navigate('contact'); }}> Solicitar acceso
); } Object.assign(window, { VoltCoreSection, AppPage, AppPhoneCPO, AppPhoneMap, AppPhoneCharging });