// Página /funcionalidades/crm — datos específicos + ensamblaje
// Reutiliza Nav, Footer, WhatsAppButton et les composants de page-funcionalidad-template.jsx

const getCrmBenefits = (vocab) => [
  {
    title: 'Pipeline visual configurable',
    desc: 'Visualiza todos tus prospectos por etapa, arrastra y suelta para hacer avanzar cada lead. Configura las etapas según tu proceso de venta.',
  },
  {
    title: 'Lead scoring automático',
    desc: 'Cada prospecto recibe un score basado en su comportamiento, así sabes a quién llamar primero. No pierdas tiempo con leads fríos.',
  },
  {
    title: 'Atribución automática de leads',
    desc: `Los leads se asignan automáticamente al ${vocab.agent} correcto: round-robin ponderado, geográfico, por especialidad o reglas personalizadas.`,
  },
  {
    title: 'Conversaciones centralizadas',
    desc: 'Todos los mensajes (WhatsApp, email, formularios web) en un solo lugar, vinculados a cada prospecto. Historial completo, siempre accesible.',
  },
  {
    title: 'Listas inteligentes',
    desc: 'Crea listas dinámicas de prospectos según criterios: leads calientes, sin respuesta, perdidos. Actúa rápido sobre cada segmento.',
  },
];

const CrmPage = () => {
  const ctx = (typeof useCountry === 'function') ? useCountry() : null;
  const vocab = (ctx && ctx.vocab) || (window.CO_LOCALE && window.CO_LOCALE.vocab) || { agent: 'agente' };
  const country = (ctx && ctx.country) || 'co';
  const preciosHref = `/${country}/precios/`;
  React.useEffect(() => {
    const obs = new IntersectionObserver((entries) => {
      entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('in'); });
    }, { threshold: 0.1, rootMargin: '0px 0px -10% 0px' });
    document.querySelectorAll('.reveal').forEach(el => obs.observe(el));
    return () => obs.disconnect();
  }, []);

  return (
    <>
      <Nav />
      <main>
        <FuncionalidadHero
          eyebrow="Funcionalidad"
          title="CRM y"
          titleAccent="gestión de leads"
          subtitle="Pipeline visual, lead scoring automático y todo lo que necesitas para que ningún prospecto se pierda en el camino."
        />
        <VideoDemo
          videoSrc="https://video.closerbroker.com/crm.mp4"
          posterSrc="https://video.closerbroker.com/crm.jpg"
        />
        <FuncionalidadBenefits
          eyebrow="Lo que incluye"
          title="Todo lo que necesitas para"
          titleAccent="cerrar más."
          subtitle="Desde la captación hasta el cierre, cada función está diseñada para que tu equipo trabaje de manera más eficiente."
          items={getCrmBenefits(vocab)}
        />
        <FuncionalidadCTA
          eyebrow="¿Listo para empezar?"
          title="Convierte más leads"
          titleAccent="sin perder ninguno por el camino."
          subtitle="Un solo precio, todo incluido. Sin sorpresas en la factura."
          cta={{ label: 'Empezar mis 21 días gratis', href: preciosHref }}
        />
      </main>
      <Footer />
      <WhatsAppButton />
    </>
  );
};

window.CrmPage = CrmPage;