const TEAM = [
  { name: 'Fernando Jia', role: 'CEO', img: 'assets/images/headshot/fernado.png', href: 'https://www.linkedin.com/in/fernando-j/' },
  { name: 'Tianqin Li', role: 'Chief Scientist', img: 'assets/images/headshot/tianqi.png', href: 'https://www.linkedin.com/in/jack-li-b16299170' },
  { name: 'Florence Li', role: 'CTO', img: 'assets/images/headshot/florence.png', href: 'https://www.linkedin.com/in/florence-l-18b657206/' },
  { name: 'Prof. Tai Sing Lee', role: 'CMU Director of Biological & Machine Intelligence', img: 'assets/images/headshot/taisingli_anime_profile.png', href: 'https://csd.cmu.edu/people/faculty/taising-lee' },
];

const FELLOWS = [
  { name: 'Xuandong Zhao', role: 'Postdoc, UC Berkeley RDI', img: 'assets/images/headshot/xuandong-zhao.png', href: 'https://xuandongzhao.github.io/' },
  { name: 'Yuejiang Liu', role: 'Postdoc, Stanford AI Lab', img: 'assets/images/headshot/yuejiang-liu.png', href: 'https://scholar.google.com/citations?user=Xi-B5WIAAAAJ&hl=en' },
  { name: 'Yaqi Xie', role: 'Postdoc, CMU Robotics', img: 'assets/images/headshot/yaqi-xie.png', href: 'https://scholar.google.com/citations?user=lBCCo0EAAAAJ&hl=en' },
  { name: 'Jason Dou', role: 'Postdoc, Harvard', img: 'assets/images/headshot/Jason-dou.png', href: 'https://sites.google.com/site/douxiaotianjason/' },
  { name: 'Peter Wang', role: 'Postdoc, Caltech', img: 'assets/images/headshot/peter-wang.png', href: 'https://pwang.pw/' },
  { name: 'Shiyu Du', role: 'Ph.D., CMU, Comp. Bio', img: 'assets/images/headshot/shiyu-du.png', href: 'https://scholar.google.com/citations?user=rVKkjikAAAAJ&hl=en' },
  { name: 'Jiayuan Liu', role: 'Ph.D., CMU, CS', img: 'assets/images/headshot/jiayuan-liu.png', href: 'https://liu-jiayuan.github.io/' },
  { name: 'Yitong Li', role: 'Ph.D., Stanford, Comp. Sci.', img: 'assets/images/headshot/yitong-li.png', href: 'https://hai.stanford.edu/people/yitong-li' },
  { name: 'Chengfeng Mao', role: 'Ph.D., MIT, CS', img: 'assets/images/headshot/chengfeng-mao.png', href: 'https://scholar.google.com/citations?user=NfilsZkAAAAJ&hl=en' },
  { name: 'Shi Feng', role: 'Ph.D., Harvard, CS', img: 'assets/images/headshot/shi-feng.png', href: 'https://scholar.google.com/citations?user=7XxWCegAAAAJ' },
  { name: 'Xueying Ding', role: 'Ph.D., CMU, ML', img: 'assets/images/headshot/xueying-ding.png', href: 'https://scholar.google.com/citations?user=o9EmMaEAAAAJ' },
  { name: 'Shang Gao', role: 'Ph.D., Caltech, Comp. Sci.', img: 'assets/images/headshot/shangao.png', href: 'https://scholar.google.com/citations?user=I3WuCWEAAAAJ' },
  { name: 'Xin Luo', role: 'Ph.D., UMich, Bioinformatics', img: 'assets/images/headshot/xin-luo.png', href: 'https://www.linkedin.com/in/xin-luo-4a09311a7/' },
  { name: 'Linfeng Zhao', role: 'Postdoc, Stanford, CS', img: 'assets/images/headshot/linfeng-zhao.png', href: 'https://lfzhao.com/' },
];

