---
import Layout from '../layouts/Layout.astro'
---

<Layout title="ฝึกอบรม AI | MoreminiMore - AI Training for Team">
  <section class="relative py-24 bg-accent-purple text-white overflow-hidden">
    <div class="container mx-auto px-4 relative z-10">
      <div class="max-w-4xl mx-auto text-center">
        <div class="text-7xl mb-6">🎓</div>
        <h1 class="text-4xl md:text-6xl font-bold mb-8">AI Training</h1>
        <p class="text-2xl text-gray-100 mb-10">ฝึกอบรมทีมของคุณ ให้ใช้งาน AI Tools เป็น และประยุกต์ใช้ในงานจริง</p>
        <div class="flex flex-col sm:flex-row gap-5 justify-center">
          <a href="tel:0809955945" class="bg-white text-accent-purple px-8 py-4 rounded-full font-bold text-lg hover:bg-gray-100 transition shadow-xl inline-flex items-center justify-center gap-2">📞 080-995-5945</a>
          <a href="https://line.me/" target="_blank" rel="noopener noreferrer" class="bg-green-500 text-white px-8 py-4 rounded-full font-bold text-lg hover:bg-green-600 transition shadow-xl inline-flex items-center justify-center gap-2">💬 เพิ่ม Line</a>
        </div>
      </div>
    </div>
  </section>

  <section class="py-20 bg-white">
    <div class="container mx-auto px-4 max-w-5xl">
      <h2 class="text-3xl font-bold mb-8 text-center text-secondary">หลักสูตรฝึกอบรม</h2>
      <div class="grid md:grid-cols-3 gap-6 mb-12">
        <div class="bg-gray-light p-6 rounded-2xl card-hover">
          <div class="text-4xl mb-3">🤖</div>
          <h3 class="text-xl font-bold mb-2">AI for Everyone</h3>
          <p class="text-gray-600 text-sm">พื้นฐาน AI สำหรับทุกคน เข้าใจง่าย ไม่ต้องมีพื้นฐานเทคนิค</p>
        </div>
        <div class="bg-gray-light p-6 rounded-2xl card-hover">
          <div class="text-4xl mb-3">💼</div>
          <h3 class="text-xl font-bold mb-2">AI for Business</h3>
          <p class="text-gray-600 text-sm">ใช้ AI ในงานธุรกิจ วิเคราะห์ข้อมูล ตัดสินใจแม่นยำ</p>
        </div>
        <div class="bg-gray-light p-6 rounded-2xl card-hover">
          <div class="text-4xl mb-3">🛠️</div>
          <h3 class="text-xl font-bold mb-2">AI Tools Masterclass</h3>
          <p class="text-gray-600 text-sm">ใช้งาน ChatGPT, Midjourney, และ AI Tools ระดับโปร</p>
        </div>
      </div>
      <div class="text-center">
        <a href="tel:0809955945" class="btn-accent text-lg shadow-xl inline-block">📞 สอบถามหลักสูตร</a>
      </div>
    </div>
  </section>
</Layout>