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

<Layout title="AI Analytics | MoreminiMore - Predictive Analytics">
  <section class="relative py-24 bg-accent-teal 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 Analytics</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-accent-teal 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">บริการ AI Analytics</h2>
      <div class="grid md:grid-cols-2 gap-8 mb-12">
        <div class="bg-gray-light p-6 rounded-2xl card-hover">
          <div class="text-5xl mb-4">📈</div>
          <h3 class="text-2xl font-bold mb-3">Predictive Analytics</h3>
          <p class="text-gray-600">ทำนายยอดขาย พฤติกรรมลูกค้า และแนวโน้มตลาด</p>
        </div>
        <div class="bg-gray-light p-6 rounded-2xl card-hover">
          <div class="text-5xl mb-4">🎯</div>
          <h3 class="text-2xl font-bold mb-3">Customer Segmentation</h3>
          <p class="text-gray-600">แบ่งกลุ่มลูกค้าด้วย AI หา High-value Customers</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>
