// Realistic ProSuite-style product mockups in pure HTML/CSS function BrowserChrome({ url, children, height }) { return (
{url}
{children}
); } // ============= FACTURACIÓN MOCKUP ============= function FacturacionMockup() { const bars = [40, 65, 50, 80, 55, 95, 70, 100, 85, 110, 90, 130]; return (

Facturación · Octubre

32 facturas · 12 clientes
IA activa
{bars.map((h, i) => (
{i === 11 &&
+18%
}
))}
{[ ['Facturado', '24.560 €', 'var(--success)', 'success'], ['Pendiente', '8.120 €', 'var(--warning)', 'warning'], ['Vencido', '1.240 €', 'var(--danger)', 'danger'], ].map(([label, val, color]) => (
{label}
{val}
))}
F-2026-0341 · Construcciones García
Conciliada con BBVA · hace 2 min
1.250,00 €
); } // ============= CONTROL HORARIO MOCKUP ============= function HorarioMockup() { const employees = [ { name: 'Marta Rodríguez', role: 'Diseño', in: '09:02', status: 'En jornada', color: 'var(--success)' }, { name: 'Javier López', role: 'Comercial', in: '08:45', status: 'En reunión', color: 'var(--brand-accent)' }, { name: 'Ana Martín', role: 'Operaciones', in: '—', status: 'Vacaciones', color: 'var(--warning)' }, { name: 'Carlos Pérez', role: 'Obra', in: '07:30', status: 'En jornada', color: 'var(--success)' }, ]; return (

Equipo · Hoy

14 fichando · 2 ausencias
{[['Horas hoy','86,5 h','var(--brand-primary)'], ['Horas extra','3,2 h','var(--warning)'], ['Productividad','+12%','var(--success)']].map(([l,v,c]) => (
{l}
{v}
))}
{employees.map((e, i) => (
{e.name.split(' ').map(n => n[0]).join('').slice(0,2)}
{e.name}
{e.role}
{e.in}
{e.status}
))}
); } // ============= IA MOCKUP ============= function IAMockup() { return (
{/* Receipt scan side */}
OCR · TICKET ESCANEADO
FERRETERÍA RUIZ S.L.
NIF B-12345678
06/05/2026 · 11:24
Tornillería M612,40
Cinta aislante3,20
Brocas SDS28,90
TOTAL (IVA inc.)44,50 €
EXTRAÍDO
{/* AI assistant side */}
Asistente Afer
¿Cuánto gasté este mes en ferretería?
En mayo llevas 342,80 € en proveedores de ferretería, un +18% vs. abril. ¿Quieres que lo asigne al proyecto Reforma Ático Diagonal?
Sí, asignar
Más detalle
Pregunta a tus datos… ⌘K
); } Object.assign(window, { BrowserChrome, FacturacionMockup, HorarioMockup, IAMockup });