const PARTNERS = [
  'Google', 'Chase', 'CoreWeave', 'Meta', 'MetLife', 'Lincoln',
  'Bank of America', 'Petco', "Zaxby's", 'EY', 'Morgan Stanley',
  'Toyota', 'NBA', 'Deloitte', 'ABA', 'AbbVie', 'Capital One', 'Novartis'
];

function ClientsMarquee() {
  const loop = [...PARTNERS, ...PARTNERS];
  return (
    <section className="partners-section dark">
      <div className="container partners-head">
        <span className="eyebrow-row">
          <span className="bar" />Some of the brands we've worked with
        </span>
        <h2 className="partners-title">
          Trusted by organizations<br />that expect more<span className="period">.</span>
        </h2>
      </div>
      <div className="partners-track" aria-hidden="true">
        <div className="partners-row">
          {loop.map((name, i) => (
            <span key={i} className="partner-chip">
              {name}<span className="dot" />
            </span>
          ))}
        </div>
      </div>
    </section>
  );
}
window.ClientsMarquee = ClientsMarquee;