// TeamCard.jsx
const TeamCard = ({ photo, name, role, blurb, linkedin }) => (
  <article className="team-card">
    <div className="team-photo">
      <img src={photo} alt={name} />
    </div>
    <h3>{name}</h3>
    <div className="team-role">{role}</div>
    <p>{blurb}</p>
    {linkedin && (
      <a className="team-social" href={linkedin} target="_blank" rel="noreferrer" aria-label="LinkedIn">
        <Icon name="linkedin" size={16}/>
      </a>
    )}
  </article>
);
window.TeamCard = TeamCard;

const TEAM = [
  {
    photo: 'assets/team-sakshi.jpg',
    name: 'Sakshi Himpalnerkar',
    role: 'Co-founder · Business analyst',
    blurb: 'Turns messy client briefs into scopes the team can actually deliver.',
    linkedin: 'https://www.linkedin.com/in/sakshi-himpalnerkar-33a3b534a',
  },
  {
    photo: 'assets/team-siddhesh.jpg',
    name: 'Siddhesh Komte',
    role: 'Co-founder · Lead developer',
    blurb: 'Builds the hard stuff — auth, payments, infra. Ships reliably.',
    linkedin: 'https://www.linkedin.com/in/siddhesh-komte-2b25b8315',
  },
  {
    photo: 'assets/team-sanmeet.jpg',
    name: 'Sanmeet Singh Kohli',
    role: 'Co-founder · Lead developer',
    blurb: 'Full-stack engineer. Likes clean component APIs and end-to-end types.',
    linkedin: 'https://www.linkedin.com/in/sanmeetsinghkohli',
  },
];
window.TEAM = TEAM;