// === imports ===

export default function AiaPartner() {
  return (
    <section className="aiaPartner">
      <div className="container aiaPartner-container">
        <h2 className="text-h1-bold">AIA Partners</h2>
        <div className="aiaPartner-logo">
          <i className="logo-solid-original"></i>
        </div>
        <div className="aiaPartner-contentContainer">
          <div className="aiaPartner-listScrollContainer">
            <ul className="aiaPartner-listContainer">
              <li className="aiaPartner-list text-t3-medium text-center">
                <span className="text-h2-bold block">6</span>
                Sponsors
              </li>
              <li className="aiaPartner-list text-t3-medium text-center">
                <span className="text-h2-bold block">86</span>
                Academic Partners
              </li>
              <li className="aiaPartner-list text-t3-medium text-center">
                <span className="text-h2-bold block">2,100</span>
                Partners
              </li>
            </ul>
          </div>
          <p className="text-t4-medium aiaPartner-description hidden lg:block">
            <span className="relative z-1">
              Become an AIA partner and be at the forefront of AI innovation. We
              invite visionaries and leaders to collaborate, share expertise, and
              drive AI's transformative power. Together, as partners, we will shape
              a future where AI benefits all.
            </span>
          </p>
          <p className="text-t4-medium aiaPartner-description lg:hidden">
            Become an AIA partner and be at the forefront of AI innovation.
            Together, as partners, we will shape a future where AI benefits all.
          </p>
          <div className="aiaPartner-action">
            <a
              href="javascript:;"
              className="button button--ghost aiaPartner-actionButton"
            >
              <span className="button-text">Partner with us</span>
            </a>
          </div>
        </div>
      </div>
    </section>
  );
}