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