/* global React */

function ExpertSection() {
  return (
    <section id="expert" className="py-24 bg-stone-900 text-white relative overflow-hidden">
      <div className="absolute left-0 bottom-0 w-full h-1/2 bg-gradient-to-t from-black to-transparent opacity-50"></div>
      <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10">
        <img
          src="/assets/luc-veuillet.jpeg"
          alt="Luc Veuillet, fondateur de GAMACA.AI"
          className="w-28 h-28 mx-auto rounded-full mb-8 object-cover ring-4 ring-stone-800"
        />
        <h2 className="text-3xl font-bold mb-6">L'Expertise GAMACA</h2>
        <p className="text-2xl text-stone-300 font-light mb-8 leading-normal">
          "Mon ambition est de démystifier l'IA pour la rendre utile, rentable et sécurisée."
        </p>
        <div className="text-stone-400 text-base max-w-2xl mx-auto leading-relaxed space-y-4">
          <p>
            Plus de <strong>25 années de carrière</strong> à cheval entre la maîtrise technologique et la compréhension des enjeux business.
          </p>
          <p>
            Je ne suis pas un théoricien de l'IA. Je suis un <strong>"Thinker & Doer"</strong>. Je construis les stratégies le matin et je valide les architectures techniques l'après-midi. C'est cette double compétence qui garantit le succès de vos projets.
          </p>
          <p className="pt-4">
            <a href="https://www.linkedin.com/in/lucveuillet/" target="_blank" rel="noopener" className="inline-flex items-center gap-2 text-stone-300 hover:text-white transition-colors text-sm uppercase tracking-widest font-medium">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.13 1.45-2.13 2.94v5.67H9.37V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM7.12 20.45H3.56V9h3.56v11.45zM22.23 0H1.77C.79 0 0 .77 0 1.72v20.56C0 23.23.79 24 1.77 24h20.46c.98 0 1.77-.77 1.77-1.72V1.72C24 .77 23.21 0 22.23 0z"/></svg>
              Échanger sur LinkedIn
            </a>
          </p>
        </div>
      </div>
    </section>
  );
}

window.GamacaExpert = ExpertSection;