/* legalesApp.jsx — composition of the Servicios Legales internal page. */
function LegalesApp() {
  const [themisxOpen, setThemisxOpen] = React.useState(false);

  React.useEffect(() => {
    if (window.lucide) window.lucide.createIcons();
  });
  React.useEffect(() => {
    document.body.style.overflow = themisxOpen ? "hidden" : "";
    return () => { document.body.style.overflow = ""; };
  }, [themisxOpen]);
  React.useEffect(() => {
    const onKey = (e) => { if (e.key === "Escape") setThemisxOpen(false); };
    window.addEventListener("keydown", onKey);
    return () => window.removeEventListener("keydown", onKey);
  }, []);
  React.useEffect(() => {
    const onOpen = () => setThemisxOpen(true);
    window.addEventListener("themisx:open", onOpen);
    return () => window.removeEventListener("themisx:open", onOpen);
  }, []);

  const TRES_CAMINOS = [
    { icon: "star",     title: "ThemisX",            desc: "Asistente legal con IA. Resuelve dudas frecuentes en segundos, con respuestas orientativas.", cta: "Hablar con ThemisX",     action: "themisx" },
    { icon: "calendar", title: "Agendar Cita",       desc: "Conversa con un especialista de nuestro equipo. Te respondemos en menos de 24 horas.",      cta: "Solicitar mi cita",       action: "cita" },
  ];

  // Per brief: Asuntos de Familia goes LAST.
  // Real photography from Unsplash (free-to-use) — each image matches the service area.
  const AREAS = [
    {
      icon: "file-text",
      title: "Derecho Registral y Notarial Apostillas",
      desc: "Actas, poderes, contratos y autenticaciones para personas naturales y empresas.",
      bullets: ["Partidas y actas", "Apostillas", "Renovaciones"],
      image: "assets/photo-notarial.webp",
    },
    {
      icon: "gavel",
      title: "Litigios y Representación",
      desc: "Defensa y representación en procesos civiles, mercantiles y administrativos ante tribunales.",
      bullets: ["Demandas", "Acuerdos", "Seguimiento procesal"],
      image: "https://images.unsplash.com/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=480&q=80",
    },
    {
      icon: "home",
      title: "Derecho Inmobiliario",
      desc: "Asesoría y representación en compraventas, traspasos, hipotecas y operaciones sobre bienes inmuebles.",
      bullets: ["Estudio registral", "Compraventas", "Hipotecas"],
      image: "https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=480&q=80",
    },
    {
      icon: "feather",
      title: "Documentos Automatizados",
      desc: "Poderes, contratos y más en minutos. Listos para usar, revisados por profesionales.",
      bullets: ["Poderes", "Contratos", "Autenticaciones"],
      image: "assets/TEMISX.png",
    },
    {
      icon: "plane",
      title: "Derecho Migratorio",
      desc: "Acompañamiento legal en visas, residencias, ciudadanía y reagrupación familiar en Honduras.",
      bullets: ["Visas y residencias", "Ciudadanía", "Reagrupación familiar"],
      image: "assets/photo-migratoria.png",
    },
    {
      icon: "users",
      title: "Derecho de Familia y Sucesiones",
      desc: "Representación y asesoría en divorcios, herencias, pensión alimenticia, tutela y reconocimiento de menores.",
      bullets: ["Divorcios", "Sucesiones", "Alimentos y tutela"],
      image: "assets/photo-familia.png",
    },
  ];

  const METHOD_STEPS = [
    { title: "Cuéntanos tu caso", desc: "Conversamos sobre la situación y necesidades de asesoría." },
    { title: "Asesoría inicial",  desc: "Un especialista revisa el caso, define alcance y propone los siguientes pasos." },
    { title: "Trabajamos tu caso", desc: "Estrategia, gestiones, comparecencias y documentos — nuestro equipo se encarga del proceso completo." },
    { title: "Cerramos tu caso", desc: "Te informamos de cada avance y entregamos resultados con seguimiento claro hasta el último paso." },
  ];

  const handleCita = () => {
    window.location.href = "contacto.html";
  };

  return (
    <>
      <Header onThemisXClick={() => setThemisxOpen(true)} activePath="legales" />

      <ServiceHero
        variant="legal"
        eyebrow=""
        title="Soluciones"
        titleAccent="legales"
        lede="Un equipo especializado que gestiona tus documentos, representación y asesoría jurídica — en Honduras y para hondureños en el extranjero."
        primaryLabel="Solicita tu cita"
        onPrimary={handleCita}
        secondaryLabel="Ver áreas que cubrimos"
        onSecondary={() => document.getElementById("areas")?.scrollIntoView({ behavior: "smooth", block: "start" })}
      />

      <AreasGrid
        variant="legal"
        eyebrow="Áreas que cubrimos"
        heading="Áreas de Práctica Legal"
        lede="Cada caso es atendido por un abogado especializado en su área. Analizamos tu situación, definimos la estrategia más sólida y te acompañamos durante todo el proceso — con transparencia, respaldo profesional y seguridad jurídica."
        areas={AREAS}
        tint={true}
      />

      <TresCaminos
        variant="legal"
        paths={TRES_CAMINOS}
        onThemisXClick={() => setThemisxOpen(true)}
        onCitaClick={() => window.location.href = "contacto.html"}
        tint={false}
      />

      <Methodology
        variant="legal"
        eyebrow="NUESTRA METODOLOGÍA"
        heading="Un proceso simple, claro y cercano"
        steps={METHOD_STEPS}
      />

      <ContactCTA
        variant="legal"
        heading="Contáctanos por:"
        lede="Escríbenos por WhatsApp o por correo electrónico y un especialista te responde en menos de 24 horas."
      />

      <CTABanner
        variant="legal"
        primaryLabel="Solicita tu cita"
        onPrimary={handleCita}
        secondaryLabel="Consultar a ThemisX"
        onSecondary={() => setThemisxOpen(true)}
      />

      <SiteFooter />

      <ThemisXModal open={themisxOpen} onClose={() => setThemisxOpen(false)} />
    </>
  );
}

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<LegalesApp />);