Explorer.Hero = function Hero() {
  return (
    <section className="hero">
      <div className="hero-badge">Two Companion Studies · 860 Developers · Microsoft · 2025</div>
      <h1 className="hero-title">What Developers <em>Actually</em> Want from AI</h1>
      <p className="hero-description">
        One study maps where developers want AI across 20 tasks. The other describes 22 systems they want built — and the constraints they insist on.
      </p>
      <div className="hero-stats">
        <div className="hero-stat">
          <span className="hero-stat-value">860</span>
          <span className="hero-stat-label">Developers</span>
        </div>
        <div className="hero-stat">
          <span className="hero-stat-value">20</span>
          <span className="hero-stat-label">SE Tasks</span>
        </div>
        <div className="hero-stat">
          <span className="hero-stat-value">22</span>
          <span className="hero-stat-label">Systems</span>
        </div>
        <div className="hero-stat">
          <span className="hero-stat-value">5</span>
          <span className="hero-stat-label">Categories</span>
        </div>
      </div>
      <div className="hero-authors">
        Rudrajit Choudhuri · Carmen Badea · Christian Bird · Jenna L. Butler · Robert DeLine · Brian Houck · Anita Sarma
      </div>
    </section>
  );
};