diff --git a/public/images/hero/analytics-ai.png b/public/images/hero/analytics-ai.png
new file mode 100644
index 0000000..4d0b76e
Binary files /dev/null and b/public/images/hero/analytics-ai.png differ
diff --git a/public/images/hero/automation-ai.png b/public/images/hero/automation-ai.png
new file mode 100644
index 0000000..2e0e547
Binary files /dev/null and b/public/images/hero/automation-ai.png differ
diff --git a/public/images/hero/chatbot-ai.png b/public/images/hero/chatbot-ai.png
new file mode 100644
index 0000000..a87c1dd
Binary files /dev/null and b/public/images/hero/chatbot-ai.png differ
diff --git a/public/images/hero/homepage-ai.png b/public/images/hero/homepage-ai.png
new file mode 100644
index 0000000..1e1be01
Binary files /dev/null and b/public/images/hero/homepage-ai.png differ
diff --git a/public/images/hero/strategy-ai.png b/public/images/hero/strategy-ai.png
new file mode 100644
index 0000000..229f6e7
Binary files /dev/null and b/public/images/hero/strategy-ai.png differ
diff --git a/public/images/hero/training-ai.png b/public/images/hero/training-ai.png
new file mode 100644
index 0000000..9634a41
Binary files /dev/null and b/public/images/hero/training-ai.png differ
diff --git a/src/pages/app-development.astro b/src/pages/app-development.astro
new file mode 100644
index 0000000..d4f98a0
--- /dev/null
+++ b/src/pages/app-development.astro
@@ -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>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 77f56f6..4fac2ec 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -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>
diff --git a/src/pages/website-development.astro b/src/pages/website-development.astro
new file mode 100644
index 0000000..3970c0a
--- /dev/null
+++ b/src/pages/website-development.astro
@@ -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>