const LOGOS = [
  { src: 'assets/images/logos/y-combinator.png', alt: 'Y Combinator' },
  { src: 'assets/images/logos/McKinsey & Company logo.webp', alt: 'McKinsey & Company' },
  { src: 'assets/images/logos/tiktok.png', alt: 'TikTok' },
  { src: 'assets/images/logos/Stanford.png', alt: 'Stanford' },
  { src: 'assets/images/logos/berkeley.png', alt: 'UC Berkeley' },
  { src: 'assets/images/logos/berkeley-haas.jpg', alt: 'Berkeley Haas' },
  { src: 'assets/images/logos/cmu.jpeg', alt: 'CMU' },
  { src: 'assets/images/logos/Duke.png', alt: 'Duke' },
  { src: 'assets/images/logos/yale.png', alt: 'Yale' },
  { src: 'assets/images/logos/mit.png', alt: 'MIT' },
  { src: 'assets/images/logos/Harvard.png', alt: 'Harvard' },
  { src: 'assets/images/logos/cornell.png', alt: 'Cornell' },
  { src: 'assets/images/logos/Umich.png', alt: 'UMich' },
  { src: 'assets/images/logos/UChicago.jpg', alt: 'University of Chicago' },
  { src: 'assets/images/logos/caltech.svg', alt: 'Caltech' },
  { src: 'assets/images/logos/UCLA.png', alt: 'UCLA' },
  { src: 'assets/images/logos/GU.png', alt: 'Georgetown' },
  { src: 'assets/images/logos/Berkeley-EECS.png', alt: 'Berkeley EECS' },
  { src: 'assets/images/logos/JHU.jpg', alt: 'Johns Hopkins' },
  { src: 'assets/images/logos/Microsoft.png', alt: 'Microsoft' },
  { src: 'assets/images/logos/Google.png', alt: 'Google' },
  { src: 'assets/images/logos/amazon.png', alt: 'Amazon' },
  { src: 'assets/images/logos/hHCUCQUjpg.jpg', alt: 'Huawei Cloud' },
  { src: 'assets/images/logos/JP.png', alt: 'JPMorgan' },
  { src: 'assets/images/logos/YAHOO.png', alt: 'Yahoo' },
];

// ─── Team ─────────────────────────────────────────────────
const Team = () => (
  <section className="section" id="team" data-screen-label="07 Team">
    <div className="wrap">

      {/* Logo strip */}
      <div className="tm-logo-strip">
        <div className="tm-logo-track">
          {[...LOGOS, ...LOGOS].map((l, i) => (
            <img key={i} src={l.src} alt={l.alt} />
          ))}
        </div>
      </div>

      {/* Leadership — module-row split */}
      <div className="tm-module">
        <div className="module-row">
          <div className="col-l">
            <div className="module-num">/ Core Team</div>
            <h3>Model OS Team</h3>
            <p className="lede">
              A collective of world-class builders, researchers, and strategists from elite institutions
              like Carnegie Mellon, Stanford, Berkeley, Duke, and Cornell. Our deep expertise in AI,
              blockchain, venture capital, and product design is backed by experience from Y Combinator,
              top tech firms like TikTok, and leading research labs. United in purpose, we are building
              the future of Model OS, an operating layer that helps companies own, deploy, and
              continuously improve their AI models.
            </p>
          </div>
          <div className="module-vis tm-leader-grid">
            {TEAM.map(m => (
              <a key={m.name} className="tm-lc" href={m.href} target="_blank" rel="noopener noreferrer">
                <div className="tm-lc-photo">
                  <img src={m.img} alt={m.name} />
                </div>
                <div className="tm-lc-name">{m.name}</div>
                <div className="tm-lc-role">{m.role}</div>
              </a>
            ))}
          </div>
        </div>
      </div>

      {/* Fellows */}
      <div className="tm-module">
        <div className="module-row">
          <div className="col-l">
            <div className="module-num">/ Research Network</div>
            <h3>Fellows</h3>
            <p className="lede">
              Our innovation is guided by an elite group of fellows including researchers from premier
              institutions. This powerful blend of academic rigor and industry savvy pushes the boundaries
              of what&apos;s possible.
            </p>
          </div>
          <div className="module-vis tm-fellow-panel">
            {FELLOWS.map(f => (
              <a key={f.name} className="tm-fr" href={f.href} target="_blank" rel="noopener noreferrer">
                <div className="tm-fr-photo">
                  <img src={f.img} alt={f.name} />
                </div>
                <div className="tm-fr-info">
                  <span className="tm-fr-name">{f.name}</span>
                  <span className="tm-fr-role">{f.role}</span>
                </div>
              </a>
            ))}
          </div>
        </div>
      </div>

      {/* CTA */}
      <div className="team-foot">
        <div>
          <span className="label">/ Join us</span>
          <h3>Researchers and builders.</h3>
          <p>We&apos;re hiring across research, infra, and product.</p>
        </div>
        <a href="mailto:contact@modelos.technology" className="btn btn-primary">
          contact@modelos.technology <span className="arrow">→</span>
        </a>
      </div>

    </div>
  </section>
);

window.Team = Team;