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
119
src/pages/ai-strategy-consult.astro
Normal file
119
src/pages/ai-strategy-consult.astro
Normal file
@@ -0,0 +1,119 @@
|
||||
---
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
---
|
||||
|
||||
<Layout title="ที่ปรึกษากลยุทธ์ AI | MoreminiMore">
|
||||
<!-- 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 left-10 w-96 h-96 bg-white rounded-full mix-blend-overlay filter blur-3xl animate-float"></div>
|
||||
<div class="absolute bottom-10 right-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 Strategy Consulting
|
||||
</h1>
|
||||
<p class="text-2xl text-gray-100 mb-10">
|
||||
วางกลยุทธ์ AI ที่สอดคล้องกับเป้าหมายธุรกิจ你的 Roadmap ที่ชัดเจน วัดผลได้
|
||||
</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>
|
||||
|
||||
<!-- Content Section -->
|
||||
<section class="py-20 bg-white">
|
||||
<div class="container mx-auto px-4 max-w-5xl">
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<h2 class="text-3xl font-bold mb-6 text-secondary">บริการที่ปรึกษากลยุทธ์ AI</h2>
|
||||
|
||||
<p class="text-xl text-gray-600 mb-8">
|
||||
การนำ AI มาใช้ในองค์กรต้องมีการวางแผนที่ดี เราช่วยคุณวิเคราะห์โอกาส กำหนดกลยุทธ์ และสร้าง Roadmap ที่ชัดเจน
|
||||
</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> ประเมินสถานะปัจจุบันขององค์กร ข้อมูล และระบบ IT</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>หาโอกาสใช้ AI:</strong> ระบุจุดที่ AI จะสร้างมูลค่าสูงสุด</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>กำหนด Roadmap:</strong> แผนการดำเนินงานเป็นขั้นตอน วัดผลได้</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>คำนวณ ROI:</strong> ประมาณการผลตอบแทนจากการลงทุน</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-4">
|
||||
<span class="text-primary text-2xl">✓</span>
|
||||
<span><strong>เลือกเทคโนโลยี:</strong> แนะนำ AI Tools และ Platform ที่เหมาะสม</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-2xl font-bold mt-12 mb-6 text-accent-blue">กระบวนการทำงาน</h3>
|
||||
<div class="grid md:grid-cols-3 gap-6 mb-8">
|
||||
<div class="glass p-6 rounded-xl border border-gray-200">
|
||||
<div class="text-4xl mb-3">📊</div>
|
||||
<h4 class="font-bold mb-2">1. วิเคราะห์</h4>
|
||||
<p class="text-gray-600">สัมภาษณ์ทีม ศึกษาข้อมูลปัจจุบัน</p>
|
||||
</div>
|
||||
<div class="glass p-6 rounded-xl border border-gray-200">
|
||||
<div class="text-4xl mb-3">🎯</div>
|
||||
<h4 class="font-bold mb-2">2. วางแผน</h4>
|
||||
<p class="text-gray-600">กำหนดกลยุทธ์และ Roadmap</p>
|
||||
</div>
|
||||
<div class="glass p-6 rounded-xl border border-gray-200">
|
||||
<div class="text-4xl mb-3">📈</div>
|
||||
<h4 class="font-bold mb-2">3. นำเสนอ</h4>
|
||||
<p class="text-gray-600">รายงานผล และคำแนะนำ</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-light p-8 rounded-2xl my-12">
|
||||
<h3 class="text-2xl font-bold mb-4 text-accent-blue">เหมาะสำหรับ</h3>
|
||||
<ul class="space-y-2 text-gray-700">
|
||||
<li>• ธุรกิจที่ต้องการเริ่มต้นใช้ AI แต่ไม่รู้ว่าต้องเริ่มจาก đâu</li>
|
||||
<li>• องค์กรที่ต้องการวางแผน AI ระยะยาว</li>
|
||||
<li>• ผู้บริหารที่ต้องการเข้าใจโอกาสและความเสี่ยงของ AI</li>
|
||||
<li>• ธุรกิจที่ต้องการคำนวณ ROI ก่อนลงทุน</li>
|
||||
</ul>
|
||||
</div>
|
||||
</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">
|
||||
เราพร้อมช่วยคุณวางกลยุทธ์ AI ที่วัดผลได้
|
||||
</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