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

const getMarketingBenefits = () => [
  {
    title: 'Sitios web premium optimizados para convertir',
    desc: 'Sitios diseñados con especialistas en optimización de conversión para que no solo se vean increíbles, sino que conviertan visitantes en leads. Personaliza cada sección, título e imagen con vista previa en vivo, y conecta tu propio dominio o usa un subdominio gratuito.',
  },
  {
    title: 'Catálogo de propiedades sincronizado',
    desc: 'Las propiedades de tu CRM aparecen al instante en tu sitio web. Controla con un click cuáles se muestran y cuáles destacan en la portada.',
  },
  {
    title: 'Blog con IA optimizada para SEO',
    desc: 'Genera artículos completos optimizados para Google en segundos con la IA de CloserBroker. Atrae tráfico orgánico, posiciona tu agencia como referente y captura leads sin invertir horas escribiendo.',
  },
  {
    title: 'Guías descargables para captar leads cualificados',
    desc: 'Sube tus ebooks, guías o catálogos en PDF. Cada descarga captura los datos del prospecto y le asigna automáticamente las etiquetas que definas — listos para una secuencia personalizada en tu CRM.',
  },
  {
    title: 'Mis Links — tu link-in-bio inmobiliario',
    desc: 'Comparte un solo link en tus redes sociales que reúne todos tus enlaces importantes y tus propiedades destacadas. Convierte tu Instagram, TikTok o WhatsApp en una fuente constante de leads.',
  },
];

const MarketingPage = () => {
  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="Sitio web y marketing"
          title={<>Atrae, capta, <span className="serif" style={{ fontStyle: 'italic' }}>convierte</span> — desde un solo lugar.</>}
          subtitle="Sitio web profesional, blog con IA, guías descargables y link-in-bio. Construye tu presencia online y convierte visitantes en leads — todo conectado a tu CRM."
        />
        <VideoDemo
          videoSrc="https://video.closerbroker.com/marketing.mp4"
          posterSrc="https://video.closerbroker.com/marketing.jpg"
        />
        <FuncionalidadBenefits
          eyebrow="Lo que incluye"
          title={<><span className="serif" style={{ fontStyle: 'italic' }}>Todo lo que necesitas</span> para atraer y convertir.</>}
          subtitle="Construye tu marca, multiplica tu visibilidad y captura leads cualificados sin contratar una agencia externa."
          items={getMarketingBenefits()}
        />
        <FuncionalidadCTA
          eyebrow="¿Listo para empezar?"
          title="Capta más prospectos"
          titleAccent="con un sitio web que sí vende."
          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.MarketingPage = MarketingPage;