// Clients.jsx — clients grid + partner chips. Nội dung từ window.SITE.clients.
function Clients() {
  const C = (window.SITE || SITE_DEFAULTS).clients;
  return (
    <Section id="clients" tone="soft">
      <Reveal><Eyebrow>{C.eyebrow}</Eyebrow></Reveal>
      <Reveal delay={60}><h2 className="swk-h2">{C.heading}</h2></Reveal>
      <div className="swk-clients">
        {(C.items || []).map((c, i) => (
          <Reveal key={i} delay={(i % 4) * 70}>
            <div className="swk-client">
              <div className="mark">{c.logoUrl
                ? <img src={c.logoUrl} alt={c.name} style={{ maxHeight: 54, maxWidth: '100%', objectFit: 'contain' }} loading="lazy" />
                : <span className="lockup">{c.mark}</span>}</div>
              <div className="name">{c.name}</div>
              <div className="cat">{c.cat}</div>
            </div>
          </Reveal>
        ))}
      </div>

      <div style={{ marginTop: 64 }}>
        <Reveal><Eyebrow>{C.partnersEyebrow}</Eyebrow></Reveal>
        <Reveal delay={60}><h2 className="swk-h2" style={{ fontSize: 30 }}>{C.partnersHeading}</h2></Reveal>
        <div className="swk-partners">
          {(C.partners || []).map(p => <span key={p} className="swk-pchip">{p}</span>)}
        </div>
      </div>
    </Section>
  );
}
Object.assign(window, { Clients });