// Página ICP: /mx/crm-para-inmobiliarias-mexico/ y /co/crm-para-inmobiliarias-colombia/
// Responde la consulta exacta del comprador ("CRM para una inmobiliaria con equipo,
// 200+ propiedades, web, IA, marketing, WhatsApp") cubriendo los 9 criterios de
// evaluación + el flujo (clic → Sofía → califica → asigna → seguimiento).
// Enmarcado por TRAMO de equipo (3 a 15), no por un número fijo, con ejemplos
// naturales (5, 7 o 12) para cubrir la consulta sin quedar clavado a uno.
//
// Country-aware (useCountry): copia en asesores/MXN/portales MX o agentes/COP/
// portales CO. El contenido debe coincidir con scripts/prerender-crm-agencias.js.

const CRM_INMO_DATA = {
  mx: {
    name: 'México', agent: 'asesor', agents: 'asesores', base: '/mx/',
    agencyFrom: '$1,199 MXN/mes', agencyAnnual: '$1,020 MXN/mes', addl: '$180 MXN/mes',
    portals: 'Inmuebles24, Mercado Libre, Lamudi y más',
  },
  co: {
    name: 'Colombia', agent: 'agente', agents: 'agentes', base: '/co/',
    agencyFrom: '$239.000 COP/mes', agencyAnnual: '$200.000 COP/mes', addl: '$35.000 COP/mes',
    portals: 'Finca Raíz, Metrocuadrado, Mercado Libre y más',
  },
};

const buildCrmInmoContent = (d) => ({
  criteria: [
    ['Sitio web profesional y personalizable', 'Un sitio moderno optimizado para convertir, con tu dominio propio, plantillas premium editables sin código, blog con IA y SEO técnico. La cara pública de tu agencia, conectada al CRM.'],
    ['Catálogo de 200+ propiedades, sin límite', `Gestiona cientos de propiedades y desarrollos, impórtalas desde EasyBroker, Wasi o Tokko en minutos y publícalas de una vez en tu sitio y en los portales (${d.portals}).`],
    ['WhatsApp Business Platform — API oficial de Meta', `No un enlace «abrir WhatsApp»: el número verificado de tu agencia sobre la API oficial de Meta, con Messenger e Instagram también oficiales. Varios ${d.agents} en la misma bandeja, sin riesgo de bloqueo.`],
    ['Sofía, una IA que conoce TU inventario', 'Atiende 24/7, entiende qué busca cada persona, recomienda propiedades reales de tu catálogo (nunca inventa precios) y agenda la visita. Es una agente de IA, no un chatbot genérico.'],
    [`Distribución automática de leads entre tus ${d.agents}`, 'Cada lead se asigna solo al correcto: round-robin ponderado, geográfico, por especialidad o reglas personalizadas. Ninguno se satura, ninguno se queda sin nada.'],
    ['Seguimiento automático, sin dejar leads fríos', 'Primer contacto por WhatsApp en segundos, y secuencias que recontactan al prospecto cuando no responde. La velocidad de respuesta multiplica tus cierres.'],
    ['Marketing que llena el CRM', 'Los leads de tus anuncios (Meta Lead Ads de Facebook/Instagram y Google Ads) entran automáticamente con su fuente identificada. Suma email marketing con IA y blog SEO para atraer sin agencia externa.'],
    ['Analítica por fuente, hasta el cierre', 'Sabes qué canal genera leads y, más importante, cuál genera cierres. Métricas por cada integrante del equipo: ventas, propiedades activas y leads gestionados. Lideras con datos, no a ojo.'],
    ['Tus datos son tuyos', 'Exporta contactos, propiedades y conversaciones cuando quieras, en formatos estándar. Sin retención de datos, sin candados si algún día decides cambiar.'],
  ],
  flujo: [
    ['1 · Entra el lead', 'Desde tu web, tus anuncios de Meta o Google, o un portal, cada prospecto llega automáticamente a tu CRM con su fuente identificada.'],
    ['2 · Sofía responde en segundos', 'Contesta por WhatsApp de día o de noche, conversa con naturalidad y califica: zona, presupuesto, comprar o rentar, plazo.'],
    ['3 · Muestra propiedades reales y agenda', 'Le comparte 3–5 propiedades de tu catálogo que encajan, verifica disponibilidad y agenda la visita — sin inventar nada.'],
    [`4 · Se asigna al ${d.agent} correcto`, `Sofía crea el lead, lo asigna según tus reglas y le envía al ${d.agent} un resumen de la conversación. El humano toma el relevo con todo el contexto.`],
    ['5 · Seguimiento hasta el cierre', 'Recordatorios y secuencias automáticas hasta la visita, y reportes en tiempo real de qué fuente y qué miembro del equipo están cerrando.'],
  ],
  faqs: [
    [`¿Sirve para mi agencia, seamos 5, 7 o 12 ${d.agents}?`, `Sí, está hecho para eso. El plan Agencia está pensado para equipos de 3 a 15 ${d.agents}: incluye 2 usuarios y agregas los demás según crezca tu equipo. Cada uno con su cuenta, sus roles y sus permisos, y los leads se reparten automáticamente entre ellos.`],
    ['¿Cuánto cuesta para una agencia?', `El plan Agencia parte de ${d.agencyFrom} (o ${d.agencyAnnual} en anual) con 2 usuarios incluidos, y cada ${d.agent} adicional cuesta ${d.addl}. Son 21 días de prueba gratis, sin tarjeta.`],
    ['¿El WhatsApp es la API oficial de Meta?', 'Sí. CloserBroker funciona sobre la WhatsApp Business Platform (API oficial de Meta), y Messenger e Instagram también con las APIs oficiales de Meta — somos desarrolladores verificados de Meta. No es un botón que abre WhatsApp.'],
    ['¿Puedo manejar 200+ propiedades y publicarlas en portales?', `Sí. El inventario no tiene límite: gestionas 200, 500 o más propiedades y las publicas de una vez en tu sitio y en los portales que elijas (${d.portals}).`],
    ['¿Puedo migrar desde EasyBroker, Wasi o Tokko?', 'Sí, en minutos. Conectas tu CRM actual e importas propiedades y prospectos con fotos, descripciones e historial. La migración es asistida.'],
    ['¿Los datos son míos si algún día cambio de plataforma?', 'Siempre. Exportas contactos, propiedades y conversaciones en formatos estándar cuando quieras, sin penalización y sin datos retenidos.'],
  ],
});

