/* CrickAI marketing — Business Development hub */
function BizDev() {
  const partners = [
    { icon: "trophy", t: "Academies", d: "Build a talent archive and put pro analytics in every coach's hands." },
    { icon: "flag", t: "Local leagues", d: "Broadcast every fixture in high quality and grow your audience, week on week." },
    { icon: "handshake", t: "Tournament sponsors", d: "Premium branded coverage and milestone shorts across every match." },
  ];
  return (
    <section className="bizdev" id="partners">
      <div className="wrap bizdev__inner">
        <div>
          <Eyebrow gold>Business Development Hub</Eyebrow>
          <h2>Bring pro coverage to your academy, league, or tournament.</h2>
          <p>We're partnering with a select group of academies, local leagues and tournament
            organizers on pilot programs. If you run cricket, let's put it on screen — together.</p>
          <div style={{ display: 'flex', gap: 12, flexWrap: 'wrap' }}>
            <a className="btn btn--gold" href={"mailto:" + window.CRICKAI_EMAIL + "?subject=" + encodeURIComponent("Pilot program — CrickAI") + "&body=" + encodeURIComponent("Hi CrickAI team,\n\nWe'd like to explore a pilot program.\n\nOrganization:\nType (academy / league / tournament / sponsor):\nLocation:\nApprox. matches per month:\nWhat we're hoping to achieve:\n\nThanks!")}>
              Book a Pilot<Icon name="arrow" size={17} />
            </a>
            <a className="btn btn--ghost" href={"mailto:" + window.CRICKAI_EMAIL + "?subject=" + encodeURIComponent("Partnership enquiry — CrickAI")}>
              <Icon name="mail" size={17} />Talk to partnerships
            </a>
          </div>
        </div>
        <div className="partner-grid">
          {partners.map((p) => (
            <div className="partner" key={p.t}>
              <div className="partner__ic"><Icon name={p.icon} size={22} /></div>
              <div>
                <div className="partner__t">{p.t}</div>
                <div className="partner__d">{p.d}</div>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { BizDev });
