kunthawat/moreminimore-redesign
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Activity

feat: อัพเดทเว็บไซต์ใหม่ - 5 บริการหลัก + 10 บทความ SEO

Browse Source 
- เพิ่มบริการใหม่ 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
2026-03-11 14:57:09 +07:00
parent 66bef5d583
commit d4b51e2692
28 changed files with 2750 additions and 533 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
src/pages/index.astro
View File

@@ -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>