// team.jsx
function Team() {
  const members = [
    {
      av: 'ER',
      photo: 'assets/founder-avatar.jpg',
      name: 'Edis',
      role: 'Founder · US LLC Lead',
      bio: 'Seit 2019 im US-Entity-Setup. Hat persönlich über 600 LLCs mit aufgebaut. Lebt zwischen Miami und München.',
      creds: ['Certified Acceptance Agent', 'IRS Approved', '600+ LLCs']
    },
    {
      av: 'A',
      name: 'Anna',
      role: 'Head of ITIN & Tax',
      bio: 'Steuerberaterin DE/US. Spezialisiert auf Non-Resident ITIN Anträge und Federal Filings nach Form 5472/1120.',
      creds: ['StB (DE)', 'EA (USA)', '99% ITIN-Quote']
    },
    {
      av: 'L',
      name: 'Lukas',
      role: 'Head of Banking & Funding',
      bio: 'Spezialist für US-Bankkonten, Business Credit und Funding-Strategien. Begleitet Gründer vom ersten Mercury-Account bis zur Amex Business Platinum.',
      creds: ['US Banking Expert', 'Credit Building', 'Funding Blueprint']
    }
  ];

  return (
    <section className="team" data-screen-label="Team">
      <div className="wrap">
        <SectionHead
          eyebrow="Über uns"
          title={<>Nicht Software.<br/><em>Menschen mit Namen.</em></>}
          sub="Bei uns bekommst du keinen Chatbot, sondern einen festen Ansprechpartner. Wir haben selbst alles durchgemacht — und wissen genau, wo es hakt."
        />

        <div className="team-grid">
          {members.map((m, i) => (
            <div className="team-card" key={i}>
              <div className="team-avatar">
                {m.photo
                  ? <img src={m.photo} alt={m.name} style={{ width: '100%', height: '100%', objectFit: 'cover', borderRadius: '50%' }} />
                  : m.av}
              </div>
              <div>
                <div className="team-name">{m.name}</div>
                <div className="team-role" style={{ marginTop: 4 }}>{m.role}</div>
              </div>
              <div className="team-bio">{m.bio}</div>
              <div className="team-creds">
                {m.creds.map(c => <span key={c} className="c">{c}</span>)}
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Team = Team;