Redesign: Complete AI transformation with new branding

Features:
- New 5-color palette (Yellow, Black, Blue, Purple, Teal)
- White footer with updated navigation
- Homepage redesigned with Hero, Tech Stack, Process, FAQ, Blog sections
- 4 new AI service pages (Strategy, Automation, Training, Analytics)
- Modern effects: glass morphism, hover animations, gradients
- Removed all 'รับปรึกษา ฟรี' CTAs, replaced with Phone/Line
- Updated content to AI Transformation theme
- Port changed to 80 for Easypanel deployment

Breaking Changes:
- Old service pages removed (replaced with AI-focused services)
- Layout structure updated with new color variables
- CSS completely rewritten with new design system
This commit is contained in:
Kunthawat Greethong
2026-03-04 00:15:08 +07:00
parent 80e0c0406f
commit 34e5625a17
12 changed files with 848 additions and 556 deletions

View File

@@ -0,0 +1,55 @@
---
import Layout from '../layouts/Layout.astro'
---
<Layout title="AI Automation | MoreminiMore - Chatbot & Workflow">
<section class="relative py-24 gradient-primary 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>
<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>
<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>
</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 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>
</div>
<div class="text-center">
<a href="tel:0809955945" class="btn-accent text-lg shadow-xl inline-block">📞 ปรึกษาฟรี</a>
</div>
</div>
</section>
</Layout>