-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
33 lines (33 loc) · 20.8 KB
/
Copy pathindex.html
File metadata and controls
33 lines (33 loc) · 20.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>RUMBO IA | AI CRM and Automation for Small Businesses</title>
<meta name="description" content="RUMBO IA is a human-controlled AI CRM and automation workspace for small businesses in Argentina and Latin America." />
<link rel="canonical" href="https://rumbo.verso.fans" />
<meta property="og:type" content="website" />
<meta property="og:title" content="RUMBO IA" />
<meta property="og:description" content="AI-powered CRM and business automation with human control." />
<meta property="og:url" content="https://rumbo.verso.fans" />
<meta name="twitter:card" content="summary" />
<style>
:root{--bg:#080c12;--panel:#101722;--panel2:#141e2c;--line:#263246;--text:#f7f9fc;--muted:#9aa8ba;--orange:#ff7a45;--green:#63ddb0;--blue:#7aa7ff;--red:#ff7b88;--shadow:0 28px 80px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% -10%,rgba(255,122,69,.18),transparent 30%),radial-gradient(circle at 90% 20%,rgba(65,110,255,.14),transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.wrap{max-width:1220px;margin:auto;padding:0 24px}.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(8,12,18,.78);border-bottom:1px solid rgba(255,255,255,.06)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:74px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.05em}.logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,var(--orange),#ffb26f);display:grid;place-items:center;color:#241006;font-weight:1000;box-shadow:0 12px 30px rgba(255,122,69,.25)}.navlinks{display:flex;gap:22px;align-items:center}.nav a{color:var(--muted);text-decoration:none;font-size:14px}.nav a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 17px;border:1px solid var(--line);font-weight:800;text-decoration:none;cursor:pointer}.btn-primary{background:var(--orange);color:#28130c!important;border-color:transparent}.btn-dark{background:rgba(255,255,255,.035);color:var(--text)!important}.hero{padding:96px 0 64px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.badge{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.pulse{width:8px;height:8px;border-radius:99px;background:var(--green);box-shadow:0 0 0 7px rgba(99,221,176,.09)}h1{font-size:clamp(48px,7vw,86px);line-height:.96;letter-spacing:-.055em;margin:24px 0 24px;max-width:780px}.gradient{background:linear-gradient(90deg,#fff 5%,#ffb287 56%,#ff7a45);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{font-size:20px;line-height:1.65;color:#c5ced9;max-width:690px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:36px}.proof span{color:var(--muted);font-size:13px}.proof b{color:var(--text)}.console{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(20,30,44,.94),rgba(12,18,27,.94));box-shadow:var(--shadow);overflow:hidden}.console-top{height:52px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:0 18px}.dot{width:10px;height:10px;border-radius:99px;background:#39465a}.dot:nth-child(1){background:#ff7367}.dot:nth-child(2){background:#ffc35c}.dot:nth-child(3){background:#68d391}.console-body{padding:20px}.live-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.status-live{color:var(--green);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);border-radius:14px;padding:16px}.metric small{color:var(--muted)}.metric strong{display:block;font-size:24px;margin-top:8px}.event-list{display:grid;gap:10px;margin-top:12px}.event{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px;border-radius:13px;background:#0d141f;border:1px solid rgba(255,255,255,.05)}.event-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,122,69,.12);color:var(--orange)}.event p{margin:0;font-size:13px}.event small{color:var(--muted)}.pill{border-radius:999px;padding:5px 8px;font-size:10px;background:rgba(99,221,176,.11);color:var(--green)}section{padding:80px 0}.section-head{max-width:800px;margin-bottom:34px}.eyebrow{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.section-head h2{font-size:clamp(34px,5vw,58px);line-height:1.03;letter-spacing:-.04em;margin:14px 0}.section-head p{color:var(--muted);font-size:18px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{position:relative;border:1px solid var(--line);border-radius:20px;padding:24px;background:linear-gradient(180deg,rgba(20,30,44,.72),rgba(15,22,32,.72));min-height:230px;overflow:hidden}.card:before{content:"";position:absolute;right:-60px;top:-70px;width:150px;height:150px;border-radius:999px;background:radial-gradient(circle,rgba(255,122,69,.16),transparent 65%)}.card-num{font-family:ui-monospace,monospace;color:var(--orange);font-size:12px}.card h3{font-size:22px;margin:24px 0 10px}.card p{color:var(--muted);line-height:1.6}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:22px;display:flex;gap:16px}.feature-icon{flex:0 0 44px;height:44px;border-radius:13px;background:rgba(122,167,255,.12);color:var(--blue);display:grid;place-items:center;font-size:20px}.feature h3{margin:1px 0 7px}.feature p{margin:0;color:var(--muted);line-height:1.55}.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.flow-step{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:18px;min-height:155px}.flow-step span{color:var(--orange);font-family:ui-monospace,monospace;font-size:12px}.flow-step strong{display:block;margin:18px 0 8px}.flow-step p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.dark-band{background:linear-gradient(130deg,#121a26,#0a1018);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tab{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 13px;border-radius:10px;cursor:pointer}.tab.active{background:var(--orange);border-color:var(--orange);color:#271309;font-weight:800}.demo-panel{display:none;border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:22px}.demo-panel.active{display:block}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.list{display:grid;gap:10px}.list-row{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#0d141f;border:1px solid rgba(255,255,255,.055);border-radius:12px;padding:14px}.list-row small{color:var(--muted)}.score{font-weight:900;color:var(--green)}.voice-wave{display:flex;align-items:center;justify-content:center;gap:5px;height:170px}.voice-wave i{width:7px;border-radius:99px;background:var(--orange);animation:wave 1.1s ease-in-out infinite}.voice-wave i:nth-child(2){animation-delay:.1s}.voice-wave i:nth-child(3){animation-delay:.2s}.voice-wave i:nth-child(4){animation-delay:.3s}.voice-wave i:nth-child(5){animation-delay:.4s}.voice-wave i:nth-child(6){animation-delay:.5s}@keyframes wave{0%,100%{height:28px;opacity:.5}50%{height:110px;opacity:1}}.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.price{border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--panel)}.price.featured{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange),0 20px 70px rgba(255,122,69,.12)}.price h3{font-size:20px}.price strong{font-size:38px}.price strong small{font-size:14px;color:var(--muted)}.price ul{padding-left:20px;color:var(--muted);line-height:1.8}.cta{padding:54px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(120deg,rgba(255,122,69,.18),rgba(122,167,255,.08)),var(--panel);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;margin:0 0 10px}.cta p{margin:0;color:var(--muted)}footer{padding:34px 0 60px;color:var(--muted);font-size:13px}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--text)}.mobile-menu{display:none}@media(max-width:980px){.hero-grid,.demo-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(3,1fr)}.pricing{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.navlinks a:not(.btn){display:none}.hero{padding-top:60px}.grid,.feature-grid,.flow,.pricing{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.cta{padding:30px;display:block}.cta .btn{margin-top:24px}.proof{gap:12px}.wrap{padding:0 16px}}
</style>
</head>
<body>
<nav class="nav"><div class="wrap"><div class="brand"><div class="logo">R</div> RUMBO IA</div><div class="navlinks"><a href="#producto">Producto</a><a href="#flujo">Cómo funciona</a><a href="#demo">Panel</a><a href="#planes">Piloto</a><a href="/security">Security</a><a class="btn btn-primary" href="#contacto">Evaluar piloto</a></div></div></nav>
<header class="hero"><div class="wrap hero-grid"><div><div class="badge"><span class="pulse"></span> Demo funcional · Pilotos en preparación</div><h1><span class="gradient">IA con control humano</span> para organizar y automatizar operaciones comerciales.</h1><p class="lede">RUMBO IA es un espacio de CRM y automatización para pequeñas empresas de Argentina y Latinoamérica. Organiza conversaciones, leads, seguimientos y conocimiento aprobado sin quitar el control a las personas.</p><div class="actions"><a class="btn btn-primary" href="#demo">Ver el sistema</a><a class="btn btn-dark" href="#producto">Explorar servicios</a></div><div class="proof"><span><b>Producto construido</b></span><span><b>Pilotos controlados</b> en preparación</span><span><b>Control humano</b> en decisiones sensibles</span></div></div><div class="console"><div class="console-top"><i class="dot"></i><i class="dot"></i><i class="dot"></i></div><div class="console-body"><div class="live-row"><div><small style="color:var(--muted)">CENTRO DE OPERACIONES</small><h3 style="margin:5px 0 0">Vista de demostración</h3></div><span class="status-live">● DATOS SIMULADOS</span></div><div class="metrics"><div class="metric"><small>Oportunidades demo</small><strong>47</strong></div><div class="metric"><small>Recuperadas demo</small><strong>12</strong></div><div class="metric"><small>Para intervenir</small><strong>4</strong></div></div><div class="event-list"><div class="event"><div class="event-icon">☎</div><div><p>Llamada perdida recuperada</p><small>Climatización Norte · hace 2 min</small></div><span class="pill">Caliente</span></div><div class="event"><div class="event-icon">✉</div><div><p>Respuesta positiva recibida</p><small>Distribuidora Atlas · hace 7 min</small></div><span class="pill">Intervenir</span></div><div class="event"><div class="event-icon">↗</div><div><p>Scanner convirtió un lead</p><small>Taller Rivadavia · score 86</small></div><span class="pill">Nuevo</span></div></div></div></div></div></header>
<section id="producto"><div class="wrap"><div class="section-head"><span class="eyebrow">Sistema integrado</span><h2>Un sistema comercial, no otro chatbot aislado.</h2><p>RUMBO IA conecta conversaciones, CRM, contexto aprobado y automatizaciones en un entorno supervisado. Las pantallas y métricas de esta página son demostrativas.</p></div><div class="grid"><article class="card"><span class="card-num">01</span><h3>Recepcionista IA</h3><p>Atiende llamadas, responde preguntas aprobadas, califica, agenda, transfiere y recupera llamadas perdidas.</p></article><article class="card"><span class="card-num">02</span><h3>Opportunity Engine</h3><p>Busca empresas, conserva evidencia, deduplica, enriquece, puntúa y convierte oportunidades al CRM.</p></article><article class="card"><span class="card-num">03</span><h3>Inbox + CRM</h3><p>Web, email, WhatsApp, Telegram, Meta y voz convergen en un historial comercial único.</p></article><article class="card"><span class="card-num">04</span><h3>Revenue Recovery</h3><p>Recupera presupuestos olvidados, ausencias, leads estancados y clientes dormidos.</p></article><article class="card"><span class="card-num">05</span><h3>Agentes coordinados</h3><p>Investigan, califican, proponen estrategia, redactan y dejan las acciones sensibles para aprobación.</p></article><article class="card"><span class="card-num">06</span><h3>Managed Operations</h3><p>Una vista central para salud, costos, jobs, errores, canales, alertas y oportunidades operativas.</p></article></div></div></section>
<section class="dark-band" id="flujo"><div class="wrap"><div class="section-head"><span class="eyebrow">Automatización supervisada</span><h2>RUMBO automatiza tareas seguras y deriva las decisiones sensibles.</h2></div><div class="flow"><div class="flow-step"><span>01</span><strong>Detecta</strong><p>Consultas, llamadas, respuestas y empresas objetivo.</p></div><div class="flow-step"><span>02</span><strong>Organiza</strong><p>Contacto, empresa, conversación, lead y evidencia.</p></div><div class="flow-step"><span>03</span><strong>Califica</strong><p>Intención, score, señales y prioridad comercial.</p></div><div class="flow-step"><span>04</span><strong>Prepara</strong><p>Respuesta, propuesta, seguimiento o recuperación.</p></div><div class="flow-step"><span>05</span><strong>Ejecuta</strong><p>Acciones seguras y aprobadas por los canales oficiales.</p></div><div class="flow-step"><span>06</span><strong>Alerta</strong><p>Te avisa cuando existe una oportunidad lista para intervenir.</p></div></div></div></section>
<section><div class="wrap"><div class="section-head"><span class="eyebrow">Servicios de alto valor</span><h2>Capacidades previstas para pilotos controlados.</h2></div><div class="feature-grid"><div class="feature"><div class="feature-icon">☎</div><div><h3>Recuperación de llamadas perdidas</h3><p>Respuesta inmediata, calificación, agenda y seguimiento por el canal autorizado.</p></div></div><div class="feature"><div class="feature-icon">◉</div><div><h3>Seguimiento de presupuestos</h3><p>Detecta presupuestos sin respuesta, programa contactos y escala señales de compra.</p></div></div><div class="feature"><div class="feature-icon">✦</div><div><h3>Reactivación de clientes</h3><p>Encuentra cuentas inactivas y prepara campañas personalizadas basadas en historial.</p></div></div><div class="feature"><div class="feature-icon">↗</div><div><h3>Prospección 24/7</h3><p>Mapea oportunidades públicas, las puntúa y mantiene una base persistente y auditable.</p></div></div><div class="feature"><div class="feature-icon">⌁</div><div><h3>Agenda y no-show recovery</h3><p>Reserva, confirma, recuerda y recupera turnos ausentes sin perder el contexto.</p></div></div><div class="feature"><div class="feature-icon">✓</div><div><h3>Reputación y reseñas</h3><p>Solicita reseñas después de una experiencia positiva y deriva casos sensibles al equipo.</p></div></div></div></div></section>
<section id="demo" class="dark-band"><div class="wrap"><div class="section-head"><span class="eyebrow">Demo del panel</span><h2>Ejemplo visual de una operación en una sola vista.</h2></div><div class="tabs"><button class="tab active" data-tab="ops">Operaciones</button><button class="tab" data-tab="voice">Voz IA</button><button class="tab" data-tab="scanner">Scanner</button><button class="tab" data-tab="recovery">Recuperación</button></div><div class="demo-panel active" id="ops"><div class="demo-grid"><div><h3>Alertas para intervenir</h3><div class="list"><div class="list-row"><div><b>Ferretería Central</b><small>Respondió: “Podemos hablar hoy”</small></div><span class="score">94</span></div><div class="list-row"><div><b>Estudio Delta</b><small>Solicitó propuesta y precios</small></div><span class="score">89</span></div><div class="list-row"><div><b>Autoservicio Norte</b><small>Llamada transferida al vendedor</small></div><span class="score">86</span></div></div></div><div><h3>Salud del sistema</h3><div class="list"><div class="list-row"><span>Worker de demostración</span><span class="pill">Simulado</span></div><div class="list-row"><span>Email transaccional</span><span class="pill">Demo</span></div><div class="list-row"><span>WhatsApp</span><span class="pill">Aprobación</span></div><div class="list-row"><span>Jobs con error</span><span class="score">0</span></div></div></div></div></div><div class="demo-panel" id="voice"><div class="demo-grid"><div><span class="eyebrow">Llamada en curso</span><h3>Recepcionista IA atendiendo</h3><p style="color:var(--muted);line-height:1.7">“Hola, soy el asistente virtual de Taller Rivadavia. Puedo ayudarte a reservar un turno, consultar un presupuesto o derivarte con una persona.”</p><div class="list-row"><span>Intención detectada</span><b>Reserva urgente</b></div><div class="list-row"><span>Resultado</span><span class="pill">Turno creado</span></div></div><div class="voice-wave"><i></i><i></i><i></i><i></i><i></i><i></i></div></div></div><div class="demo-panel" id="scanner"><div class="demo-grid"><div><h3>Mapa de oportunidades</h3><div class="list"><div class="list-row"><div><b>Clima Pro</b><small>Mar del Plata · Google Places</small></div><span class="score">91</span></div><div class="list-row"><div><b>Distribuidora Azul</b><small>Buenos Aires · sitio público</small></div><span class="score">84</span></div><div class="list-row"><div><b>Neumáticos Sur</b><small>Bahía Blanca · directorio</small></div><span class="score">78</span></div></div></div><div><h3>Automatización</h3><div class="list-row"><span>Campañas de ejemplo</span><b>6</b></div><div class="list-row"><span>Fuentes de ejemplo</span><b>184</b></div><div class="list-row"><span>Duplicados evitados</span><b>37</b></div><div class="list-row"><span>Ejemplos en CRM</span><b>12</b></div></div></div></div><div class="demo-panel" id="recovery"><div class="demo-grid"><div><h3>Casos de recuperación</h3><div class="list"><div class="list-row"><div><b>Presupuesto sin respuesta</b><small>Seguimiento programado</small></div><span class="pill">Hoy</span></div><div class="list-row"><div><b>Turno ausente</b><small>Mensaje de reprogramación preparado</small></div><span class="pill">Aprobar</span></div><div class="list-row"><div><b>Cliente inactivo 120 días</b><small>Campaña de reactivación</small></div><span class="pill">Listo</span></div></div></div><div><h3>Ejemplo de métricas de un piloto</h3><div class="metric"><small>Oportunidades recuperadas</small><strong>18</strong></div><div class="metric" style="margin-top:10px"><small>Tiempo medio de respuesta</small><strong>1m 42s</strong></div></div></div></div></div></section>
<section id="planes"><div class="wrap"><div class="section-head"><span class="eyebrow">Oferta de entrada</span><h2>Revenue Recovery Sprint · 14 días.</h2><p style="color:var(--muted)">Un solo flujo comercial, alcance escrito antes de empezar y una línea de base para medir qué cambió. USD 149 de pago único antes del kickoff. No garantiza ROI y cualquier continuidad posterior se acuerda por separado.</p></div><div class="pricing"><article class="price featured"><span class="eyebrow">Piloto acotado</span><h3>Un flujo · 14 días</h3><strong>USD 149<small> pago único</small></strong><ul><li>Un problema y un flujo definidos</li><li>Baseline antes de afirmar resultados</li><li>Automatización sólo dentro del alcance acordado</li><li>Control humano para acciones sensibles</li><li>Evidencia al cierre para decidir continuidad</li></ul></article></div></div></section>
<section id="contacto"><div class="wrap"><div class="cta"><div><span class="eyebrow">Piloto controlado</span><h2>Evaluá un solo flujo antes de ampliar.</h2><p>Contanos el problema, quién es responsable y qué cambio observable justificaría el piloto en 14 días.</p></div><a class="btn btn-primary" href="https://form.typeform.com/to/Tu3D3tVo" target="_blank" rel="noopener noreferrer">Evaluar encaje del piloto</a></div></div></section>
<footer><div class="wrap">RUMBO IA · Human-controlled AI CRM and automation · Demo visual con datos simulados · <a href="https://x.com/RumboAGI">@RumboAGI</a> · <a href="https://github.com/RUMBO-IA/Rumbo">GitHub</a> · Fundador: Sebastián</div></footer>
<script>
const tabs=[...document.querySelectorAll('.tab')];const panels=[...document.querySelectorAll('.demo-panel')];tabs.forEach(t=>t.addEventListener('click',()=>{tabs.forEach(x=>x.classList.remove('active'));panels.forEach(x=>x.classList.remove('active'));t.classList.add('active');document.getElementById(t.dataset.tab).classList.add('active')}));
</script>
</body>
</html>