/* global React, GamacaPrimitives */
const { RuleEyebrow } = GamacaPrimitives;

function ReferencesSection() {
  const cases = [
    {
      tag: "Retail / Supply",
      title: "Prédiction de Stocks",
      enjeu: "Réduire les ruptures de stock coûteuses sur un réseau de 500 points de vente.",
      impact: "Déploiement d'un modèle prédictif sur mesure. Réduction de 15% des ruptures en 3 mois.",
    },
    {
      tag: "Service Client",
      title: "Support Augmenté",
      enjeu: "Désengorger le support niveau 1 saturé par des requêtes récurrentes et chronophages.",
      impact: "Design Sprint pour valider un assistant IA hybride. Automatisation de 40% des tickets entrants.",
    },
    {
      tag: "Santé / Admin",
      title: "Analyse Documentaire",
      enjeu: "Traitement manuel de milliers de rapports médicaux hétérogènes et non structurés.",
      impact: "Architecture RAG sécurisée pour extraire et synthétiser les données clés en secondes.",
    },
  ];
  return (
    <section id="references" className="py-24 bg-stone-900 text-white">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="mb-16 border-b border-stone-700 pb-6">
          <h2 className="text-3xl font-bold">Interventions Stratégiques</h2>
          <p className="mt-2 text-stone-400">Exemples concrets d'impact business.</p>
        </div>
        <div className="grid md:grid-cols-3 gap-12">
          {cases.map((c) => (
            <div key={c.title} className="group">
              <RuleEyebrow tone="dark">{c.tag}</RuleEyebrow>
              <h3 className="text-xl font-bold text-white mb-3 group-hover:text-stone-300 transition-colors">{c.title}</h3>
              <p className="text-stone-400 text-sm leading-relaxed mb-4">
                <strong>Enjeu :</strong> {c.enjeu}
              </p>
              <p className="text-stone-300 text-sm border-l-2 border-stone-600 pl-4">
                <strong>Impact :</strong> {c.impact}
              </p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

window.GamacaReferences = ReferencesSection;