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

<Layout 
  title="AI Automation | MoreminiMore - ระบบ Chatbot และ Workflow อัตโนมัติ"
  description="บริการ AI Automation สำหรับ SME ไทย ระบบ Chatbot ตอบลูกค้าอัตโนมัติ 24/7 Workflow Automation ลดงานซ้ำซ้อน เพิ่มประสิทธิภาพการทำงาน"
>
  <!-- Schema.org Structured Data -->
  <script type="application/ld+json" set:html={JSON.stringify({
    "@context": "https://schema.org",
    "@type": "LocalBusiness",
    "name": "MoreminiMore Co.,Ltd.",
    "description": "บริการ AI Automation สำหรับ SME ไทย ระบบ Chatbot และ Workflow อัตโนมัติ",
    "telephone": "+66809955945",
    "email": "contact@moreminimore.com",
    "url": "https://www.moreminimore.com/ai-automation",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "53 หมู่ 1 ต.บ้านแพ้ว",
      "addressLocality": "บ้านแพ้ว",
      "addressRegion": "สมุทรสาคร",
      "postalCode": "74120",
      "addressCountry": "TH"
    },
    "openingHours": "Mo-Fr 09:00-18:00",
    "priceRange": "$$",
    "serviceType": ["AI Chatbot", "Workflow Automation", "RPA", "Business Process Automation"]
  })} />

  <!-- 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 right-10 w-96 h-96 bg-white rounded-full mix-blend-overlay filter blur-3xl animate-float"></div>
      <div class="absolute bottom-10 left-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 Automation
        </h1>
        <p class="text-2xl text-gray-100 mb-10">
          ลดงานซ้ำซ้อน เพิ่มประสิทธิภาพด้วย Chatbot และ Workflow Automation
        </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>

  <!-- Service Description -->
  <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="prose prose-lg max-w-none">
        <p class="text-xl text-gray-600 mb-8">
          AI Automation คือการนำเทคโนโลยี AI มาช่วยทำงานแทนคน ไม่ว่าจะเป็นการตอบคำถามลูกค้าผ่าน Chatbot หรือการทำงานซ้ำๆ อัตโนมัติ ช่วยให้คุณประหยัดเวลา ลดข้อผิดพลาด และมีเวลามุ่งเน้นงานที่สำคัญกว่า
        </p>

        <div class="grid md:grid-cols-2 gap-8 mt-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 ลดภาระงานบริการลูกค้า</p>
            <ul class="space-y-2 text-gray-700">
              <li>• Facebook Messenger, LINE Official Account</li>
              <li>• Website Chat Widget</li>
              <li>• ตอบคำถามด้วย AI อัจฉริยะ</li>
              <li>• ส่งต่อให้คนเมื่อจำเป็น</li>
              <li>• เก็บข้อมูลลูกค้าไว้วิเคราะห์</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>• กรอกข้อมูลอัตโนมัติ</li>
              <li>• ประมวลผลอีเมล์</li>
              <li>• สร้างเอกสารอัตโนมัติ</li>
              <li>• ระบบอนุมัติตามขั้นตอน</li>
              <li>• เชื่อมต่อระบบหลายระบบ</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Process Section -->
  <section class="py-20 bg-gray-50">
    <div class="container mx-auto px-4 max-w-5xl">
      <h2 class="text-3xl font-bold mb-12 text-center text-secondary">กระบวนการพัฒนาระบบ</h2>
      
      <div class="grid md:grid-cols-4 gap-6">
        <div class="glass p-6 rounded-xl border border-gray-200 text-center card-hover">
          <div class="text-4xl mb-3">🔍</div>
          <h4 class="font-bold mb-2">1. วิเคราะห์</h4>
          <p class="text-gray-600 text-sm">วิเคราะห์กระบวนการทำงานที่ต้องการให้ AI ช่วย</p>
        </div>
        <div class="glass p-6 rounded-xl border border-gray-200 text-center card-hover">
          <div class="text-4xl mb-3">🎨</div>
          <h4 class="font-bold mb-2">2. ออกแบบ</h4>
          <p class="text-gray-600 text-sm">ออกแบบ Flow และการทำงานของระบบ</p>
        </div>
        <div class="glass p-6 rounded-xl border border-gray-200 text-center card-hover">
          <div class="text-4xl mb-3">⚙️</div>
          <h4 class="font-bold mb-2">3. พัฒนา</h4>
          <p class="text-gray-600 text-sm">พัฒนาและทดสอบระบบให้ทำงานได้ตามต้องการ</p>
        </div>
        <div class="glass p-6 rounded-xl border border-gray-200 text-center card-hover">
          <div class="text-4xl mb-3">🚀</div>
          <h4 class="font-bold mb-2">4. ส่งมอบ</h4>
          <p class="text-gray-600 text-sm">ส่งมอบและสอนการใช้งาน พร้อมดูแลต่อเนื่อง</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Target Audience -->
  <section class="py-20 bg-white">
    <div class="container mx-auto px-4 max-w-5xl">
      <div class="bg-gray-light p-8 rounded-2xl">
        <h3 class="text-2xl font-bold mb-6 text-accent-blue text-center">เหมาะสำหรับธุรกิจ</h3>
        <ul class="space-y-3 text-gray-700 max-w-2xl mx-auto">
          <li>• ร้านค้าออนไลน์ที่ได้รับคำถามจากลูกค้าจำนวนมาก</li>
          <li>• บริษัทที่มีงานซ้ำๆ ที่ต้องทำทุกวัน เช่น กรอกข้อมูล ส่งอีเมล์</li>
          <li>• ธุรกิจที่ต้องการลดค่าใช้จ่ายในการจ้างพนักงานเพิ่ม</li>
          <li>• ผู้ประกอบการที่ต้องการให้บริการลูกค้า 24 ชั่วโมง</li>
          <li>• บริษัทที่ต้องการเพิ่มประสิทธิภาพการทำงานของทีม</li>
        </ul>
      </div>
    </div>
  </section>

  <!-- FAQ Section for AEO -->
  <section class="py-20 bg-gray-50">
    <div class="container mx-auto px-4 max-w-5xl">
      <h2 class="text-3xl font-bold mb-12 text-center text-secondary">คำถามที่พบบ่อย</h2>
      
      <div class="space-y-4">
        <div class="glass p-6 rounded-xl border border-gray-200">
          <h4 class="font-bold mb-2 text-lg">Q: AI Chatbot ตอบคำถามได้ถูกต้องแค่ไหน?</h4>
          <p class="text-gray-600">AI Chatbot ที่เราพัฒนาสามารถตอบคำถามพื้นฐานได้อย่างถูกต้อง หากเป็นคำถามที่ซับซ้อน ระบบจะส่งต่อให้พนักงานคุณจัดการ คุณสามารถปรับแต่งคำตอบและเพิ่มข้อมูลให้ AI เรียนรู้ได้ตลอดเวลา</p>
        </div>
        
        <div class="glass p-6 rounded-xl border border-gray-200">
          <h4 class="font-bold mb-2 text-lg">Q: Workflow Automation ช่วยอะไรได้บ้าง?</h4>
          <p class="text-gray-600">Workflow Automation ช่วยทำงานที่ต้องทำซ้ำๆ ทุกวันโดยอัตโนมัติ เช่น กรอกข้อมูลจากอีเมล์ลงระบบ ส่งอีเมล์ตอบกลับ สร้างใบเสนอราคา ตรวจสอบสถานะการสั่งซื้อ ช่วยลดเวลาและข้อผิดพลาดจากการทำงานด้วยมือ</p>
        </div>
        
        <div class="glass p-6 rounded-xl border border-gray-200">
          <h4 class="font-bold mb-2 text-lg">Q: ใช้เวลาพัฒนานานเท่าไหร่?</h4>
          <p class="text-gray-600">ระยะเวลาขึ้นอยู่กับความซับซ้อนของระบบ Chatbot พื้นฐานใช้เวลาประมาณ 1-2 สัปดาห์ ส่วน Workflow Automation ขึ้นอยู่กับจำนวนกระบวนการที่ต้องทำอัตโนมัติ เราจะแจ้งระยะเวลาที่ชัดเจนตั้งแต่เริ่มต้น</p>
        </div>
        
        <div class="glass p-6 rounded-xl border border-gray-200">
          <h4 class="font-bold mb-2 text-lg">Q: ต้องมีความรู้ด้านเทคนิคเพื่อใช้งานหรือไม่?</h4>
          <p class="text-gray-600">ไม่จำเป็นต้องมีความรู้ด้านเทคนิค เราจะสอนการใช้งานจนสามารถใช้งานได้ด้วยตนเอง หากต้องการปรับแต่งหรือเพิ่มฟีเจอร์ใหม่ๆ เราก็สามารถช่วยได้ต่อเนื่อง</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Related Services -->
  <section class="py-12 bg-white border-t border-gray-100">
    <div class="container mx-auto px-4 max-w-5xl">
      <h3 class="text-xl font-bold mb-6 text-center text-secondary">บริการที่เกี่ยวข้อง</h3>
      <div class="flex flex-wrap justify-center gap-4">
        <a href="/web-development" class="btn-secondary">🎨 พัฒนาเว็บไซต์</a>
        <a href="/marketing-automation" class="btn-secondary">📧 Marketing Automation</a>
        <a href="/ai-strategy-consult" class="btn-secondary">🎯 ที่ปรึกษากลยุทธ์ AI</a>
      </div>
    </div>
  </section>

  <!-- CTA Section -->
  <section id="contact" class="py-20 gradient-primary text-white">
    <div class="container mx-auto px-4 text-center">
      <h2 class="text-3xl md:text-4xl font-bold mb-6">
        พร้อมเพิ่มประสิทธิภาพการทำงานด้วย AI แล้วหรือยัง?
      </h2>
      <p class="text-xl text-gray-100 mb-10 max-w-2xl mx-auto">
        ปรึกษาฟรี! ผู้เชี่ยวชาญพร้อมวิเคราะห์และแนะนำระบบที่เหมาะกับธุรกิจของคุณ
      </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>
  </section>
</Layout>