function Features() {
  const features = [
    { icon: <Icon.Zap />, kind: "warm", num: "01", title: "Performance ultra-rapide", desc: "Score Lighthouse 95+ garanti. Tes pages se chargent en moins d'une seconde, partout." },
    { icon: <Icon.Layers />, kind: "cool", num: "02", title: "Design système cohérent", desc: "Composants réutilisables, tokens centralisés, expérience uniforme sur tous les supports." },
    { icon: <Icon.Shield />, kind: "ylw", num: "03", title: "Sécurité & RGPD", desc: "Chiffrement bout-en-bout, audits réguliers, conformité européenne sans compromis." },
    { icon: <Icon.Code />, kind: "warm", num: "04", title: "Code propre et testé", desc: "Architecture modulaire, tests automatisés, documentation à jour. Maintenable sur le long terme." },
    { icon: <Icon.Sparkles />, kind: "cool", num: "05", title: "Animations fluides", desc: "Micro-interactions soignées qui rendent tes interfaces vivantes sans alourdir le rendu." },
    { icon: <Icon.Users />, kind: "ylw", num: "06", title: "Support dédié 24/7", desc: "Une équipe joignable, réactive et impliquée. On reste avec toi bien au-delà du lancement." },
  ];

  return (
    <section className="features" data-screen-label="04 Features">
      <div className="container">
        <div className="reveal">
          <div className="section-eyebrow">FONCTIONNALITÉS</div>
          <h2 className="section-title">Nos atouts présentés simplement,<br />des solutions construites avec rigueur</h2>
          <p className="section-sub">
            Six piliers qui font la différence entre un site lambda et une plateforme qui transforme ton activité.
          </p>
        </div>
        <div className="feature-grid">
          {features.map((f, i) => (
            <div className="feature reveal" key={i} style={{ transitionDelay: `${(i % 3) * 0.1}s` }}>
              <div className={`ic-square ${f.kind}`}>{f.icon}</div>
              <div className="feature-num">{f.num} —</div>
              <h3>{f.title}</h3>
              <p>{f.desc}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

window.Features = Features;