function Industries() {
  const items = [
    {
      tag: "Finance",
      title: "Banques & assurances",
      desc: "Lignes dédiées, redondance multi-sites, conformité réglementaire.",
      img: "images/finance.jpg",
    },
    {
      tag: "Santé",
      title: "Hôpitaux & cliniques",
      desc: "Connectivité fiable pour la téléconsultation et l'imagerie médicale.",
      img: "https://img.freepik.com/premium-photo/african-american-therapist-discussing-sickness-symptoms-questionnaire-with-sick-patient-clinical-appointment-working-hospital-office-practitioner-doctor-explaining-healthcare-treatment_482257-31272.jpg?semt=ais_hybrid&w=740&q=80",
    },
    {
      tag: "Éducation",
      title: "Universités & écoles",
      desc: "Réseaux campus haut débit, Wi-Fi managé, cloud pédagogique.",
      img: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSzxnuMYViyPqw1vd3aFByFaCzmYHflqGVSMQ&s",
    },
    {
      tag: "Retail",
      title: "Réseaux d'agences",
      desc: "Interconnexion multi-points de vente, paiement et inventaire en temps réel.",
      img: "https://pointofsale.africa/wp-content/uploads/2023/05/124.jpg",
    },
  ];

  return (
    <section className="industries">
      <div className="container">
        <div className="section-head">
          <div>
            <div className="eyebrow on-dark">★ Secteurs accompagnés</div>
            <h2>Une fibre pensée pour chaque métier.</h2>
          </div>
          <p>
            Nous concevons des architectures réseau adaptées à votre secteur — performance, sécurité et continuité de service garanties.
          </p>
        </div>

        <div className="ind-grid">
          {items.map((it, i) => (
            <article key={i} className="ind-card">
              <div className="ind-img" style={{ backgroundImage: `url('${it.img}')` }}>
                <span className="ind-tag mono">{it.tag}</span>
              </div>
              <div className="ind-body">
                <h3>{it.title}</h3>
                <p>{it.desc}</p>
                <a href="#" className="ind-link">
                  Étude de cas <Icons.Arrow size={14} />
                </a>
              </div>
            </article>
          ))}
        </div>
      </div>
    </section>
  );
}

window.Industries = Industries;