Final updates: 4 services, enhanced pages, fixed blog
Changes: 1. Combined AI Transformation + AI Automation → AI Automation (1 service) 2. Services: Web Dev, AI Automation, App Dev, Marketing (4 total) 3. Removed ai-transformation-consult.astro page 4. Enhanced all service pages with multiple sections: - Overview, Features, Process, Use Cases, FAQ, CTA 5. Updated Layout navigation (4 services in submenu) 6. Updated homepage with 4 service cards 7. Blog content converted to full markdown with complete articles 8. Blog posts now have full content (not just links) Services (4): 1. พัฒนาเว็บไซต์ (enhanced with E-Commerce, Features, Process) 2. AI Automation (merged AI Transform, added Use Cases, FAQ) 3. พัฒนาแอปพลิเคชัน (iOS, Android, Integration) 4. ที่ปรึกษาการตลาดออนไลน์ Blog: - 4 complete articles with full content - Proper markdown formatting - Works with Astro Content Collections
This commit is contained in:
Kunthawat Greethong
@@ -11,8 +11,8 @@ 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-5xl md:text-7xl font-bold mb-8 text-secondary leading-tight">เปลี่ยนองค์กรของคุณด้วย<br /><span class="text-accent-blue">AI Transformation</span></h1>
|
||||
<p class="text-2xl md:text-3xl text-gray-600 mb-10 max-w-3xl mx-auto">เพิ่มยอดขาย ลดต้นทุน และยกระดับธุรกิจด้วยกลยุทธ์ AI ที่วัดผลได้</p>
|
||||
<h1 class="text-5xl md:text-7xl font-bold mb-8 text-secondary leading-tight">เปลี่ยนองค์กรของคุณด้วย<br /><span class="text-accent-blue">AI & Technology</span></h1>
|
||||
<p class="text-2xl md:text-3xl text-gray-600 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-xl shadow-xl">📞 ปรึกษาผู้เชี่ยวชาญ</a>
|
||||
<a href="#services" class="btn-secondary text-xl shadow-xl">ดูบริการของเรา</a>
|
||||
@@ -21,7 +21,7 @@ import Layout from '../layouts/Layout.astro'
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Services Section - 5 Services (No Chatbot) -->
|
||||
<!-- Services Section - 4 Services -->
|
||||
<section id="services" class="py-20 bg-white">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="text-center mb-16">
|
||||
@@ -29,76 +29,62 @@ import Layout from '../layouts/Layout.astro'
|
||||
<p class="text-xl text-gray-600 max-w-3xl mx-auto">เพื่อตอบโจทย์ของลูกค้า</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<div class="grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
|
||||
<!-- Service 1: Website Development -->
|
||||
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
|
||||
<div class="h-48 relative">
|
||||
<div class="h-64 relative">
|
||||
<img src="/images/hero/training-ai.png" alt="Website" 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 text-8xl">💻</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<div class="p-8">
|
||||
<h3 class="text-2xl font-bold mb-3">พัฒนาเว็บไซต์</h3>
|
||||
<p class="text-gray-600 mb-4">บริการพัฒนาเว็บไซต์ E-Commerce สำหรับธุรกิจ โดยคำนึงถึง UX/UI และการเชื่อมต่อกับเทคโนโลยีในอนาคต</p>
|
||||
<a href="/website-development" class="text-accent-blue font-medium hover:underline flex items-center gap-2">รายละเอียด →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 2: App Development -->
|
||||
<!-- Service 2: AI Automation -->
|
||||
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
|
||||
<div class="h-48 relative">
|
||||
<img src="/images/hero/strategy-ai.png" alt="App" class="w-full h-full object-cover" loading="lazy" />
|
||||
<div class="h-64 relative">
|
||||
<img src="/images/hero/chatbot-ai.png" alt="AI Automation" 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 text-8xl">🤖</div>
|
||||
</div>
|
||||
<div class="p-8">
|
||||
<h3 class="text-2xl font-bold mb-3">AI Automation</h3>
|
||||
<p class="text-gray-600 mb-4">บริการให้คำปรึกษาในการวางระบบ AI Automation และ Chatbot โดยใช้ AI ที่เหมาะสม Partner กับระบบบอทที่สามารถปิดการขายได้ด้วยตัวเอง</p>
|
||||
<a href="/ai-automation" class="text-accent-blue font-medium hover:underline flex items-center gap-2">รายละเอียด →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 3: App Development -->
|
||||
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
|
||||
<div class="h-64 relative">
|
||||
<img src="/images/hero/strategy-ai.png" alt="App" 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 text-8xl">📲</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<div class="p-8">
|
||||
<h3 class="text-2xl font-bold mb-3">พัฒนาแอปพลิเคชัน</h3>
|
||||
<p class="text-gray-600 mb-4">บริการพัฒนาแอปพลิเคชัน เพื่อตอบโจทย์ลูกค้าที่ต้องการทำตลาดจากอุปกรณ์โมบายต่าง ๆ</p>
|
||||
<a href="/app-development" class="text-accent-blue font-medium hover:underline flex items-center gap-2">รายละเอียด →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 3: AI Transformation -->
|
||||
<!-- Service 4: Marketing Consult -->
|
||||
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
|
||||
<div class="h-48 relative">
|
||||
<img src="/images/hero/strategy-ai.png" alt="AI Transformation" 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 text-8xl">🏢</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h3 class="text-2xl font-bold mb-3">ที่ปรึกษาองค์กร AI</h3>
|
||||
<p class="text-gray-600 mb-4">บริการให้คำปรึกษาในการ ปรับองค์กรให้มีการใช้เทคโนโลยี AI มากขึ้น จนทำให้ได้ข้อมูลอย่างเป็นระบบ</p>
|
||||
<a href="/ai-transformation-consult" class="text-accent-blue font-medium hover:underline flex items-center gap-2">รายละเอียด →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 4: Online Marketing -->
|
||||
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
|
||||
<div class="h-48 relative">
|
||||
<div class="h-64 relative">
|
||||
<img src="/images/hero/automation-ai.png" alt="Marketing" class="w-full h-full object-cover" loading="lazy" />
|
||||
<div class="absolute inset-0 gradient-primary opacity-90"></div>
|
||||
<div class="absolute inset-0 bg-accent-purple opacity-90"></div>
|
||||
<div class="absolute inset-0 flex items-center justify-center text-8xl">📱</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<div class="p-8">
|
||||
<h3 class="text-2xl font-bold mb-3">ที่ปรึกษาการตลาดออนไลน์</h3>
|
||||
<p class="text-gray-600 mb-4">บริการให้คำปรึกษาในการวางกลยุทธ์การตลาดออนไลน์ โดยใช้ข้อมูลขององค์กรเป็นพื้นฐาน</p>
|
||||
<a href="/online-marketing-consult" class="text-accent-blue font-medium hover:underline flex items-center gap-2">รายละเอียด →</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Service 5: AI Automation -->
|
||||
<div class="bg-gray-light rounded-2xl overflow-hidden shadow-md card-hover">
|
||||
<div class="h-48 relative">
|
||||
<img src="/images/hero/chatbot-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 text-8xl">⚙️</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h3 class="text-2xl font-bold mb-3">AI Automation</h3>
|
||||
<p class="text-gray-600 mb-4">บริการให้คำปรึกษาในการวางระบบแชทบอท โดยใช้ AI ที่เหมาะสม Partner กับระบบบอทที่สามารถปิดการขายได้ด้วยตัวเอง</p>
|
||||
<a href="/ai-automation" class="text-accent-blue font-medium hover:underline flex items-center gap-2">รายละเอียด →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -119,37 +105,30 @@ import Layout from '../layouts/Layout.astro'
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Process Section - New Grid Layout -->
|
||||
<!-- Process Section -->
|
||||
<section id="process" class="py-20 bg-white">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="text-center mb-16">
|
||||
<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">4 ขั้นตอนง่ายๆ สู่การเป็นองค์กร AI</p>
|
||||
<p class="text-xl text-gray-600 max-w-3xl mx-auto">4 ขั้นตอนง่ายๆ สู่ความสำเร็จ</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto">
|
||||
<!-- Step 1 -->
|
||||
<div class="text-center p-8 bg-gray-light rounded-2xl card-hover">
|
||||
<div class="w-20 h-20 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-2xl font-bold mb-3">วิเคราะห์</h3>
|
||||
<p class="text-gray-600">ศึกษาธุรกิจ วิเคราะห์ปัญหา หาโอกาสใช้ AI</p>
|
||||
<p class="text-gray-600">ศึกษาธุรกิจ วิเคราะห์ปัญหา หาโอกาส</p>
|
||||
</div>
|
||||
|
||||
<!-- Step 2 -->
|
||||
<div class="text-center p-8 bg-gray-light rounded-2xl card-hover">
|
||||
<div class="w-20 h-20 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-2xl font-bold mb-3">วางแผน</h3>
|
||||
<p class="text-gray-600">ออกแบบกลยุทธ์ AI Roadmap ที่ชัดเจน</p>
|
||||
<p class="text-gray-600">ออกแบบกลยุทธ์ Roadmap ที่ชัดเจน</p>
|
||||
</div>
|
||||
|
||||
<!-- Step 3 -->
|
||||
<div class="text-center p-8 bg-gray-light rounded-2xl card-hover">
|
||||
<div class="w-20 h-20 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-2xl font-bold mb-3">ดำเนินการ</h3>
|
||||
<p class="text-gray-600">ติดตั้งระบบ AI ฝึกอบรมทีม เริ่มใช้งาน</p>
|
||||
<p class="text-gray-600">ติดตั้งระบบ ฝึกอบรมทีม เริ่มใช้งาน</p>
|
||||
</div>
|
||||
|
||||
<!-- Step 4 -->
|
||||
<div class="text-center p-8 bg-gray-light rounded-2xl card-hover">
|
||||
<div class="w-20 h-20 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-2xl font-bold mb-3">วัดผล</h3>
|
||||
|
||||
Reference in New Issue
Block a user