/* 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, founder of 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">The GAMACA Expertise</h2>
        <p className="text-2xl text-stone-300 font-light mb-8 leading-normal">
          "My ambition is to demystify AI to make it useful, profitable, and secure."
        </p>
        <div className="text-stone-400 text-base max-w-2xl mx-auto leading-relaxed space-y-4">
          <p>
            More than <strong>25 years</strong> straddling deep technology mastery and business understanding.
          </p>
          <p>
            I'm not an AI theorist. I'm a <strong>"Thinker &amp; Doer"</strong>. I build strategy in the morning and validate technical architectures in the afternoon. That dual capability is what makes your projects succeed.
          </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>
              Connect on LinkedIn
            </a>
          </p>
        </div>
      </div>
    </section>
  );
}

window.GamacaExpert = ExpertSection;