'use client';

export default function Hero() {
  return (
    <section className="bg-gradient-to-br from-blue-600 to-indigo-700 text-white">
      <div className="max-w-6xl mx-auto px-6 py-16">
        
        {/* Eyebrow */}
        <p className="text-xs font-bold uppercase tracking-widest text-blue-200 mb-3">
          EMPLOI ET TRANSMISSION DES COMPÉTENCES
        </p>

        {/* Titre principal */}
        <h1 className="text-4xl md:text-5xl font-black leading-tight mb-4">
          Une plateforme pensée pour les recruteurs <br />
          qui misent sur l'
          <span className="text-yellow-300 underline decoration-4 decoration-yellow-400">
            expérience
          </span>
        </h1>

        {/* Sous-titre */}
        <p className="text-lg text-blue-100 leading-relaxed max-w-3xl mb-6">
          JoBBond accompagne les entreprises dans le recrutement de profils
          seniors <strong>compatibles</strong>, <strong>engagés</strong> et <strong>opérationnels</strong>, 
          en intégrant les aides publiques et la réalité terrain.
        </p>

        {/* Badges */}
        <div className="flex flex-wrap gap-3 mb-4">
          <span className="inline-flex items-center gap-2 px-4 py-2 bg-green-500 text-white font-bold rounded-full shadow-lg">
            <span className="text-xl">✅</span>
            Focus 50–67 ans
          </span>
          <span className="inline-flex items-center gap-2 px-4 py-2 bg-white/20 backdrop-blur text-white font-semibold rounded-full border border-white/40">
            <span className="text-xl">💰</span>
            Simulation aides à l'embauche
          </span>
          <span className="inline-flex items-center gap-2 px-4 py-2 bg-white/20 backdrop-blur text-white font-semibold rounded-full border border-white/40">
            <span className="text-xl">🎯</span>
            ATS Senior-Ready
          </span>
        </div>

        {/* Note légale */}
        <p className="text-xs text-blue-200 italic max-w-2xl">
          Plateforme conçue pour sécuriser les décisions de recrutement senior,
          au-delà des approches purement déclaratives.
        </p>

      </div>
    </section>
  );
}