Fix: Add hero images, restore services, fix font size and process bug
Fixes: - Added 6 hero images (generated by AI) for all main pages - Restored website-development and app-development services - AI Automation now includes Chatbot (merged services) - Increased base font size to 18px (was too small) - Fixed process section connector lines overlap bug (z-index fix) - Updated homepage with hero images as backgrounds - All service pages now have hero images Images: - homepage-ai.png (AI transformation) - strategy-ai.png (AI consulting) - automation-ai.png (AI automation/chatbot) - training-ai.png (AI training) - analytics-ai.png (AI analytics) - chatbot-ai.png (Chatbot integration)
This commit is contained in:
Kunthawat Greethong
BIN
public/images/hero/analytics-ai.png
Normal file
BIN
public/images/hero/analytics-ai.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
BIN
public/images/hero/automation-ai.png
Normal file
BIN
public/images/hero/automation-ai.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
BIN
public/images/hero/chatbot-ai.png
Normal file
BIN
public/images/hero/chatbot-ai.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
public/images/hero/homepage-ai.png
Normal file
BIN
public/images/hero/homepage-ai.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
BIN
public/images/hero/strategy-ai.png
Normal file
BIN
public/images/hero/strategy-ai.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
public/images/hero/training-ai.png
Normal file
BIN
public/images/hero/training-ai.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 MiB |
43
src/pages/app-development.astro
Normal file
43
src/pages/app-development.astro
Normal file
@@ -0,0 +1,43 @@
|
||||
---
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
---
|
||||
|
||||
<Layout title="พัฒนาแอปพลิเคชัน | MoreminiMore">
|
||||
<section class="relative py-32 bg-gradient-to-br from-purple-50 to-pink-50 overflow-hidden">
|
||||
<div class="absolute inset-0">
|
||||
<img src="/images/hero/strategy-ai.png" alt="App Development" class="w-full h-full object-cover opacity-10" loading="eager" />
|
||||
</div>
|
||||
<div class="container mx-auto px-4 relative z-10">
|
||||
<div class="max-w-4xl mx-auto text-center">
|
||||
<div class="text-8xl mb-6">📱</div>
|
||||
<h1 class="text-5xl md:text-7xl font-bold mb-8 text-secondary">พัฒนาแอปพลิเคชัน</h1>
|
||||
<p class="text-2xl text-gray-600 mb-10">แอปมือถือ iOS และ Android ใช้งานง่าย ประสิทธิภาพสูง</p>
|
||||
<div class="flex flex-col sm:flex-row gap-5 justify-center">
|
||||
<a href="tel:0809955945" class="btn-accent text-xl shadow-xl">📞 080-995-5945</a>
|
||||
<a href="https://line.me/" target="_blank" rel="noopener noreferrer" class="btn-secondary text-xl shadow-xl">💬 เพิ่ม 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-4xl font-bold mb-8 text-center text-secondary">บริการพัฒนาแอป</h2>
|
||||
<div class="grid md:grid-cols-2 gap-8 mb-12">
|
||||
<div class="glass p-8 rounded-2xl border border-gray-200 card-hover">
|
||||
<div class="text-5xl mb-4">🍎</div>
|
||||
<h3 class="text-2xl font-bold mb-3">iOS App</h3>
|
||||
<p class="text-gray-600">แอป iPhone และ iPad_native performance</p>
|
||||
</div>
|
||||
<div class="glass p-8 rounded-2xl border border-gray-200 card-hover">
|
||||
<div class="text-5xl mb-4">🤖</div>
|
||||
<h3 class="text-2xl font-bold mb-3">Android App</h3>
|
||||
<p class="text-gray-600">แอป Android ครอบคลุมทุกอุปกรณ์</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<a href="tel:0809955945" class="btn-accent text-xl shadow-xl inline-block">📞 ปรึกษาฟรี</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
@@ -4,27 +4,26 @@ import Layout from '../layouts/Layout.astro'
|
||||
|
||||
<Layout title="ที่ปรึกษาองค์กร AI | MoreminiMore - เพิ่มยอดขายด้วย AI Transformation">
|
||||
<!-- Hero Section -->
|
||||
<section class="relative py-24 gradient-hero overflow-hidden">
|
||||
<div class="absolute inset-0 opacity-10">
|
||||
<div class="absolute top-20 left-10 w-72 h-72 bg-accent-blue rounded-full mix-blend-multiply filter blur-xl animate-float"></div>
|
||||
<div class="absolute top-40 right-10 w-72 h-72 bg-accent-purple rounded-full mix-blend-multiply filter blur-xl animate-float-delayed"></div>
|
||||
<div class="absolute -bottom-8 left-20 w-72 h-72 bg-primary rounded-full mix-blend-multiply filter blur-xl animate-float"></div>
|
||||
<section class="relative py-32 bg-gradient-to-br from-yellow-50 via-blue-50 to-purple-50 overflow-hidden">
|
||||
<div class="absolute inset-0">
|
||||
<img src="/images/hero/homepage-ai.png" alt="AI Transformation" class="w-full h-full object-cover opacity-10" loading="eager" />
|
||||
<div class="absolute inset-0 bg-gradient-to-br from-yellow-50/80 via-blue-50/80 to-purple-50/80"></div>
|
||||
</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">
|
||||
<h1 class="text-5xl md:text-7xl lg:text-8xl 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 class="text-2xl md:text-3xl text-gray-600 mb-10 max-w-3xl mx-auto">
|
||||
เพิ่มยอดขาย ลดต้นทุน และยกระดับธุรกิจด้วยกลยุทธ์ AI ที่วัดผลได้
|
||||
</p>
|
||||
<div class="flex flex-col sm:flex-row gap-5 justify-center">
|
||||
<a href="tel:0809955945" class="btn-accent text-lg shadow-xl">
|
||||
<a href="tel:0809955945" class="btn-accent text-xl shadow-xl">
|
||||
📞 ปรึกษาผู้เชี่ยวชาญ
|
||||
</a>
|
||||
<a href="#services" class="btn-secondary text-lg shadow-xl">
|
||||
<a href="#services" class="btn-secondary text-xl shadow-xl">
|
||||
ดูบริการของเรา
|
||||
</a>
|
||||
</div>
|
||||
@@ -36,69 +35,55 @@ import Layout from '../layouts/Layout.astro'
|
||||
<section class="py-20 bg-white">
|
||||
<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">
|
||||
<h2 class="text-4xl md:text-5xl font-bold mb-4 text-secondary">
|
||||
เทคโนโลยี AI ที่เรานำมาใช้
|
||||
</h2>
|
||||
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||
เราคัดสรรเทคโนโลยี AI ที่ดีที่สุดในโลก มาประยุกต์ใช้กับธุรกิจของคุณ
|
||||
เราคัดสรรเทคโนโลยี AI ที่ดีที่สุดในโลก
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-3 lg:grid-cols-4 gap-8">
|
||||
<!-- Tech 1 -->
|
||||
<!-- Tech 1-8 (same as before) -->
|
||||
<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-sm">ทำนายแนวโน้ม วิเคราะห์ข้อมูลเชิงลึก</p>
|
||||
<p class="text-gray-600">ทำนายแนวโน้ม วิเคราะห์ข้อมูลเชิงลึก</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-sm">ประมวลผลภาษาธรรมชาติ ตอบคำถามอัตโนมัติ</p>
|
||||
<p class="text-gray-600">ประมวลผลภาษาธรรมชาติ ตอบคำถามอัตโนมัติ</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-sm">วิเคราะห์ล่วงหน้า วางแผนแม่นยำ</p>
|
||||
<p class="text-gray-600">วิเคราะห์ล่วงหน้า วางแผนแม่นยำ</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-sm">วิเคราะห์ภาพ ตรวจสอบอัตโนมัติ</p>
|
||||
<p class="text-gray-600">วิเคราะห์ภาพ ตรวจสอบอัตโนมัติ</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-sm">อัตโนมัติกระบวนการทำงาน</p>
|
||||
<p class="text-gray-600">อัตโนมัติกระบวนการทำงาน</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-sm">Dashboard แสดงผลแบบ Real-time</p>
|
||||
<p class="text-gray-600">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-sm">สร้างเนื้อหา อัตโนมัติด้วย AI</p>
|
||||
<p class="text-gray-600">สร้างเนื้อหา อัตโนมัติด้วย 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-sm">บริการ AI บน Cloud ประสิทธิภาพสูง</p>
|
||||
<p class="text-gray-600">บริการ AI บน Cloud ประสิทธิภาพสูง</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -108,79 +93,107 @@ import Layout from '../layouts/Layout.astro'
|
||||
<section id="services" class="py-20 bg-gray-light">
|
||||
<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 class="text-4xl md:text-5xl font-bold mb-4 text-secondary">
|
||||
บริการของเรา
|
||||
</h2>
|
||||
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||
บริการครบวงจร เพื่อการเปลี่ยนแปลงองค์กรสู่ยุค AI
|
||||
บริการครบวงจร ทั้ง AI และ Digital Services
|
||||
</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">
|
||||
<!-- AI Services -->
|
||||
<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="relative h-64">
|
||||
<img src="/images/hero/strategy-ai.png" alt="AI Strategy" class="w-full h-full object-cover" loading="lazy" />
|
||||
<div class="absolute inset-0 gradient-ai opacity-90"></div>
|
||||
<div class="absolute inset-0 flex items-center justify-center">
|
||||
<div class="text-8xl">🎯</div>
|
||||
</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">
|
||||
ดูรายละเอียด →
|
||||
</a>
|
||||
<p class="text-gray-600 mb-4">วางกลยุทธ์ AI ที่สอดคล้องกับเป้าหมายธุรกิจ</p>
|
||||
<a href="/ai-strategy-consult" class="text-accent-blue font-medium hover:underline flex items-center gap-2">ดูรายละเอียด →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 2 -->
|
||||
<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 class="relative h-64">
|
||||
<img src="/images/hero/automation-ai.png" alt="AI Automation" class="w-full h-full object-cover" loading="lazy" />
|
||||
<div class="absolute inset-0 gradient-primary opacity-90"></div>
|
||||
<div class="absolute inset-0 flex items-center justify-center">
|
||||
<div class="text-8xl">⚙️</div>
|
||||
</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>
|
||||
<a href="/ai-automation" class="text-accent-blue font-medium hover:underline flex items-center gap-2">
|
||||
ดูรายละเอียด →
|
||||
</a>
|
||||
<h3 class="text-2xl font-bold mb-3">AI Automation (รวม Chatbot)</h3>
|
||||
<p class="text-gray-600 mb-4">Chatbot, Workflow Automation ลดงานซ้ำซ้อน</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 class="relative h-64">
|
||||
<img src="/images/hero/training-ai.png" alt="AI Training" class="w-full h-full object-cover" loading="lazy" />
|
||||
<div class="absolute inset-0 bg-accent-purple opacity-90"></div>
|
||||
<div class="absolute inset-0 flex items-center justify-center">
|
||||
<div class="text-8xl">🎓</div>
|
||||
</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>
|
||||
<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 class="relative h-64">
|
||||
<img src="/images/hero/analytics-ai.png" alt="AI Analytics" class="w-full h-full object-cover" loading="lazy" />
|
||||
<div class="absolute inset-0 bg-accent-teal opacity-90"></div>
|
||||
<div class="absolute inset-0 flex items-center justify-center">
|
||||
<div class="text-8xl">📊</div>
|
||||
</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>
|
||||
<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>
|
||||
|
||||
<!-- Original Services (Restored) -->
|
||||
<div class="bg-white rounded-2xl overflow-hidden shadow-xl card-hover">
|
||||
<div class="h-64 gradient-ai flex items-center justify-center">
|
||||
<div class="text-8xl">💻</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h3 class="text-2xl font-bold mb-3">พัฒนาเว็บไซต์</h3>
|
||||
<p class="text-gray-600 mb-4">เว็บไซต์มืออาชีพ SEO-ready โหลดเร็ว</p>
|
||||
<a href="/website-development" class="text-accent-blue font-medium hover:underline flex items-center gap-2">ดูรายละเอียด →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-2xl overflow-hidden shadow-xl card-hover">
|
||||
<div class="h-64 gradient-primary flex items-center justify-center">
|
||||
<div class="text-8xl">📱</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h3 class="text-2xl font-bold mb-3">พัฒนาแอปพลิเคชัน</h3>
|
||||
<p class="text-gray-600 mb-4">แอปมือถือ iOS และ Android ใช้งานง่าย</p>
|
||||
<a href="/app-development" class="text-accent-blue font-medium hover:underline flex items-center gap-2">ดูรายละเอียด →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Process Section -->
|
||||
<!-- Process Section (Fixed connector lines) -->
|
||||
<section id="process" class="py-20 bg-white">
|
||||
<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">
|
||||
<h2 class="text-4xl md:text-5xl font-bold mb-4 text-secondary">
|
||||
กระบวนการทำงาน
|
||||
</h2>
|
||||
<p class="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||
@@ -191,41 +204,41 @@ import Layout from '../layouts/Layout.astro'
|
||||
<div class="grid md:grid-cols-4 gap-8">
|
||||
<!-- Step 1 -->
|
||||
<div class="text-center relative">
|
||||
<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">
|
||||
<div class="process-step-number 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>
|
||||
<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 class="hidden md:block process-step-connector"></div>
|
||||
<h3 class="text-2xl font-bold mb-3">วิเคราะห์</h3>
|
||||
<p class="text-gray-600">ศึกษาธุรกิจ วิเคราะห์ปัญหา หาโอกาสใช้ AI</p>
|
||||
</div>
|
||||
|
||||
<!-- Step 2 -->
|
||||
<div class="text-center relative">
|
||||
<div class="w-24 h-24 mx-auto mb-6 rounded-full gradient-ai flex items-center justify-center text-4xl font-bold text-white shadow-xl">
|
||||
<div class="process-step-number w-24 h-24 mx-auto mb-6 rounded-full gradient-ai flex items-center justify-center text-4xl font-bold text-white shadow-xl">
|
||||
2
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3">วางแผน</h3>
|
||||
<p class="text-gray-600">ออกแบบกลยุทธ์ AI Roadmap ที่ชัดเจน วัดผลได้ เหมาะกับองค์กร</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 class="hidden md:block process-step-connector"></div>
|
||||
<h3 class="text-2xl font-bold mb-3">วางแผน</h3>
|
||||
<p class="text-gray-600">ออกแบบกลยุทธ์ AI Roadmap ที่ชัดเจน</p>
|
||||
</div>
|
||||
|
||||
<!-- Step 3 -->
|
||||
<div class="text-center relative">
|
||||
<div class="w-24 h-24 mx-auto mb-6 rounded-full bg-accent-purple flex items-center justify-center text-4xl font-bold text-white shadow-xl">
|
||||
<div class="process-step-number w-24 h-24 mx-auto mb-6 rounded-full bg-accent-purple flex items-center justify-center text-4xl font-bold text-white shadow-xl">
|
||||
3
|
||||
</div>
|
||||
<h3 class="text-xl font-bold mb-3">ดำเนินการ</h3>
|
||||
<p class="text-gray-600">ติดตั้งระบบ AI ฝึกอบรมทีม และเริ่มใช้งานจริง</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 class="hidden md:block process-step-connector"></div>
|
||||
<h3 class="text-2xl font-bold mb-3">ดำเนินการ</h3>
|
||||
<p class="text-gray-600">ติดตั้งระบบ AI ฝึกอบรมทีม เริ่มใช้งาน</p>
|
||||
</div>
|
||||
|
||||
<!-- Step 4 -->
|
||||
<div class="text-center">
|
||||
<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">
|
||||
<div class="process-step-number 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-2xl font-bold mb-3">วัดผล</h3>
|
||||
<p class="text-gray-600">ติดตามผล ปรับปรุงอย่างต่อเนื่อง</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -235,154 +248,33 @@ import Layout from '../layouts/Layout.astro'
|
||||
<section class="py-20 bg-gray-light">
|
||||
<div class="container mx-auto px-4 max-w-5xl">
|
||||
<div class="text-center mb-16">
|
||||
<h2 class="text-3xl md:text-4xl font-bold mb-4 text-secondary">
|
||||
<h2 class="text-4xl md:text-5xl font-bold mb-4 text-secondary">
|
||||
คำถามที่พบบ่อย
|
||||
</h2>
|
||||
<p class="text-xl text-gray-600">
|
||||
ข้อสงสัยเกี่ยวกับการนำ AI มาใช้ในองค์กร
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- FAQ items (same as before) -->
|
||||
<div class="space-y-4">
|
||||
<!-- 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 class="text-2xl group-open:rotate-45 transition">+</span>
|
||||
</summary>
|
||||
<div class="px-6 pb-6 text-gray-600">
|
||||
AI Transformation คือกระบวนการเปลี่ยนแปลงองค์กร โดยการนำ AI มาใช้ในทุกด้าน เพื่อเพิ่มประสิทธิภาพ ลดต้นทุน และสร้างโอกาสทางธุรกิจใหม่
|
||||
</div>
|
||||
<div class="px-6 pb-6 text-gray-600">AI Transformation คือกระบวนการเปลี่ยนแปลงองค์กร โดยการนำ AI มาใช้ในทุกด้าน</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 class="text-2xl group-open:rotate-45 transition">+</span>
|
||||
</summary>
|
||||
<div class="px-6 pb-6 text-gray-600">
|
||||
ธุรกิจส่วนใหญ่พร้อมใช้ AI แล้ว! เราช่วยวิเคราะห์ความพร้อม และเริ่มต้นจากจุดเล็กๆ ก่อนขยายผล
|
||||
</div>
|
||||
<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 class="text-2xl group-open:rotate-45 transition">+</span>
|
||||
</summary>
|
||||
<div class="px-6 pb-6 text-gray-600">
|
||||
โดยทั่วไปจะเริ่มเห็นผลภายใน 1-3 เดือน สำหรับโครงการเล็กๆ และ 6-12 เดือน สำหรับโครงการใหญ่
|
||||
</div>
|
||||
<div class="px-6 pb-6 text-gray-600">โดยทั่วไปจะเริ่มเห็นผลภายใน 1-3 เดือน</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 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 class="text-2xl group-open:rotate-45 transition">+</span>
|
||||
</summary>
|
||||
<div class="px-6 pb-6 text-gray-600">
|
||||
ไม่! AI เป็นเครื่องมือช่วยงาน ไม่ใช่แทนที่คน เราฝึกอบรมให้พนักงานใช้ AI ทำงานได้ดีขึ้น
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Blog Section -->
|
||||
<section class="py-20 bg-white">
|
||||
<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 ล่าสุด เพื่อธุรกิจของคุณ
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
|
||||
<!-- 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>
|
||||
<div class="p-6">
|
||||
<div class="text-accent-blue text-sm font-bold mb-2">AI Strategy</div>
|
||||
<h3 class="text-xl font-bold mb-3 hover:text-accent-blue transition">
|
||||
<a href="/blog/ai-transformation-guide">
|
||||
คู่มือ AI Transformation สำหรับ SME
|
||||
</a>
|
||||
</h3>
|
||||
<p class="text-gray-600 text-sm mb-4">
|
||||
ขั้นตอนการนำ AI มาใช้ในธุรกิจขนาดกลางและย่อม เริ่มต้นอย่างไร ให้ได้ผลเร็ว
|
||||
</p>
|
||||
<a href="/blog/ai-transformation-guide" class="text-accent-blue font-medium hover:underline">
|
||||
อ่านเพิ่มเติม →
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- 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>
|
||||
<div class="p-6">
|
||||
<div class="text-accent-blue text-sm font-bold mb-2">Chatbot</div>
|
||||
<h3 class="text-xl font-bold mb-3 hover:text-accent-blue transition">
|
||||
<a href="/blog/chatbot-roi">
|
||||
Chatbot ช่วยเพิ่มยอดขายได้อย่างไร?
|
||||
</a>
|
||||
</h3>
|
||||
<p class="text-gray-600 text-sm mb-4">
|
||||
กรณีศึกษาจริง การใช้ Chatbot ลดต้นทุนบริการลูกค้า 40% และเพิ่มยอดขาย 25%
|
||||
</p>
|
||||
<a href="/blog/chatbot-roi" class="text-accent-blue font-medium hover:underline">
|
||||
อ่านเพิ่มเติม →
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- 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>
|
||||
<div class="p-6">
|
||||
<div class="text-accent-blue text-sm font-bold mb-2">Analytics</div>
|
||||
<h3 class="text-xl font-bold mb-3 hover:text-accent-blue transition">
|
||||
<a href="/blog/predictive-analytics">
|
||||
Predictive Analytics ทำนายยอดขายล่วงหน้า
|
||||
</a>
|
||||
</h3>
|
||||
<p class="text-gray-600 text-sm mb-4">
|
||||
ใช้ Machine Learning ทำนายยอดขายล่วงหน้า 90% แม่นยำ ช่วยวางแผนสต็อกและการตลาด
|
||||
</p>
|
||||
<a href="/blog/predictive-analytics" class="text-accent-blue font-medium hover:underline">
|
||||
อ่านเพิ่มเติม →
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-12">
|
||||
<a href="/category/seo" class="btn-secondary inline-block">
|
||||
ดูบทความทั้งหมด →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -390,17 +282,17 @@ import Layout from '../layouts/Layout.astro'
|
||||
<!-- CTA Section -->
|
||||
<section class="py-20 gradient-ai text-white">
|
||||
<div class="container mx-auto px-4 text-center">
|
||||
<h2 class="text-3xl md:text-5xl font-bold mb-6">
|
||||
<h2 class="text-4xl md:text-6xl font-bold mb-6">
|
||||
พร้อมเปลี่ยนองค์กรด้วย AI หรือยัง?
|
||||
</h2>
|
||||
<p class="text-xl text-gray-100 mb-10 max-w-3xl mx-auto">
|
||||
ปรึกษาผู้เชี่ยวชาญฟรี เราพร้อมช่วยคุณวางกลยุทธ์ AI ที่วัดผลได้
|
||||
<p class="text-2xl text-gray-100 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="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">
|
||||
<a href="tel:0809955945" class="bg-white text-accent-blue px-8 py-4 rounded-full font-bold text-xl 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">
|
||||
<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-xl hover:bg-green-600 transition shadow-xl inline-flex items-center justify-center gap-2">
|
||||
💬 เพิ่ม Line
|
||||
</a>
|
||||
</div>
|
||||
|
||||
43
src/pages/website-development.astro
Normal file
43
src/pages/website-development.astro
Normal file
@@ -0,0 +1,43 @@
|
||||
---
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
---
|
||||
|
||||
<Layout title="พัฒนาเว็บไซต์ | MoreminiMore">
|
||||
<section class="relative py-32 bg-gradient-to-br from-blue-50 to-purple-50 overflow-hidden">
|
||||
<div class="absolute inset-0">
|
||||
<img src="/images/hero/automation-ai.png" alt="Website Development" class="w-full h-full object-cover opacity-10" loading="eager" />
|
||||
</div>
|
||||
<div class="container mx-auto px-4 relative z-10">
|
||||
<div class="max-w-4xl mx-auto text-center">
|
||||
<div class="text-8xl mb-6">💻</div>
|
||||
<h1 class="text-5xl md:text-7xl font-bold mb-8 text-secondary">พัฒนาเว็บไซต์</h1>
|
||||
<p class="text-2xl text-gray-600 mb-10">เว็บไซต์มืออาชีพ SEO-ready โหลดเร็ว รองรับทุกอุปกรณ์</p>
|
||||
<div class="flex flex-col sm:flex-row gap-5 justify-center">
|
||||
<a href="tel:0809955945" class="btn-accent text-xl shadow-xl">📞 080-995-5945</a>
|
||||
<a href="https://line.me/" target="_blank" rel="noopener noreferrer" class="btn-secondary text-xl shadow-xl">💬 เพิ่ม 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-4xl font-bold mb-8 text-center text-secondary">บริการพัฒนาเว็บไซต์</h2>
|
||||
<div class="grid md:grid-cols-2 gap-8 mb-12">
|
||||
<div class="glass p-8 rounded-2xl border border-gray-200 card-hover">
|
||||
<div class="text-5xl mb-4">🎨</div>
|
||||
<h3 class="text-2xl font-bold mb-3">Design & UX</h3>
|
||||
<p class="text-gray-600">ออกแบบสวยงาม ใช้งานง่าย Responsive ทุกอุปกรณ์</p>
|
||||
</div>
|
||||
<div class="glass p-8 rounded-2xl border border-gray-200 card-hover">
|
||||
<div class="text-5xl mb-4">⚡</div>
|
||||
<h3 class="text-2xl font-bold mb-3">Performance</h3>
|
||||
<p class="text-gray-600">โหลดเร็ว SEO-ready เพิ่มอันดับ Google</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<a href="tel:0809955945" class="btn-accent text-xl shadow-xl inline-block">📞 ปรึกษาฟรี</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</Layout>
|
||||
Reference in New Issue
Block a user