feat: อัพเดทเว็บไซต์ใหม่ - 5 บริการหลัก + 10 บทความ SEO
- เพิ่มบริการใหม่ 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)
This commit is contained in:
Kunthawat Greethong
@@ -8,8 +8,8 @@ import Layout from '../layouts/Layout.astro'
|
||||
<h1 class="text-4xl md:text-5xl font-bold text-center mb-8 text-secondary">
|
||||
เกี่ยวกับเรา
|
||||
</h1>
|
||||
<p class="text-xl text-center text-gray-600 max-w-3xl mx-auto mb-12">
|
||||
ระบบเบื้องหลังการทำงานของเรา ระบบของเราจะมี Server ประมวลผล 3 เครื่อง ในการดึงข้อมูลจากแหล่งต่าง ๆ
|
||||
<p class="text-xl text-center text-gray-700 max-w-3xl mx-auto mb-12">
|
||||
MoreMiniMore ให้บริการโซลูชัน IT และ AI ครบวงจร เพื่อช่วย SMEs ไทยเติบโตในยุคดิจิตอล
|
||||
</p>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-12 items-center max-w-6xl mx-auto">
|
||||
@@ -29,21 +29,21 @@ import Layout from '../layouts/Layout.astro'
|
||||
<div class="flex-shrink-0 w-12 h-12 bg-primary rounded-full flex items-center justify-center text-2xl">1️⃣</div>
|
||||
<div>
|
||||
<h3 class="text-xl font-bold mb-2">Server ประมวลผลหลัก</h3>
|
||||
<p class="text-gray-600">ประมวลผลข้อมูลจากแหล่งต่าง ๆ อย่างรวดเร็วและมีประสิทธิภาพ</p>
|
||||
<p class="text-gray-700">ประมวลผลข้อมูลจากแหล่งต่าง ๆ อย่างรวดเร็วและมีประสิทธิภาพ</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-4">
|
||||
<div class="flex-shrink-0 w-12 h-12 bg-primary rounded-full flex items-center justify-center text-2xl">2️⃣</div>
|
||||
<div>
|
||||
<h3 class="text-xl font-bold mb-2">Server วิเคราะห์ข้อมูล</h3>
|
||||
<p class="text-gray-600">วิเคราะห์ข้อมูลเชิงลึก เพื่อหาแนวทางที่เหมาะสม</p>
|
||||
<p class="text-gray-700">วิเคราะห์ข้อมูลเชิงลึก เพื่อหาแนวทางที่เหมาะสม</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-4">
|
||||
<div class="flex-shrink-0 w-12 h-12 bg-primary rounded-full flex items-center justify-center text-2xl">3️⃣</div>
|
||||
<div>
|
||||
<h3 class="text-xl font-bold mb-2">Server จัดเก็บข้อมูล</h3>
|
||||
<p class="text-gray-600">จัดเก็บข้อมูลอย่างเป็นระบบ ปลอดภัย เข้าถึงได้ง่าย</p>
|
||||
<p class="text-gray-700">จัดเก็บข้อมูลอย่างเป็นระบบ ปลอดภัย เข้าถึงได้ง่าย</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -56,7 +56,7 @@ import Layout from '../layouts/Layout.astro'
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-center mb-12 text-secondary">วิสัยทัศน์ของเรา</h2>
|
||||
<div class="prose prose-lg mx-auto text-gray-600">
|
||||
<div class="prose prose-lg mx-auto text-gray-700">
|
||||
<p class="mb-6">
|
||||
MoreminiMore มุ่งมั่นที่จะช่วยธุรกิจไทยเติบโตในยุคดิจิตอล ด้วยการใช้ข้อมูลเป็นพื้นฐานในการตัดสินใจ
|
||||
และพัฒนาศักยภาพของคนในองค์กรให้สามารถขับเคลื่อนธุรกิจได้อย่างยั่งยืน
|
||||
@@ -76,7 +76,7 @@ import Layout from '../layouts/Layout.astro'
|
||||
<section class="py-20 bg-gray-100">
|
||||
<div class="container mx-auto px-4 text-center">
|
||||
<h2 class="text-3xl font-bold mb-8 text-secondary">พร้อมร่วมงานกับคุณ</h2>
|
||||
<p class="text-xl text-gray-600 mb-8 max-w-2xl mx-auto">
|
||||
<p class="text-xl text-gray-700 mb-8 max-w-2xl mx-auto">
|
||||
ให้เราช่วยคุณพัฒนาระบบและกลยุทธ์ที่ตอบโจทย์ธุรกิจ
|
||||
</p>
|
||||
<a href="/contact-us" class="bg-primary text-black px-8 py-4 rounded-full font-bold text-lg hover:bg-primary-hover transition inline-block shadow-lg">
|
||||
|
||||
@@ -1,40 +0,0 @@
|
||||
---
|
||||
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>
|
||||
@@ -2,53 +2,203 @@
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
---
|
||||
|
||||
<Layout title="AI Automation | MoreminiMore - Chatbot & Workflow">
|
||||
<section class="relative py-24 gradient-primary text-white overflow-hidden">
|
||||
<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, RPA และ Workflow Automation</p>
|
||||
<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-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>
|
||||
<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="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 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 class="text-center">
|
||||
<a href="tel:0809955945" class="btn-accent text-lg shadow-xl inline-block">📞 ปรึกษาฟรี</a>
|
||||
</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>
|
||||
|
||||
@@ -1,119 +0,0 @@
|
||||
---
|
||||
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>
|
||||
@@ -1,45 +0,0 @@
|
||||
---
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
---
|
||||
|
||||
<Layout title="ฝึกอบรม AI | MoreminiMore - AI Training for Team">
|
||||
<section class="relative py-24 bg-accent-purple 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 Training</h1>
|
||||
<p class="text-2xl text-gray-100 mb-10">ฝึกอบรมทีมของคุณ ให้ใช้งาน AI Tools เป็น และประยุกต์ใช้ในงานจริง</p>
|
||||
<div class="flex flex-col sm:flex-row gap-5 justify-center">
|
||||
<a href="tel:0809955945" class="bg-white text-accent-purple 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">หลักสูตรฝึกอบรม</h2>
|
||||
<div class="grid md:grid-cols-3 gap-6 mb-12">
|
||||
<div class="bg-gray-light p-6 rounded-2xl card-hover">
|
||||
<div class="text-4xl mb-3">🤖</div>
|
||||
<h3 class="text-xl font-bold mb-2">AI for Everyone</h3>
|
||||
<p class="text-gray-600 text-base">พื้นฐาน AI สำหรับทุกคน เข้าใจง่าย ไม่ต้องมีพื้นฐานเทคนิค</p>
|
||||
</div>
|
||||
<div class="bg-gray-light p-6 rounded-2xl card-hover">
|
||||
<div class="text-4xl mb-3">💼</div>
|
||||
<h3 class="text-xl font-bold mb-2">AI for Business</h3>
|
||||
<p class="text-gray-600 text-base">ใช้ AI ในงานธุรกิจ วิเคราะห์ข้อมูล ตัดสินใจแม่นยำ</p>
|
||||
</div>
|
||||
<div class="bg-gray-light p-6 rounded-2xl card-hover">
|
||||
<div class="text-4xl mb-3">🛠️</div>
|
||||
<h3 class="text-xl font-bold mb-2">AI Tools Masterclass</h3>
|
||||
<p class="text-gray-600 text-base">ใช้งาน ChatGPT, Midjourney, และ AI Tools ระดับโปร</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>
|
||||
268
src/pages/blog/[slug].astro
Normal file
268
src/pages/blog/[slug].astro
Normal file
@@ -0,0 +1,268 @@
|
||||
---
|
||||
import Layout from '../../layouts/Layout.astro';
|
||||
import { getCollection } from 'astro:content';
|
||||
|
||||
export async function getStaticPaths() {
|
||||
const posts = await getCollection('blog');
|
||||
return posts.map(post => ({
|
||||
params: { slug: post.slug },
|
||||
props: { post },
|
||||
}));
|
||||
}
|
||||
|
||||
const { post } = Astro.props;
|
||||
const { Content } = await post.render();
|
||||
|
||||
const formatDate = (date: Date) => {
|
||||
return date.toLocaleDateString('th-TH', {
|
||||
year: 'numeric',
|
||||
month: 'long',
|
||||
day: 'numeric'
|
||||
});
|
||||
};
|
||||
|
||||
// Schema.org Article structured data
|
||||
const schemaData = {
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Article",
|
||||
"headline": post.data.title,
|
||||
"description": post.data.description,
|
||||
"image": post.data.image || "/branding/logo-long.png",
|
||||
"datePublished": post.data.pubDate.toISOString(),
|
||||
"dateModified": post.data.pubDate.toISOString(),
|
||||
"author": {
|
||||
"@type": "Person",
|
||||
"name": post.data.author
|
||||
},
|
||||
"publisher": {
|
||||
"@type": "Organization",
|
||||
"name": "MoreMiniMore",
|
||||
"logo": {
|
||||
"@type": "ImageObject",
|
||||
"url": "/branding/logo-long.png"
|
||||
}
|
||||
}
|
||||
};
|
||||
---
|
||||
|
||||
<Layout
|
||||
title={`${post.data.title} | MoreMiniMore Blog`}
|
||||
description={post.data.description}
|
||||
>
|
||||
<!-- Schema.org JSON-LD -->
|
||||
<script type="application/ld+json" set:html={JSON.stringify(schemaData)} />
|
||||
|
||||
<!-- Article Header -->
|
||||
<section class="py-12 bg-gray-light">
|
||||
<div class="container mx-auto px-4 max-w-4xl">
|
||||
<nav class="text-sm mb-6">
|
||||
<a href="/blog" class="text-accent-blue hover:underline">← กลับไปหน้าบล็อก</a>
|
||||
</nav>
|
||||
|
||||
<div class="flex items-center gap-2 mb-4">
|
||||
<span class="bg-primary text-white px-3 py-1 rounded-full text-sm font-medium">
|
||||
{post.data.category}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<h1 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-6 text-secondary leading-tight">
|
||||
{post.data.title}
|
||||
</h1>
|
||||
|
||||
<div class="flex flex-wrap items-center gap-4 text-gray-600">
|
||||
<span class="flex items-center gap-2">
|
||||
<span class="text-xl">✍️</span>
|
||||
{post.data.author}
|
||||
</span>
|
||||
<span class="flex items-center gap-2">
|
||||
<span class="text-xl">📅</span>
|
||||
{formatDate(post.data.pubDate)}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Article Content -->
|
||||
<section class="py-12 bg-white">
|
||||
<div class="container mx-auto px-4 max-w-4xl">
|
||||
<article class="prose prose-lg max-w-none">
|
||||
<Content />
|
||||
</article>
|
||||
|
||||
<!-- Tags -->
|
||||
<div class="mt-12 pt-8 border-t">
|
||||
<div class="flex flex-wrap gap-2">
|
||||
{post.data.tags.map(tag => (
|
||||
<a href={`/blog?tag=${tag}`} class="px-4 py-2 bg-gray-100 rounded-full text-gray-700 hover:bg-primary hover:text-white transition">
|
||||
#{tag}
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Share Section -->
|
||||
<section class="py-8 bg-gray-light">
|
||||
<div class="container mx-auto px-4 max-w-4xl text-center">
|
||||
<h3 class="text-xl font-bold mb-4">แชร์บทความนี้</h3>
|
||||
<div class="flex justify-center gap-4">
|
||||
<a
|
||||
href={`https://www.facebook.com/sharer/sharer.php?u=${Astro.url}`}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="px-6 py-3 bg-blue-600 text-white rounded-full hover:bg-blue-700 transition inline-flex items-center gap-2"
|
||||
>
|
||||
📘 Facebook
|
||||
</a>
|
||||
<a
|
||||
href={`https://twitter.com/intent/tweet?url=${Astro.url}&text=${post.data.title}`}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="px-6 py-3 bg-black text-white rounded-full hover:bg-gray-800 transition inline-flex items-center gap-2"
|
||||
>
|
||||
🐦 Twitter
|
||||
</a>
|
||||
<a
|
||||
href={`https://line.me/R/msg/text/?${post.data.title}%20${Astro.url}`}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="px-6 py-3 bg-green-500 text-white rounded-full hover:bg-green-600 transition inline-flex items-center gap-2"
|
||||
>
|
||||
💬 LINE
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Related Articles -->
|
||||
<section class="py-12 bg-white">
|
||||
<div class="container mx-auto px-4 max-w-6xl">
|
||||
<h2 class="text-2xl font-bold mb-8 text-center">บทความที่เกี่ยวข้อง</h2>
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
<!-- Related articles would be dynamically loaded -->
|
||||
<div class="text-center text-gray-500">
|
||||
<p>กำลังอัปเดตบทความที่เกี่ยวข้อง...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="py-16 gradient-ai text-white">
|
||||
<div class="container mx-auto px-4 text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6">
|
||||
ต้องการคำปรึกษาเพิ่มเติม?
|
||||
</h2>
|
||||
<p class="text-xl mb-8 max-w-2xl mx-auto">
|
||||
ทีมผู้เชี่ยวชาญของเราพร้อมให้คำปรึกษาฟรี
|
||||
</p>
|
||||
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<a href="/contact-us" class="bg-white text-primary px-8 py-4 rounded-full font-bold text-lg hover:bg-gray-100 transition shadow-lg inline-flex items-center justify-center gap-2">
|
||||
📞 ติดต่อเรา
|
||||
</a>
|
||||
<a href="/ai-strategy-consult" class="bg-transparent border-2 border-white text-white px-8 py-4 rounded-full font-bold text-lg hover:bg-white hover:text-primary transition inline-flex items-center justify-center gap-2">
|
||||
ปรึกษาผู้เชี่ยวชาญ
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
|
||||
<style is:global>
|
||||
.prose h1 {
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
.prose h2 {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
.prose h3 {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0.75rem;
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
.prose p {
|
||||
margin-bottom: 1.25rem;
|
||||
line-height: 1.8;
|
||||
color: #4a4a4a;
|
||||
}
|
||||
|
||||
.prose ul, .prose ol {
|
||||
margin-bottom: 1.25rem;
|
||||
padding-left: 1.5rem;
|
||||
}
|
||||
|
||||
.prose li {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.prose ul li {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.prose ol li {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
.prose strong {
|
||||
font-weight: 600;
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
.prose a {
|
||||
color: #0066cc;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.prose a:hover {
|
||||
color: #0052a3;
|
||||
}
|
||||
|
||||
.prose blockquote {
|
||||
border-left: 4px solid #0066cc;
|
||||
padding-left: 1rem;
|
||||
margin: 1.5rem 0;
|
||||
font-style: italic;
|
||||
color: #666;
|
||||
background: #f9f9f9;
|
||||
padding: 1rem;
|
||||
border-radius: 0 8px 8px 0;
|
||||
}
|
||||
|
||||
.prose hr {
|
||||
margin: 2rem 0;
|
||||
border: none;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
.prose table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
|
||||
.prose th, .prose td {
|
||||
border: 1px solid #e5e5e5;
|
||||
padding: 0.75rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.prose th {
|
||||
background: #f5f5f5;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
259
src/pages/blog/index.astro
Normal file
259
src/pages/blog/index.astro
Normal file
@@ -0,0 +1,259 @@
|
||||
---
|
||||
import Layout from '../../layouts/Layout.astro';
|
||||
import { getCollection } from 'astro:content';
|
||||
|
||||
export async function getStaticPaths() {
|
||||
const posts = await getCollection('blog');
|
||||
return posts.map(post => ({
|
||||
params: { slug: post.slug },
|
||||
props: { post },
|
||||
}));
|
||||
}
|
||||
|
||||
const allPosts = await getCollection('blog');
|
||||
const sortedPosts = allPosts.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
|
||||
|
||||
const categories = [...new Set(allPosts.map(post => post.data.category))];
|
||||
const tags = [...new Set(allPosts.flatMap(post => post.data.tags))];
|
||||
|
||||
const formatDate = (date: Date) => {
|
||||
return date.toLocaleDateString('th-TH', {
|
||||
year: 'numeric',
|
||||
month: 'long',
|
||||
day: 'numeric'
|
||||
});
|
||||
};
|
||||
---
|
||||
|
||||
<Layout
|
||||
title="บล็อก | MoreMiniMore - ความรู้เกี่ยวกับ AI และการตลาดดิจิทัล"
|
||||
description="อ่านบทความและความรู้เกี่ยวกับ AI, Marketing Automation, SEO และ Digital Transformation สำหรับธุรกิจ SMEs ไทย"
|
||||
>
|
||||
<section class="py-16 bg-gray-light">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="max-w-4xl mx-auto text-center">
|
||||
<h1 class="text-4xl md:text-5xl font-bold mb-6 text-secondary">
|
||||
บล็อก & ความรู้
|
||||
</h1>
|
||||
<p class="text-xl text-gray-600 mb-8">
|
||||
ความรู้เกี่ยวกับ AI, การตลาดดิจิทัล และการเปลี่ยนแปลงทางธุรกิจสำหรับ SMEs ไทย
|
||||
</p>
|
||||
|
||||
<!-- Search Box -->
|
||||
<div class="max-w-2xl mx-auto">
|
||||
<div class="relative">
|
||||
<input
|
||||
type="text"
|
||||
id="blog-search"
|
||||
placeholder="ค้นหาบทความ..."
|
||||
class="w-full px-6 py-4 pr-12 rounded-full border-2 border-gray-200 focus:border-primary focus:outline-none text-lg"
|
||||
/>
|
||||
<button class="absolute right-4 top-1/2 -translate-y-1/2 text-gray-400 hover:text-primary transition">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Category Filter -->
|
||||
<section class="py-8 bg-white border-b">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="flex flex-wrap gap-3 justify-center" id="category-filters">
|
||||
<button
|
||||
class="category-btn active px-5 py-2 rounded-full bg-primary text-white font-medium transition hover:bg-primary/90"
|
||||
data-category="all"
|
||||
>
|
||||
ทั้งหมด
|
||||
</button>
|
||||
{categories.map(category => (
|
||||
<button
|
||||
class="category-btn px-5 py-2 rounded-full bg-gray-100 text-gray-700 font-medium transition hover:bg-primary hover:text-white"
|
||||
data-category={category}
|
||||
>
|
||||
{category}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Blog Grid -->
|
||||
<section class="py-16 bg-gray-light">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8" id="blog-grid">
|
||||
{sortedPosts.map(post => (
|
||||
<article class="blog-card bg-white rounded-2xl overflow-hidden shadow-md card-hover" data-category={post.data.category} data-tags={JSON.stringify(post.data.tags)}>
|
||||
<div class="h-48 gradient-ai flex items-center justify-center">
|
||||
<div class="text-6xl">📝</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<span class="text-sm text-accent-blue font-bold">{post.data.category}</span>
|
||||
<span class="text-gray-300">|</span>
|
||||
<span class="text-sm text-gray-500">{formatDate(post.data.pubDate)}</span>
|
||||
</div>
|
||||
<h2 class="text-xl font-bold mb-3 line-clamp-2 hover:text-accent-blue transition">
|
||||
<a href={`/blog/${post.slug}`}>{post.data.title}</a>
|
||||
</h2>
|
||||
<p class="text-gray-600 mb-4 line-clamp-3">
|
||||
{post.data.description}
|
||||
</p>
|
||||
<div class="flex flex-wrap gap-2 mb-4">
|
||||
{post.data.tags.slice(0, 3).map(tag => (
|
||||
<span class="text-xs bg-gray-100 px-2 py-1 rounded text-gray-600">#{tag}</span>
|
||||
))}
|
||||
</div>
|
||||
<a href={`/blog/${post.slug}`} class="text-accent-blue font-medium hover:underline inline-flex items-center gap-2">
|
||||
อ่านเพิ่มเติม →
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<!-- No Results Message -->
|
||||
<div id="no-results" class="hidden text-center py-16">
|
||||
<div class="text-6xl mb-4">🔍</div>
|
||||
<h3 class="text-2xl font-bold mb-2">ไม่พบบทความที่ค้นหา</h3>
|
||||
<p class="text-gray-600">ลองค้นหาด้วยคำอื่นหรือเลือกหมวดหมู่อื่น</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Tags Cloud -->
|
||||
<section class="py-12 bg-white">
|
||||
<div class="container mx-auto px-4 max-w-4xl">
|
||||
<h3 class="text-2xl font-bold mb-6 text-center">หัวข้อที่น่าสนใจ</h3>
|
||||
<div class="flex flex-wrap gap-3 justify-center">
|
||||
{tags.map(tag => (
|
||||
<a href={`/blog?tag=${tag}`} class="px-4 py-2 bg-gray-100 rounded-full text-gray-700 hover:bg-primary hover:text-white transition">
|
||||
#{tag}
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="py-16 gradient-ai text-white">
|
||||
<div class="container mx-auto px-4 text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-6">
|
||||
พร้อมเริ่มต้น Digital Transformation แล้วหรือยัง?
|
||||
</h2>
|
||||
<p class="text-xl mb-8 max-w-2xl mx-auto">
|
||||
ปรึกษาผู้เชี่ยวชาญของเราฟรี เราพร้อมช่วยคุณวางกลยุทธ์ที่เหมาะกับธุรกิจ
|
||||
</p>
|
||||
<div class="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<a href="/contact-us" class="bg-white text-primary px-8 py-4 rounded-full font-bold text-lg hover:bg-gray-100 transition shadow-lg inline-flex items-center justify-center gap-2">
|
||||
📞 ติดต่อเรา
|
||||
</a>
|
||||
<a href="/ai-strategy-consult" class="bg-transparent border-2 border-white text-white px-8 py-4 rounded-full font-bold text-lg hover:bg-white hover:text-primary transition inline-flex items-center justify-center gap-2">
|
||||
ปรึกษาผู้เชี่ยวชาญ
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
|
||||
<script>
|
||||
// Category Filter
|
||||
const categoryBtns = document.querySelectorAll('.category-btn');
|
||||
const blogCards = document.querySelectorAll('.blog-card');
|
||||
const noResults = document.getElementById('no-results');
|
||||
const blogGrid = document.getElementById('blog-grid');
|
||||
|
||||
categoryBtns.forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
// Update active state
|
||||
categoryBtns.forEach(b => {
|
||||
b.classList.remove('active', 'bg-primary', 'text-white');
|
||||
b.classList.add('bg-gray-100', 'text-gray-700');
|
||||
});
|
||||
btn.classList.add('active', 'bg-primary', 'text-white');
|
||||
btn.classList.remove('bg-gray-100', 'text-gray-700');
|
||||
|
||||
const category = btn.getAttribute('data-category');
|
||||
|
||||
// Filter cards
|
||||
let visibleCount = 0;
|
||||
blogCards.forEach(card => {
|
||||
const cardCategory = card.getAttribute('data-category');
|
||||
if (category === 'all' || cardCategory === category) {
|
||||
(card as HTMLElement).style.display = 'block';
|
||||
visibleCount++;
|
||||
} else {
|
||||
(card as HTMLElement).style.display = 'none';
|
||||
}
|
||||
});
|
||||
|
||||
// Show/hide no results message
|
||||
if (visibleCount === 0) {
|
||||
noResults?.classList.remove('hidden');
|
||||
blogGrid?.classList.add('hidden');
|
||||
} else {
|
||||
noResults?.classList.add('hidden');
|
||||
blogGrid?.classList.remove('hidden');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Search Functionality
|
||||
const searchInput = document.getElementById('blog-search');
|
||||
searchInput?.addEventListener('input', (e) => {
|
||||
const searchTerm = (e.target as HTMLInputElement).value.toLowerCase();
|
||||
|
||||
let visibleCount = 0;
|
||||
blogCards.forEach(card => {
|
||||
const title = card.querySelector('h2')?.textContent?.toLowerCase() || '';
|
||||
const description = card.querySelector('p')?.textContent?.toLowerCase() || '';
|
||||
const tags = card.getAttribute('data-tags')?.toLowerCase() || '';
|
||||
|
||||
if (title.includes(searchTerm) || description.includes(searchTerm) || tags.includes(searchTerm)) {
|
||||
(card as HTMLElement).style.display = 'block';
|
||||
visibleCount++;
|
||||
} else {
|
||||
(card as HTMLElement).style.display = 'none';
|
||||
}
|
||||
});
|
||||
|
||||
// Show/hide no results message
|
||||
if (visibleCount === 0) {
|
||||
noResults?.classList.remove('hidden');
|
||||
blogGrid?.classList.add('hidden');
|
||||
} else {
|
||||
noResults?.classList.add('hidden');
|
||||
blogGrid?.classList.remove('hidden');
|
||||
}
|
||||
});
|
||||
|
||||
// URL parameter for tag filter
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
const tagParam = urlParams.get('tag');
|
||||
if (tagParam) {
|
||||
const searchInput = document.getElementById('blog-search') as HTMLInputElement;
|
||||
if (searchInput) {
|
||||
searchInput.value = tagParam;
|
||||
searchInput.dispatchEvent(new Event('input'));
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.line-clamp-2 {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.line-clamp-3 {
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 3;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
@@ -1,100 +0,0 @@
|
||||
---
|
||||
import Layout from '../../layouts/Layout.astro'
|
||||
---
|
||||
|
||||
<Layout title="เรื่องน่ารู้ SEO | MoreminiMore">
|
||||
<section class="py-20 bg-gradient-to-br from-yellow-50 to-white">
|
||||
<div class="container mx-auto px-4">
|
||||
<h1 class="text-4xl md:text-5xl font-bold text-center mb-8 text-secondary">
|
||||
เรื่องน่ารู้ SEO
|
||||
</h1>
|
||||
<p class="text-xl text-center text-gray-600 max-w-3xl mx-auto mb-12">
|
||||
บทความและเกร็ดความรู้เกี่ยวกับ SEO และการตลาดดิจิตอล
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="py-20 bg-white">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto">
|
||||
<!-- Blog Post 1 -->
|
||||
<article class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-xl transition">
|
||||
<div class="p-6">
|
||||
<div class="text-base text-primary font-bold mb-2">SEO</div>
|
||||
<h2 class="text-xl font-bold mb-3 hover:text-primary transition">
|
||||
<a href="/core-web-vitals-ux-google-ranking-factors-4">
|
||||
Core Web Vitals และ UX ปัจจัยการจัดอันดับ Google
|
||||
</a>
|
||||
</h2>
|
||||
<p class="text-gray-600 text-base mb-4">
|
||||
ทำความเข้าใจ Core Web Vitals และ User Experience ที่มีผลต่อการจัดอันดับเว็บไซต์บน Google
|
||||
</p>
|
||||
<a href="/core-web-vitals-ux-google-ranking-factors-4" class="text-primary font-medium hover:underline">
|
||||
อ่านเพิ่มเติม →
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Blog Post 2 -->
|
||||
<article class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-xl transition">
|
||||
<div class="p-6">
|
||||
<div class="text-base text-primary font-bold mb-2">SEO</div>
|
||||
<h2 class="text-xl font-bold mb-3 hover:text-primary transition">
|
||||
<a href="/alt-text-seo-google-ranking-factors-3">
|
||||
ALT Text กับ SEO ปัจจัยที่ 3 ของ Google
|
||||
</a>
|
||||
</h2>
|
||||
<p class="text-gray-600 text-base mb-4">
|
||||
การเขียน ALT Text สำหรับรูปภาพ ช่วย SEO อย่างไร และทำไม Google ให้ความสำคัญ
|
||||
</p>
|
||||
<a href="/alt-text-seo-google-ranking-factors-3" class="text-primary font-medium hover:underline">
|
||||
อ่านเพิ่มเติม →
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Blog Post 3 -->
|
||||
<article class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-xl transition">
|
||||
<div class="p-6">
|
||||
<div class="text-base text-primary font-bold mb-2">SEO</div>
|
||||
<h2 class="text-xl font-bold mb-3 hover:text-primary transition">
|
||||
<a href="/8-seo-google-ranking-factors-2">
|
||||
8 ปัจจัย SEO สำหรับ Google Ranking
|
||||
</a>
|
||||
</h2>
|
||||
<p class="text-gray-600 text-base mb-4">
|
||||
8 ปัจจัยสำคัญที่ Google ใช้ในการจัดอันดับเว็บไซต์ คุณทำครบหรือยัง?
|
||||
</p>
|
||||
<a href="/8-seo-google-ranking-factors-2" class="text-primary font-medium hover:underline">
|
||||
อ่านเพิ่มเติม →
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Blog Post 4 -->
|
||||
<article class="bg-gray-50 rounded-lg overflow-hidden shadow-md hover:shadow-xl transition">
|
||||
<div class="p-6">
|
||||
<div class="text-base text-primary font-bold mb-2">SEO</div>
|
||||
<h2 class="text-xl font-bold mb-3 hover:text-primary transition">
|
||||
<a href="/google-ranking-factors-1">
|
||||
Google Ranking Factors พื้นฐาน SEO ที่ต้องรู้
|
||||
</a>
|
||||
</h2>
|
||||
<p class="text-gray-600 text-base mb-4">
|
||||
เรียนรู้ปัจจัยพื้นฐานที่ Google ใช้ในการจัดอันดับเว็บไซต์ เริ่มต้นทำ SEO ให้ถูกต้อง
|
||||
</p>
|
||||
<a href="/google-ranking-factors-1" class="text-primary font-medium hover:underline">
|
||||
อ่านเพิ่มเติม →
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-12">
|
||||
<p class="text-gray-500">
|
||||
กำลังอัปเดตบทความใหม่เร็ว ๆ นี้...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
@@ -20,26 +20,33 @@ import Layout from '../layouts/Layout.astro'
|
||||
<div class="space-y-6">
|
||||
<div class="flex items-start gap-4">
|
||||
<div class="flex-shrink-0 w-12 h-12 bg-primary rounded-full flex items-center justify-center text-2xl">📧</div>
|
||||
<div>
|
||||
<h3 class="font-bold mb-1">อีเมล</h3>
|
||||
<a href="mailto:contact@moreminimore.com" class="text-gray-600 hover:text-primary transition">contact@moreminimore.com</a>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-bold mb-1">อีเมล</h3>
|
||||
<a href="mailto:contact@moreminimore.com" class="text-gray-700 hover:text-primary transition">contact@moreminimore.com</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start gap-4">
|
||||
<div class="flex-shrink-0 w-12 h-12 bg-primary rounded-full flex items-center justify-center text-2xl">📞</div>
|
||||
<div>
|
||||
<h3 class="font-bold mb-1">โทรศัพท์</h3>
|
||||
<a href="tel:0809955945" class="text-gray-600 hover:text-primary transition">080-995-5945</a>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-bold mb-1">โทรศัพท์</h3>
|
||||
<a href="tel:0809955945" class="text-gray-700 hover:text-primary transition">080-995-5945</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start gap-4">
|
||||
<div class="flex-shrink-0 w-12 h-12 bg-primary rounded-full flex items-center justify-center text-2xl">💬</div>
|
||||
<div>
|
||||
<h3 class="font-bold mb-1">Line</h3>
|
||||
<a href="#" class="text-gray-700 hover:text-primary transition">@moreminimore</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start gap-4">
|
||||
<div class="flex-shrink-0 w-12 h-12 bg-primary rounded-full flex items-center justify-center text-2xl">🌐</div>
|
||||
<div>
|
||||
<h3 class="font-bold mb-1">Social Media</h3>
|
||||
<div class="flex gap-4 mt-2">
|
||||
<a href="https://www.facebook.com/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-primary transition">Facebook</a>
|
||||
<a href="https://twitter.com/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-primary transition">Twitter</a>
|
||||
<a href="https://www.linkedin.com/company/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-600 hover:text-primary transition">LinkedIn</a>
|
||||
<a href="https://www.facebook.com/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-700 hover:text-primary transition">Facebook</a>
|
||||
<a href="https://twitter.com/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-700 hover:text-primary transition">Twitter</a>
|
||||
<a href="https://www.linkedin.com/company/moreminimore" target="_blank" rel="noopener noreferrer" class="text-gray-700 hover:text-primary transition">LinkedIn</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -12,14 +12,14 @@ import Layout from '../layouts/Layout.astro'
|
||||
</div>
|
||||
|
||||
<div class="container mx-auto px-4 relative z-10">
|
||||
<div class="max-w-5xl mx-auto text-center">
|
||||
<h1 class="text-4xl md:text-6xl lg:text-7xl font-bold mb-8 text-secondary leading-tight">
|
||||
เปลี่ยนองค์กรของคุณด้วย<br />
|
||||
<span class="text-accent-blue">AI Transformation</span>
|
||||
</h1>
|
||||
<p class="text-xl md:text-2xl text-gray-600 mb-10 max-w-3xl mx-auto">
|
||||
เพิ่มยอดขาย ลดต้นทุน และยกระดับธุรกิจด้วยกลยุทธ์ AI ที่วัดผลได้ เราพร้อมพาคุณสู่ยุค AI อย่างมั่นใจ
|
||||
</p>
|
||||
<div class="max-w-5xl mx-auto text-center">
|
||||
<h1 class="text-4xl md:text-6xl lg:text-7xl font-bold mb-8 text-secondary leading-tight">
|
||||
โซลูชัน IT และ AI<br />
|
||||
<span class="text-accent-blue">เพื่อธุรกิจ SMEs ไทย</span>
|
||||
</h1>
|
||||
<p class="text-xl md:text-2xl text-gray-700 mb-10 max-w-3xl mx-auto">
|
||||
เราช่วยคุณสร้างเว็บไซต์ระบบอัตโนมัติ และการตลาดดิจิตอล ที่วัดผลได้ เพิ่มยอดขาย ลดต้นทุน อย่างยั่งยืน
|
||||
</p>
|
||||
<div class="flex flex-col sm:flex-row gap-5 justify-center">
|
||||
<a href="tel:0809955945" class="btn-accent text-lg shadow-xl">
|
||||
📞 ปรึกษาผู้เชี่ยวชาญ
|
||||
@@ -37,68 +37,54 @@ import Layout from '../layouts/Layout.astro'
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="text-center mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-4 text-secondary">
|
||||
เทคโนโลยี AI ที่เรานำมาใช้
|
||||
เทคโนโลยีที่เราเชี่ยวชาญ
|
||||
</h2>
|
||||
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||
เราคัดสรรเทคโนโลยี AI ที่ดีที่สุดในโลก มาประยุกต์ใช้กับธุรกิจของคุณ
|
||||
เราใช้เทคโนโลยีที่ทันสมัยและเหมาะสมกับธุรกิจของคุณ
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-3 lg:grid-cols-4 gap-8">
|
||||
<div class="grid md:grid-cols-4 lg:grid-cols-6 gap-6">
|
||||
<!-- Tech 1 -->
|
||||
<div class="glass p-6 rounded-2xl card-hover text-center border border-gray-100 shadow-lg">
|
||||
<div class="text-5xl mb-4">🤖</div>
|
||||
<h3 class="text-xl font-bold mb-2">Machine Learning</h3>
|
||||
<p class="text-gray-600 text-base">ทำนายแนวโน้ม วิเคราะห์ข้อมูลเชิงลึก</p>
|
||||
<div class="text-4xl mb-3">🤖</div>
|
||||
<h3 class="text-base font-bold mb-1">AI / ML</h3>
|
||||
<p class="text-gray-500 text-xs">Machine Learning</p>
|
||||
</div>
|
||||
|
||||
<!-- Tech 2 -->
|
||||
<div class="glass p-6 rounded-2xl card-hover text-center border border-gray-100 shadow-lg">
|
||||
<div class="text-5xl mb-4">💬</div>
|
||||
<h3 class="text-xl font-bold mb-2">NLP / Chatbot</h3>
|
||||
<p class="text-gray-600 text-base">ประมวลผลภาษาธรรมชาติ ตอบคำถามอัตโนมัติ</p>
|
||||
<div class="text-4xl mb-3">💬</div>
|
||||
<h3 class="text-base font-bold mb-1">Chatbot</h3>
|
||||
<p class="text-gray-500 text-xs">NLP & Automation</p>
|
||||
</div>
|
||||
|
||||
<!-- Tech 3 -->
|
||||
<div class="glass p-6 rounded-2xl card-hover text-center border border-gray-100 shadow-lg">
|
||||
<div class="text-5xl mb-4">📊</div>
|
||||
<h3 class="text-xl font-bold mb-2">Predictive Analytics</h3>
|
||||
<p class="text-gray-600 text-base">วิเคราะห์ล่วงหน้า วางแผนแม่นยำ</p>
|
||||
<div class="text-4xl mb-3">🔍</div>
|
||||
<h3 class="text-base font-bold mb-1">SEO</h3>
|
||||
<p class="text-gray-500 text-xs">Search Optimization</p>
|
||||
</div>
|
||||
|
||||
<!-- Tech 4 -->
|
||||
<div class="glass p-6 rounded-2xl card-hover text-center border border-gray-100 shadow-lg">
|
||||
<div class="text-5xl mb-4">👁️</div>
|
||||
<h3 class="text-xl font-bold mb-2">Computer Vision</h3>
|
||||
<p class="text-gray-600 text-base">วิเคราะห์ภาพ ตรวจสอบอัตโนมัติ</p>
|
||||
<div class="text-4xl mb-3">🌐</div>
|
||||
<h3 class="text-base font-bold mb-1">Web Dev</h3>
|
||||
<p class="text-gray-500 text-xs">Modern Websites</p>
|
||||
</div>
|
||||
|
||||
<!-- Tech 5 -->
|
||||
<div class="glass p-6 rounded-2xl card-hover text-center border border-gray-100 shadow-lg">
|
||||
<div class="text-5xl mb-4">🔄</div>
|
||||
<h3 class="text-xl font-bold mb-2">RPA</h3>
|
||||
<p class="text-gray-600 text-base">อัตโนมัติกระบวนการทำงาน</p>
|
||||
<div class="text-4xl mb-3">📊</div>
|
||||
<h3 class="text-base font-bold mb-1">Analytics</h3>
|
||||
<p class="text-gray-500 text-xs">Data Insights</p>
|
||||
</div>
|
||||
|
||||
<!-- Tech 6 -->
|
||||
<div class="glass p-6 rounded-2xl card-hover text-center border border-gray-100 shadow-lg">
|
||||
<div class="text-5xl mb-4">📈</div>
|
||||
<h3 class="text-xl font-bold mb-2">Business Intelligence</h3>
|
||||
<p class="text-gray-600 text-base">Dashboard แสดงผลแบบ Real-time</p>
|
||||
</div>
|
||||
|
||||
<!-- Tech 7 -->
|
||||
<div class="glass p-6 rounded-2xl card-hover text-center border border-gray-100 shadow-lg">
|
||||
<div class="text-5xl mb-4">🌐</div>
|
||||
<h3 class="text-xl font-bold mb-2">Generative AI</h3>
|
||||
<p class="text-gray-600 text-base">สร้างเนื้อหา อัตโนมัติด้วย AI</p>
|
||||
</div>
|
||||
|
||||
<!-- Tech 8 -->
|
||||
<div class="glass p-6 rounded-2xl card-hover text-center border border-gray-100 shadow-lg">
|
||||
<div class="text-5xl mb-4">☁️</div>
|
||||
<h3 class="text-xl font-bold mb-2">Cloud AI</h3>
|
||||
<p class="text-gray-600 text-base">บริการ AI บน Cloud ประสิทธิภาพสูง</p>
|
||||
<div class="text-4xl mb-3">☁️</div>
|
||||
<h3 class="text-base font-bold mb-1">Cloud</h3>
|
||||
<p class="text-gray-500 text-xs">Infrastructure</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -109,69 +95,83 @@ import Layout from '../layouts/Layout.astro'
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="text-center mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-4 text-secondary">
|
||||
บริการที่ปรึกษาองค์กร AI
|
||||
บริการของเรา
|
||||
</h2>
|
||||
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||
บริการครบวงจร เพื่อการเปลี่ยนแปลงองค์กรสู่ยุค AI
|
||||
โซลูชัน IT และ AI ครบวงจร เพื่อธุรกิจ SMEs ไทย
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||||
<!-- Service 1 -->
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<!-- Service 1: AI-Enhanced Website -->
|
||||
<div class="bg-white rounded-2xl overflow-hidden shadow-xl card-hover">
|
||||
<div class="h-48 gradient-ai flex items-center justify-center">
|
||||
<div class="text-7xl">🎯</div>
|
||||
<div class="text-7xl">🌐</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h3 class="text-2xl font-bold mb-3">AI Strategy Consulting</h3>
|
||||
<p class="text-gray-600 mb-4">วางกลยุทธ์ AI ที่สอดคล้องกับเป้าหมายธุรกิจ วิเคราะห์โอกาส และกำหนด Roadmap ที่ชัดเจน</p>
|
||||
<a href="/ai-strategy-consult" class="text-accent-blue font-medium hover:underline flex items-center gap-2">
|
||||
<h3 class="text-2xl font-bold mb-3">AI-Enhanced Website</h3>
|
||||
<p class="text-gray-600 mb-4">ออกแบบและพัฒนาเว็บไซต์ที่ทันสมัย ผสาน AI Chatbot และ SEO เพื่อเพิ่มยอดขายให้อัตโนมัติ</p>
|
||||
<a href="/web-development" class="text-accent-blue font-medium hover:underline flex items-center gap-2">
|
||||
ดูรายละเอียด →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 2 -->
|
||||
<!-- Service 2: Marketing Automation -->
|
||||
<div class="bg-white rounded-2xl overflow-hidden shadow-xl card-hover">
|
||||
<div class="h-48 gradient-primary flex items-center justify-center">
|
||||
<div class="text-7xl">🔄</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h3 class="text-2xl font-bold mb-3">Marketing Automation</h3>
|
||||
<p class="text-gray-600 mb-4">ตั้งค่าระบบการตลาดอัตโนมัติ เชื่อมต่อ LINE OA, Facebook, Email ลดงานซ้ำซ้อน เพิ่มประสิทธิภาพ</p>
|
||||
<a href="/marketing-automation" class="text-accent-blue font-medium hover:underline flex items-center gap-2">
|
||||
ดูรายละเอียด →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 3: SEO + AI Content -->
|
||||
<div class="bg-white rounded-2xl overflow-hidden shadow-xl card-hover">
|
||||
<div class="h-48 bg-accent-purple flex items-center justify-center">
|
||||
<div class="text-7xl">📝</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h3 class="text-2xl font-bold mb-3">SEO + AI Content System</h3>
|
||||
<p class="text-gray-600 mb-4">วิจัย Keyword และสร้างคอนเทนต์คุณภาพด้วย AI ช่วยให้เว็บติดอันดับ Google อย่างยั่งยืน</p>
|
||||
<a href="/seo-content-system" class="text-accent-blue font-medium hover:underline flex items-center gap-2">
|
||||
ดูรายละเอียด →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 4: Tech Infrastructure Consult -->
|
||||
<div class="bg-white rounded-2xl overflow-hidden shadow-xl card-hover">
|
||||
<div class="h-48 bg-accent-teal flex items-center justify-center">
|
||||
<div class="text-7xl">🖥️</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h3 class="text-2xl font-bold mb-3">Tech Infrastructure Consult</h3>
|
||||
<p class="text-gray-600 mb-4">ให้คำปรึกษาระบบ Server, Data Pipeline และเลือกเครื่องมือ Tech ที่เหมาะกับธุรกิจ</p>
|
||||
<a href="/tech-consult" class="text-accent-blue font-medium hover:underline flex items-center gap-2">
|
||||
ดูรายละเอียด →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 5: AI Automation -->
|
||||
<div class="bg-white rounded-2xl overflow-hidden shadow-xl card-hover">
|
||||
<div class="h-48 gradient-hero flex items-center justify-center">
|
||||
<div class="text-7xl">⚙️</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h3 class="text-2xl font-bold mb-3">AI Automation</h3>
|
||||
<p class="text-gray-600 mb-4">นำ Chatbot, Workflow Automation และ RPA มาใช้ ลดงานซ้ำซ้อน เพิ่มประสิทธิภาพ</p>
|
||||
<p class="text-gray-600 mb-4">นำ Chatbot และ Workflow Automation มาใช้ ตอบลูกค้า 24/7 ลดงานซ้ำซ้อน เพิ่มประสิทธิภาพ</p>
|
||||
<a href="/ai-automation" class="text-accent-blue font-medium hover:underline flex items-center gap-2">
|
||||
ดูรายละเอียด →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 3 -->
|
||||
<div class="bg-white rounded-2xl overflow-hidden shadow-xl card-hover">
|
||||
<div class="h-48 bg-accent-purple flex items-center justify-center">
|
||||
<div class="text-7xl">🎓</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h3 class="text-2xl font-bold mb-3">AI Training</h3>
|
||||
<p class="text-gray-600 mb-4">ฝึกอบรมทีมของคุณ ให้ใช้งาน AI Tools เป็น และประยุกต์ใช้ในงานจริง</p>
|
||||
<a href="/ai-training" class="text-accent-blue font-medium hover:underline flex items-center gap-2">
|
||||
ดูรายละเอียด →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 4 -->
|
||||
<div class="bg-white rounded-2xl overflow-hidden shadow-xl card-hover">
|
||||
<div class="h-48 bg-accent-teal flex items-center justify-center">
|
||||
<div class="text-7xl">📊</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h3 class="text-2xl font-bold mb-3">AI Analytics</h3>
|
||||
<p class="text-gray-600 mb-4">ใช้ AI วิเคราะห์ข้อมูล หาลูกค้าที่มีแนวโน้มซื้อสูง เพิ่มยอดขายอย่างชาญฉลาด</p>
|
||||
<a href="/ai-analytics" class="text-accent-blue font-medium hover:underline flex items-center gap-2">
|
||||
ดูรายละเอียด →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -184,7 +184,7 @@ import Layout from '../layouts/Layout.astro'
|
||||
กระบวนการทำงาน
|
||||
</h2>
|
||||
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||
4 ขั้นตอนง่ายๆ สู่การเป็นองค์กร AI
|
||||
4 ขั้นตอนง่ายๆ สู่ระบบ IT และ AI ที่พร้อมใช้งาน
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -194,8 +194,8 @@ import Layout from '../layouts/Layout.astro'
|
||||
<div class="w-24 h-24 mx-auto mb-6 rounded-full gradient-primary flex items-center justify-center text-4xl font-bold text-white shadow-xl">
|
||||
1
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3">วิเคราะห์</h3>
|
||||
<p class="text-gray-600">ศึกษาธุรกิจ ปัจจุบัน วิเคราะห์ปัญหา และหาโอกาสที่ใช้ AI แก้ได้</p>
|
||||
<h3 class="text-xl font-bold mb-3">ปรึกษา</h3>
|
||||
<p class="text-gray-600">พูดคุยทำความเข้าใจธุรกิจ ความต้องการ และเป้าหมายของคุณ</p>
|
||||
<div class="hidden md:block absolute top-12 left-full w-full h-1 bg-gradient-to-r from-primary to-transparent -translate-x-1/2"></div>
|
||||
</div>
|
||||
|
||||
@@ -205,7 +205,7 @@ import Layout from '../layouts/Layout.astro'
|
||||
2
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3">วางแผน</h3>
|
||||
<p class="text-gray-600">ออกแบบกลยุทธ์ AI Roadmap ที่ชัดเจน วัดผลได้ เหมาะกับองค์กร</p>
|
||||
<p class="text-gray-600">ออกแบบโซลูชันที่เหมาะสม และสร้างแผนงานที่ชัดเจน</p>
|
||||
<div class="hidden md:block absolute top-12 left-full w-full h-1 bg-gradient-to-r from-accent-blue to-transparent -translate-x-1/2"></div>
|
||||
</div>
|
||||
|
||||
@@ -215,7 +215,7 @@ import Layout from '../layouts/Layout.astro'
|
||||
3
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3">ดำเนินการ</h3>
|
||||
<p class="text-gray-600">ติดตั้งระบบ AI ฝึกอบรมทีม และเริ่มใช้งานจริง</p>
|
||||
<p class="text-gray-600">พัฒนาระบบ ติดตั้ง และทดสอบ เพื่อให้พร้อมใช้งานจริง</p>
|
||||
<div class="hidden md:block absolute top-12 left-full w-full h-1 bg-gradient-to-r from-accent-purple to-transparent -translate-x-1/2"></div>
|
||||
</div>
|
||||
|
||||
@@ -224,8 +224,8 @@ import Layout from '../layouts/Layout.astro'
|
||||
<div class="w-24 h-24 mx-auto mb-6 rounded-full bg-accent-teal flex items-center justify-center text-4xl font-bold text-white shadow-xl">
|
||||
4
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3">วัดผล</h3>
|
||||
<p class="text-gray-600">ติดตามผล วิเคราะห์ข้อมูล ปรับปรุงอย่างต่อเนื่อง เพื่อผลลัพธ์สูงสุด</p>
|
||||
<h3 class="text-xl font-bold mb-3">สนับสนุน</h3>
|
||||
<p class="text-gray-600">ดูแลหลังการติดตั้ง อบรมทีม และปรับปรุงอย่างต่อเนื่อง</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -239,7 +239,7 @@ import Layout from '../layouts/Layout.astro'
|
||||
คำถามที่พบบ่อย
|
||||
</h2>
|
||||
<p class="text-xl text-gray-600">
|
||||
ข้อสงสัยเกี่ยวกับการนำ AI มาใช้ในองค์กร
|
||||
ข้อสงสัยเกี่ยวกับบริการของเรา
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -247,55 +247,55 @@ import Layout from '../layouts/Layout.astro'
|
||||
<!-- FAQ 1 -->
|
||||
<details class="group bg-white rounded-2xl shadow-md overflow-hidden">
|
||||
<summary class="flex justify-between items-center cursor-pointer p-6 font-bold text-lg hover:bg-gray-50 transition">
|
||||
<span>AI Transformation คืออะไร?</span>
|
||||
<span>SMEs ขนาดเล็ก ใช้บริการของคุณได้ไหม?</span>
|
||||
<span class="text-2xl group-open:rotate-45 transition">+</span>
|
||||
</summary>
|
||||
<div class="px-6 pb-6 text-gray-600">
|
||||
AI Transformation คือกระบวนการเปลี่ยนแปลงองค์กร โดยการนำ AI มาใช้ในทุกด้าน เพื่อเพิ่มประสิทธิภาพ ลดต้นทุน และสร้างโอกาสทางธุรกิจใหม่
|
||||
ได้แน่นอน! เราออกแบบบริการสำหรับ SMEs โดยเฉพาะ มีทั้ง Package เล็กสำหรับธุรกิจเริ่มต้น และโซลูชันใหญ่สำหรับธุรกิจที่กำลังขยาย
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- FAQ 2 -->
|
||||
<details class="group bg-white rounded-2xl shadow-md overflow-hidden">
|
||||
<summary class="flex justify-between items-center cursor-pointer p-6 font-bold text-lg hover:bg-gray-50 transition">
|
||||
<span>ธุรกิจของฉันพร้อมสำหรับ AI หรือยัง?</span>
|
||||
<span>ต้องใช้ความรู้ทางเทคนิคไหม?</span>
|
||||
<span class="text-2xl group-open:rotate-45 transition">+</span>
|
||||
</summary>
|
||||
<div class="px-6 pb-6 text-gray-600">
|
||||
ธุรกิจส่วนใหญ่พร้อมใช้ AI แล้ว! เราช่วยวิเคราะห์ความพร้อม และเริ่มต้นจากจุดเล็กๆ ก่อนขยายผล
|
||||
ไม่จำเป็น! เราดูแลทุกอย่างตั้งแต่ต้นจนจบ และอบรมทีมของคุณให้ใช้งานระบบได้อย่างมั่นใจ
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- FAQ 3 -->
|
||||
<details class="group bg-white rounded-2xl shadow-md overflow-hidden">
|
||||
<summary class="flex justify-between items-center cursor-pointer p-6 font-bold text-lg hover:bg-gray-50 transition">
|
||||
<span>ใช้เวลานานแค่ไหนที่จะเห็นผล?</span>
|
||||
<span>ใช้เวลานานแค่ไหนถึงจะเห็นผล?</span>
|
||||
<span class="text-2xl group-open:rotate-45 transition">+</span>
|
||||
</summary>
|
||||
<div class="px-6 pb-6 text-gray-600">
|
||||
โดยทั่วไปจะเริ่มเห็นผลภายใน 1-3 เดือน สำหรับโครงการเล็กๆ และ 6-12 เดือน สำหรับโครงการใหญ่
|
||||
ขึ้นอยู่กับบริการ: เว็บไซต์ใช้เวลา 2-6 สัปดาห์, Marketing Automation เห็นผลใน 1-3 เดือน, SEO ใช้เวลา 3-6 เดือนในการติดอันดับ
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- FAQ 4 -->
|
||||
<details class="group bg-white rounded-2xl shadow-md overflow-hidden">
|
||||
<summary class="flex justify-between items-center cursor-pointer p-6 font-bold text-lg hover:bg-gray-50 transition">
|
||||
<span>ลงทุนเท่าไหร่?</span>
|
||||
<span>มีบริการหลังการขายไหม?</span>
|
||||
<span class="text-2xl group-open:rotate-45 transition">+</span>
|
||||
</summary>
|
||||
<div class="px-6 pb-6 text-gray-600">
|
||||
ขึ้นอยู่กับขอบเขตโครงการ เรามีทั้งโครงการเริ่มต้นหลักหมื่น ไปจนถึงโครงการใหญ่หลักล้าน คุยรายละเอียดได้ฟรี!
|
||||
มี! เราดูแลหลังการติดตั้ง อบรมการใช้งาน และพร้อมให้คำปรึกษาเมื่อคุณต้องการ
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- FAQ 5 -->
|
||||
<details class="group bg-white rounded-2xl shadow-md overflow-hidden">
|
||||
<summary class="flex justify-between items-center cursor-pointer p-6 font-bold text-lg hover:bg-gray-50 transition">
|
||||
<span>พนักงานจะถูกแทนที่ด้วย AI หรือไม่?</span>
|
||||
<span>เริ่มต้นอย่างไร?</span>
|
||||
<span class="text-2xl group-open:rotate-45 transition">+</span>
|
||||
</summary>
|
||||
<div class="px-6 pb-6 text-gray-600">
|
||||
ไม่! AI เป็นเครื่องมือช่วยงาน ไม่ใช่แทนที่คน เราฝึกอบรมให้พนักงานใช้ AI ทำงานได้ดีขึ้น
|
||||
ติดต่อเรามาปรึกษาฟรี! เราจะพูดคุยความต้องการ และแนะนำโซลูชันที่เหมาะสมที่สุดสำหรับธุรกิจคุณ
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
@@ -307,10 +307,10 @@ import Layout from '../layouts/Layout.astro'
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="text-center mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-4 text-secondary">
|
||||
เรื่องน่ารู้เกี่ยวกับ AI
|
||||
บทความน่ารู้
|
||||
</h2>
|
||||
<p class="text-xl text-gray-600">
|
||||
อัปเดตความรู้ AI ล่าสุด เพื่อธุรกิจของคุณ
|
||||
อัปเดตความรู้ IT, AI และการตลาดดิจิตอล
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -318,19 +318,19 @@ import Layout from '../layouts/Layout.astro'
|
||||
<!-- Blog 1 -->
|
||||
<article class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
|
||||
<div class="h-48 gradient-ai flex items-center justify-center">
|
||||
<div class="text-6xl">📝</div>
|
||||
<div class="text-6xl">🤖</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<div class="text-accent-blue text-base font-bold mb-2">AI Strategy</div>
|
||||
<div class="text-accent-blue text-base font-bold mb-2">AI</div>
|
||||
<h3 class="text-xl font-bold mb-3 hover:text-accent-blue transition">
|
||||
<a href="/blog/ai-transformation-guide">
|
||||
คู่มือ AI Transformation สำหรับ SME
|
||||
<a href="/blog/ai-for-sme-thailand">
|
||||
AI คืออะไร และทำไม SMEs ไทยควรรู้จัก
|
||||
</a>
|
||||
</h3>
|
||||
<p class="text-gray-600 text-base mb-4">
|
||||
ขั้นตอนการนำ AI มาใช้ในธุรกิจขนาดกลางและย่อม เริ่มต้นอย่างไร ให้ได้ผลเร็ว
|
||||
ทำความเข้าใจพื้นฐานของ AI และการประยุกต์ใช้กับธุรกิจ SMEs ในประเทศไทย
|
||||
</p>
|
||||
<a href="/blog/ai-transformation-guide" class="text-accent-blue font-medium hover:underline">
|
||||
<a href="/blog/ai-for-sme-thailand" class="text-accent-blue font-medium hover:underline">
|
||||
อ่านเพิ่มเติม →
|
||||
</a>
|
||||
</div>
|
||||
@@ -339,19 +339,19 @@ import Layout from '../layouts/Layout.astro'
|
||||
<!-- Blog 2 -->
|
||||
<article class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
|
||||
<div class="h-48 gradient-primary flex items-center justify-center">
|
||||
<div class="text-6xl">🤖</div>
|
||||
<div class="text-6xl">🔄</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<div class="text-accent-blue text-base font-bold mb-2">Chatbot</div>
|
||||
<div class="text-accent-blue text-base font-bold mb-2">Automation</div>
|
||||
<h3 class="text-xl font-bold mb-3 hover:text-accent-blue transition">
|
||||
<a href="/blog/chatbot-roi">
|
||||
Chatbot ช่วยเพิ่มยอดขายได้อย่างไร?
|
||||
<a href="/blog/marketing-automation-guide">
|
||||
Marketing Automation คืออะไร เริ่มอย่างไรให้สำเร็จ
|
||||
</a>
|
||||
</h3>
|
||||
<p class="text-gray-600 text-base mb-4">
|
||||
กรณีศึกษาจริง การใช้ Chatbot ลดต้นทุนบริการลูกค้า 40% และเพิ่มยอดขาย 25%
|
||||
คู่มือเริ่มต้นการทำ Marketing Automation สำหรับธุรกิจที่ต้องการลดงานซ้ำซ้อน
|
||||
</p>
|
||||
<a href="/blog/chatbot-roi" class="text-accent-blue font-medium hover:underline">
|
||||
<a href="/blog/marketing-automation-guide" class="text-accent-blue font-medium hover:underline">
|
||||
อ่านเพิ่มเติม →
|
||||
</a>
|
||||
</div>
|
||||
@@ -360,19 +360,19 @@ import Layout from '../layouts/Layout.astro'
|
||||
<!-- Blog 3 -->
|
||||
<article class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
|
||||
<div class="h-48 bg-accent-purple flex items-center justify-center">
|
||||
<div class="text-6xl">📊</div>
|
||||
<div class="text-6xl">🔍</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<div class="text-accent-blue text-base font-bold mb-2">Analytics</div>
|
||||
<div class="text-accent-blue text-base font-bold mb-2">SEO</div>
|
||||
<h3 class="text-xl font-bold mb-3 hover:text-accent-blue transition">
|
||||
<a href="/blog/predictive-analytics">
|
||||
Predictive Analytics ทำนายยอดขายล่วงหน้า
|
||||
<a href="/blog/seo-2026-business-guide">
|
||||
SEO ในปี 2026: สิ่งที่เจ้าของธุรกิจต้องรู้
|
||||
</a>
|
||||
</h3>
|
||||
<p class="text-gray-600 text-base mb-4">
|
||||
ใช้ Machine Learning ทำนายยอดขายล่วงหน้า 90% แม่นยำ ช่วยวางแผนสต็อกและการตลาด
|
||||
อัปเดตปัจจัยการจัดอันดับของ Google และวิธีทำให้เว็บติดอันดับ
|
||||
</p>
|
||||
<a href="/blog/predictive-analytics" class="text-accent-blue font-medium hover:underline">
|
||||
<a href="/blog/seo-2026-business-guide" class="text-accent-blue font-medium hover:underline">
|
||||
อ่านเพิ่มเติม →
|
||||
</a>
|
||||
</div>
|
||||
@@ -380,7 +380,7 @@ import Layout from '../layouts/Layout.astro'
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-12">
|
||||
<a href="/category/seo" class="btn-secondary inline-block">
|
||||
<a href="/blog" class="btn-secondary inline-block">
|
||||
ดูบทความทั้งหมด →
|
||||
</a>
|
||||
</div>
|
||||
|
||||
206
src/pages/marketing-automation.astro
Normal file
206
src/pages/marketing-automation.astro
Normal file
@@ -0,0 +1,206 @@
|
||||
---
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
---
|
||||
|
||||
<Layout
|
||||
title="ตั้งค่าระบบ Marketing Automation | MoreminiMore - ส่งข้อความอัตโนมัติ เพิ่มยอดขาย"
|
||||
description="บริการตั้งค่าระบบ Marketing Automation สำหรับ SME ไทย ส่งอีเมล์ ข้อความ LINE อัตโนมัติ ดูแลลูกค้าเก่า ลดงานซ้ำซ้อน ประหยัดเวลา"
|
||||
>
|
||||
<!-- Schema.org Structured Data -->
|
||||
<script type="application/ld+json" set:html={JSON.stringify({
|
||||
"@context": "https://schema.org",
|
||||
"@type": "LocalBusiness",
|
||||
"name": "MoreminiMore Co.,Ltd.",
|
||||
"description": "บริการตั้งค่าระบบ Marketing Automation สำหรับ SME ไทย",
|
||||
"telephone": "+66809955945",
|
||||
"email": "contact@moreminimore.com",
|
||||
"url": "https://www.moreminimore.com/marketing-automation",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"streetAddress": "53 หมู่ 1 ต.บ้านแพ้ว",
|
||||
"addressLocality": "บ้านแพ้ว",
|
||||
"addressRegion": "สมุทรสาคร",
|
||||
"postalCode": "74120",
|
||||
"addressCountry": "TH"
|
||||
},
|
||||
"openingHours": "Mo-Fr 09:00-18:00",
|
||||
"priceRange": "$$",
|
||||
"serviceType": ["Marketing Automation", "Email Marketing", "LINE Marketing"]
|
||||
})} />
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="relative py-24 gradient-primary 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-accent-blue 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">
|
||||
Marketing Automation
|
||||
</h1>
|
||||
<p class="text-2xl text-gray-100 mb-10">
|
||||
ระบบส่งข้อความอัตโนมัติ ดูแลลูกค้า ส่งข่าวสาร ลดงานซ้ำซ้อน ประหยัดเวลา
|
||||
</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="#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-secondary 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">บริการตั้งค่าระบบ Marketing Automation</h2>
|
||||
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-xl text-gray-600 mb-8">
|
||||
Marketing Automation คือการใช้ซอฟต์แวร์ช่วยส่งข้อความและดูแลลูกค้าอัตโนมัติ แทนที่คุณจะต้องนั่งส่งข้อความทีละคน เครื่องมือนี้จะช่วยส่งให้คุณอัตโนมัติ ทำให้คุณมีเวลาทำงานอื่นๆ ที่สำคัญกว่า เหมาะสำหรับธุรกิจที่ต้องการดูแลลูกค้าเก่าให้ดีขึ้นและเพิ่มโอกาสในการขายซ้ำ
|
||||
</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> ส่งอีเมล์ตอบรับ ขอบคุณ ข่าวสาร หรือโปรโมชันอัตโนมัติเมื่อลูกค้าทำอะไรบางอย่าง</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>LINE Messaging อัตโนมัติ:</strong> ส่งข้อความ LINE ให้ลูกค้าอัตโนมัติ ทั้งข้อความต้อนรับ ข่าวสาร และโปรโมชันพิเศษ</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>แบ่งกลุ่มลูกค้าอัตโนมัติ:</strong> จัดกลุ่มลูกค้าตามพฤติกรรม เช่น ลูกค้าใหม่ ลูกค้าเก่า ลูกค้าที่ยังไม่ซื้อซ้ำ</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>ติดตามลูกค้าที่ยังไม่ซื้อ:</strong> ระบบจะส่งข้อความเตือนลูกค้าที่ยังไม่กลับมาซื้อซ้ำโดยอัตโนมัติ</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>รายงานผลตอบแทน:</strong> ดูได้ว่าอีเมล์/ข้อความที่ส่งไปมีประสิทธิภาพแค่ไหน มีคนเปิดดู คลิก หรือซื้อของกี่คน</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>Workflow การขาย:</strong> สร้างกระบวนการขายอัตโนมัติ ตั้งแต่ลูกค้าสนใจจนถึงซื้อของ</span>
|
||||
</li>
|
||||
</ul>
|
||||
</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">วิเคราะห์ธุรกิจและกลุ่มเป้าหมาย กำหนดเป้าหมายการตลาด</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">ตั้งค่าระบบ สร้าง Template ข้อความ กำหนดเงื่อนไขการส่ง</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">เชื่อมต่อกับ LINE, Email, Website หรือระบบที่มีอยู่</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>• ผู้ประกอบการที่ต้องการเพิ่มยอดขายซ้ำโดยไม่ต้องทำการตลาดใหม่ทุกครั้ง</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: Marketing Automation เหมาะกับธุรกิจขนาดเล็กหรือไม่?</h4>
|
||||
<p class="text-gray-600">เหมาะมาก! ธุรกิจขนาดเล็กมักมีทรัพยากรจำกัด ระบบ 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 class="glass p-6 rounded-xl border border-gray-200">
|
||||
<h4 class="font-bold mb-2 text-lg">Q: สามารถส่ง LINE อัตโนมัติได้หรือไม่?</h4>
|
||||
<p class="text-gray-600">ได้เลย! เราสามารถเชื่อมต่อกับ LINE Official Account ของคุณได้ ส่งข้อความต้อนรับ ข่าวสาร โปรโมชัน หรือแม้แต่ข้อความอัตโนมัติเมื่อลูกค้าทำรายการบางอย่าง เช่น สั่งซื้อสำเร็จ</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="/ai-automation" class="btn-secondary">🤖 AI Automation</a>
|
||||
<a href="/seo-content-system" class="btn-secondary">📝 ระบบ SEO + AI</a>
|
||||
<a href="/web-development" class="btn-secondary">🎨 พัฒนาเว็บไซต์</a>
|
||||
</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">
|
||||
ปรึกษาฟรี! ผู้เชี่ยวชาญพร้อมแนะนำระบบที่เหมาะกับธุรกิจของคุณ
|
||||
</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>
|
||||
@@ -11,31 +11,52 @@ import Layout from '../layouts/Layout.astro'
|
||||
|
||||
<div class="max-w-4xl mx-auto bg-white rounded-lg shadow-md p-8">
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-gray-600 mb-8 text-base">
|
||||
บริษัท มอร์มินิมอร์ จำกัด ("เรา", "ของเรา") มุ่งมั่นที่จะปกป้องความเป็นส่วนตัวของคุณ เอกสารนี้อธิบายถึงวิธีการเก็บรวบรวม ใช้ และเปิดเผยข้อมูลส่วนบุคคลของคุณเมื่อคุณใช้งานเว็บไซต์ของเรา
|
||||
<p class="text-gray-700 mb-8 text-base">
|
||||
บริษัท MoreminiMore Co.,Ltd. ("เรา", "ของเรา") มุ่งมั่นที่จะปกป้องความเป็นส่วนตัวของคุณ เอกสารฉบับนี้ชี้แจงรายละเอียดเกี่ยวกับการเก็บรวบรวม ใช้ และเปิดเผยข้อมูลส่วนบุคคลของคุณ ซึ่งดำเนินการตามพระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 (PDPA)
|
||||
</p>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">1. ข้อมูลติดต่อผู้ควบคุมข้อมูล</h2>
|
||||
<!-- Table of Contents -->
|
||||
<div class="bg-yellow-50 rounded-lg p-6 mb-8 border border-yellow-200">
|
||||
<h2 class="text-xl font-bold mb-4 text-secondary">สารบัญ</h2>
|
||||
<nav class="space-y-2">
|
||||
<a href="#section-1" class="block text-gray-700 hover:text-accent-blue transition-colors">1. ข้อมูลติดต่อผู้ควบคุมข้อมูล</a>
|
||||
<a href="#section-2" class="block text-gray-700 hover:text-accent-blue transition-colors">2. วัตถุประสงค์การเก็บรวบรวม ใช้ หรือเปิดเผยข้อมูล</a>
|
||||
<a href="#section-3" class="block text-gray-700 hover:text-accent-blue transition-colors">3. ประเภทข้อมูลส่วนบุคคลที่เก็บรวบรวม</a>
|
||||
<a href="#section-4" class="block text-gray-700 hover:text-accent-blue transition-colors">4. ฐานกฎหมายสำหรับการประมวลผลข้อมูล</a>
|
||||
<a href="#section-5" class="block text-gray-700 hover:text-accent-blue transition-colors">5. ระยะเวลาการเก็บรักษาข้อมูล</a>
|
||||
<a href="#section-6" class="block text-gray-700 hover:text-accent-blue transition-colors">6. การเปิดเผยหรือโอนข้อมูลส่วนบุคคล</a>
|
||||
<a href="#section-7" class="block text-gray-700 hover:text-accent-blue transition-colors">7. การโอนข้อมูลไปต่างประเทศ</a>
|
||||
<a href="#section-8" class="block text-gray-700 hover:text-accent-blue transition-colors">8. การตัดสินใจโดยอัตโนมัติ</a>
|
||||
<a href="#section-9" class="block text-gray-700 hover:text-accent-blue transition-colors">9. คุกกี้และเทคโนโลยีติดตาม</a>
|
||||
<a href="#section-10" class="block text-gray-700 hover:text-accent-blue transition-colors">10. สิทธิของเจ้าของข้อมูล</a>
|
||||
<a href="#section-11" class="block text-gray-700 hover:text-accent-blue transition-colors">11. มาตรการรักษาความปลอดภัย</a>
|
||||
<a href="#section-12" class="block text-gray-700 hover:text-accent-blue transition-colors">12. ข้อมูลติดต่อเจ้าหน้าที่คุ้มครองข้อมูลส่วนบุคคล</a>
|
||||
<a href="#section-13" class="block text-gray-700 hover:text-accent-blue transition-colors">13. สิทธิในการร้องเรียน</a>
|
||||
<a href="#section-14" class="block text-gray-700 hover:text-accent-blue transition-colors">14. เวอร์ชันนโยบายและวันที่มีผลบังคับใช้</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<h2 id="section-1" class="text-2xl font-bold mb-4 text-secondary mt-8">1. ข้อมูลติดต่อผู้ควบคุมข้อมูล</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
<strong>ผู้ควบคุมข้อมูล:</strong> บริษัท มอร์มินิมอร์ จำกัด<br />
|
||||
<strong>ผู้ควบคุมข้อมูล:</strong> MoreminiMore Co.,Ltd.<br />
|
||||
<strong>ที่อยู่:</strong> ประเทศไทย<br />
|
||||
<strong>อีเมล:</strong> <a href="mailto:contact@moreminimore.com" class="text-accent-blue hover:underline">contact@moreminimore.com</a><br />
|
||||
<strong>โทรศัพท์:</strong> <a href="tel:0809955945" class="text-accent-blue hover:underline">080-995-5945</a><br />
|
||||
<strong>Line:</strong> @moreminimore
|
||||
</p>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">2. วัตถุประสงค์การเก็บรวบรวม ใช้ หรือเปิดเผยข้อมูล</h2>
|
||||
<h2 id="section-2" class="text-2xl font-bold mb-4 text-secondary mt-8">2. วัตถุประสงค์การเก็บรวบรวม ใช้ หรือเปิดเผยข้อมูล</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
เราเก็บรวบรวมและใช้ข้อมูลส่วนบุคคลของคุณเพื่อวัตถุประสงค์ดังต่อไปนี้:
|
||||
เราดำเนินการเก็บรวบรวมและใช้ข้อมูลส่วนบุคคลของคุณ โดยมีวัตถุประสงค์ดังต่อไปนี้:
|
||||
</p>
|
||||
<ul class="list-disc pl-6 mb-6 text-gray-600 space-y-2">
|
||||
<li>เพื่อให้บริการและตอบสนองต่อการติดต่อของคุณ</li>
|
||||
<li>เพื่อปรับปรุงและพัฒนาเว็บไซต์ของเรา</li>
|
||||
<li>เพื่อส่งข้อมูลข่าวสารการตลาด (เฉพาะเมื่อคุณให้ความยินยอม)</li>
|
||||
<li>เพื่อปฏิบัติตามข้อกำหนดทางกฎหมาย</li>
|
||||
<li>เพื่อปรับปรุงและพัฒนาเว็บไซต์และบริการของเรา</li>
|
||||
<li>เพื่อส่งข้อมูลข่าวสารและการตลาด (เฉพาะกรณีที่คุณให้ความยินยอม)</li>
|
||||
<li>เพื่อปฏิบัติตามข้อกำหนดทางกฎหมายที่ใช้บังคับ</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">3. ประเภทข้อมูลส่วนบุคคลที่เก็บรวบรวม</h2>
|
||||
<h2 id="section-3" class="text-2xl font-bold mb-4 text-secondary mt-8">3. ประเภทข้อมูลส่วนบุคคลที่เก็บรวบรวม</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
เราอาจเก็บรวบรวมข้อมูลส่วนบุคคลดังต่อไปนี้:
|
||||
</p>
|
||||
@@ -45,18 +66,18 @@ import Layout from '../layouts/Layout.astro'
|
||||
<li><strong>ข้อมูลอุปกรณ์:</strong> ประเภทเบราว์เซอร์, ระบบปฏิบัติการ, ที่อยู่ IP (ในรูปแบบ hashed)</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">4. ฐานกฎหมายสำหรับการประมวลผลข้อมูล</h2>
|
||||
<h2 id="section-4" class="text-2xl font-bold mb-4 text-secondary mt-8">4. ฐานกฎหมายสำหรับการประมวลผลข้อมูล</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
เราประมวลผลข้อมูลส่วนบุคคลของคุณตามฐานกฎหมายดังต่อไปนี้:
|
||||
เราดำเนินการประมวลผลข้อมูลส่วนบุคคลของคุณตามฐานกฎหมายดังต่อไปนี้:
|
||||
</p>
|
||||
<ul class="list-disc pl-6 mb-6 text-gray-600 space-y-2">
|
||||
<li><strong>ความยินยอม:</strong> คุณได้ให้ความยินยอมอย่างชัดเจน</li>
|
||||
<li><strong>ความยินยอม:</strong> คุณได้ให้ความยินยอมอย่างชัดเจนโดยสมัครใจ</li>
|
||||
<li><strong>การปฏิบัติตามสัญญา:</strong> เพื่อปฏิบัติตามข้อตกลงกับคุณ</li>
|
||||
<li><strong>ผลประโยชน์โดยชอบด้วยกฎหมาย:</strong> เพื่อดำเนินธุรกิจของเราอย่างถูกต้องตามกฎหมาย</li>
|
||||
<li><strong>ข้อกำหนดทางกฎหมาย:</strong> เพื่อปฏิบัติตามข้อบังคับที่ใช้บังคับ</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">5. ระยะเวลาการเก็บรักษาข้อมูล</h2>
|
||||
<h2 id="section-5" class="text-2xl font-bold mb-4 text-secondary mt-8">5. ระยะเวลาการเก็บรักษาข้อมูล</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
เราจะเก็บรักษาข้อมูลส่วนบุคคลของคุณเฉพาะในช่วงเวลาที่จำเป็นเพื่อวัตถุประสงค์ที่ระบุไว้ในนโยบายนี้ หรือตามที่กฎหมายกำหนด โดยทั่วไป:
|
||||
</p>
|
||||
@@ -66,9 +87,9 @@ import Layout from '../layouts/Layout.astro'
|
||||
<li>ข้อมูลการใช้งาน: 26 เดือน (สำหรับ Umami Analytics)</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">6. การเปิดเผยหรือโอนข้อมูลส่วนบุคคล</h2>
|
||||
<h2 id="section-6" class="text-2xl font-bold mb-4 text-secondary mt-8">6. การเปิดเผยหรือโอนข้อมูลส่วนบุคคล</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
เราจะไม่ขายหรือให้เช่าข้อมูลส่วนบุคคลของคุณ เราอาจเปิดเผยข้อมูลของคุณในกรณีดังต่อไปนี้:
|
||||
เราจะไม่ขายหรือให้เช่าข้อมูลส่วนบุคคลของคุณแก่บุคคลภายนอก เราอาจเปิดเผยข้อมูลของคุณในกรณีดังต่อไปนี้:
|
||||
</p>
|
||||
<ul class="list-disc pl-6 mb-6 text-gray-600 space-y-2">
|
||||
<li>กับผู้ให้บริการที่สามที่ช่วยเราดำเนินธุรกิจ (เช่น ผู้ให้บริการโฮสติ้ง, เครื่องมือวิเคราะห์)</li>
|
||||
@@ -76,22 +97,22 @@ import Layout from '../layouts/Layout.astro'
|
||||
<li>เพื่อปกป้องสิทธิและทรัพย์สินของเรา</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">7. การโอนข้อมูลไปต่างประเทศ</h2>
|
||||
<h2 id="section-7" class="text-2xl font-bold mb-4 text-secondary mt-8">7. การโอนข้อมูลไปต่างประเทศ</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
ข้อมูลของคุณอาจถูกโอนไปยังและประมวลผลในประเทศนอกเหนือจากประเทศไทย ผู้ให้บริการของเราถูกกำหนดให้ปกป้องข้อมูลของคุณตามมาตรฐานที่คล้ายคลึงกับ PDPA
|
||||
</p>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">8. การตัดสินใจโดยอัตโนมัติ</h2>
|
||||
<h2 id="section-8" class="text-2xl font-bold mb-4 text-secondary mt-8">8. การตัดสินใจโดยอัตโนมัติ</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
เราไม่ใช้การตัดสินใจโดยอัตโนมัติหรือการสร้างโปรไฟล์ที่มีนัยสำคัญทางกฎหมายต่อคุณ
|
||||
</p>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">9. คุกกี้และเทคโนโลยีติดตาม</h2>
|
||||
<h2 id="section-9" class="text-2xl font-bold mb-4 text-secondary mt-8">9. คุกกี้และเทคโนโลยีติดตาม</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
เราใช้คุกกี้เพื่อปรับปรุงประสบการณ์การใช้งานของคุณ:
|
||||
</p>
|
||||
<ul class="list-disc pl-6 mb-6 text-gray-600 space-y-2">
|
||||
<li><strong>คุกกี้ที่จำเป็น:</strong> จำคัญสำหรับการทำงานของเว็บไซต์ (ไม่สามารถปฏิเสธได้)</li>
|
||||
<li><strong>คุกกี้ที่จำเป็น:</strong> จำเป็นสำหรับการทำงานของเว็บไซต์ (ไม่สามารถปฏิเสธได้)</li>
|
||||
<li><strong>คุกกี้การวิเคราะห์:</strong> ช่วยให้เข้าใจการใช้งานเว็บไซต์ (ต้องได้รับความยินยอม)</li>
|
||||
<li><strong>คุกกี้การตลาด:</strong> ใช้สำหรับโฆษณา (ต้องได้รับความยินยอม)</li>
|
||||
</ul>
|
||||
@@ -99,24 +120,25 @@ import Layout from '../layouts/Layout.astro'
|
||||
คุณสามารถจัดการการตั้งค่าคุกกี้ได้ตลอดเวลาผ่านแบนเนอร์คุกกี้บนเว็บไซต์ของเรา
|
||||
</p>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">10. สิทธิของเจ้าของข้อมูล</h2>
|
||||
<h2 id="section-10" class="text-2xl font-bold mb-4 text-secondary mt-8">10. สิทธิของเจ้าของข้อมูล</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
ภายใต้ PDPA คุณมีสิทธิดังต่อไปนี้:
|
||||
ภายใต้พระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 คุณมีสิทธิดังต่อไปนี้:
|
||||
</p>
|
||||
<ul class="list-disc pl-6 mb-6 text-gray-600 space-y-2">
|
||||
<li><strong>สิทธิในการเข้าถึง:</strong> ขอเข้าถึงข้อมูลส่วนบุคคลของคุณ</li>
|
||||
<li><strong>สิทธิในการแก้ไข:</strong> ขอให้แก้ไขข้อมูลที่ไม่ถูกต้อง</li>
|
||||
<li><strong>สิทธิในการลบ:</strong> ขอลบข้อมูลส่วนบุคคลของคุณ (Right to be Forgotten)</li>
|
||||
<li><strong>สิทธิในการระงับ:</strong> ขอให้ระงับการประมวลผลข้อมูล</li>
|
||||
<li><strong>สิทธิในการโอนย้าย:</strong> ขอรับข้อมูลในรูปแบบที่สามารถโอนย้ายได้</li>
|
||||
<li><strong>สิทธิในการคัดค้าน:</strong> คัดค้านการประมวลผลข้อมูล</li>
|
||||
<li><strong>สิทธิในการเพิกถอนความยินยอม:</strong> เพิกถอนความยินยอมเมื่อใดก็ได้</li>
|
||||
<li><strong>สิทธิในการเข้าถึง:</strong> ขอเข้าถึงและขอรับสำเนาข้อมูลส่วนบุคคลของคุณ</li>
|
||||
<li><strong>สิทธิในการแก้ไข:</strong> ขอให้แก้ไขข้อมูลที่ไม่ถูกต้องหรือไม่สมบูรณ์</li>
|
||||
<li><strong>สิทธิในการลบ:</strong> ขอลบข้อมูลส่วนบุคคลของคุณ (สิทธิที่จะถูกลืม)</li>
|
||||
<li><strong>สิทธิในการระงับการใช้:</strong> ขอให้ระงับการประมวลผลข้อมูลชั่วคราว</li>
|
||||
<li><strong>สิทธิในการโอนย้าย:</strong> ขอรับข้อมูลในรูปแบบที่สามารถอ่านได้ด้วยเครื่องหรือโอนข้อมูลไปยังผู้ควบคุมข้อมูลอื่น</li>
|
||||
<li><strong>สิทธิในการคัดค้าน:</strong> คัดค้านการประมวลผลข้อมูลส่วนบุคคล</li>
|
||||
<li><strong>สิทธิในการจำกัดการประมวลผล:</strong> ขอให้จำกัดการประมวลผลในกรณีที่กฎหมายกำหนด</li>
|
||||
<li><strong>สิทธิในการเพิกถอนความยินยอม:</strong> เพิกถอนความยินยอมเมื่อใดก็ได้โดยไม่กระทบต่อการประมวลผลที่ได้กระทำไปก่อนหน้า</li>
|
||||
</ul>
|
||||
<p class="mb-6 text-gray-600">
|
||||
ในการใช้สิทธิเหล่านี้ กรุณาติดต่อเราที่ <a href="mailto:contact@moreminimore.com" class="text-accent-blue hover:underline">contact@moreminimore.com</a>
|
||||
</p>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">11. มาตรการรักษาความปลอดภัย</h2>
|
||||
<h2 id="section-11" class="text-2xl font-bold mb-4 text-secondary mt-8">11. มาตรการรักษาความปลอดภัย</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
เราใช้มาตรการรักษาความปลอดภัยที่เหมาะสมเพื่อปกป้องข้อมูลส่วนบุคคลของคุณ:
|
||||
</p>
|
||||
@@ -127,19 +149,19 @@ import Layout from '../layouts/Layout.astro'
|
||||
<li>การประเมินความปลอดภัยอย่างสม่ำเสมอ</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">12. ข้อมูลติดต่อ DPO</h2>
|
||||
<h2 id="section-12" class="text-2xl font-bold mb-4 text-secondary mt-8">12. ข้อมูลติดต่อเจ้าหน้าที่คุ้มครองข้อมูลส่วนบุคคล</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
หากคุณมีคำถามเกี่ยวกับความเป็นส่วนตัวหรือการปกป้องข้อมูล กรุณาติดต่อเจ้าหน้าที่คุ้มครองข้อมูล:
|
||||
หากคุณมีคำถามเกี่ยวกับความเป็นส่วนตัวหรือการปกป้องข้อมูลส่วนบุคคล กรุณาติดต่อเจ้าหน้าที่คุ้มครองข้อมูลส่วนบุคคล (DPO) ของเรา:
|
||||
<br />อีเมล: <a href="mailto:contact@moreminimore.com" class="text-accent-blue hover:underline">contact@moreminimore.com</a>
|
||||
</p>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">13. สิทธิในการร้องเรียน</h2>
|
||||
<h2 id="section-13" class="text-2xl font-bold mb-4 text-secondary mt-8">13. สิทธิในการร้องเรียน</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
คุณมีสิทธิในการร้องเรียนต่อคณะกรรมการคุ้มครองข้อมูลส่วนบุคคล (PDPC) หากคุณเชื่อว่าการประมวลผลข้อมูลของคุณละเมิด PDPA
|
||||
คุณมีสิทธิในการร้องเรียนต่อคณะกรรมการคุ้มครองข้อมูลส่วนบุคคล (PDPC) หากคุณเชื่อว่าการประมวลผลข้อมูลส่วนบุคคลของคุณละเมิดพระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562
|
||||
<br /><strong>ติดต่อ PDPC:</strong> สำนักงานคณะกรรมการคุ้มครองข้อมูลส่วนบุคคล
|
||||
</p>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">14. เวอร์ชันนโยบายและวันที่มีผลบังคับใช้</h2>
|
||||
<h2 id="section-14" class="text-2xl font-bold mb-4 text-secondary mt-8">14. เวอร์ชันนโยบายและวันที่มีผลบังคับใช้</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
<strong>เวอร์ชัน:</strong> 1.0.0<br />
|
||||
<strong>วันที่มีผลบังคับใช้:</strong> {new Date().toLocaleDateString('th-TH', { year: 'numeric', month: 'long', day: 'numeric' })}<br />
|
||||
|
||||
211
src/pages/seo-content-system.astro
Normal file
211
src/pages/seo-content-system.astro
Normal file
@@ -0,0 +1,211 @@
|
||||
---
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
---
|
||||
|
||||
<Layout
|
||||
title="ระบบ SEO + AI Content | MoreminiMore - เขียนเนื้อหา SEO ด้วย AI ติด Google อันดับ 1"
|
||||
description="บริการระบบ SEO และเขียนเนื้อหาด้วย AI สำหรับ SME ไทย วิเคราะห์คีย์เวิร์ด สร้างเนื้อหาที่ Google ชอบ เพิ่มทราฟฟิกเว็บไซต์ ติดอันดับแรก"
|
||||
>
|
||||
<!-- Schema.org Structured Data -->
|
||||
<script type="application/ld+json" set:html={JSON.stringify({
|
||||
"@context": "https://schema.org",
|
||||
"@type": "LocalBusiness",
|
||||
"name": "MoreminiMore Co.,Ltd.",
|
||||
"description": "บริการระบบ SEO และเขียนเนื้อหาด้วย AI สำหรับ SME ไทย",
|
||||
"telephone": "+66809955945",
|
||||
"email": "contact@moreminimore.com",
|
||||
"url": "https://www.moreminimore.com/seo-content-system",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"streetAddress": "53 หมู่ 1 ต.บ้านแพ้ว",
|
||||
"addressLocality": "บ้านแพ้ว",
|
||||
"addressRegion": "สมุทรสาคร",
|
||||
"postalCode": "74120",
|
||||
"addressCountry": "TH"
|
||||
},
|
||||
"openingHours": "Mo-Fr 09:00-18:00",
|
||||
"priceRange": "$$",
|
||||
"serviceType": ["SEO", "AI Content Writing", "Content Marketing"]
|
||||
})} />
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="relative py-24 gradient-hero text-secondary overflow-hidden">
|
||||
<div class="absolute inset-0 opacity-20">
|
||||
<div class="absolute top-20 right-10 w-96 h-96 bg-primary rounded-full mix-blend-overlay filter blur-3xl animate-float"></div>
|
||||
<div class="absolute bottom-10 left-10 w-96 h-96 bg-accent-blue 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">
|
||||
ระบบ SEO + AI Content
|
||||
</h1>
|
||||
<p class="text-2xl text-gray-700 mb-10">
|
||||
เขียนเนื้อหาที่ Google ชอบ ด้วย AI ช่วยสร้าง เพิ่มทราฟฟิก ติดอันดับต้นๆ
|
||||
</p>
|
||||
<div class="flex flex-col sm:flex-row gap-5 justify-center">
|
||||
<a href="tel:0809955945" class="bg-primary text-white px-8 py-4 rounded-full font-bold text-lg hover:bg-opacity-90 transition shadow-xl inline-flex items-center justify-center gap-2">
|
||||
📞 080-995-5945
|
||||
</a>
|
||||
<a href="#contact" class="bg-transparent border-2 border-secondary text-secondary px-8 py-4 rounded-full font-bold text-lg hover:bg-secondary hover:text-white 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">บริการระบบ SEO และ AI Content</h2>
|
||||
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-xl text-gray-600 mb-8">
|
||||
SEO (Search Engine Optimization) คือการทำให้เว็บไซต์ของคุณติดอันดับต้นๆ ใน Google เมื่อคนค้นหาคำที่เกี่ยวข้องกับธุรกิจของคุณ ยิ่งติดอันดับสูง ยิ่งมีคนเห็นมากขึ้น เราช่วยคุณทำ SEO อย่างมีประสิทธิภาพ ด้วยการวิเคราะห์คีย์เวิร์ดและสร้างเนื้อหาที่ทั้งคนและ Google ชอบ
|
||||
</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> ค้นหาคำที่ลูกค้าจริงๆ ค้นหา วิเคราะห์การแข่งขัน เลือกคำที่มีโอกาสติดอันดับสูง</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>เขียนเนื้อหาด้วย AI:</strong> สร้างบทความที่มีคุณภาพ ตรงประเด็น และเหมาะกับ SEO ใช้เวลาสั้นกว่าการเขียนเอง</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>วิเคราะห์คู่แข่ง:</strong> ดูว่าคู่แข่งทำ SEO อย่างไร นำมาปรับใช้ให้ดีกว่า</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>ปรับปรุงเว็บไซต์:</strong> แก้ไขโครงสร้างเว็บไซต์ให้ Google อ่านง่าย ขึ้นอันดับเร็วขึ้น</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>รายงานผลการทำ SEO:</strong> รายงานประจำเดือน ให้เห็นว่าอันดับดีขึ้นแค่ไหน มีคนเข้าชมเท่าไหร่</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>ระบบ Content Calendar:</strong> วางแผนเขียนเนื้อหาสม่ำเสมอ สร้างความน่าเชื่อถือให้ธุรกิจ</span>
|
||||
</li>
|
||||
</ul>
|
||||
</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">กระบวนการทำ SEO</h2>
|
||||
|
||||
<div class="grid md:grid-cols-5 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">วิเคราะห์คีย์เวิร์ดและคู่แข่ง</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">กำหนดกลยุทธ์และแผนเนื้อหา</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">สร้างเนื้อหาด้วย 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">4. ปรับ</h4>
|
||||
<p class="text-gray-600 text-sm">ปรับแต่ง Technical SEO</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">5. วัดผล</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>• ธุรกิจที่ต้องการให้ลูกค้าค้นหาเจอใน Google ง่ายขึ้น</li>
|
||||
<li>• ร้านค้าออนไลน์ที่ต้องการเพิ่มทราฟฟิกเว็บไซต์</li>
|
||||
<li>• บริษัทที่ต้องการสร้างความน่าเชื่อถือผ่านเนื้อหาคุณภาพ</li>
|
||||
<li>• ผู้ประกอบการที่ต้องการแข่งขันกับคู่แข่งในออนไลน์</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: SEO ใช้เวลานานเท่าไหร่กว่าจะเห็นผล?</h4>
|
||||
<p class="text-gray-600">โดยทั่วไปใช้เวลาประมาณ 3-6 เดือนเพื่อเห็นผลที่ชัดเจน ขึ้นอยู่กับความแข่งขันของคีย์เวิร์ดและสถานะเว็บไซต์ปัจจุบัน ยิ่งทำ SEO สม่ำเสมอ ผลลัพธ์จะยิ่งดีขึ้นและคงทนในระยะยาว</p>
|
||||
</div>
|
||||
|
||||
<div class="glass p-6 rounded-xl border border-gray-200">
|
||||
<h4 class="font-bold mb-2 text-lg">Q: AI เขียนเนื้อหา SEO ได้ดีจริงหรือไม่?</h4>
|
||||
<p class="text-gray-600">AI สามารถช่วยสร้างเนื้อหาได้อย่างรวดเร็ว แต่ต้องมีการตรวจสอบและปรับแต่งโดยผู้เชี่ยวชาญ เราใช้ AI ช่วยสร้างโครงสร้างและเนื้อหาพื้นฐาน จากนั้นผู้เชี่ยวชาญจะปรับแต่งให้เหมาะกับกลุ่มเป้าหมายและเพิ่มความน่าเชื่อถือ</p>
|
||||
</div>
|
||||
|
||||
<div class="glass p-6 rounded-xl border border-gray-200">
|
||||
<h4 class="font-bold mb-2 text-lg">Q: ต่างจากการทำ Google Ads อย่างไร?</h4>
|
||||
<p class="text-gray-600">Google Ads เป็นการซื้อโฆษณา เห็นผลเร็วแต่ต้องจ่ายเงินตลอดเวลา SEO เป็นการสร้างความน่าเชื่อถือตามธรรมชาติ ใช้เวลานานกว่าแต่ผลลัพธ์จะคงทนและไม่ต้องจ่ายค่า Click สองวิธีเสริมกันได้ดี</p>
|
||||
</div>
|
||||
|
||||
<div class="glass p-6 rounded-xl border border-gray-200">
|
||||
<h4 class="font-bold mb-2 text-lg">Q: ทำ SEO แล้วรับประกันติดอันดับ 1 หรือไม่?</h4>
|
||||
<p class="text-gray-600">ไม่มีใครสามารถรับประกันได้ 100% เพราะ Google เป็นผู้กำหนันดัดอบ แต่เรารับประกันว่าจะทำตาม Best Practice ของ SEO อย่างถูกต้อง ทำให้มีโอกาสติดอันดับสูงขึ้นอย่างแน่นอน</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="/ai-automation" class="btn-secondary">🤖 AI Automation</a>
|
||||
<a href="/marketing-automation" class="btn-secondary">📧 Marketing Automation</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">
|
||||
พร้อมให้เว็บไซต์ติดอันดับ Google แล้วหรือยัง?
|
||||
</h2>
|
||||
<p class="text-xl text-gray-100 mb-10 max-w-2xl mx-auto">
|
||||
ปรึกษาฟรี! วิเคราะห์เว็บไซต์ของคุณและแนะนำแผน SEO ที่เหมาะสม
|
||||
</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>
|
||||
206
src/pages/tech-consult.astro
Normal file
206
src/pages/tech-consult.astro
Normal file
@@ -0,0 +1,206 @@
|
||||
---
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
---
|
||||
|
||||
<Layout
|
||||
title="ที่ปรึกษาโครงสร้างพื้นฐาน IT | MoreminiMore - วางระบบ IT ให้ธุรกิจ เลือกอุปกรณ์ เลือกซอฟต์แวร์"
|
||||
description="บริการที่ปรึกษาโครงสร้างพื้นฐาน IT สำหรับ SME ไทย วางระบบเครือข่าย เลือกฮาร์ดแวร์ ซอฟต์แวร์ ปรับปรุงระบบให้มีประสิทธิภาพ ลดค่าใช้จ่าย"
|
||||
>
|
||||
<!-- Schema.org Structured Data -->
|
||||
<script type="application/ld+json" set:html={JSON.stringify({
|
||||
"@context": "https://schema.org",
|
||||
"@type": "LocalBusiness",
|
||||
"name": "MoreminiMore Co.,Ltd.",
|
||||
"description": "บริการที่ปรึกษาโครงสร้างพื้นฐาน IT สำหรับ SME ไทย",
|
||||
"telephone": "+66809955945",
|
||||
"email": "contact@moreminimore.com",
|
||||
"url": "https://www.moreminimore.com/tech-consult",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"streetAddress": "53 หมู่ 1 ต.บ้านแพ้ว",
|
||||
"addressLocality": "บ้านแพ้ว",
|
||||
"addressRegion": "สมุทรสาคร",
|
||||
"postalCode": "74120",
|
||||
"addressCountry": "TH"
|
||||
},
|
||||
"openingHours": "Mo-Fr 09:00-18:00",
|
||||
"priceRange": "$$",
|
||||
"serviceType": ["IT Consulting", "Infrastructure Design", "Software Selection"]
|
||||
})} />
|
||||
|
||||
<!-- 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-accent-blue 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">
|
||||
ที่ปรึกษาโครงสร้างพื้นฐาน IT
|
||||
</h1>
|
||||
<p class="text-2xl text-gray-100 mb-10">
|
||||
วางระบบ IT ให้ธุรกิจ เลือกอุปกรณ์และซอฟต์แวร์ที่เหมาะสม ลดค่าใช้จ่าย เพิ่มประสิทธิภาพ
|
||||
</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">บริการที่ปรึกษาโครงสร้างพื้นฐาน IT</h2>
|
||||
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-xl text-gray-600 mb-8">
|
||||
หลายธุรกิจมีระบบ IT ที่ไม่ลงตัว ซื้อซอฟต์แวร์แพงเกินไป หรือใช้งานไม่คุ้ม เราช่วยวิเคราะห์สถานะปัจจุบันของคุณ แนะนำระบบที่เหมาะสม ช่วยลดค่าใช้จ่ายที่ไม่จำเป็น และเพิ่มประสิทธิภาพการทำงานของทีม
|
||||
</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>วิเคราะห์ระบบ IT ปัจจุบัน:</strong> ตรวจสอบฮาร์ดแวร์ ซอฟต์แวร์ และการทำงานร่วมกันของระบบ</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>แนะนำฮาร์ดแวร์ที่เหมาะสม:</strong> เลือกคอมพิวเตอร์ เซิร์ฟเวอร์ อุปกรณ์เครือข่าย ที่ตรงกับความต้องการและงบประมาณ</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>เลือกซอฟต์แวร์ที่คุ้มค่า:</strong> แนะนำโปรแกรมและเครื่องมือที่เหมาะกับลักษณะงาน ทั้งฟรีและเสียเงิน</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>ออกแบบระบบเครือข่าย:</strong> วางระบบ Wi-Fi สาย LAN และการเชื่อมต่อที่มั่นคงปลอดภัย</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>วางแผนสำรองข้อมูล:</strong> ออกแบบระบบ Backup และกู้คืนข้อมูล ป้องกันการสูญหาย</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>แนะนำ Cloud Services:</strong> ช่วยเลือกบริการ Cloud ที่เหมาะสม ลดต้นทุนค่าบำรุงรักษา</span>
|
||||
</li>
|
||||
</ul>
|
||||
</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">สำรวจระบบ IT ปัจจุบันทั้งหมด</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">วิเคราะห์ปัญหาและโอกาสปรับปรุง</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>• บริษัทที่มีปัญหาระบบ IT ล่ม ช้า หรือไม่เสถียร</li>
|
||||
<li>• ธุรกิจที่กำลังขยายตัวและต้องการวางระบบ IT ใหม่</li>
|
||||
<li>• ผู้ประกอบการที่ต้องการลดค่าใช้จ่ายด้าน IT</li>
|
||||
<li>• บริษัทที่ต้องการคำแนะนำการเลือกซอฟต์แวร์หรือ Cloud Services</li>
|
||||
<li>• ธุรกิจที่ต้องการระบบ Backup และความปลอดภัยข้อมูล</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: ค่าบริการที่ปรึกษาเป็นอย่างไร?</h4>
|
||||
<p class="text-gray-600">ค่าบริการขึ้นอยู่กับขนาดและความซับซ้อนของระบบ เราจะประเมินก่อนและแจ้งราคาที่ชัดเจนก่อนเริ่มงาน คุณสามารถเลือกรับเฉพาะคำแนะนำหรือจ้างดูแลต่อเนื่องก็ได้</p>
|
||||
</div>
|
||||
|
||||
<div class="glass p-6 rounded-xl border border-gray-200">
|
||||
<h4 class="font-bold mb-2 text-lg">Q: ช่วยดูแลระบบ IT ต่อเนื่องได้หรือไม่?</h4>
|
||||
<p class="text-gray-600">ได้เลย เรามีบริการดูแลระบบ IT รายเดือน ช่วยแก้ไขปัญหา อัปเดตความปลอดภัย และให้คำปรึกษาอย่างต่อเนื่อง คุณมั่นใจได้ว่าระบบจะทำงานได้อย่างราบรื่น</p>
|
||||
</div>
|
||||
|
||||
<div class="glass p-6 rounded-xl border border-gray-200">
|
||||
<h4 class="font-bold mb-2 text-lg">Q: ควรใช้ Cloud Services หรือ Server เองดี?</h4>
|
||||
<p class="text-gray-600">ขึ้นอยู่กับความต้องการและงบประมาณ Cloud เหมาะกับธุรกิจที่ต้องการความยืดหยุ่น ลดต้นทุนลงทุนเริ่มต้น ส่วน Server เองเหมาะกับธุรกิจที่มีข้อมูลละเอียดอ่อนหรือต้องการควบคุมเอง เราจะช่วยวิเคราะห์ให้</p>
|
||||
</div>
|
||||
|
||||
<div class="glass p-6 rounded-xl border border-gray-200">
|
||||
<h4 class="font-bold mb-2 text-lg">Q: ธุรกิจขนาดเล็กมีความจำเป็นต้องมี IT ที่ซับซ้อนหรือไม่?</h4>
|
||||
<p class="text-gray-600">ไม่จำเป็นเสมอไป เราจะแนะนำระบบที่เหมาะกับขนาดธุรกิจ บางธุรกิจอาจใช้แค่อีเมล์ Cloud Storage และโปรแกรมบัญชีก็เพียงพอ การมีระบบที่ซับซ้อนเกินไปจะเป็นภาระและเพิ่มค่าใช้จ่ายโดยไม่จำเป็น</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="/ai-strategy-consult" class="btn-secondary">🎯 ที่ปรึกษากลยุทธ์ AI</a>
|
||||
<a href="/web-development" class="btn-secondary">🎨 พัฒนาเว็บไซต์</a>
|
||||
<a href="/ai-automation" class="btn-secondary">🤖 AI Automation</a>
|
||||
</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">
|
||||
มีปัญหาด้าน IT? ปรึกษาผู้เชี่ยวชาญ
|
||||
</h2>
|
||||
<p class="text-xl text-gray-600 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="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>
|
||||
@@ -11,7 +11,7 @@ import Layout from '../layouts/Layout.astro'
|
||||
|
||||
<div class="max-w-4xl mx-auto bg-white rounded-lg shadow-md p-8">
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-gray-600 mb-8 text-base">
|
||||
<p class="text-gray-700 mb-8 text-base">
|
||||
กรุณาอ่านข้อกำหนดและเงื่อนไขเหล่านี้อย่างละเอียดก่อนใช้งานเว็บไซต์และบริการของบริษัท มอร์มินิมอร์ จำกัด ("เรา", "ของเรา")
|
||||
การใช้เว็บไซต์และบริการของเราแสดงว่าคุณยอมรับและตกลงที่จะปฏิบัติตามข้อกำหนดเหล่านี้
|
||||
</p>
|
||||
@@ -23,17 +23,18 @@ import Layout from '../layouts/Layout.astro'
|
||||
</p>
|
||||
|
||||
<h2 class="text-2xl font-bold mb-4 text-secondary mt-8">2. บริการของเรา</h2>
|
||||
<p class="mb-6 text-gray-600">
|
||||
<p class="mb-6 text-gray-700">
|
||||
เราให้บริการดังต่อไปนี้:
|
||||
</p>
|
||||
<ul class="list-disc pl-6 mb-6 text-gray-600 space-y-2">
|
||||
<li>ที่ปรึกษากลยุทธ์ AI (AI Strategy Consulting)</li>
|
||||
<li>AI Automation และ Chatbot</li>
|
||||
<li>การฝึกอบรม AI (AI Training)</li>
|
||||
<li>AI Analytics และการวิเคราะห์ข้อมูล</li>
|
||||
<ul class="list-disc pl-6 mb-6 text-gray-700 space-y-2">
|
||||
<li>AI-Enhanced Website Development</li>
|
||||
<li>Marketing Automation Setup</li>
|
||||
<li>SEO + AI Content System</li>
|
||||
<li>Tech Infrastructure Consultation</li>
|
||||
<li>AI Automation (Chatbot, Workflow)</li>
|
||||
<li>บริการอื่นๆ ที่เกี่ยวข้อง</li>
|
||||
</ul>
|
||||
<p class="mb-6 text-gray-600">
|
||||
<p class="mb-6 text-gray-700">
|
||||
รายละเอียดและขอบเขตของบริการจะเป็นไปตามที่ตกลงกันในสัญญาหรือใบเสนอราคา
|
||||
</p>
|
||||
|
||||
|
||||
206
src/pages/web-development.astro
Normal file
206
src/pages/web-development.astro
Normal file
@@ -0,0 +1,206 @@
|
||||
---
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
---
|
||||
|
||||
<Layout
|
||||
title="พัฒนาเว็บไซต์ด้วย AI | MoreminiMore - สร้างเว็บไซต์สวย โหลดเร็ว เพิ่มยอดขาย"
|
||||
description="บริการพัฒนาเว็บไซต์ด้วย AI สำหรับ SME ไทย เว็บไซต์โหลดเร็ว SEO ดี รองรับมือถือ พร้อมระบบ AI Chatbot และ Analytics ที่ทันสมัย"
|
||||
>
|
||||
<!-- 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 สำหรับ SME ไทย",
|
||||
"telephone": "+66809955945",
|
||||
"email": "contact@moreminimore.com",
|
||||
"url": "https://www.moreminimore.com/web-development",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"streetAddress": "53 หมู่ 1 ต.บ้านแพ้ว",
|
||||
"addressLocality": "บ้านแพ้ว",
|
||||
"addressRegion": "สมุทรสาคร",
|
||||
"postalCode": "74120",
|
||||
"addressCountry": "TH"
|
||||
},
|
||||
"openingHours": "Mo-Fr 09:00-18:00",
|
||||
"priceRange": "$$",
|
||||
"serviceType": ["Web Development", "AI Integration", "SEO Optimization"]
|
||||
})} />
|
||||
|
||||
<!-- 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
|
||||
</h1>
|
||||
<p class="text-2xl text-gray-100 mb-10">
|
||||
เว็บไซต์สวย ทันสมัย โหลดเร็ว พร้อม AI ช่วยขาย เหมาะสำหรับธุรกิจ SME ไทย
|
||||
</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</h2>
|
||||
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-xl text-gray-600 mb-8">
|
||||
ในยุคดิจิทัล เว็บไซต์คือหน้าตาของธุรกิจ เราช่วยคุณสร้างเว็บไซต์ที่ไม่เพียงสวยงาม แต่ยังฉลาดด้วย AI ช่วยเพิ่มยอดขาย ดึงดูดลูกค้า และลดภาระงานฝ่ายบริการลูกค้า
|
||||
</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> ใช้เทคโนโลยีสมัยใหม่ โหลดภายใน 2 วินาที ทั้งบนมือถือและคอมพิวเตอร์</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>SEO ติดอันดับ:</strong> ออกแบบตามหลัก SEO ช่วยให้เว็บไซต์ติด Google ง่ายขึ้น</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>รองรับทุกอุปกรณ์:</strong> แสดงผลสวยงามทั้งบนมือถือ แท็บเล็ต และคอมพิวเตอร์</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>AI Chatbot ตอบลูกค้า:</strong> ระบบ AI ตอบคำถามลูกค้าอัตโนมัติ 24/7 ลดภาระงานบริการลูกค้า</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>ระบบ Analytics ขั้นสูง:</strong> ติดตามพฤติกรรมลูกค้า เข้าใจว่าลูกค้าต้องการอะไร</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>ปลอดภัยและน่าเชื่อถือ:</strong> มาตรฐานความปลอดภัย SSL พร้อมระบบสำรองข้อมูล</span>
|
||||
</li>
|
||||
</ul>
|
||||
</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">วิเคราะห์ความต้องการ กลุ่มเป้าหมาย และเป้าหมายธุรกิจ</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">ออกแบบ UI/UX ให้สวยงามและใช้งานง่าย</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">เขียนโค้ด ติดตั้ง 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">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>• ธุรกิจ SME ที่ต้องการสร้างความน่าเชื่อถือออนไลน์</li>
|
||||
<li>• บริษัทที่ต้องการรับงาน/ลูกค้าผ่านเว็บไซต์</li>
|
||||
<li>• ผู้ประกอบการที่ต้องการใช้ AI ช่วยบริการลูกค้า</li>
|
||||
<li>• ธุรกิจที่ต้องการทำ SEO เพื่อติดอันดับ Google</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: พัฒนาเว็บไซต์ใช้เวลานานเท่าไหร่?</h4>
|
||||
<p class="text-gray-600">ระยะเวลาขึ้นอยู่กับความซับซ้อน โดยทั่วไปเว็บไซต์พื้นฐานใช้เวลาประมาณ 2-4 สัปดาห์ หากต้องการระบบเฉพาะทางอาจใช้เวลามากขึ้น เราจะแจ้งระยะเวลาที่ชัดเจนตั้งแต่เริ่มต้น</p>
|
||||
</div>
|
||||
|
||||
<div class="glass p-6 rounded-xl border border-gray-200">
|
||||
<h4 class="font-bold mb-2 text-lg">Q: เว็บไซต์ที่พัฒนาด้วย AI ต่างจากเว็บทั่วไปอย่างไร?</h4>
|
||||
<p class="text-gray-600">เว็บไซต์ของเรามาพร้อม AI Chatbot ที่สามารถตอบคำถามลูกค้าได้ตลอด 24 ชั่วโมง รวมถึงระบบ Analytics ที่ช่วยวิเคราะห์พฤติกรรมลูกค้า และระบบ SEO อัตโนมัติที่ช่วยให้ติดอันดับ Google ได้ง่ายขึ้น</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 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">ได้เลย เราสามารถเชื่อมต่อกับระบบ CRM, ระบบบัญชี, ระบบหลังบ้าน หรือ API ต่างๆ ที่คุณมีอยู่แล้ว เพื่อให้การทำงานเป็นอัตโนมัติและมีประสิทธิภาพมากขึ้น</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="/ai-automation" class="btn-secondary">🤖 AI Automation</a>
|
||||
<a href="/seo-content-system" class="btn-secondary">📝 ระบบ SEO + AI</a>
|
||||
<a href="/ai-analytics" class="btn-secondary">📊 AI Analytics</a>
|
||||
</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">
|
||||
ปรึกษาฟรี! ผู้เชี่ยวชาญพร้อมให้คำแนะนำและออกแบบเว็บไซต์ที่เหมาะกับธุรกิจของคุณ
|
||||
</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>
|
||||
Reference in New Issue
Block a user