function Partners() {
  const partners = [
    { name: "BI", accent: "LIVE", sub: "App Solutions", color: "#2E7CFF", icon: <Icon.Layers />, logo: null },
    { name: "Dealrta", accent: "Tix", sub: "Marketing & Tickets", color: "#FF5A36", icon: null, logo: null },
    { name: "TECH", accent: "LAND", sub: "IT Solutions Agency", color: "#FFC542", icon: <Icon.Sparkles />, logo: null },
    { name: "Wob", accent: "5", sub: "Studio", color: "#C8102E", icon: null, logo: null },
    { name: "START", accent: "UP", sub: "Design & Development", color: "#1B1F4D", icon: <Icon.Zap />, logo: null },
    { name: "WooCommerce", accent: "", sub: "E-commerce", color: "#7F54B3", icon: null, logo: "svg" },
  ];
  return (
    <section className="partners">
      <div className="container">
        <p className="label reveal">Discover Studio est partenaire de <strong>100+</strong> entreprises en pleine croissance</p>
        <div className="partners-row reveal delay-1">
          {partners.map((p, i) => (
            <div className="partner" key={i}>
              {p.logo === "svg" ? (
                <span className="pmark" style={{ background: p.color + "22", color: p.color }}>
                  <svg viewBox="0 0 24 24" width="22" height="22" fill="#7F54B3" xmlns="http://www.w3.org/2000/svg">
                    <path d="M2.093 0C.938 0 0 .938 0 2.093v19.814C0 23.062.938 24 2.093 24h19.814C23.062 24 24 23.062 24 21.907V2.093C24 .938 23.062 0 21.907 0zm1.698 5.289c.232-.02.478.003.722.079.964.299 1.468 1.26 1.736 2.184.534 1.83.94 3.689 1.407 5.527.027.108.055.216.09.322l2.553-4.835c.232-.44.475-.888.838-1.232.364-.344.862-.558 1.37-.507.764.074 1.283.726 1.598 1.389.384.804.639 1.668.939 2.505.247.694.507 1.384.817 2.054l1.26-6.035c.099-.473.226-.956.491-1.368.265-.412.69-.748 1.18-.808.49-.06.999.13 1.306.507.306.378.403.882.338 1.356-.024.173-.068.342-.11.511l-2.226 8.952c-.125.503-.267 1.015-.554 1.455-.286.44-.736.795-1.254.866-.518.072-1.065-.142-1.399-.54-.33-.393-.499-.895-.648-1.38-.484-1.576-.812-3.198-1.301-4.772l-2.667 5.046c-.28.53-.587 1.07-1.046 1.458-.46.388-1.083.573-1.66.41-.48-.135-.85-.5-1.089-.928-.24-.428-.37-.91-.483-1.386L3.04 7.168c-.12-.489-.23-1.01-.062-1.495.168-.486.624-.864 1.136-.878a2.2 2.2 0 0 1 .248-.007z"/>
                  </svg>
                </span>
              ) : p.icon ? (
                <span className="pmark" style={{ background: p.color + "22", color: p.color }}>
                  {p.icon}
                </span>
              ) : null}
              <div className="partner-stack">
                <div className="pname">
                  {p.name}{p.accent && <span className="accent" style={{ color: p.color }}>·{p.accent}</span>}
                </div>
                <div className="ptag">{p.sub}</div>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

window.Partners = Partners;