// ContactBlock.jsx
function ContactBlock({ lang }) {
  const t = lang === 'pl'
    ? {
        kicker: 'Kontakt',
        h2: 'Napisz do nas',
        body: 'Masz pomysł na współpracę, chcesz wesprzeć fundację albo zostać wolontariuszem? Skontaktuj się z nami.',
        email: 'E-mail',
        address: 'Adres',
        cta: 'Wyślij wiadomość',
        emailVal: 'kontakt@pkkar.pl',
      }
    : {
        kicker: 'Contact',
        h2: 'Get in touch',
        body: 'Have an idea for cooperation, want to support the foundation, or volunteer? Reach out.',
        email: 'Email',
        address: 'Address',
        cta: 'Send a message',
        emailVal: 'kontakt@pkkar.pl',
      };

  return (
    <section id="kontakt" className="section">
      <div className="container narrow">
        <p className="kicker">{t.kicker}</p>
        <h2>{t.h2}</h2>
        <p>{t.body}</p>
        <div className="contact-grid">
          <div>
            <span>{t.email}</span>
            <strong>{t.emailVal}</strong>
          </div>
          <div>
            <span>{t.address}</span>
            <strong>ul. Republiki Korczakowskiej 3/149<br/>30-867 Kraków</strong>
          </div>
        </div>
        <a className="btn btn-primary" href={`mailto:${t.emailVal}`}>{t.cta}</a>
      </div>
    </section>
  );
}

window.ContactBlock = ContactBlock;