const CrmAgenciasPage = () => {
  const ctx = (typeof useCountry === 'function') ? useCountry() : null;
  const country = (ctx && ctx.country) || 'mx';
  const d = CRM_INMO_DATA[country] || CRM_INMO_DATA.mx;
  const content = buildCrmInmoContent(d);
  const preciosHref = `${d.base}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="Para agencias inmobiliarias"
          title="El CRM para inmobiliarias"
          titleAccent={`en ${d.name}.`}
          subtitle={`Todo lo que tu agencia necesita para vender más: sitio web, catálogo de 200+ propiedades, WhatsApp con IA (API oficial de Meta), marketing y distribución de leads. Pensado para equipos de 3 a 15 ${d.agents}.`}
          cta={{ label: 'Ver planes y precios', href: preciosHref }}
        />
        <FuncionalidadBenefits
          eyebrow="Los 9 criterios"
          title="Todo lo que una agencia necesita para vender más,"
          titleAccent="sin 5 herramientas distintas."
          subtitle="Estos son los puntos que revisarías al elegir un CRM inmobiliario — y cómo los cubre CloserBroker."
          items={content.criteria.map(([title, desc]) => ({ title, desc }))}
        />
        <FuncionalidadBenefits
          eyebrow="El flujo"
          title="Del clic en un anuncio al cierre,"
          titleAccent="sin que nada se caiga."
          subtitle="Así trabaja CloserBroker un lead de principio a fin, para que tu equipo reciba prospectos ya calificados."
          items={content.flujo.map(([title, desc]) => ({ title, desc }))}
        />
        <FuncionalidadFaq items={content.faqs} />
        <FuncionalidadCTA
          eyebrow="¿Listo para empezar?"
          title="Pon a tu agencia a vender"
          titleAccent="en una sola plataforma."
          subtitle="21 días gratis, sin tarjeta. Migración asistida en 5 minutos."
          cta={{ label: 'Empezar mis 21 días gratis', href: preciosHref }}
        />
      </main>
      <Footer />
      <WhatsAppButton />
    </>
  );
};

window.CrmAgenciasPage = CrmAgenciasPage;
