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

<Layout title="AI Consult & Implementation | MoreminiMore">
  <!-- Hero -->
  <section class="relative py-32 gradient-secondary text-white overflow-hidden">
    <div class="absolute inset-0 opacity-20">
      <img src="/images/hero/strategy-ai.png" alt="AI Consult" class="w-full h-full object-cover" loading="eager" />
    </div>
    <div class="container mx-auto px-4 relative z-10">
      <div class="max-w-4xl mx-auto text-center">
        <div class="text-8xl mb-6">💡</div>
        <h1 class="text-5xl md:text-7xl font-bold mb-8">AI Consult & Implementation</h1>
        <p class="text-2xl text-gray-100 mb-10">ที่ปรึกษา AI ช่วยคุณนำเทคโนโลยีไปใช้จริง ได้ผลลัพธ์จับต้องได้</p>
        <div class="flex flex-col sm:flex-row gap-5 justify-center">
          <a href="tel:0809955945" class="bg-white text-secondary px-8 py-4 rounded-full font-bold text-xl hover:bg-gray-100 transition shadow-xl inline-flex items-center justify-center gap-2">📞 080-995-5945</a>
          <a href="https://line.me/" class="bg-accent-green text-white px-8 py-4 rounded-full font-bold text-xl hover:bg-green-600 transition shadow-xl inline-flex items-center justify-center gap-2">💬 ทัก Line</a>
        </div>
      </div>
    </div>
  </section>

  <!-- Intro -->
  <section class="py-20 bg-white">
    <div class="container mx-auto px-4 max-w-5xl">
      <h2 class="text-4xl font-bold mb-8 text-center">AI ไม่ใช่แค่คำเทรนด์ แต่คือเครื่องมือที่สร้างผลลัพธ์ได้</h2>
      <div class="prose prose-lg max-w-none text-center">
        <p class="text-xl text-gray-600 mb-8">
          AI สร้างผลลัพธ์ได้ ถ้าใช้ถูกวิธี moreminimore พร้อมเป็นที่ปรึกษาและ Implementation Partner ให้คุณ
        </p>
      </div>
    </div>
  </section>

  <!-- Consulting Services -->
  <section class="py-20 bg-gray-light">
    <div class="container mx-auto px-4 max-w-6xl">
      <h2 class="text-4xl font-bold mb-12 text-center">บริการปรึกษา</h2>
      <div class="grid md:grid-cols-2 gap-8">
        <div class="bg-white p-8 rounded-2xl shadow-md">
          <div class="text-5xl mb-4">🎯</div>
          <h3 class="text-2xl font-bold mb-4">ประเมินความพร้อม</h3>
          <ul class="space-y-3 text-gray-600">
            <li class="flex items-start gap-3"><span class="text-primary">✓</span> วิเคราะห์ธุรกิจและความต้องการ</li>
            <li class="flex items-start gap-3"><span class="text-primary">✓</span> ประเมินความพร้อมด้านข้อมูล</li>
            <li class="flex items-start gap-3"><span class="text-primary">✓</span> ระบุ Use Cases ที่เหมาะสม</li>
          </ul>
        </div>
        <div class="bg-white p-8 rounded-2xl shadow-md">
          <div class="text-5xl mb-4">📊</div>
          <h3 class="text-2xl font-bold mb-4">วางแผน Implementation</h3>
          <ul class="space-y-3 text-gray-600">
            <li class="flex items-start gap-3"><span class="text-primary">✓</span> วางแผนเป็นขั้นตอน</li>
            <li class="flex items-start gap-3"><span class="text-primary">✓</span> คำนวณ ROI ที่คาดหวัง</li>
            <li class="flex items-start gap-3"><span class="text-primary">✓</span> เลือก Tools ที่คุ้มค่า</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- Implementation Services -->
  <section class="py-20 bg-white">
    <div class="container mx-auto px-4 max-w-6xl">
      <h2 class="text-4xl font-bold mb-12 text-center">บริการ Implementation</h2>
      <div class="grid md:grid-cols-3 gap-8">
        <div class="bg-gray-light p-8 rounded-2xl">
          <div class="text-5xl mb-4">⚙️</div>
          <h3 class="text-xl font-bold mb-3">ติดตั้งและตั้งค่า</h3>
          <p class="text-gray-600">ติดตั้งระบบ AI และตั้งค่าให้เหมาะสมกับธุรกิจคุณ</p>
        </div>
        <div class="bg-gray-light p-8 rounded-2xl">
          <div class="text-5xl mb-4">🔗</div>
          <h3 class="text-xl font-bold mb-3">เชื่อมต่อกับระบบเดิม</h3>
          <p class="text-gray-600">Integrate กับระบบที่มีอยู่ ไม่ต้องเริ่มใหม่</p>
        </div>
        <div class="bg-gray-light p-8 rounded-2xl">
          <div class="text-5xl mb-4">📚</div>
          <h3 class="text-xl font-bold mb-3">อบรมทีม</h3>
          <p class="text-gray-600">สอนทีมใช้งาน Support หลังติดตั้ง</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Why AI Consult -->
  <section class="py-20 bg-secondary text-white">
    <div class="container mx-auto px-4 max-w-6xl">
      <h2 class="text-4xl font-bold mb-12 text-center">ทำไมต้องที่ปรึกษา AI?</h2>
      <div class="grid md:grid-cols-4 gap-8">
        <div class="text-center">
          <div class="text-5xl mb-4">🎯</div>
          <h3 class="text-xl font-bold mb-2">ไม่เสียเวลาทดลองผิดถูก</h3>
        </div>
        <div class="text-center">
          <div class="text-5xl mb-4">💡</div>
          <h3 class="text-xl font-bold mb-2">ได้โซลูชันที่เหมาะกับคุณ</h3>
        </div>
        <div class="text-center">
          <div class="text-5xl mb-4">📊</div>
          <h3 class="text-xl font-bold mb-2">วัดผลได้ชัดเจน</h3>
        </div>
        <div class="text-center">
          <div class="text-5xl mb-4">💰</div>
          <h3 class="text-xl font-bold mb-2">คุ้มค่าการลงทุน</h3>
        </div>
      </div>
    </div>
  </section>

  <!-- CTA -->
  <section class="py-20 gradient-cta text-white">
    <div class="container mx-auto px-4 text-center">
      <h2 class="text-4xl font-bold mb-6">พร้อมนำ AI มาใช้หรือยัง?</h2>
      <p class="text-xl text-gray-100 mb-10">ปรึกษาฟรี เราช่วยวิเคราะห์และแนะนำโซลูชันที่เหมาะสม</p>
      <div class="flex flex-col sm:flex-row gap-5 justify-center">
        <a href="tel:0809955945" class="bg-white text-secondary px-8 py-4 rounded-full font-bold text-xl hover:bg-gray-100 transition shadow-xl">📞 080-995-5945</a>
        <a href="https://line.me/" class="bg-accent-green text-white px-8 py-4 rounded-full font-bold text-xl hover:bg-green-600 transition shadow-xl">💬 ทัก Line</a>
      </div>
    </div>
  </section>
</Layout>
