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

const getAutomatizacionesBenefits = (vocab) => [
  {
    title: 'Primer contacto automático por WhatsApp',
    desc: (
      <>
        Cada nuevo lead recibe un mensaje de WhatsApp personalizado en segundos, no en horas. Multiplica por 100 tus probabilidades de convertirlo en cliente.
        <div style={{ fontSize: 12, fontStyle: 'italic', color: 'var(--fg-muted)', marginTop: 10, lineHeight: 1.5 }}>
          Fuente : Harvard Business Review, « The Short Life of Online Sales Leads »
        </div>
      </>
    ),
  },
  {
    title: 'Mensajes hiper-personalizados según la fuente',
    desc: 'El primer mensaje se adapta automáticamente al origen del lead : si viene de una propiedad, habla de esa propiedad; si viene de una guía, habla de ese tema; si viene de un anuncio Facebook, hace referencia a la campaña. Y para una capa extra de personalización, usa variables como el nombre del prospecto, la zona o el presupuesto que mencionó.',
  },
  {
    title: 'Secuencias de email con IA integrada',
    desc: 'Crea campañas de email multi-paso : define tu audiencia, escribe tu secuencia, programa los envíos. Genera todos los correos de la secuencia con IA en segundos y personalízalos con variables dinámicas.',
  },
  {
    title: 'Automatizaciones de tareas internas',
    desc: `Tú decides qué automatizar y qué hacer manualmente. Crea tareas, cambia el estado de un lead o asígnalo a un ${vocab.agent} automáticamente cuando se cumplan tus condiciones. Menos trabajo administrativo, más tiempo para vender.`,
  },
  {
    title: 'IA integrada en cada parte del CRM',
    desc: 'La inteligencia artificial trabaja contigo en todo : redacta las descripciones de tus propiedades, genera artículos de blog optimizados, crea secuencias de email personalizadas y analiza cada prospecto con un lead scoring inteligente',
  },
];

const AutomatizacionesPage = () => {
  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="Automatizaciones"
          titleAccent="e IA"
          subtitle="Responde a tus leads en segundos, automatiza secuencias de email con IA y libera a tu equipo de las tareas repetitivas — todo bajo tu control."
          compact
        />
        <VideoDemo
          videoSrc="https://video.closerbroker.com/automatizaciones.mp4"
          posterSrc="https://video.closerbroker.com/automatizaciones.jpg"
        />
        <FuncionalidadBenefits
          eyebrow="Lo que incluye"
          title="Todo lo que necesitas para"
          titleAccent="responder más rápido y trabajar menos."
          subtitle="Desde el primer contacto con un nuevo lead hasta las tareas administrativas internas, cada automatización está pensada para que tu equipo se enfoque en lo que realmente importa : cerrar."
          items={getAutomatizacionesBenefits(vocab)}
        />
        <FuncionalidadCTA
          eyebrow="¿Listo para empezar?"
          title="Recupera horas cada semana"
          titleAccent="con la IA trabajando por ti."
          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.AutomatizacionesPage = AutomatizacionesPage;