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/tianqin-li-b16299170/' },
  { name: 'Florence Li', role: 'CTO', img: 'assets/images/headshot/florence.png', href: 'https://www.linkedin.com/in/florence-li-18b657206/' },
  { name: 'Rebekah Jia', role: 'Head of BD', img: 'assets/images/headshot/rebekah.png', href: 'https://www.linkedin.com/in/rebekah-jia-8a8320238/' },
  { name: 'Quentin Ho', role: 'Head of Finance', img: 'assets/images/headshot/quentin.jpg', href: 'https://www.linkedin.com/in/quentin-ho-62a217241/' },
];

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 ADVISORS = [
  {
    name: 'Prof. Tai-Sing Lee',
    roles: ['Director, Lee Labs', 'Professor of CS & Neuroscience, CMU'],
    bio: 'Dual PhDs (Harvard & MIT HST) · AI Mentor to Andrew Ng (CMU \'97) · ICCV Helmholtz Prize, NSF CAREER · Pioneer in Bayesian Cortical Models & Neural Vision',
    href: 'https://csd.cmu.edu/people/faculty/taising-lee',
    img: 'assets/images/headshot/taisingli_anime_profile.png',
  },
  {
    name: 'Orion Parrott',
    roles: ['Co-Founder & General Partner, Orange DAO'],
    bio: 'Investor, Alliance DAO · Y Combinator S16 · UC Berkeley Haas Executive MBA · Partner, Taisu Ventures · Partner, Claribay Capital',
    href: 'https://www.linkedin.com/in/orionparrott/',
    img: 'assets/images/headshot/orion_anime_profile.png',
  },
];

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>

      {/* Advisors */}
      <div className="tm-module">
        <div className="module-num" style={{marginBottom: 32}}>/ Advisory Board</div>
        <div className="team-list">
          {ADVISORS.map(a => (
            <a key={a.name} className="team-row tm-advisor-row" href={a.href} target="_blank" rel="noopener noreferrer">
              <div className="tm-advisor-photo">
                <img src={a.img} alt={a.name} />
              </div>
              <div>
                <div className="name">{a.name}</div>
                {a.roles.map(r => (
                  <div className="role" key={r}>{r}</div>
                ))}
              </div>
              <div className="bio">{a.bio}</div>
            </a>
          ))}
        </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;