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

<Layout title="ที่ปรึกษากลยุทธ์ AI | MoreminiMore">
  <!-- Hero Section -->
  <section class="relative py-24 gradient-ai text-white overflow-hidden">
    <div class="absolute inset-0 opacity-20">
      <div class="absolute top-20 left-10 w-96 h-96 bg-white rounded-full mix-blend-overlay filter blur-3xl animate-float"></div>
      <div class="absolute bottom-10 right-10 w-96 h-96 bg-primary rounded-full mix-blend-overlay filter blur-3xl animate-float-delayed"></div>
    </div>
    
    <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 Strategy Consulting
        </h1>
        <p class="text-2xl text-gray-100 mb-10">
          วางกลยุทธ์ AI ที่สอดคล้องกับเป้าหมายธุรกิจ你的 Roadmap ที่ชัดเจน วัดผลได้
        </p>
        <div class="flex flex-col sm:flex-row gap-5 justify-center">
          <a href="tel:0809955945" class="bg-white text-accent-blue 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="#contact" class="bg-transparent border-2 border-white text-white px-8 py-4 rounded-full font-bold text-lg hover:bg-white hover:text-accent-blue transition shadow-xl inline-flex items-center justify-center gap-2">
            💬 ติดต่อผ่าน Line
          </a>
        </div>
      </div>
    </div>
  </section>

  <!-- Content Section -->
  <section class="py-20 bg-white">
    <div class="container mx-auto px-4 max-w-5xl">
      <div class="prose prose-lg max-w-none">
        <h2 class="text-3xl font-bold mb-6 text-secondary">บริการที่ปรึกษากลยุทธ์ AI</h2>
        
        <p class="text-xl text-gray-600 mb-8">
          การนำ AI มาใช้ในองค์กรต้องมีการวางแผนที่ดี เราช่วยคุณวิเคราะห์โอกาส กำหนดกลยุทธ์ และสร้าง Roadmap ที่ชัดเจน
        </p>

        <h3 class="text-2xl font-bold mt-12 mb-6 text-accent-blue">สิ่งที่คุณจะได้รับ</h3>
        <ul class="space-y-4 mb-8">
          <li class="flex items-start gap-4">
            <span class="text-primary text-2xl">✓</span>
            <span><strong>วิเคราะห์ความพร้อม:</strong> ประเมินสถานะปัจจุบันขององค์กร ข้อมูล และระบบ IT</span>
          </li>
          <li class="flex items-start gap-4">
            <span class="text-primary text-2xl">✓</span>
            <span><strong>หาโอกาสใช้ AI:</strong> ระบุจุดที่ AI จะสร้างมูลค่าสูงสุด</span>
          </li>
          <li class="flex items-start gap-4">
            <span class="text-primary text-2xl">✓</span>
            <span><strong>กำหนด Roadmap:</strong> แผนการดำเนินงานเป็นขั้นตอน วัดผลได้</span>
          </li>
          <li class="flex items-start gap-4">
            <span class="text-primary text-2xl">✓</span>
            <span><strong>คำนวณ ROI:</strong> ประมาณการผลตอบแทนจากการลงทุน</span>
          </li>
          <li class="flex items-start gap-4">
            <span class="text-primary text-2xl">✓</span>
            <span><strong>เลือกเทคโนโลยี:</strong> แนะนำ AI Tools และ Platform ที่เหมาะสม</span>
          </li>
        </ul>

        <h3 class="text-2xl font-bold mt-12 mb-6 text-accent-blue">กระบวนการทำงาน</h3>
        <div class="grid md:grid-cols-3 gap-6 mb-8">
          <div class="glass p-6 rounded-xl border border-gray-200">
            <div class="text-4xl mb-3">📊</div>
            <h4 class="font-bold mb-2">1. วิเคราะห์</h4>
            <p class="text-gray-600">สัมภาษณ์ทีม ศึกษาข้อมูลปัจจุบัน</p>
          </div>
          <div class="glass p-6 rounded-xl border border-gray-200">
            <div class="text-4xl mb-3">🎯</div>
            <h4 class="font-bold mb-2">2. วางแผน</h4>
            <p class="text-gray-600">กำหนดกลยุทธ์และ Roadmap</p>
          </div>
          <div class="glass p-6 rounded-xl border border-gray-200">
            <div class="text-4xl mb-3">📈</div>
            <h4 class="font-bold mb-2">3. นำเสนอ</h4>
            <p class="text-gray-600">รายงานผล และคำแนะนำ</p>
          </div>
        </div>

        <div class="bg-gray-light p-8 rounded-2xl my-12">
          <h3 class="text-2xl font-bold mb-4 text-accent-blue">เหมาะสำหรับ</h3>
          <ul class="space-y-2 text-gray-700">
            <li>• ธุรกิจที่ต้องการเริ่มต้นใช้ AI แต่ไม่รู้ว่าต้องเริ่มจาก đâu</li>
            <li>• องค์กรที่ต้องการวางแผน AI ระยะยาว</li>
            <li>• ผู้บริหารที่ต้องการเข้าใจโอกาสและความเสี่ยงของ AI</li>
            <li>• ธุรกิจที่ต้องการคำนวณ ROI ก่อนลงทุน</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- CTA Section -->
  <section id="contact" class="py-20 gradient-hero">
    <div class="container mx-auto px-4 text-center">
      <h2 class="text-3xl md:text-4xl font-bold mb-6 text-secondary">
        ปรึกษาผู้เชี่ยวชาญฟรี
      </h2>
      <p class="text-xl text-gray-600 mb-10 max-w-2xl mx-auto">
        เราพร้อมช่วยคุณวางกลยุทธ์ AI ที่วัดผลได้
      </p>
      <div class="flex flex-col sm:flex-row gap-5 justify-center">
        <a href="tel:0809955945" class="btn-secondary text-lg shadow-xl">
          📞 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>
  </section>
</Layout>
