// === imports ===


export default function Discover() {
  return (
    <section className="discover">
      <div className="container discover-container">
        <h2 className="text-h1-bold discover-heading">
          We Foster:
          <span className="lg:block">a Thriving AI Ecosystem in Taiwan</span>
        </h2>
        <div className="discover-list">
          <div className="discover-item discover-item--collaborative">
            <h3 className="text-h5-medium text-black">
              Building a Collaborative AI Environment
            </h3>
            <p className="text-neutral-500">
              Bridging industry, government, academia, and research to forge a
              collaborative AI innovation environment.
            </p>
          </div>
          <div className="discover-item discover-item--talent">
            <h3 className="text-h5-medium text-black">Cultivating Talent</h3>
            <p className="text-neutral-500">
              Forging pathways for premier AI education, nurturing a diverse
              ecosystem of future-ready experts.
            </p>
          </div>
          <div className="discover-item discover-item--global">
            <h3 className="text-h5-medium text-black">Global AI Knowledge Exchange</h3>
            <p className="text-neutral-500">
              Driving international cooperation and expert insights to shape a
              responsible and inclusive AI future.
            </p>
          </div>
        </div>
        <a href="javascript:;" className="button discover-action">
          <span className="button-text">Discover more</span>
        </a>
      </div>
    </section>
  )
}