import React from 'react';
import { Brain, Smartphone, ShieldCheck, TrendingUp } from 'lucide-react';

export const NeuroInsights: React.FC = () => {
  return (
    <div className="grid grid-cols-1 md:grid-cols-3 gap-3 text-xs">
      <div className="bg-slate-900 border border-slate-800/80 p-4 rounded-xl">
        <div className="flex items-center gap-2 text-indigo-400 font-semibold mb-1.5">
          <Brain className="w-4 h-4" />
          <span>Neuro-Ergonomie & Charge Mentale</span>
        </div>
        <p className="text-slate-400 leading-relaxed">
          Les formulaires demandant l'email dès l'étape 1 activent une friction d'évitement (amygdale). En amorçant par un micro-choix d'objectif, le cerveau valide l'investissement cognitif (effet d'engagement progressif).
        </p>
      </div>

      <div className="bg-slate-900 border border-slate-800/80 p-4 rounded-xl">
        <div className="flex items-center gap-2 text-sky-400 font-semibold mb-1.5">
          <Smartphone className="w-4 h-4" />
          <span>Optimisation Mobile LinkedIn / Meta</span>
        </div>
        <p className="text-slate-400 leading-relaxed">
          87% du trafic Ads arrive sur navigateurs in-app (iOS/Android). Touch targets de 48px, aucun scroll superflu, et barres segmentées évitent le décrochage visuel sur mobile.
        </p>
      </div>

      <div className="bg-slate-900 border border-slate-800/80 p-4 rounded-xl">
        <div className="flex items-center gap-2 text-emerald-400 font-semibold mb-1.5">
          <TrendingUp className="w-4 h-4" />
          <span>Résilience CAPI & iOS 14+</span>
        </div>
        <p className="text-slate-400 leading-relaxed">
          Le simple Pixel navigateur perd 35% de signaux sur iOS/Safari. L'envoi serveur CAPI avec <code className="text-indigo-300 font-mono">_fbc</code>, <code className="text-indigo-300 font-mono">_fbp</code> et déduplication par <code className="text-indigo-300 font-mono">event_id</code> restaure le score EMQ &gt; 8.5/10.
        </p>
      </div>
    </div>
  );
};