// Página /sitio-web-para-inmobiliarias — landing del plan Sitio Web.
// Reutiliza Nav, Footer, WhatsAppButton y los componentes de page-funcionalidad-template.jsx.
// SEO objetivo: "sitio web para inmobiliarias / para agentes inmobiliarios / inmobiliario".

const SITIO_WEB_CHECKOUT = 'https://app.closerbroker.com/api/paddle/checkout?product=site_only&plan=yearly&currency=USD';

const SITIO_WEB_BENEFITS = [
  {
    title: 'Plantillas premium, sin tocar código',
    desc: 'Elige una plantilla profesional y edítala visualmente: tus propiedades, tus colores, tus textos. Sin diseñador, sin programar, lista en minutos.',
  },
  {
    title: 'Tu dominio propio y hosting incluidos',
    desc: 'Conecta tu propio dominio (o usa uno gratuito) con hosting, certificado SSL y velocidad optimizada incluidos en el plan. Sin costos escondidos.',
  },
  {
    title: 'Todos tus leads en un solo lugar',
    desc: 'Cada formulario, cada consulta y cada mensaje de WhatsApp de tu sitio llega a una sola bandeja. No pierdes ni un interesado entre correos y notas.',
  },
  {
    title: 'Conecta tu inventario de EasyBroker o Wasi',
    desc: 'Ya tienes tus propiedades en otro CRM: impórtalas y muéstralas en tu nuevo sitio sin volver a cargarlas. Tu web siempre al día con tu inventario.',
  },
  {
    title: 'Blog con IA y SEO técnico listo',
    desc: 'Publica artículos que atraen tráfico, redactados con IA, y un sitio ya optimizado para Google: estructura, velocidad y metadatos. Apareces sin contratar una agencia.',
  },
  {
    title: 'Publícate en los portales inmobiliarios',
    desc: 'Lleva tus propiedades del sitio a Inmuebles24, Finca Raíz, Lamudi, Metrocuadrado y más, sin duplicar fichas a mano.',
  },
];

const SITIO_WEB_FAQS = [
  ['¿Qué incluye el plan Sitio Web?', 'Un sitio web inmobiliario profesional con plantillas premium, tu dominio propio, hosting y SSL, blog con IA, SEO técnico, captación de leads a una sola bandeja y conexión con tu inventario (EasyBroker / Wasi / Tokko). Es la presencia web completa de tu inmobiliaria, sin el CRM completo.'],
  ['¿Necesito saber programar o diseñar?', 'No. Editas todo de forma visual, como quien usa redes sociales: cambias textos, fotos y colores sin tocar código. Y si tienes dudas, nuestro equipo te acompaña.'],
  ['¿Puedo usar mi propio dominio?', 'Sí. Conectas tu dominio actual (tuagencia.com) o usas uno gratuito incluido. El hosting, el certificado SSL y la velocidad vienen incluidos en el plan.'],
  ['¿Se conecta con mi inventario de EasyBroker o Wasi?', 'Sí. Importas tus propiedades desde EasyBroker, Wasi o Tokko y las muestras en tu nuevo sitio sin volver a cargarlas. También puedes publicarlas en los portales inmobiliarios.'],
  ['¿Cuánto cuesta el plan Sitio Web?', 'Desde $19 USD al mes en plan anual (o $25 al mes pagando mes a mes). Una sola suscripción, sin add-ons obligatorios y sin permanencia.'],
  ['¿Puedo pasar al CRM completo más adelante?', 'Cuando quieras. Subes al plan Agente Solo o Agencia y conservas tu sitio, tu dominio y tus leads: sumas el CRM completo, WhatsApp con IA, automatizaciones y la bolsa inmobiliaria.'],
];

const SitioWebPage = () => {
  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="Plan Sitio Web · desde $19/mes"
          title="Sitio web para"
          titleAccent="inmobiliarias y agentes"
          subtitle="Una presencia web profesional que capta leads: tu dominio, plantillas premium, blog con IA y SEO, sin necesidad del CRM completo. Hecha para agencias y agentes de bienes raíces en México y Colombia."
          cta={{ label: 'Empezar con Sitio Web', href: SITIO_WEB_CHECKOUT }}
        />
        <FuncionalidadBenefits
          eyebrow="Lo que incluye"
          title="Todo lo que tu inmobiliaria necesita"
          titleAccent="para tener presencia web y captar."
          subtitle="Un sitio web inmobiliario moderno, optimizado para convertir visitas en prospectos, conectado a tu inventario y a los portales."
          items={SITIO_WEB_BENEFITS}
        />
        <FuncionalidadFaq slug="sitio-web" items={SITIO_WEB_FAQS} />
        <FuncionalidadCTA
          eyebrow="¿Listo para tu nuevo sitio?"
          title="Lanza el sitio web de tu inmobiliaria"
          titleAccent="hoy mismo."
          subtitle="Desde $19/mes. ¿Necesitas también el CRM completo? Mira todos los planes."
          cta={{ label: 'Empezar con Sitio Web', href: SITIO_WEB_CHECKOUT }}
        />
      </main>
      <Footer />
      <WhatsAppButton />
    </>
  );
};

window.SitioWebPage = SitioWebPage;