d4b51e2692
- เพิ่มบริการใหม่ 5 ด้าน: AI-Enhanced Website, Marketing Automation, SEO + AI Content, Tech Consult, AI Automation - ลบบริการเดิมที่ไม่ใช้: AI Strategy, AI Training, AI Analytics - สร้าง blog ใหม่ 10 บทความ พร้อม SEO/AEO optimization - เพิ่ม blog listing page และ blog detail template - อัพเดท layout, navigation, footer ให้สอดคล้องกับบริการใหม่ - เพิ่ม LINE contact icon (พร้อม placeholder link) - แก้ CSS bugs: text contrast บน gradient backgrounds - ปรับปรุง meta tags และ Schema.org structured data - ย้ายจาก /category/seo เป็น /blog Services: - /web-development - /marketing-automation - /seo-content-system - /tech-consult - /ai-automation Blog: /blog (10 articles)
206 lines
14 KiB
Plaintext
206 lines
14 KiB
Plaintext
---
|
|
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>
|