function Business() {
  return (
    <section className="business" id="business">
      <div className="container">
        <div className="section-head">
          <div>
            <div className="eyebrow on-dark">02 · Business Solutions</div>
            <h2>L'infrastructure IT qui<br/>accompagne votre croissance.</h2>
          </div>
          <p>
            Connectivité dédiée, cloud souverain, cybersécurité et infogérance. Nous concevons des architectures fiables pour les PME, banques et institutions guinéennes.
          </p>
        </div>

        <div className="biz-grid">
          <div className="biz-card span-3">
            <div>
              <div className="biz-icon"><Icons.Server /></div>
              <h3>Connectivité Entreprise</h3>
              <p>Lien fibre dédié symétrique, SLA garanti, IP fixe et redondance multi-opérateur.</p>
            </div>
            <div className="arrow"><Icons.ArrowUpRight size={14} /></div>
          </div>
          <div className="biz-card span-3">
            <div>
              <div className="biz-icon"><Icons.Cloud /></div>
              <h3>Cloud & Hébergement</h3>
              <p>Datacenter local, VM dimensionnées à la demande, sauvegardes automatiques.</p>
            </div>
            <div className="arrow"><Icons.ArrowUpRight size={14} /></div>
          </div>
          <div className="biz-card span-2">
            <div>
              <div className="biz-icon"><Icons.Lock /></div>
              <h3>Cybersécurité</h3>
              <p>Audit, pare-feu nouvelle génération, détection des menaces 24/7.</p>
            </div>
            <div className="arrow"><Icons.ArrowUpRight size={14} /></div>
          </div>
          <div className="biz-card span-2">
            <div>
              <div className="biz-icon"><Icons.Headset /></div>
              <h3>Infogérance IT</h3>
              <p>Maintenance préventive, supervision et support utilisateur dédié.</p>
            </div>
            <div className="arrow"><Icons.ArrowUpRight size={14} /></div>
          </div>
          <div className="biz-card span-2">
            <div>
              <div className="biz-icon"><Icons.Bolt /></div>
              <h3>Énergie & Continuité</h3>
              <p>Solutions onduleurs, solaire hybride et continuité d'activité.</p>
            </div>
            <div className="arrow"><Icons.ArrowUpRight size={14} /></div>
          </div>

          <div className="biz-feature">
            <div>
              <div className="eyebrow on-dark">★ Cas client</div>
              <h3>Une banque guinéenne, 12 agences interconnectées, zéro coupure depuis 14 mois.</h3>
              <p>Notre équipe a déployé un réseau MPLS redondé et un PRA cloud. Résultat : continuité de service totale, et une économie opérationnelle de 32%.</p>
              <a className="btn btn-primary on-dark" href="#">Lire l'étude de cas <Icons.Arrow size={14} /></a>
            </div>
            <div className="biz-feature-viz" aria-hidden="true"></div>
          </div>
        </div>
      </div>
    </section>
  );
}

window.Business = Business;