function Cause() {
  return (
    <section className="cause" data-screen-label="07 Causa">
      <div className="wrap-narrow">
        <div className="eyebrow">
          <span className="dot"></span>uma causa<span className="dot"></span>
        </div>
        <h2 className="serif">
          Sua presença não cuida só de você. <br />
          <span className="gold gold-grad">Cuida de outras mulheres também.</span>
        </h2>
        <p>
          Toda a renda arrecadada com os ingressos será doada a uma instituição
          que acolhe mulheres vítimas de violência doméstica. Você participa de
          uma manhã sobre o seu corpo — e ajuda outras a recomeçarem.
        </p>
        <div style={{ marginTop: 48 }}>
          <a className="btn-gold" href="https://chat.whatsapp.com/BTaNimP5Ufb3jC22G8kDIY?mode=gi_t" target="_blank" rel="noreferrer">
            Entrar no Grupo <span className="arrow">→</span>
          </a>
        </div>
      </div>
    </section>
  );
}

function Footer() {
  return (
    <footer>
      <div className="footer__wrap">
        <div className="footer__brand">
          Dra. <span className="gold">Thais</span> Alves
        </div>
        <div className="footer__meta">
          Decifre Sua Fome · 30 · 05 · 2026
        </div>
        <div className="footer__meta">
          © {new Date().getFullYear()} · Todos os direitos reservados
        </div>
      </div>
    </footer>
  );
}
window.Cause = Cause;
window.Footer = Footer;