// Página /funcionalidades/sofia — Sofía, la IA de CloserBroker
// Dos personas : copiloto del CRM (sección 1) + atención al cliente (sección 2).
// Reutiliza Nav, Footer, WhatsAppButton et les composants de page-funcionalidad-template.jsx

const getSofiaCopilotBenefits = (vocab) => [
  {
    title: 'Pregúntale cómo va tu negocio',
    desc: '«¿Cómo va mi pipeline?», «¿a quién le doy seguimiento hoy?», «¿cuánto llevo de comisiones este mes?». Sofía te responde al instante con datos reales de tu CRM, desde tu WhatsApp.',
  },
  {
    title: 'Gestiona tu agenda hablando',
    desc: '«Agéndame visita con Daniela el lunes 3pm», «recuérdame llamar a Luis mañana». Crea, reprograma, completa o elimina citas y tareas — y te avisa si hay un conflicto de horario.',
  },
  {
    title: 'Mueve tus leads y registra tus ventas',
    desc: `Cambia un prospecto de etapa, crea uno nuevo, reasígnalo, apunta una nota tras una llamada o registra una venta cerrada (la comisión se calcula sola). Todo dictado, sin abrir la app.`,
  },
  {
    title: 'Prepara tus visitas y contacta a tus clientes',
    desc: `Pídele la ficha completa de un prospecto antes de verlo, qué propiedades le encajan, o que le mande un bien o un WhatsApp de tu parte para confirmar la cita.`,
  },
  {
    title: 'Publica una propiedad desde el chat',
    desc: `Díctale el bien, mándale las fotos ahí mismo, deja que la IA escriba la descripción y publícala en tu sitio — sin tocar la computadora. Sofía respeta tu rol : cada ${vocab.agent} ve lo suyo, y confirma contigo antes de cada cambio.`,
  },
];

const getSofiaClientesBenefits = (vocab) => [
  {
    title: 'Primera en responder, 24/7',
    desc: 'Cada mensaje nuevo recibe respuesta al instante, de día o de noche, fin de semana o feriado. Ningún prospecto se queda esperando — y contestar rápido multiplica tus probabilidades de cerrar.',
  },
  {
    title: 'Califica sin interrogar',
    desc: 'Conversa con naturalidad para entender qué busca la persona : zona, comprar o rentar, presupuesto. Sin cuestionarios robóticos que espantan al cliente.',
  },
  {
    title: 'Habla solo de tus propiedades reales',
    desc: 'Busca en tu catálogo, comparte el enlace del bien y verifica la disponibilidad por código. Nunca inventa precios ni propiedades : solo lo que de verdad tienes publicado.',
  },
  {
    title: `Pasa el prospecto al ${vocab.agent} correcto`,
    desc: `En cuanto alguien quiere hablar, agendar o negociar, Sofía crea el lead, lo asigna al ${vocab.agent} y le envía un resumen de la conversación. El humano toma el relevo sin perder el contexto.`,
  },
  {
    title: 'Habla el idioma de tu cliente',
    desc: `Responde en el idioma en que le escriben, y se pausa sola en cuanto un ${vocab.agent} entra a la conversación. Cuando quieras, la reactivas con un toque.`,
  },
];

const SofiaPage = () => {
  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="Inteligencia artificial"
          title="Sofía,"
          titleAccent="tu agente de IA."
          subtitle="Ejecuta tus órdenes en el CRM cuando se lo pides, y atiende a tus clientes en WhatsApp, Messenger e Instagram las 24 horas. Tu mejor asesora, y nunca duerme."
          compact
        />
        <VideoDemo
          videoSrc="https://video.closerbroker.com/sofia.mp4"
          posterSrc="https://video.closerbroker.com/sofia.jpg"
        />
        <FuncionalidadBenefits
          eyebrow="Copiloto del asesor"
          title="Dale órdenes por WhatsApp,"
          titleAccent="ella las ejecuta en el CRM."
          subtitle="Escríbele — o mándale una nota de voz — al número de tu agencia, y Sofía consulta y actualiza todo tu CRM por ti. Siempre confirmando antes de cada acción."
          items={getSofiaCopilotBenefits(vocab)}
        />
        <FuncionalidadBenefits
          eyebrow="Atención al cliente"
          title="Responde a cada prospecto"
          titleAccent="en segundos, no en horas."
          subtitle="Sofía es la primera en contestar en WhatsApp, Messenger e Instagram. Entiende qué busca cada persona, la orienta con propiedades reales de tu catálogo y te la pasa lista para cerrar."
          items={getSofiaClientesBenefits(vocab)}
        />
        <FuncionalidadCTA
          eyebrow="¿Listo para empezar?"
          title="Tu equipo, con una asesora de IA"
          titleAccent="que nunca se toma un día libre."
          subtitle="Sofía viene incluida en CloserBroker — sin add-ons, sin costo por mensaje. Actívala, vincula tu WhatsApp y deja que empiece a trabajar por ti."
          cta={{ label: 'Empezar mis 21 días gratis', href: preciosHref }}
        />
      </main>
      <Footer />
      <WhatsAppButton />
    </>
  );
};

window.SofiaPage = SofiaPage;