/* AboutModal.jsx — quick "Conoce HONDULegal" overlay.
 * Lightweight: a paragraph + contact info. Surface for first-time visitors.
 */
function AboutModal({ open, onClose }) {
  React.useEffect(() => {
    if (open && window.lucide) window.lucide.createIcons();
  }, [open]);
  if (!open) return null;

  return (
    <div className="about-modal-scrim" onClick={(e) => { if (e.target.classList.contains("about-modal-scrim")) onClose(); }}>
      <div className="about-modal" role="dialog" aria-modal="true" aria-labelledby="about-title">
        <button className="close" onClick={onClose} aria-label="Cerrar"><i data-lucide="x"></i></button>
        <h2 id="about-title">Cerca cuando más lo necesitas</h2>
        <p>HONDULegal es un equipo cercano, transparente y enfocado en resolver trámites legales y proyectos técnicos especializados en Honduras y para hondureños en el extranjero.</p>
        <p>Atendemos a personas, familias, empresas, gobiernos y organismos de cooperación con asesoría profesional cercana, honesta y sin complicaciones.</p>
        <div className="contact">
          <div className="contact-row"><i data-lucide="phone"></i><span>+(504) 9906-8301</span></div>
          <div className="contact-row"><i data-lucide="mail"></i><span>servicioalcliente@hondulegal.com</span></div>
          <div className="contact-row"><i data-lucide="map-pin"></i><span>Tegucigalpa, Honduras</span></div>
        </div>
      </div>
    </div>
  );
}

Object.assign(window, { AboutModal });