/* CrickAI marketing — urgency footer + site footer */
function Urgency() {
  return (
    <section className="urgency" id="signin">
      <div className="urgency__glow"></div>
      <div className="wrap urgency__inner">
        <Eyebrow>Early-bird beta · limited spots</Eyebrow>
        <h2>Be first on the pitch.</h2>
        <p>Lock in early-bird pricing and beta access. Get launch news, sample broadcasts,
          and your invite before anyone else.</p>
        <EmailCTA label="Claim Early Access"
          subject="Early-bird beta — CrickAI"
          body={"Hi CrickAI team,\n\nI'd like to claim an early-bird beta spot.\n\nName:\nRole (player / coach / academy / league / organizer):\nLocation:\n\nThanks!"}
          fine="Beta seats are limited — email us and we'll be in touch." />
      </div>
    </section>
  );
}

function Footer() {
  const cols = ["Streaming", "Coaching", "Shorts", "Partners", "Privacy", "Contact"];
  return (
    <footer className="foot">
      <div className="wrap foot__inner">
        <Logo className="foot__logo" />
        <nav className="foot__links">
          {cols.map((c) => <a key={c} href={"#" + c.toLowerCase()}>{c}</a>)}
          <a href="https://www.youtube.com/@crickai" target="_blank" rel="noopener noreferrer">YouTube · @crickai</a>
        </nav>
        <span className="foot__copy">© 2026 CrickAI LLC. All rights reserved.</span>
      </div>
    </footer>
  );
}
Object.assign(window, { Urgency, Footer });