function TeamView() {
  const { React } = window;

  const members = [
    {
      name: 'Tikka Nagi',
      title: 'Founder & CEO',
      photo: 'images/team/tikka.jpeg',
      linkedin: 'https://www.linkedin.com/in/tikkanagi/',
      bio: '20+ years in application security, from configuring WAFs at Imperva for Fortune 500 clients to performing root cause analysis on hundreds of real-world Layer 7 attacks at F5. Founding team member at Gliimpse (acquired by Apple), where he built platform security from scratch for sensitive health data. Stanford Advanced Cyber Security certificate holder.',
    },
    {
      name: 'Parvinder Thapar',
      title: 'Co-Founder & CTO',
      photo: 'images/team/parvinder.jpeg',
      linkedin: 'https://www.linkedin.com/in/parvinderthapar/',
      bio: 'Engineering leader who scaled teams and platforms at Sceye (VP Engineering), Spire Global (VP, space-based data systems), and Workday (Head of Software Development, 5 years). Led a $20M strategic initiative at HP supporting nearly half a billion customers across 68 countries. Three-time patent recipient. USC MBA.',
    },
    {
      name: 'Samir Shah',
      title: 'Advisor',
      photo: 'images/team/samir.jpeg',
      linkedin: 'https://www.linkedin.com/in/samirnshah/',
      bio: 'Serial cybersecurity entrepreneur with exits to both KPMG and Forcepoint. CEO of Cyberinc (Remote Browser Isolation, acquired by Forcepoint in 2021) and an IAM company acquired by KPMG US in 2018. Over a decade leading Aurionpro Solutions across cybersecurity and fintech.',
    },
  ];

  return (
    <React.Fragment>
      <header className="hero-nav">
        <div className="nav-brand">
          <img src="branding/sekura-logo.svg" alt="sekura" height="28" />
        </div>
        <nav className="nav-links">
          <a href="#">the story</a>
          <a href="#product">product</a>
          <a href="#team">team</a>
          <a href="#login" className="nav-login">log in</a>
        </nav>
      </header>

      <div className="team-page">
        <div className="team-inner">
          <div className="team-eyebrow">
            <span className="eyebrow-dot" />
            the people
          </div>
          <h1 className="team-h1">built by people who've been on both sides.</h1>
          <p className="team-sub">
            security practitioners, engineering leaders, and entrepreneurs
            building the future of autonomous penetration testing.
          </p>

          <div className="team-grid">
            {members.map((m) => (
              <div key={m.name} className="team-card">
                <div className="team-photo">
                  <img src={m.photo} alt={m.name} width="120" height="120" />
                </div>
                <div className="team-name">{m.name}</div>
                <div className="team-role">{m.title}</div>
                <p className="team-bio">{m.bio}</p>
                <a href={m.linkedin} target="_blank" rel="noopener noreferrer" className="team-linkedin">
                  <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
                    <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
                  </svg>
                  LinkedIn
                </a>
              </div>
            ))}
          </div>

          <div className="team-cta">
            <p>we're building the future of autonomous security. get in touch.</p>
            <a href="mailto:hello@sekura.ai" className="cta cta--primary">
              contact us <span className="cta-arrow">→</span>
            </a>
          </div>
        </div>
      </div>
    </React.Fragment>
  );
}

window.TeamView = TeamView;