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

<Layout title="AI Automation | MoreminiMore - Chatbot & Workflow">
  <section class="relative py-24 gradient-primary text-white overflow-hidden">
    <div class="absolute inset-0 opacity-20">
      <div class="absolute top-20 right-10 w-96 h-96 bg-white rounded-full mix-blend-overlay filter blur-3xl animate-float"></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 Automation</h1>
        <p class="text-2xl text-gray-100 mb-10">ลดงานซ้ำซ้อน เพิ่มประสิทธิภาพด้วย Chatbot, RPA และ Workflow Automation</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-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 Automation</h2>
      <div class="grid md:grid-cols-2 gap-8 mb-12">
        <div class="glass p-6 rounded-2xl border border-gray-200 card-hover">
          <div class="text-5xl mb-4">💬</div>
          <h3 class="text-2xl font-bold mb-3">AI Chatbot</h3>
          <p class="text-gray-600 mb-4">ตอบคำถามลูกค้าอัตโนมัติ 24/7 ลดงานบริการลูกค้า 40%</p>
          <ul class="space-y-2 text-gray-700">
            <li>• Facebook Messenger, LINE OA</li>
            <li>• Website Chat Widget</li>
            <li>• AI-powered Responses</li>
            <li>• Handover to Human</li>
          </ul>
        </div>
        <div class="glass p-6 rounded-2xl border border-gray-200 card-hover">
          <div class="text-5xl mb-4">🔄</div>
          <h3 class="text-2xl font-bold mb-3">Workflow Automation</h3>
          <p class="text-gray-600 mb-4">อัตโนมัติกระบวนการทำงาน ลดเวลา ลดข้อผิดพลาด</p>
          <ul class="space-y-2 text-gray-700">
            <li>• Data Entry Automation</li>
            <li>• Email Processing</li>
            <li>• Document Generation</li>
            <li>• Approval Workflow</li>
          </ul>
        </div>
      </div>
      <div class="text-center">
        <a href="tel:0809955945" class="btn-accent text-lg shadow-xl inline-block">📞 ปรึกษาฟรี</a>
      </div>
    </div>
  </section>
</Layout>
