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

const getPropiedadesBenefits = () => [
  {
    title: 'Catálogo unificado',
    desc: 'Propiedades y desarrollos en un mismo sistema, con fotos, planos, videos y todos los detalles. Toda tu oferta organizada en un solo lugar.',
  },
  {
    title: 'Listas compartibles con clientes',
    desc: 'Crea listas de propiedades para cada cliente y compártelas con un link único. Tu cliente marca lo que le interesa, y tú ves su feedback en tiempo real.',
  },
  {
    title: 'Matching inteligente propiedad ↔ lead',
    desc: 'Cuando llega un lead, el sistema sugiere automáticamente las propiedades que mejor coinciden con sus criterios. Menos búsqueda manual, más cierres.',
  },
  {
    title: 'Gestión 360° por propiedad',
    desc: 'Cada propiedad tiene su propio expediente: interesados, visitas programadas, ofertas recibidas, archivos y publicación en portales — todo en un solo lugar.',
  },
  {
    title: 'Seguimiento de intereses por cliente',
    desc: 'Para cada cliente, visualiza qué propiedades le gustaron, cuáles agendó visitar, cuáles visitó y cuáles descartó. Un pipeline visual por cliente para nunca perder el hilo.',
  },
];

const PropiedadesPage = () => {
  const ctx = (typeof useCountry === 'function') ? useCountry() : null;
  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="Catálogo de"
          titleAccent="propiedades"
          subtitle="Gestiona propiedades y desarrollos en un catálogo profesional, conectado a tu sitio web, a los portales y al seguimiento de cada cliente."
        />
        <VideoDemo
          videoSrc="https://video.closerbroker.com/propiedades.mp4"
          posterSrc="https://video.closerbroker.com/propiedades.jpg"
        />
        <FuncionalidadBenefits
          eyebrow="Lo que incluye"
          title="Todo lo que necesitas para"
          titleAccent="gestionar tu inventario."
          subtitle="Desde la captación de propiedades hasta el seguimiento de cada interesado, cada función está pensada para que nada se pierda en el camino."
          items={getPropiedadesBenefits()}
        />
        <FuncionalidadCTA
          eyebrow="¿Listo para empezar?"
          title="Cada propiedad en su lugar,"
          titleAccent="lista para encontrar a su comprador."
          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.PropiedadesPage = PropiedadesPage;