/* eslint-disable */ /* global React, ReactDOM, useLang, LangProvider, NavBar, Footer, CLIENT_LOGOS */ /* cpg.jsx — Landing por industria: CPG / Bebidas / Multi-embotellador. Same template as agro.jsx — only copy/icons/casos + hero-illustration change. Textos definitivos del cliente: no reescribir. */ const { useState: useStateInd, useEffect: useEffectInd, useRef: useRefInd } = React; const useScrollReveal = (rootRef) => { useEffectInd(() => { if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return; const root = rootRef.current; if (!root) return; const groups = []; root.querySelectorAll('section').forEach((sec) => { const wrap = sec.firstElementChild && sec.children.length === 1 ? sec.firstElementChild : sec; const kids = Array.from(wrap.children).filter((el) => el.nodeType === 1); if (kids.length) groups.push(kids); }); const io = new IntersectionObserver((entries) => { entries.forEach((en) => { if (en.isIntersecting) { en.target.classList.add('rv-in'); io.unobserve(en.target); } }); }, { rootMargin: '0px 0px -12% 0px', threshold: 0.08 }); groups.forEach((kids) => kids.forEach((el, i) => { el.classList.add('rv'); el.style.transitionDelay = Math.min(i, 4) * 80 + 'ms'; io.observe(el); })); return () => io.disconnect(); }, []); }; /* ── Illustrations — framing IA: góndola, fuentes de embotellador sin conectar. La ilustración del hero fue reemplazada por HeroIndustria (hero-industria.jsx). ── */ const CpgFramingIllustration = () => (
); /* ── Content (definitivo — no reescribir) ────────────────────── */ const AREAS = [ { label: 'Reposición', cases: [ { icon: 'bell', title: 'Motor de alertas por tienda × SKU', body: 'Stock, in-stock, venta media, OC, pendientes.' }, { icon: 'squares-four', title: 'Vista consolidada de reposición', body: '4 fuentes de embotelladores en una sola tabla operable.' }, { icon: 'arrows-left-right', title: 'Comparación de catálogo', body: 'Por embotellador contra productos activos por tienda.' } ] }, { label: 'Comercial', cases: [ { icon: 'target', title: 'Detección de SKUs a activar / dar de baja / corregir PCB', body: 'Por punto de venta.' }, { icon: 'trend-up', title: 'Venta media por tienda', body: 'Contra objetivo y contra promedio histórico.' }, { icon: 'rows', title: 'Pendientes por tienda × embotellador', body: '' } ] }, { label: 'Operaciones', cases: [ { icon: 'shield-check', title: 'Órdenes de compra en riesgo', body: 'Desvíos vs. contrato o vs. mercado.' }, { icon: 'bell-ringing', title: 'Alertas push', body: 'El equipo comercial se entera en el momento, no en la revisión semanal.' }, { icon: 'magnifying-glass', title: 'Auditoría de mapeos proveedor → embotellador', body: 'Con detección de cambios.' } ] } ]; const OBJECTIONS = [ { q: '"No todos los embotelladores tienen API B2B."', a: 'Se puede arrancar en modo manual con CSV/planillas por embotellador y automatizar los que sí tengan API. Es la ruta que están tomando varios clientes hoy.' }, { q: '"Ya tenemos alertas en Excel."', a: 'El problema no es alertar. Es hacerlo por tienda × SKU en tiempo real cruzando 4 fuentes. Una alerta que llega tarde no es una alerta, es un post-mortem.' }, { q: '"El equipo comercial no adopta herramientas nuevas."', a: 'La adopción de Coca-Cola fue inmediata porque las alertas llegan por push a donde ya están (no requieren abrir una aplicación nueva).' } ]; const CASO_ROWS = [ { antes: 'Revisiones manuales periódicas en planillas por cada embotellador', con: 'Vista consolidada de reposición uniendo las 4 fuentes en una sola tabla operable', despues: 'El equipo comercial actúa en el momento en que ocurre la desviación, no horas después' }, { antes: 'Cuando se detecta un quiebre, el tiempo de reacción ya pasó', con: '+100 alertas activas por tienda × SKU (stock, in-stock, venta media, OC, pendientes)', despues: 'Adopción inmediata del equipo comercial, sin curva de aprendizaje' }, { antes: 'Cada análisis lo prepara el equipo de datos manualmente', con: 'Mapping automático proveedor → embotellador; catálogos comparados por tienda', despues: 'El equipo pasa de monitorear datos a actuar sobre ellos' } ]; const HOW_STEPS = [ { title: 'Conectá tus sistemas', icon: 'plugs-connected', body: 'FEMSA, ARCA, Reginald Lee, Andina y tus sistemas B2B. Sin migrar datos. Teramot los lee donde están.' }, { title: 'La IA entiende tu multi-embotellador', icon: 'brain', body: '50+ agentes especializados analizan, limpian y modelan reposición, catálogos y alertas de forma autónoma.' }, { title: 'Preguntá lo que necesites', icon: 'chat-circle-text', body: 'Cualquier persona consulta en lenguaje natural y obtiene respuestas sobre datos reales, verificables, actualizados. El conocimiento se acumula, no desaparece.' } ]; /* ── Sections ─────────────────────────────────────────────────── */ const CpgHero = () => { const { c } = useLang(); return (
CPG / Bebidas / Multi-embotellador

Unificá 4 embotelladores en una sola vista de reposición y alertas por tienda.

Conectá los sistemas de FEMSA, ARCA, Reginald Lee, Andina, o los distribuidores que tengas. Teramot mapea catálogos, alinea reglas de surtido y dispara alertas de stock, quiebre y venta media por tienda × SKU.

Empezar gratis Ver demo en vivo
SOC 2 Certified Sin tarjeta de crédito Listo en 1 hora
); }; const TALL_LOGOS = new Set(['The Coca-Cola Company', 'Grupo Sancor Seguros', 'La Segunda', 'Bolsa de Comercio de Rosario', 'Digital House', 'Los Pumas', 'UAR']); const IndProof = () => { const { c } = useLang(); const track = [...CLIENT_LOGOS, ...CLIENT_LOGOS]; return (
{c.proof.more} {c.proof.label}
{track.map(({ name, Cmp }, i) => ( = CLIENT_LOGOS.length}> ))}
); }; const CpgSources = () => (
Conecta con
FEMSAARCAReginald LeeAndinaSistemas B2B
); const CpgProblem = () => (
El problema actual

Tu operación depende de 4 sistemas de embotellador que no se hablan entre sí. Cada uno tiene su catálogo, sus reglas de surtido, su ritmo de reposición. Tu equipo comercial hace revisiones manuales periódicas en planillas. Cuando se detecta una desviación, el tiempo de reacción ya es demasiado largo para corregirla a tiempo.

No es un problema de talento. Es un problema de infraestructura. Tres o cuatro proveedores distintos, mapeos que nadie mantiene, y horas dedicadas a control en vez de a decisión.

FEMSA
ARCA
Reginald Lee
Andina
SIN CAPA DE INTEGRACIÓN
); const CpgFraming = () => (

No te falta IA.
Le falta ver tus datos.

La inteligencia ya existe. El problema es que no ve simultáneamente:

el stock de FEMSA
el pedido pendiente de ARCA
la venta media de Reginald Lee
el catálogo activo de Andina
); const CpgHowItWorks = () => (
Cómo funciona

De cero a la primera respuesta en menos de una hora.

{HOW_STEPS.map((s, i) => (

{s.title}

{s.body}

))}
); const CpgCase = () => (
El caso que lo demuestra

Motor de alertas multi-embotellador (LATAM)

4 fuentes → 1 vista
reposición consolidada y operable
+100 alertas activas
por tienda × SKU en tiempo real
Adopción inmediata
sin curva de aprendizaje del equipo comercial
Antes
Con la herramienta
Después
{CASO_ROWS.map((row, i) => (

{row.antes}

{row.con}

{row.despues}

))}
); const CpgMoreCases = () => { const [area, setArea] = useStateInd(0); return (
Más casos por área

Lo que se desbloquea cuando los maestros existen

{AREAS.map((a, i) => ( ))}
{AREAS[area].cases.map((c, i) => (
{c.title}
{c.body &&

{c.body}

}
))}
); }; const CpgAdopters = () => (
Quién ya lo hace
Multinacional de bebidas

4 embotelladores unificados. +100 alertas activas por tienda × SKU. Adopción inmediata del comercial.

Canal B2B de bebidas

Smart Alerts 2.0 replicando la lógica del pipeline retail sobre operación indirecta.

Cadena de distribución

Base consolidada de replenishment por tienda × SKU.

Sistemas
FEMSA ARCA Reginald Lee Andina Sistemas B2B
Plataforma
Conectores Mapeo proveedor-embotellador Motor de reglas
IA
Alertas por tienda Reposición Auditoría de catálogo
); const CpgObjections = () => { const [open, setOpen] = useStateInd(0); return (
Objeciones frecuentes

Tu objeción, la de tu industria

{OBJECTIONS.map((o, i) => { const isOpen = open === i; return (
{isOpen &&

{o.a}

}
); })}
); }; const IndAlternatives = () => (
Las alternativas
Proyecto tradicional
meses

Consultoría + integración + validación + go-live.

Equipo propio
caro

Data engineers, ML engineers, infraestructura y mantenimiento.

IA genérica
no sirve

Modelos generales que no conocen tus datos ni tu regulación.

Esta herramienta
1 hora

Conectás tus fuentes, entrenás con tus datos, entregás.

); const CpgCta = () => { const { c } = useLang(); return (

Tus datos ya están. Solo falta conectarlos.

Sin compromisos. Sin tarjeta. Tus primeras alertas por tienda × SKU en menos de una hora.

); }; const CpgApp = () => { const rootRef = useRefInd(null); useScrollReveal(rootRef); return (