function ContactCTA() {
  return (
    <section className="contact-cta" id="contacto">
      <div className="inner">
        <div>
          <span className="eyebrow" style={{ color: 'var(--hardi-accent-500)' }}>Contacto Directo</span>
          <h2>Hablemos de cómo HARDI LATAM puede potenciar su empresa.</h2>
          <p>
            Aplicaciones de membresía, agenda de actividades, propuestas de capacitación
            corporativa o alianzas con la red. Escriba directamente al equipo regional.
          </p>
          <div style={{ display: 'flex', gap: 12, flexWrap: 'wrap' }}>
            <a className="btn btn-accent" href="mailto:gmessina@hardinet.org">
              Solicitar Membresía
              <i data-lucide="arrow-right" style={{ width: 16, height: 16 }}></i>
            </a>
            <a className="btn btn-secondary" href="https://wa.me/12397859516" target="_blank" rel="noreferrer">
              <i data-lucide="message-circle" style={{ width: 16, height: 16 }}></i>
              WhatsApp Directo
            </a>
          </div>
        </div>
        <div className="contact-card">
          <div className="contact-head">
            <img className="avatar" src="assets/img/guitze.png" alt="Guitze Messina" />
            <div>
              <div className="name">Guitze Messina</div>
              <div className="role">Director Ejecutivo · HARDI LATAM</div>
            </div>
          </div>
          <p className="bio">
            Lidera la presencia de HARDI en Latinoamérica, formando distribuidores y
            contratistas HVACR en venta consultiva, manejo de costos y excelencia operacional.
          </p>
          <ul>
            <li>
              <i data-lucide="mail" style={{ width: 18, height: 18 }}></i>
              <a href="mailto:hardilatam@hardinet.org">hardilatam@hardinet.org</a>
            </li>
            <li>
              <i data-lucide="user-plus" style={{ width: 18, height: 18 }}></i>
              <a href="mailto:gmessina@hardinet.org">gmessina@hardinet.org</a>
            </li>
            <li>
              <i data-lucide="phone" style={{ width: 18, height: 18 }}></i>
              <a href="tel:+12397859516">+1 (239) 785-9516</a>
            </li>
            <li>
              <i data-lucide="message-circle" style={{ width: 18, height: 18 }}></i>
              WhatsApp disponible 24/7
            </li>
          </ul>
        </div>
      </div>
    </section>
  );
}