// MEMORI — Clients logo carousel (auto-scroll)
function Clients() {
  const logos = [
    { name: 'Waalaxy',              src: 'uploads/logos-clients/Waalaxy.svg' },
    { name: 'Sellsy',               src: 'uploads/logos-clients/Sellsy.svg' },
    { name: 'Tudigo',               src: 'uploads/logos-clients/Tudigo.svg' },
    { name: 'Swapn',                src: 'uploads/logos-clients/Swapn.svg' },
    { name: 'Rainbooh',             src: 'uploads/logos-clients/Rainbooh.svg' },
    { name: 'Ulysse',               src: 'uploads/logos-clients/Ulysse.svg' },
    { name: 'Hooq',                 src: 'uploads/logos-clients/Hooq.svg' },
    { name: 'Edusign',              src: 'uploads/logos-clients/Edusign.svg' },
    { name: 'Brainlab',             src: 'uploads/logos-clients/Brainlab.svg' },
    { name: 'Eight Energie',        src: 'uploads/logos-clients/Eight Energie.svg' },
    { name: 'Ekomind',              src: 'uploads/logos-clients/Ekomind.svg' },
    { name: 'Exvalia',              src: 'uploads/logos-clients/Exvalia.svg' },
    { name: 'France-IX',            src: 'uploads/logos-clients/France-IX.svg' },
    { name: 'Ronins',               src: 'uploads/logos-clients/Ronins.svg' },
    { name: 'Stride-up',            src: 'uploads/logos-clients/Stride-up.svg' },
    { name: 'TP Impact',            src: 'uploads/logos-clients/TP Impact.svg' },
    { name: 'Technofounders',       src: 'uploads/logos-clients/Technofounders.svg' },
    { name: 'The Sanctuary Group',  src: 'uploads/logos-clients/The Sanctuary Group.svg' },
    { name: 'Biggie Group',         src: 'uploads/logos-clients/Biggie Group.png' },
  ];

  const items = [...logos, ...logos];

  return (
    <section className="clients-carousel">
<div className="clients-track-wrap">
        <div className="clients-fade-left"></div>
        <div className="clients-fade-right"></div>
        <div className="clients-track">
          {items.map((l, i) => (
            <div className="clients-logo" key={i} title={l.name}>
              <img src={l.src} alt={l.name} />
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
Object.assign(window, { Clients });
