const Contact = ({ t }) => (
  <section id="contact" className="section section-tinted">
    <div className="container container-narrow">
      <div className="contact-card">
        <div className="eyebrow">{t.contact_eyebrow}</div>
        <h2 className="contact-title">{t.contact_title}</h2>
        <div className="contact-email">
          <i data-lucide="mail"></i>
          <div>
            <span className="contact-email-label">{t.contact_email_label}</span>
            <a href="mailto:hola@alliance.org.mx?subject=Propuesta%20de%20remolcador%20usado" className="contact-email-value">
              hola@alliance.org.mx
            </a>
          </div>
        </div>
        <div className="contact-actions">
          <a href="#form" className="btn btn-primary">{t.contact_cta_send}<i data-lucide="arrow-right"></i></a>
          <a href="mailto:hola@alliance.org.mx?subject=Propuesta%20de%20remolcador%20usado" className="btn btn-outline">
            <i data-lucide="mail"></i>
            {t.contact_cta_write}
          </a>
        </div>
      </div>
    </div>
  </section>
);

window.Contact = Contact;