diff --git a/public/images/hero/homepage-ai.png b/public/images/hero/homepage-ai.png
new file mode 100644
index 0000000..9b91f0e
Binary files /dev/null and b/public/images/hero/homepage-ai.png differ
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 60d8712..e606280 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -26,60 +26,58 @@ const { title = 'moreminimore | รับทำเว็บไซต์ฟรี
     </style>
   </head>
   <body class="flex flex-col min-h-screen">
+    <!-- Single Merged Header -->
     <header class="sticky-header">
-      <div class="bg-black text-white py-2">
-        <div class="container mx-auto px-4 flex flex-wrap justify-between items-center text-base">
-          <div class="flex gap-6">
-            <a href="mailto:contact@moreminimore.com" class="hover:text-primary transition flex items-center gap-2">📧 contact@moreminimore.com</a>
-            <a href="tel:0809955945" class="hover:text-primary transition flex items-center gap-2">📞 080-995-5945</a>
-          </div>
-          <div class="flex gap-4">
-            <a href="https://www.facebook.com/moreminimore" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition"><svg class="w-5 h-5" fill="#1877F2" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a>
-            <a href="https://twitter.com/moreminimore" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition"><svg class="w-5 h-5" fill="#1DA1F2" viewBox="0 0 24 24"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg></a>
-            <a href="https://www.linkedin.com/company/moreminimore" target="_blank" rel="noopener noreferrer" class="hover:text-primary transition"><svg class="w-5 h-5" fill="#0A66C2" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452z"/></svg></a>
-          </div>
-        </div>
-      </div>
-      <div class="container mx-auto px-4 py-4">
+      <div class="container mx-auto px-4 py-3">
         <div class="flex justify-between items-center">
-          <a href="/" class="flex-shrink-0"><img src="/branding/logo-long-black.png" alt="MoreminiMore Logo" class="h-12 w-auto" width="200" height="50" /></a>
+          <a href="/" class="flex-shrink-0">
+            <img src="/branding/logo-long-black.png" alt="MoreminiMore Logo" class="h-10 w-auto" width="180" height="45" />
+          </a>
           <nav class="hidden lg:flex gap-8 items-center">
             <div class="relative group">
-              <button class="font-medium hover:text-secondary transition flex items-center gap-1">บริการของเรา<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg></button>
-              <div class="absolute top-full left-0 mt-2 w-72 bg-white rounded-lg shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50">
+              <button class="font-medium hover:text-secondary transition flex items-center gap-1">บริการ<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg></button>
+              <div class="absolute top-full left-0 mt-2 w-64 bg-white rounded-lg shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50">
                 <div class="py-2">
-                  <a href="/website-development" class="block px-4 py-3 hover:bg-gray-50 transition border-b border-gray-100"><div class="font-medium text-secondary">Web Development</div><div class="text-sm text-gray-500">WordPress ฟรี!</div></a>
-                  <a href="/ai-automation" class="block px-4 py-3 hover:bg-gray-50 transition border-b border-gray-100"><div class="font-medium text-secondary">AI Automation Setup</div><div class="text-sm text-gray-500">ลดงานซ้ำซ้อน</div></a>
-                  <a href="/ai-consult" class="block px-4 py-3 hover:bg-gray-50 transition"><div class="font-medium text-secondary">AI Consult & Implementation</div><div class="text-sm text-gray-500">ที่ปรึกษา AI</div></a>
+                  <a href="/website-development" class="block px-4 py-3 hover:bg-gray-50 transition border-b border-gray-100"><div class="font-medium text-secondary">Web Development</div><div class="text-xs text-gray-500">WordPress ฟรี!</div></a>
+                  <a href="/ai-automation" class="block px-4 py-3 hover:bg-gray-50 transition border-b border-gray-100"><div class="font-medium text-secondary">AI Automation</div><div class="text-xs text-gray-500">ลดงานซ้ำซ้อน</div></a>
+                  <a href="/ai-consult" class="block px-4 py-3 hover:bg-gray-50 transition"><div class="font-medium text-secondary">AI Consult</div><div class="text-xs text-gray-500">ที่ปรึกษา AI</div></a>
                 </div>
               </div>
             </div>
-            <a href="/#process" class="font-medium hover:text-secondary transition">ขั้นตอนการทำงาน</a>
+            <a href="/services" class="font-medium hover:text-secondary transition">บริการ</a>
+            <a href="/process" class="font-medium hover:text-secondary transition">ขั้นตอน</a>
+            <a href="/about-us" class="font-medium hover:text-secondary transition">เกี่ยวกับเรา</a>
             <a href="/blog" class="font-medium hover:text-secondary transition">เรื่องน่ารู้</a>
-            <a href="/contact-us" class="bg-secondary text-white px-6 py-2 rounded-full hover:bg-secondary-hover transition font-medium">ปรึกษาฟรี</a>
+            <a href="/contact-us" class="bg-secondary text-white px-6 py-2 rounded-full hover:bg-secondary-hover transition font-medium">ติดต่อเรา</a>
           </nav>
-          <button class="lg:hidden text-black" id="mobile-menu-btn"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg></button>
+          <button class="lg:hidden text-black" id="mobile-menu-btn">
+            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg>
+          </button>
         </div>
-        <div class="lg:hidden hidden" id="mobile-menu">
-          <div class="flex flex-col gap-4 mt-4 pb-4">
+        <div class="lg:hidden hidden mt-4 pt-4 border-t border-gray-200" id="mobile-menu">
+          <div class="flex flex-col gap-4">
             <details class="group">
               <summary class="font-medium hover:text-secondary transition cursor-pointer flex items-center justify-between">
-                บริการของเรา<svg class="w-4 h-4 group-open:rotate-180 transition" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
+                บริการ<svg class="w-4 h-4 group-open:rotate-180 transition" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
               </summary>
               <div class="flex flex-col gap-2 mt-2 ml-4">
                 <a href="/website-development" class="text-base hover:text-secondary transition">Web Development</a>
-                <a href="/ai-automation" class="text-base hover:text-secondary transition">AI Automation Setup</a>
-                <a href="/ai-consult" class="text-base hover:text-secondary transition">AI Consult & Implementation</a>
+                <a href="/ai-automation" class="text-base hover:text-secondary transition">AI Automation</a>
+                <a href="/ai-consult" class="text-base hover:text-secondary transition">AI Consult</a>
               </div>
             </details>
-            <a href="/#process" class="font-medium hover:text-secondary transition">ขั้นตอนการทำงาน</a>
+            <a href="/services" class="font-medium hover:text-secondary transition">บริการ</a>
+            <a href="/process" class="font-medium hover:text-secondary transition">ขั้นตอน</a>
+            <a href="/about-us" class="font-medium hover:text-secondary transition">เกี่ยวกับเรา</a>
             <a href="/blog" class="font-medium hover:text-secondary transition">เรื่องน่ารู้</a>
-            <a href="/contact-us" class="bg-secondary text-white px-6 py-2 rounded-full hover:bg-secondary-hover transition font-medium text-center">ปรึกษาฟรี</a>
+            <a href="/contact-us" class="bg-secondary text-white px-6 py-2 rounded-full hover:bg-secondary-hover transition font-medium text-center">ติดต่อเรา</a>
           </div>
         </div>
       </div>
     </header>
+    
     <main class="flex-grow"><slot /></main>
+    
     <footer class="bg-gray-dark text-gray-300 py-12">
       <div class="container mx-auto px-4">
         <div class="grid md:grid-cols-4 gap-8">
@@ -104,7 +102,7 @@ const { title = 'moreminimore | รับทำเว็บไซต์ฟรี
             <h3 class="font-bold mb-4 text-lg text-white">บริษัท</h3>
             <ul class="space-y-2 text-base">
               <li><a href="/about-us" class="hover:text-primary transition">เกี่ยวกับเรา</a></li>
-              <li><a href="/#process" class="hover:text-primary transition">ขั้นตอนการทำงาน</a></li>
+              <li><a href="/process" class="hover:text-primary transition">ขั้นตอนการทำงาน</a></li>
               <li><a href="/contact-us" class="hover:text-primary transition">ติดต่อเรา</a></li>
             </ul>
           </div>
@@ -127,6 +125,17 @@ const { title = 'moreminimore | รับทำเว็บไซต์ฟรี
         </div>
       </div>
     </footer>
+    
+    <!-- Floating Contact Buttons -->
+    <div class="floating-contact">
+      <a href="https://line.me/" target="_blank" rel="noopener noreferrer" class="floating-contact-btn bg-[#06C755] text-white" title="ทัก Line">
+        <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452z"/></svg>
+      </a>
+      <a href="tel:0809955945" class="floating-contact-btn bg-secondary text-white" title="โทรเลย">
+        <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24"><path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z"/></svg>
+      </a>
+    </div>
+    
     <script>
       const menuBtn = document.getElementById('mobile-menu-btn');
       const mobileMenu = document.getElementById('mobile-menu');
diff --git a/src/pages/index.astro b/src/pages/index.astro
index a29e0f1..c2c639b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,134 +2,58 @@
 import Layout from '../layouts/Layout.astro'
 ---
 
-<Layout title="moreminimore | รับทำเว็บไซต์ฟรี + จ่ายค่า Server รายปี สำหรับ SMEs">
-  <!-- Sticky Header with CTA -->
-  <header class="sticky-header">
-    <div class="container mx-auto px-4 py-4">
-      <div class="flex justify-between items-center">
-        <a href="/" class="flex-shrink-0">
-          <img src="/branding/logo-long-black.png" alt="MoreminiMore Logo" class="h-10 w-auto" width="180" height="45" />
-        </a>
-        <nav class="hidden lg:flex gap-8 items-center">
-          <a href="#services" class="font-medium hover:text-secondary transition">บริการ</a>
-          <a href="#process" class="font-medium hover:text-secondary transition">ขั้นตอน</a>
-          <a href="/about-us" class="font-medium hover:text-secondary transition">เกี่ยวกับเรา</a>
-          <a href="/contact-us" class="bg-secondary text-white px-6 py-2 rounded-full hover:bg-secondary-hover transition font-medium">ปรึกษาฟรี</a>
-        </nav>
-      </div>
-    </div>
-  </header>
-
+<Layout title="moreminimore | IT Services สำหรับ SMEs ไทย">
   <!-- Hero Section -->
   <section class="relative py-32 gradient-hero text-white overflow-hidden">
-    <div class="absolute inset-0 opacity-20">
-      <img src="/images/hero/homepage-ai.png" alt="AI Technology" class="w-full h-full object-cover" loading="eager" />
-    </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 leading-tight">
-          เว็บไซต์ฟรี มีจริง!
+          IT Solutions เพื่อ SMEs ไทย
           <br />
-          <span class="text-primary">จ่ายแค่ค่า Server รายปี</span>
+          <span class="text-primary">รวดเร็ว คุ้มค่า ด้วยพลัง AI</span>
         </h1>
         <p class="text-2xl md:text-3xl mb-10 max-w-3xl mx-auto text-gray-100">
-          SMEs ไทยไม่ต้องง้องบทำเว็บหลักหมื่นอีกต่อไป moreminimore มอบเว็บไซต์ WordPress มืออาชีพให้ฟรี 
-          คุณจ่ายเพียงค่า Server รายปีเท่านั้น พร้อม AI Agents ช่วยทำงานให้รวดเร็ว 10 เท่า
+          moreminimore มอบบริการ IT Solutions ครบวงจร ตั้งแต่เว็บไซต์ ระบบอัตโนมัติ 
+          จนถึงการปรึกษา AI ด้วยทีมงานผู้เชี่ยวชาญและเทคโนโลยีล่าสุด
         </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="bg-white text-secondary 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">
-            ดูบริการของเรา
-          </a>
-        </div>
-        <div class="mt-8 text-gray-200 text-base">✅ ใช้แล้ว 50+ ธุรกิจ</div>
-      </div>
-    </div>
-  </section>
-
-  <!-- Why Choose Us -->
-  <section class="py-20 bg-gray-light">
-    <div class="container mx-auto px-4">
-      <div class="text-center mb-16">
-        <h2 class="text-4xl md:text-5xl font-bold mb-4">ทำไมต้อง moreminimore?</h2>
-        <p class="text-xl text-gray-600 max-w-3xl mx-auto">เพราะเราเข้าใจว่า SMEs ไทยมีงบจำกัด แต่ต้องการเว็บคุณภาพ</p>
-      </div>
-      
-      <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto">
-        <div class="bg-white p-8 rounded-2xl shadow-md text-center card-hover">
-          <div class="text-5xl mb-4">✅</div>
-          <h3 class="text-xl font-bold mb-3">เว็บฟรี</h3>
-          <p class="text-gray-600">ไม่เสียค่าทำเว็บล่วงหน้า จ่ายแค่ค่า Server รายปี</p>
-        </div>
-        <div class="bg-white p-8 rounded-2xl shadow-md text-center card-hover">
-          <div class="text-5xl mb-4">⚡</div>
-          <h3 class="text-xl font-bold mb-3">ใช้ AI Agents</h3>
-          <p class="text-gray-600">งานเร็ว คุณภาพสูง ราคาเข้าถึงได้</p>
-        </div>
-        <div class="bg-white p-8 rounded-2xl shadow-md text-center card-hover">
-          <div class="text-5xl mb-4">🚀</div>
-          <h3 class="text-xl font-bold mb-3">ดูแลครบวงจร</h3>
-          <p class="text-gray-600">ตั้งแต่ทำเว็บจนธุรกิจเติบโต</p>
-        </div>
-        <div class="bg-white p-8 rounded-2xl shadow-md text-center card-hover">
-          <div class="text-5xl mb-4">🤝</div>
-          <h3 class="text-xl font-bold mb-3">เข้าใจ SMEs</h3>
-          <p class="text-gray-600">เราคือ SMEs เหมือนกัน รู้ว่าอะไรสำคัญ</p>
+          <a href="/contact-us" class="btn-accent text-xl shadow-xl">📞 ติดต่อเรา</a>
+          <a href="/services" class="bg-white text-secondary px-8 py-4 rounded-full font-bold text-xl hover:bg-gray-100 transition shadow-xl">ดูบริการทั้งหมด</a>
         </div>
       </div>
     </div>
   </section>
 
-  <!-- Services Section - 3 Services (New Design) -->
+  <!-- Services Section -->
   <section id="services" 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">บริการของเรา</h2>
-        <p class="text-xl text-gray-600 max-w-3xl mx-auto">3 โซลูชัน ครบทุกความต้องการด้าน IT ของธุรกิจคุณ</p>
+        <p class="text-xl text-gray-600 max-w-3xl mx-auto">ครบทุกความต้องการด้าน IT ของธุรกิจคุณ</p>
       </div>
       
       <div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
-        <!-- Service 1: Web Development -->
+        <!-- Service 1 -->
         <div class="service-card">
           <div class="text-6xl mb-4">🌐</div>
           <h3 class="text-2xl font-bold mb-3">Web Development</h3>
           <p class="text-gray-600 mb-4">รับทำเว็บไซต์ WordPress มืออาชีพ ออกแบบทันสมัย รองรับทุกอุปกรณ์ SEO-ready</p>
-          <ul class="space-y-2 text-gray-600 mb-6">
-            <li class="flex items-start gap-2"><span class="text-primary">✓</span> เว็บไซต์ WordPress มืออาชีพ</li>
-            <li class="flex items-start gap-2"><span class="text-primary">✓</span> ออกแบบ Responsive</li>
-            <li class="flex items-start gap-2"><span class="text-primary">✓</span> SEO-ready</li>
-            <li class="flex items-start gap-2"><span class="text-primary">✓</span> <strong>ฟรีค่าทำเว็บ</strong></li>
-          </ul>
           <a href="/website-development" class="text-secondary font-medium hover:underline flex items-center gap-2">ดูรายละเอียด →</a>
         </div>
 
-        <!-- Service 2: AI Automation -->
+        <!-- Service 2 -->
         <div class="service-card">
           <div class="text-6xl mb-4">🤖</div>
           <h3 class="text-2xl font-bold mb-3">AI Automation Setup</h3>
           <p class="text-gray-600 mb-4">ตั้งค่าระบบอัตโนมัติลดงานซ้ำซ้อน ประหยัดเวลาทีม เพิ่มประสิทธิภาพ</p>
-          <ul class="space-y-2 text-gray-600 mb-6">
-            <li class="flex items-start gap-2"><span class="text-primary">✓</span> วิเคราะห์กระบวนการทำงาน</li>
-            <li class="flex items-start gap-2"><span class="text-primary">✓</span> ตั้งค่า Chatbot, Email Auto</li>
-            <li class="flex items-start gap-2"><span class="text-primary">✓</span> ประหยัดเวลาทีม 30-50%</li>
-            <li class="flex items-start gap-2"><span class="text-primary">✓</span> อบรมทีมใช้งาน</li>
-          </ul>
           <a href="/ai-automation" class="text-secondary font-medium hover:underline flex items-center gap-2">ดูรายละเอียด →</a>
         </div>
 
-        <!-- Service 3: AI Consult -->
+        <!-- Service 3 -->
         <div class="service-card">
           <div class="text-6xl mb-4">💡</div>
           <h3 class="text-2xl font-bold mb-3">AI Consult & Implementation</h3>
           <p class="text-gray-600 mb-4">ที่ปรึกษา AI ช่วยคุณนำเทคโนโลยีไปใช้จริง ได้ผลลัพธ์จับต้องได้</p>
-          <ul class="space-y-2 text-gray-600 mb-6">
-            <li class="flex items-start gap-2"><span class="text-primary">✓</span> ประเมินความพร้อมธุรกิจ</li>
-            <li class="flex items-start gap-2"><span class="text-primary">✓</span> แนะนำ Use Cases ที่เหมาะสม</li>
-            <li class="flex items-start gap-2"><span class="text-primary">✓</span> วางแผน Implementation</li>
-            <li class="flex items-start gap-2"><span class="text-primary">✓</span> ติดตั้งและ Support</li>
-          </ul>
           <a href="/ai-consult" class="text-secondary font-medium hover:underline flex items-center gap-2">ดูรายละเอียด →</a>
         </div>
       </div>
@@ -140,29 +64,62 @@ import Layout from '../layouts/Layout.astro'
     </div>
   </section>
 
-  <!-- How It Works (3 Steps from New Design) -->
+  <!-- Why Choose Us -->
+  <section class="py-20 bg-secondary text-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">ทำไมต้อง moreminimore?</h2>
+        <p class="text-xl text-gray-200 max-w-3xl mx-auto">เพราะเราเข้าใจว่า SMEs ไทยมีงบจำกัด แต่ต้องการเทคโนโลยีคุณภาพ</p>
+      </div>
+      
+      <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto">
+        <div class="text-center p-8 bg-white/10 backdrop-blur rounded-2xl">
+          <div class="text-5xl mb-4">⚡</div>
+          <h3 class="text-xl font-bold mb-3">รวดเร็ว</h3>
+          <p class="text-gray-200">ใช้ AI Agents ช่วยทำงานเร็ว 10 เท่า</p>
+        </div>
+        <div class="text-center p-8 bg-white/10 backdrop-blur rounded-2xl">
+          <div class="text-5xl mb-4">💰</div>
+          <h3 class="text-xl font-bold mb-3">คุ้มค่า</h3>
+          <p class="text-gray-200">ราคาเข้าถึงได้ ไม่มีต้นทุนแฝง</p>
+        </div>
+        <div class="text-center p-8 bg-white/10 backdrop-blur rounded-2xl">
+          <div class="text-5xl mb-4">🚀</div>
+          <h3 class="text-xl font-bold mb-3">พร้อมอนาคต</h3>
+          <p class="text-gray-200">ระบบออกแบบมาให้ต่อยอด AI ได้</p>
+        </div>
+        <div class="text-center p-8 bg-white/10 backdrop-blur rounded-2xl">
+          <div class="text-5xl mb-4">🤝</div>
+          <h3 class="text-xl font-bold mb-3">เข้าใจ SMEs</h3>
+          <p class="text-gray-200">เราคือ SMEs เหมือนกัน</p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Process Preview -->
   <section id="process" class="py-20 bg-gray-light">
     <div class="container mx-auto px-4">
       <div class="text-center mb-16">
-        <h2 class="text-4xl md:text-5xl font-bold mb-4">3 ขั้นตอน ง่ายๆ ได้เว็บพร้อมใช้</h2>
-        <p class="text-xl text-gray-600 max-w-3xl mx-auto">เราทำให้กระบวนการทำเว็บเป็นเรื่องง่าย โปร่งใส และรวดเร็ว</p>
+        <h2 class="text-4xl md:text-5xl font-bold mb-4">ขั้นตอนการทำงาน</h2>
+        <p class="text-xl text-gray-600 max-w-3xl mx-auto">3 ขั้นตอนง่ายๆ ได้งานพร้อมใช้</p>
       </div>
       
       <div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
         <div class="process-step-card">
           <div class="w-20 h-20 mx-auto mb-6 rounded-full gradient-secondary flex items-center justify-center text-4xl font-bold text-white">1</div>
-          <h3 class="text-2xl 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 class="process-step-card">
           <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">2</div>
-          <h3 class="text-2xl font-bold mb-3">⚡ พัฒนาเว็บ</h3>
-          <p class="text-gray-600">ทีมงาน + AI Agents สร้างเว็บให้คุณภายในเวลาอันสั้น</p>
+          <h3 class="text-2xl font-bold mb-3">พัฒนา</h3>
+          <p class="text-gray-600">ทีมงาน + AI สร้างงานให้รวดเร็ว</p>
         </div>
         <div class="process-step-card">
           <div class="w-20 h-20 mx-auto mb-6 rounded-full bg-accent-green flex items-center justify-center text-4xl font-bold text-white">3</div>
-          <h3 class="text-2xl font-bold mb-3">🚀 ใช้งานจริง</p>
-          <p class="text-gray-600">เว็บพร้อมขาย พร้อมโปรโมท พร้อมเติบโต</p>
+          <h3 class="text-2xl font-bold mb-3">ใช้งานจริง</h3>
+          <p class="text-gray-600">พร้อมขาย พร้อมเติบโต</p>
         </div>
       </div>
       
@@ -175,13 +132,96 @@ import Layout from '../layouts/Layout.astro'
   <!-- About Preview -->
   <section class="py-20 bg-white">
     <div class="container mx-auto px-4">
-      <div class="max-w-4xl mx-auto text-center">
-        <h2 class="text-4xl md:text-5xl font-bold mb-6">เกี่ยวกับ moreminimore</h2>
-        <p class="text-xl text-gray-600 mb-8">
-          เราคือบริษัท IT Services จากสมุทรสาคร ที่เชื่อว่า SMEs ไทย ก็ควรมีเว็บไซต์คุณภาพในราคาที่จับต้องได้ 
-          ใช้ AI Agents (OpenClaw) ช่วยทำงานให้รวดเร็ว ลดต้นทุน ส่งมอบงานไว
-        </p>
-        <a href="/about-us" class="text-secondary font-medium hover:underline text-lg">อ่านเกี่ยวกับเรา →</a>
+      <div class="grid md:grid-cols-2 gap-12 items-center max-w-6xl mx-auto">
+        <div>
+          <h2 class="text-4xl md:text-5xl font-bold mb-6">เกี่ยวกับ moreminimore</h2>
+          <p class="text-lg text-gray-600 mb-8">
+            moreminimore เกิดขึ้นจากความตั้งใจที่จะลดช่องว่างระหว่างธุรกิจใหญ่และ SMEs ด้านเทคโนโลยี
+            เราเชื่อว่าธุรกิจทุกขนาดควรมีโอกาสใช้เทคโนโลยีคุณภาพ
+          </p>
+          <a href="/about-us" class="text-secondary font-medium hover:underline text-lg">อ่านเกี่ยวกับเรา →</a>
+        </div>
+        <div class="bg-gray-light p-8 rounded-2xl">
+          <div class="grid grid-cols-2 gap-6">
+            <div class="text-center">
+              <div class="text-5xl font-bold text-secondary mb-2">50+</div>
+              <div class="text-gray-600">ธุรกิจที่ไว้ใจเรา</div>
+            </div>
+            <div class="text-center">
+              <div class="text-5xl font-bold text-secondary mb-2">10x</div>
+              <div class="text-gray-600">เร็วขึ้นด้วย AI</div>
+            </div>
+            <div class="text-center">
+              <div class="text-5xl font-bold text-secondary mb-2">100%</div>
+              <div class="text-gray-600">มุ่งมั่นเพื่อลูกค้า</div>
+            </div>
+            <div class="text-center">
+              <div class="text-5xl font-bold text-secondary mb-2">24/7</div>
+              <div class="text-gray-600">Support พร้อมช่วย</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Latest Blog Posts -->
+  <section class="py-20 bg-gray-light">
+    <div class="container mx-auto px-4">
+      <div class="text-center mb-16">
+        <h2 class="text-4xl md:text-5xl font-bold mb-4">เรื่องน่ารู้ล่าสุด</h2>
+        <p class="text-xl text-gray-600 max-w-3xl mx-auto">บทความเกี่ยวกับ SEO, AI และดิจิตอลมาร์เก็ตติ้ง</p>
+      </div>
+      
+      <div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
+        <!-- Blog 1 -->
+        <article class="bg-white rounded-2xl overflow-hidden shadow-md card-hover">
+          <div class="p-6">
+            <div class="flex flex-wrap gap-2 mb-4">
+              <span class="text-xs bg-accent-blue text-white px-3 py-1 rounded-full">SEO</span>
+              <span class="text-xs bg-accent-blue text-white px-3 py-1 rounded-full">Google</span>
+            </div>
+            <h3 class="text-xl font-bold mb-3 hover:text-secondary transition">
+              <a href="/blog/core-web-vitals/" class="hover:underline">Core Web Vitals และ UX ปัจจัยการจัดอันดับ Google</a>
+            </h3>
+            <p class="text-gray-600 mb-4 line-clamp-3">ทำความเข้าใจ Core Web Vitals และ User Experience ที่มีผลต่อการจัดอันดับเว็บไซต์บน Google</p>
+            <a href="/blog/core-web-vitals/" class="text-secondary font-medium hover:underline flex items-center gap-2">อ่านเพิ่มเติม →</a>
+          </div>
+        </article>
+
+        <!-- Blog 2 -->
+        <article class="bg-white rounded-2xl overflow-hidden shadow-md card-hover">
+          <div class="p-6">
+            <div class="flex flex-wrap gap-2 mb-4">
+              <span class="text-xs bg-accent-blue text-white px-3 py-1 rounded-full">SEO</span>
+              <span class="text-xs bg-accent-blue text-white px-3 py-1 rounded-full">Images</span>
+            </div>
+            <h3 class="text-xl font-bold mb-3 hover:text-secondary transition">
+              <a href="/blog/alt-text-seo/" class="hover:underline">ALT Text กับ SEO ปัจจัยที่ 3 ของ Google</a>
+            </h3>
+            <p class="text-gray-600 mb-4 line-clamp-3">การเขียน ALT Text สำหรับรูปภาพ ช่วย SEO อย่างไร และทำไม Google ให้ความสำคัญ</p>
+            <a href="/blog/alt-text-seo/" class="text-secondary font-medium hover:underline flex items-center gap-2">อ่านเพิ่มเติม →</a>
+          </div>
+        </article>
+
+        <!-- Blog 3 -->
+        <article class="bg-white rounded-2xl overflow-hidden shadow-md card-hover">
+          <div class="p-6">
+            <div class="flex flex-wrap gap-2 mb-4">
+              <span class="text-xs bg-accent-blue text-white px-3 py-1 rounded-full">SEO</span>
+              <span class="text-xs bg-accent-blue text-white px-3 py-1 rounded-full">Ranking</span>
+            </div>
+            <h3 class="text-xl font-bold mb-3 hover:text-secondary transition">
+              <a href="/blog/8-seo-factors/" class="hover:underline">8 ปัจจัย SEO สำหรับ Google Ranking</a>
+            </h3>
+            <p class="text-gray-600 mb-4 line-clamp-3">8 ปัจจัยสำคัญที่ Google ใช้ในการจัดอันดับเว็บไซต์ คุณทำครบหรือยัง?</p>
+            <a href="/blog/8-seo-factors/" class="text-secondary font-medium hover:underline flex items-center gap-2">อ่านเพิ่มเติม →</a>
+          </div>
+        </article>
+      </div>
+      
+      <div class="text-center mt-12">
+        <a href="/blog" class="btn-secondary text-xl">ดูบทความทั้งหมด</a>
       </div>
     </div>
   </section>
@@ -189,30 +229,15 @@ import Layout from '../layouts/Layout.astro'
   <!-- CTA Section -->
   <section class="py-20 gradient-cta text-white">
     <div class="container mx-auto px-4 text-center">
-      <h2 class="text-4xl md:text-6xl font-bold mb-6">พร้อมเริ่มหรือยัง?</h2>
+      <h2 class="text-4xl md:text-6xl font-bold mb-6">พร้อมเริ่มโปรเจกต์หรือยัง?</h2>
       <p class="text-2xl text-gray-100 mb-10 max-w-3xl mx-auto">
-        อย่าให้งบประมาณเป็นอุปสรรคต่อการเติบโตของธุรกิจคุณ
-        <br />ปรึกษาฟรี ไม่มีค่าใช้จ่ายใดๆ ทั้งสิ้น
+        ปรึกษาฟรี ไม่มีค่าใช้จ่ายใดๆ ทั้งสิ้น
+        <br />เราพร้อมช่วยธุรกิจคุณเติบโตด้วยเทคโนโลยี
       </p>
       <div class="flex flex-col sm:flex-row gap-5 justify-center">
-        <a href="https://line.me/" target="_blank" rel="noopener noreferrer" class="bg-[#06C755] 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>
-        <a href="tel:0809955945" class="bg-white text-secondary 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">
-          📞 โทรเลย
-        </a>
+        <a href="https://line.me/" class="bg-[#06C755] 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>
+        <a href="tel:0809955945" class="bg-white text-secondary 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">📞 โทรเลย</a>
       </div>
-      <p class="mt-6 text-gray-200 text-base">หรืออีเมลมาที่ contact@moreminimore.com</p>
     </div>
   </section>
-
-  <!-- Floating Contact Button -->
-  <div class="floating-contact">
-    <a href="https://line.me/" target="_blank" rel="noopener noreferrer" class="floating-contact-btn bg-[#06C755] text-white" title="ทัก Line">
-      <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452z"/></svg>
-    </a>
-    <a href="tel:0809955945" class="floating-contact-btn bg-secondary text-white" title="โทรเลย">
-      <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24"><path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56a.977.977 0 00-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z"/></svg>
-    </a>
-  </div>
 </Layout>
diff --git a/src/pages/promotion.astro b/src/pages/promotion.astro
new file mode 100644
index 0000000..1daef59
--- /dev/null
+++ b/src/pages/promotion.astro
@@ -0,0 +1,186 @@
+---
+import Layout from '../layouts/Layout.astro'
+---
+
+<Layout title="โปรโมชั่น | moreminimore — เว็บไซต์ฟรี สำหรับ SMEs ไทย">
+  <!-- Hero -->
+  <section class="relative py-32 bg-gradient-to-br from-primary via-yellow-200 to-primary text-secondary overflow-hidden">
+    <div class="absolute inset-0 opacity-20">
+      <img src="/images/hero/homepage-ai.png" alt="Promotion" class="w-full h-full object-cover" loading="eager" />
+    </div>
+    <div class="container mx-auto px-4 relative z-10">
+      <div class="max-w-5xl mx-auto text-center">
+        <div class="inline-block bg-accent-green text-white px-6 py-2 rounded-full font-bold text-lg mb-6 animate-pulse">🎉 โปรโมชั่นพิเศษ</div>
+        <h1 class="text-5xl md:text-7xl font-bold mb-8">เว็บไซต์ฟรี มีจริง!</h1>
+        <p class="text-2xl md:text-3xl mb-10 max-w-3xl mx-auto font-bold">
+          จ่ายแค่ค่า Server รายปี ก็เป็นเจ้าของเว็บคุณภาพได้
+          <br />
+          <span class="text-accent-green">พร้อม AI Agents ช่วยทำงานให้รวดเร็ว 10 เท่า</span>
+        </p>
+        <div class="flex flex-col sm:flex-row gap-5 justify-center">
+          <a href="/contact-us" class="bg-secondary text-white px-8 py-4 rounded-full font-bold text-xl hover:bg-gray-800 transition shadow-xl">ปรึกษาฟรีวันนี้</a>
+          <a href="/website-development" class="bg-white text-secondary px-8 py-4 rounded-full font-bold text-xl hover:bg-gray-100 transition shadow-xl">ดูรายละเอียด</a>
+        </div>
+        <div class="mt-8 text-secondary text-base font-bold">✅ ใช้แล้ว 50+ ธุรกิจ</div>
+      </div>
+    </div>
+  </section>
+
+  <!-- What You Get -->
+  <section class="py-20 bg-white">
+    <div class="container mx-auto px-4 max-w-6xl">
+      <h2 class="text-4xl font-bold mb-12 text-center">สิ่งที่คุณจะได้รับ</h2>
+      <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
+        <div class="text-center p-8 bg-gray-light rounded-2xl">
+          <div class="text-6xl mb-6">🎁</div>
+          <h3 class="text-2xl font-bold mb-4">ฟรีค่าทำเว็บ</h3>
+          <p class="text-gray-600">ไม่เสียค่าทำเว็บล่วงหน้า หลักหมื่น!</p>
+        </div>
+        <div class="text-center p-8 bg-gray-light rounded-2xl">
+          <div class="text-6xl mb-6">💰</div>
+          <h3 class="text-2xl font-bold mb-4">จ่ายรายปีเท่านั้น</h3>
+          <p class="text-gray-600">จ่ายเฉพาะค่า Server ปีละครั้ง</p>
+        </div>
+        <div class="text-center p-8 bg-gray-light rounded-2xl">
+          <div class="text-6xl mb-6">⚡</div>
+          <h3 class="text-2xl font-bold mb-4">ใช้ AI Agents</h3>
+          <p class="text-gray-600">งานเร็ว คุณภาพสูง ลดต้นทุน</p>
+        </div>
+        <div class="text-center p-8 bg-gray-light rounded-2xl">
+          <div class="text-6xl mb-6">🤝</div>
+          <h3 class="text-2xl font-bold mb-4">ดูแลครบวงจร</h3>
+          <p class="text-gray-600">Support หลังส่งมอบงาน</p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Pricing -->
+  <section class="py-20 bg-gray-light">
+    <div class="container mx-auto px-4 max-w-6xl">
+      <h2 class="text-4xl font-bold mb-12 text-center">แพ็กเกจค่า Server</h2>
+      <div class="grid md:grid-cols-3 gap-8">
+        <!-- Basic -->
+        <div class="bg-white p-8 rounded-2xl shadow-md text-center">
+          <h3 class="text-2xl font-bold mb-4">Basic</h3>
+          <div class="text-5xl font-bold text-secondary mb-2">2,900</div>
+          <div class="text-gray-600 mb-6">บาท/ปี</div>
+          <ul class="space-y-3 text-gray-700 mb-8 text-left">
+            <li class="flex items-start gap-3"><span class="text-accent-green text-xl">✓</span> SSL Certificate</li>
+            <li class="flex items-start gap-3"><span class="text-accent-green text-xl">✓</span> Email 5 accounts</li>
+            <li class="flex items-start gap-3"><span class="text-accent-green text-xl">✓</span> Bandwidth 10GB/เดือน</li>
+            <li class="flex items-start gap-3"><span class="text-accent-green text-xl">✓</span> Support ทางอีเมล</li>
+          </ul>
+          <a href="/contact-us" class="btn-secondary inline-block">เลือกแพ็กเกจ</a>
+        </div>
+
+        <!-- Pro -->
+        <div class="bg-white p-8 rounded-2xl shadow-xl text-center border-4 border-primary relative">
+          <div class="absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-primary text-white px-6 py-2 rounded-full font-bold">แนะนำ</div>
+          <h3 class="text-2xl font-bold mb-4">Pro</h3>
+          <div class="text-5xl font-bold text-secondary mb-2">4,900</div>
+          <div class="text-gray-600 mb-6">บาท/ปี</div>
+          <ul class="space-y-3 text-gray-700 mb-8 text-left">
+            <li class="flex items-start gap-3"><span class="text-accent-green text-xl">✓</span> ทุกอย่างใน Basic</li>
+            <li class="flex items-start gap-3"><span class="text-accent-green text-xl">✓</span> Email 20 accounts</li>
+            <li class="flex items-start gap-3"><span class="text-accent-green text-xl">✓</span> Bandwidth 50GB/เดือน</li>
+            <li class="flex items-start gap-3"><span class="text-accent-green text-xl">✓</span> Priority Support</li>
+            <li class="flex items-start gap-3"><span class="text-accent-green text-xl">✓</span> Free Backup รายวัน</li>
+          </ul>
+          <a href="/contact-us" class="btn-accent inline-block">เลือกแพ็กเกจ</a>
+        </div>
+
+        <!-- Business -->
+        <div class="bg-white p-8 rounded-2xl shadow-md text-center">
+          <h3 class="text-2xl font-bold mb-4">Business</h3>
+          <div class="text-5xl font-bold text-secondary mb-2">9,900</div>
+          <div class="text-gray-600 mb-6">บาท/ปี</div>
+          <ul class="space-y-3 text-gray-700 mb-8 text-left">
+            <li class="flex items-start gap-3"><span class="text-accent-green text-xl">✓</span> ทุกอย่างใน Pro</li>
+            <li class="flex items-start gap-3"><span class="text-accent-green text-xl">✓</span> Email Unlimited</li>
+            <li class="flex items-start gap-3"><span class="text-accent-green text-xl">✓</span> Bandwidth 100GB/เดือน</li>
+            <li class="flex items-start gap-3"><span class="text-accent-green text-xl">✓</span> 24/7 Phone Support</li>
+            <li class="flex items-start gap-3"><span class="text-accent-green text-xl">✓</span> Free SSL Wildcard</li>
+          </ul>
+          <a href="/contact-us" class="btn-secondary inline-block">เลือกแพ็กเกจ</a>
+        </div>
+      </div>
+      <p class="text-center text-gray-600 mt-8 text-lg italic">*ทุกแพ็กเกจ ฟรีค่าทำเว็บ เว็บไซต์ WordPress มืออาชีพ</p>
+    </div>
+  </section>
+
+  <!-- Why Free -->
+  <section class="py-20 bg-white">
+    <div class="container mx-auto px-4 max-w-5xl">
+      <h2 class="text-4xl font-bold mb-12 text-center">ทำไมเราถึงให้เว็บฟรี?</h2>
+      <div class="bg-gradient-to-br from-secondary to-accent-purple text-white p-12 rounded-2xl">
+        <div class="prose prose-lg max-w-none text-center">
+          <p class="text-xl mb-8">
+            moreminimore เชื่อว่า <strong class="text-primary">SMEs ไทยทุกคนควรมีเว็บไซต์คุณภาพ</strong> 
+            ไม่ควรให้งบประมาณเป็นอุปสรรคต่อการเติบโตของธุรกิจ
+          </p>
+          <p class="text-xl mb-8">
+            เราใช้ <strong>AI Agents (OpenClaw)</strong> ช่วยพัฒนาเว็บ ทำให้ลดต้นทุนได้มาก 
+            และส่งต่อประโยชน์นี้ให้ลูกค้าในรูปแบบ <strong>"เว็บฟรี จ่ายแค่ค่า Server รายปี"</strong>
+          </p>
+          <div class="grid md:grid-cols-3 gap-8 mt-12">
+            <div>
+              <div class="text-5xl mb-4">🎯</div>
+              <h3 class="text-2xl font-bold mb-2">เข้าถึงได้</h3>
+              <p class="text-gray-200">ทุกธุรกิจมีเว็บได้</p>
+            </div>
+            <div>
+              <div class="text-5xl mb-4">⚡</div>
+              <h3 class="text-2xl font-bold mb-2">รวดเร็ว</h3>
+              <p class="text-gray-200">AI ช่วยทำงานเร็ว 10 เท่า</p>
+            </div>
+            <div>
+              <div class="text-5xl mb-4">🤝</div>
+              <h3 class="text-2xl font-bold mb-2">ยั่งยืน</h3>
+              <p class="text-gray-200">โมเดลธุรกิจที่ยั่งยืนสำหรับทุกฝ่าย</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- How It Works -->
+  <section class="py-20 bg-gray-light">
+    <div class="container mx-auto px-4 max-w-6xl">
+      <h2 class="text-4xl font-bold mb-12 text-center">3 ขั้นตอนง่ายๆ ได้เว็บฟรี</h2>
+      <div class="grid md:grid-cols-3 gap-8">
+        <div class="text-center p-8 bg-white rounded-2xl shadow-md">
+          <div class="w-20 h-20 mx-auto mb-6 rounded-full gradient-secondary flex items-center justify-center text-4xl font-bold text-white">1</div>
+          <h3 class="text-2xl font-bold mb-4">ปรึกษาฟรี</h3>
+          <p class="text-gray-600">บอกความต้องการ เราแนะนำโซลูชันที่เหมาะสม</p>
+        </div>
+        <div class="text-center p-8 bg-white rounded-2xl shadow-md">
+          <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">2</div>
+          <h3 class="text-2xl font-bold mb-4">พัฒนาเว็บ</h3>
+          <p class="text-gray-600">ทีมงาน + AI Agents สร้างเว็บให้ใน 3-5 วัน</p>
+        </div>
+        <div class="text-center p-8 bg-white rounded-2xl shadow-md">
+          <div class="w-20 h-20 mx-auto mb-6 rounded-full bg-accent-green flex items-center justify-center text-4xl font-bold text-white">3</div>
+          <h3 class="text-2xl font-bold mb-4">จ่ายรายปี</h3>
+          <p class="text-gray-600">จ่ายค่า Server ปีละครั้งเท่านั้น ฟรีค่าทำเว็บ!</p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- CTA -->
+  <section class="py-20 gradient-cta text-white">
+    <div class="container mx-auto px-4 text-center">
+      <h2 class="text-4xl md:text-6xl font-bold mb-6">พร้อมเริ่มหรือยัง?</h2>
+      <p class="text-2xl text-gray-100 mb-10 max-w-3xl mx-auto">
+        อย่าให้งบประมาณเป็นอุปสรรคต่อการเติบโตของธุรกิจคุณ
+        <br />ปรึกษาฟรี ไม่มีค่าใช้จ่ายใดๆ ทั้งสิ้น
+      </p>
+      <div class="flex flex-col sm:flex-row gap-5 justify-center">
+        <a href="https://line.me/" class="bg-[#06C755] 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>
+        <a href="tel:0809955945" class="bg-white text-secondary 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">📞 โทรเลย</a>
+      </div>
+    </div>
+  </section>
+</Layout>
