chore(services): sync existing [slug].astro updates from staging

2026-06-13 17:43:35 +07:00
parent c334b8b650
commit b54657f58a
1 changed files with 460 additions and 156 deletions
--- a/src/pages/services/[slug].astro
+++ b/src/pages/services/[slug].astro
@@ -64,7 +64,7 @@ const serviceData: Record<string, any> = {
        bullets: [
          'ติด ChatGPT, Perplexity, Google AI Overviews',
          'ถูกอ้างอิงเมื่อลูกค้าถาม AI เกี่ยวกับสินค้าของคุณ',
-          'โครงสร้างเว็บไซต์ออกแบบมาเพื่อ AI อ่านเข้าใจ',
+          'โครงสร้างเว็บไซต์ออกแบบมาเพื่อให้ AI อ่านเข้าใจ',
        ],
      },
      {
@@ -81,18 +81,47 @@ const serviceData: Record<string, any> = {
      { badge: 'A', name: 'Astro', surface: 'yellow', desc: 'เหมาะสำหรับเว็บไซต์ทั่วไป / Corporate เน้น AI และ SEO โหลดเร็ว ประสิทธิภาพสูง บล็อก / เว็บบริษัท', duration: '14-30 วัน', best: 'ธุรกิจที่ต้องการเว็บเร็ว ติด Google + AI Search' },
      { badge: 'WP', name: 'WordPress', surface: 'soft', desc: 'เหมาะสำหรับเว็บขายของ (E-commerce) เว็บไซต์ที่ซับซ้อน มีระบบหลังบ้านซับซ้อน ต้องการ Plugin เยอะ', duration: '2-4 เดือน', best: 'ร้านค้าออนไลน์ เว็บที่ต้องการ Plugin หลากหลาย' },
    ],
+    workflow: [
+      'สรุป requirement และปัญหาที่มีอยู่',
+      'ออกแบบดีไซน์เบื้องต้น',
+      'พัฒนาเว็บไซต์',
+      'ทดสอบ',
+      'ส่งมอบ',
+    ],
+    targets: [
+      'ธุรกิจที่ยังไม่มีเว็บไซต์',
+      'ธุรกิจที่ต้องการสร้างแบรนด์ หรือ สร้างการรับรู้',
+      'ธุรกิจที่ต้องการทำการตลาดออนไลน์',
+      'ธุรกิจที่ต้องการเปลี่ยนเว็บไซต์เก่า',
+    ],
    pricing: [
-      { label: 'เว็บไซต์ Astro (AI Ready)', price: 'เริ่มต้น ฿10,000', surface: 'mint', bestFor: 'เว็บบริษัท เว็บ Landing Page เน้น SEO + AI' },
-      { label: 'เว็บไซต์ WordPress', price: 'เริ่มต้น ฿15,000', surface: 'yellow', bestFor: 'ร้านค้าออนไลน์ เว็บ E-commerce ที่ต้องการ Plugin' },
-      { label: 'Landing Page', price: 'เริ่มต้น ฿5,000', surface: 'purple-soft', bestFor: 'หน้าเดียวจบ ใช้ยิงแอดหรือทดสอบตลาด' },
-      { label: 'Server Hosting', price: '฿5,000/ปี', surface: 'teal-soft', bestFor: 'Server คุณภาพสูง ดูแลให้' },
-      { label: 'Domain .com', price: '฿500/ปี', surface: 'soft', bestFor: 'ต่ออายุโดเมน .com / .co.th' },
+      {
+        tier: 'เริ่มต้น',
+        label: 'Astro Landing',
+        bestFor: 'เว็บ 1 หน้า ทดสอบตลาด',
+        amount: '5,000',
+        period: '/ เริ่มต้น',
+        features: ['✓ เว็บ 1 หน้า', '✓ Responsive', '✓ SSL + Domain 1 ปี', '✗ ระบบหลังบ้าน'],
+      },
+      {
+        tier: 'มาตรฐาน',
+        label: 'Website Astro',
+        bestFor: 'เว็บบริษัท 5-15 หน้า เน้น SEO + AI',
+        amount: '5,000+',
+        period: '/ เริ่มต้น',
+        features: ['✓ เว็บ 5-15 หน้า', '✓ SEO + GEO (ติด ChatGPT)', '✓ AI ช่วยสร้างเนื้อหา', '✓ Server + SSL + Domain 1 ปี'],
+      },
+      {
+        tier: 'ขั้นสูง',
+        label: 'Website WordPress',
+        bestFor: 'E-commerce + Plugin ครบ',
+        amount: '15,000',
+        period: '/ เริ่มต้น',
+        features: ['✓ เว็บไม่จำกัดหน้า', '✓ E-commerce + ตะกร้า + ชำระเงิน', '✓ Plugin ตามต้องการ', '✓ อบรมการใช้งาน'],
+      },
    ],
    realPortfolio: [
      { name: 'Dataroot', url: 'https://erp.dataroot.asia', industry: 'ตัวแทนจำหน่าย Odoo ERP', highlight: 'หน้าแรกโหลดไว + ติด Google ได้ผลดี' },
-      { name: 'Baofuling Shop', url: 'https://baofulingshop.com', industry: 'E-commerce สินค้า Skincare', highlight: 'หน้าเดียวจบ สั่งซื้อง่าย ดูแลเองได้' },
-      { name: 'Lungfinler', url: 'https://lungfinler.com', industry: 'Digital Agency', highlight: 'แสดงผลงาน + บล็อก ใช้ CMS ได้' },
-      { name: 'ทวนทอง 99', url: 'https://tuanthong99.com', industry: 'สมุนไพรไทย', highlight: 'ระบบสั่งซื้อ + จัดการสินค้า ดูแลเองได้' },
    ],
    faqs: [
      { q: 'แก้ไขเว็บเองยากไหม?', a: 'ไม่ยากเลย สำหรับ Astro การแก้ไขเนื้อหาจะเน้นการคุยกับ AI ให้ช่วยสร้างและปรับแต่งเนื้อหา คุณพิมพ์สั่ง AI ได้เลยว่าอยากได้เนื้อหาแบบไหน ส่วน WordPress มาพร้อมระบบหลังบ้านที่มีหน้าตาการใช้งานง่าย เหมือนใช้ Word คุณสามารถเปลี่ยนข้อความ รูปภาพ สินค้า ได้ด้วยตัวเองโดยไม่ต้องมีความรู้ทางเทคนิค และทีมเราจะอบรมการใช้งานให้ก่อนส่งมอบ' },
@@ -102,85 +131,191 @@ const serviceData: Record<string, any> = {
      { q: 'ต้องมีความรู้ทางเทคนิคไหม?', a: 'ไม่จำเป็นเลย เราดูแลทุกอย่างตั้งแต่ต้นจนจบ ตั้งแต่การออกแบบ พัฒนา ไปจนถึงการติดตั้งและส่งมอบ พร้อมทั้งอบรมการใช้งานให้ทีมของคุณสามารถใช้งานระบบได้อย่างมั่นใจ ถ้าเจอปัญหาการใช้งาน ทีมซัพพอร์ตพร้อมช่วยทันที' },
      { q: 'GEO คืออะไร?', a: 'GEO (Generative Engine Optimization) คือการปรับแต่งเนื้อหาและโครงสร้างเว็บไซต์ให้ถูกอ้างอิงโดย AI Search Engine เช่น ChatGPT, Perplexity, Google AI Overviews ทำให้ธุรกิจของคุณปรากฏในคำตอบของ AI เมื่อมีคนถามเกี่ยวกับสินค้าหรือบริการในกลุ่มของคุณ เป็นอีกช่องทางที่จะดึงลูกค้าเข้ามา' },
      { q: 'เว็บจะติด Google ในกี่เดือน?', a: 'ขึ้นอยู่กับคีย์เวิร์ดและการแข่งขัน สำหรับคีย์เวิร์ดที่มีการแข่งขันปานกลาง ประมาณ 2-3 เดือนจะเริ่มเห็นผล ส่วนคีย์เวิร์ดที่แข่งขันสูงอาจใช้เวลา 6 เดือนขึ้นไป เราจะวิเคราะห์คีย์เวิร์ดที่เหมาะสมก่อนเริ่มทำ SEO' },
-      { q: 'ถ้าอยากเพิ่มฟีเจอร์ทีหลัง ทำได้ไหม?', a: 'ได้แน่นอน เว็บไซต์ที่เราทำออกแบบมาให้ขยายได้ คุณสามารถเพิ่มฟีเจอร์ เช่น ระบบจองคิว ระบบสมาชิก ระบบชำระเงินเพิ่ม หรือเชื่อมต่อกับ API ภายนอก ทีมเราจะประเมินราคาเพิ่มเติมตามฟีเจอร์ที่ต้องการ แจ้งราคาก่อนเริ่มงานทุกครั้ง' },
+      { q: 'ถ้าอยากเพิ่มฟีเจอร์ทีหลัง ทำได้ไหม?', a: 'ได้แน่นอน เว็บไซต์ที่เราทำออกแบบมาให้ขยายได้ คุณสามารถเพิ่มฟีเจอร์ เช่น ระบบจองคิว ระบบสมาชิก ระบบชำระเงินเพิ่ม หรือเชื่อมต่อกับ API ภายนอก ทีมเราจะประเมินราคาเพิ่มเติมตามฟีเจอร์ที่ต้องการ แจ้งราคาก่อนเริ่มงานทุกครั้ง ทั้งนี้ ถ้าเว็บไซต์ทำจาก Astro การเพิ่มบางฟีเจอร์ที่ซับซ้อนอาจจะมีค่าใช้จ่ายสูงมาก จนบางครั้งการเปลี่ยนระบบไปใช้ WordPress อาจจะมีค่าใช้จ่ายถูกกว่า เช่น การเปลี่ยนเว็บ Astro ให้เป็น E-commerce แบบมีสินค้ามากกว่า 5 ตัว มีระบบตะกร้า และต้องการระบบฐานข้อมูลด้วย เคสนี้เปลี่ยนไปใช้ WordPress จะมีค่าใช้จ่ายถูกกว่า แต่ถ้าเว็บ Astro จะเพิ่มให้มีปุ่มชำระเงินผ่าน Stripe ที่คนไทยใช้ได้โดยจ่ายผ่านบัตรเครดิต แบบนี้ทำได้ โดยค่าใช้จ่ายไม่เกิน 3,000 บาท' },
    ],
  },
  'marketing': {
-    badge: 'บริการ Marketing Automation ครบวงจร',
-    title: 'การตลาดอัตโนมัติ',
-    titleAccent: 'ทุกช่องทาง',
-    titleAccent2: 'พร้อม AI วิเคราะห์',
-    desc: 'ส่งข้อความอัตโนมัติ วิเคราะห์ข้อมูล SEO ติด Google ครอบคลุม Website, Social Media, Ads และ Email + GEO ติด ChatGPT, Perplexity, AI Search',
-    features: [
-      { icon: 'globe', title: 'Website + SEO', desc: 'เว็บไซต์ที่ติด Google และ AI Search พร้อมระบบจัดการเนื้อหา' },
-      { icon: 'smartphone', title: 'Social Media', desc: 'Facebook, LINE, IG อัตโนมัติ ส่งข้อความตรงกลุ่มเป้าหมาย' },
-      { icon: 'barChart', title: 'Google Ads', desc: 'ควบคุมงบโฆษณา วิเคราะห์ผล เพิ่มประสิทธิภาพ ROI' },
-      { icon: 'mail', title: 'Email Marketing', desc: 'ส่งอีเมลอัตโนมัติ ติดตามลูกค้า ส่งโปรโมชั่นตรงเวลา' },
+    badge: 'บริการ Online Marketing Consult ครบวงจร',
+    title: 'ที่ปรึกษา',
+    titleAccent: 'Online Marketing',
+    titleAccent2: 'พร้อม AI + Automation',
+    desc: 'วางกลยุทธ์การตลาดออนไลน์จากข้อมูลจริง ออกแบบระบบงานให้พนักงานทำงานง่ายขึ้น พร้อมเครื่องมือ AI + n8n + ระบบรายงานเชิงลึก',
+    whyUs: [
+      { num: '01', title: 'ลดเวลาในการสร้างสื่อ', desc: 'ระบบ AI + Template ช่วยให้ทีมสร้างสื่อได้เร็วขึ้น ไม่ต้องเริ่มจากศูนย์' },
+      { num: '02', title: 'เน้นงบคุ้มค่า', desc: 'ใช้เงินน้อยแต่หวังผลมาก ไม่หว่านเงิน ตัดสิ่งที่ไม่ Convert ออก' },
+      { num: '03', title: 'เจาะกลุ่มเป้าหมาย', desc: 'ยิงให้ตรงกลุ่ม ไม่ใช่ยิงทุกคน เพิ่มโอกาสปิดดีล' },
+      { num: '04', title: 'ไม่ตามกระแส', desc: 'ถ้าตามแล้วผลไม่คุ้ม ไม่แนะนำ เน้นกลยุทธ์ระยะยาว' },
+    ],
+    services: [
+      {
+        icon: 'pen', span: 6, surface: 'yellow',
+        title: 'พัฒนาระบบงาน Marketing ให้สร้างสื่ออัตโนมัติ',
+        bullets: [
+          'วิเคราะห์การทำงาน + สไตล์การทำงานของพนักงาน + รวบรวมสถิติทางการตลาดเดิม',
+          'ออกแบบระบบงานให้มี AI/Tool มาช่วย โดยไม่กระทบความเคยชินของพนักงาน',
+          'เลือก Tool และ Platform ที่เหมาะกับงาน + ผลลัพธ์ที่ต้องการ',
+        ],
+      },
+      {
+        icon: 'barChart', span: 6, surface: 'mint',
+        title: 'ระบบรายงานการตลาดเชิงลึก',
+        bullets: [
+          'เมื่อมีระบบการทำงานครบ จะมีสถิติข้อมูลเป็นระบบ',
+          'นำข้อมูลมาวิเคราะห์ด้วย AI เพื่อหาโอกาสทางธุรกิจใหม่ ๆ',
+          'แดชบอร์ดสรุปผลที่เข้าใจง่าย ดูผลได้ทันที',
+        ],
+      },
+      {
+        icon: 'megaphone', span: 12, surface: 'teal-soft',
+        title: 'กลยุทธ์ด้านการตลาดออนไลน์',
+        bullets: [
+          'วางกลยุทธ์ให้เหมาะกับธุรกิจ สินค้า และกลุ่มเป้าหมาย',
+          'SEO + GEO — สร้างแบรนด์และความน่าเชื่อถือระยะยาว',
+          'การโฆษณา — ใช้งบอย่างมีประสิทธิภาพ เพิ่มยอดขายสูงสุด',
+          'ช่องทางจำหน่าย — แนะนำช่องทางออนไลน์ที่เหมาะ ไม่ตามกระแสที่ผลระยะสั้น',
+        ],
+      },
+    ],
+    techOptions: [
+      { badge: 'N8N', name: 'n8n', surface: 'yellow', desc: 'เครื่องมือ Automation แบบ Open Source ยืดหยุ่นสูง เชื่อมต่อได้หลายระบบ เหมาะกับ Workflow ที่ซับซ้อน', duration: 'ตามขอบเขต', best: 'งานที่ต้องเชื่อมหลาย Platform + AI' },
+      { badge: 'G', name: 'Google Services', surface: 'mint', desc: 'Google Analytics, Search Console, Ads, Tag Manager, Business Profile', duration: 'ตามขอบเขต', best: 'การติดตาม + วัดผล SEO/โฆษณา Google' },
+      { badge: 'M', name: 'Meta Services', surface: 'purple-soft', desc: 'Facebook Ads, Instagram Ads, Meta Business Suite, Pixel', duration: 'ตามขอบเขต', best: 'โฆษณา Social Media + Remarketing' },
+      { badge: 'SOC', name: 'Social Media', surface: 'soft', desc: 'Facebook, Instagram, LINE Official, TikTok, X (Twitter), YouTube', duration: 'ตามขอบเขต', best: 'สร้างการรับรู้ + Engagement' },
+      { badge: 'MS', name: 'Microsoft Clarity', surface: 'teal-soft', desc: 'Heatmap + Session Recording ฟรี ดูพฤติกรรมผู้ใช้จริงบนเว็บ', duration: 'ตามขอบเขต', best: 'วิเคราะห์ UX + จุดที่คนออก' },
+      { badge: 'AI', name: 'LLM', surface: 'yellow', desc: 'ChatGPT, Claude, Gemini, Local LLM เลือกตามงบ + ความปลอดภัยข้อมูล', duration: 'ตามขอบเขต', best: 'สร้างเนื้อหา + วิเคราะห์ + Automation' },
+      { badge: 'CA', name: 'Custom Apps', surface: 'purple-soft', desc: 'แอปที่เขียนเองเฉพาะงาน เช่น ระบบจัดการ, Dashboard, ระบบอัตโนมัติ', duration: 'ตามขอบเขต', best: 'งานเฉพาะทางที่ Tool ทั่วไปไม่ตอบโจทย์' },
+    ],
+    workflow: [
+      'สรุป requirement และปัญหาที่มีอยู่',
+      'ศึกษาและวิเคราะห์ข้อมูลทางการตลาด + คุยกับทีมงาน',
+      'วางแผนกลยุทธ์',
+      'สร้างระบบงาน + ระบบเก็บข้อมูลสถิติ + ระบบรายงาน',
+      'นำกลยุทธ์ไปใช้จริง',
+      'ประเมินผลงาน และปรับปรุงกลยุทธ์',
    ],
    targets: [
-      { icon: 'building', title: 'SME / ร้านค้าปลีก', desc: 'ธุรกิจท้องถิ่นที่ต้องการเพิ่มยอดขายออนไลน์' },
-      { icon: 'shoppingCart', title: 'ร้านค้าออนไลน์', desc: 'E-commerce ที่ต้องการบริหารการตลาดอัตโนมัติ' },
-      { icon: 'briefcase', title: 'บริษัท / องค์กร', desc: 'บริษัทที่ต้องการระบบการตลาดที่มีประสิทธิภาพ' },
+      'กลุ่ม SMEs ที่ต้องการเพิ่มกำไร',
+      'กลุ่ม SMEs ที่มีปัญหาในการทำตลาดออนไลน์อยู่',
    ],
-    aiFeatures: [
-      'วิเคราะห์พฤติกรรมลูกค้าแต่ละ Touchpoint',
-      'หาช่องว่างทางการตลาดที่ยังไม่ถูกใช้',
-      'เสนอวิธีปรับปรุงอย่างต่อเนื่อง',
-      'รายงานผลเข้าใจง่าย วัดผลได้จริง',
+    realPortfolio: [
+      { name: 'Dataroot', url: 'https://erp.dataroot.asia', industry: 'ตัวแทนจำหน่าย Odoo ERP', highlight: 'Impression +373%, Click +114.2%, Ad spend -28.3% จากการวิเคราะห์ข้อมูล 3 เดือน + เจาะกลุ่มใหม่' },
    ],
    faqs: [
-      { q: 'Marketing Automation ต่างจาก AI Automation อย่างไร?', a: 'AI Automation เน้นการทำ automation ภายในองค์กร เช่น ระบบตอบคำถาม การประมวลผลข้อมูล Marketing Automation เน้นการทำ automation ภายนอกองค์กร เช่น การตลาดผ่าน Website, Social Media, Ads, Email' },
-      { q: 'ราคารวมค่าโฆษณาด้วยไหม?', a: 'ไม่รวมค่าโฆษณา ลูกค้าเป็นเจ้าของบัญชีโฆษณาเองและจ่ายค่าโฆษณาแยกต่างหาก เราเป็นเพียง Agency ที่เข้าไปบริหารจัดการให้' },
-      { q: 'ต้องมีความรู้ด้านเทคนิคไหม?', a: 'ไม่ต้องมีความรู้ด้านเทคนิคเลย เราดูแลทุกอย่างตั้งแต่ต้นจนจบ คุณเพียงแค่ให้ข้อมูลและดูผลลัพธ์' },
-      { q: 'AI วิเคราะห์อะไรบ้าง?', a: 'AI วิเคราะห์พฤติกรรมลูกค้า หาช่องว่างทางการตลาด และนำเสนอวิธีปรับปรุง วิเคราะห์ผลแคมเปญ และอื่น ๆ ตามความเหมาะสม' },
-      { q: 'GEO คืออะไร?', a: 'GEO (Generative Engine Optimization) คือการปรับแต่งเนื้อหาให้ถูกอ้างอิงโดย AI Search Engine เช่น ChatGPT, Perplexity, Google AI Overviews ทำให้ธุรกิจของคุณปรากฏในคำตอบของ AI' },
+      { q: 'ราคารวมค่าโฆษณาด้วยไหม?', a: 'ไม่รวม ค่าโฆษณาลูกค้าจ่ายตรงกับ Platform เอง (Google, Meta, etc.) เราดูแลเรื่องวางแผน + บริหารแคมเปญให้' },
+      { q: 'ต้องมีความรู้ด้านเทคนิคไหม?', a: 'ไม่ต้องมี เราดูแลทุกอย่างตั้งแต่ต้นจนจบ คุณเพียงให้ข้อมูลและดูผลลัพธ์' },
+      { q: 'GEO คืออะไร?', a: 'GEO (Generative Engine Optimization) คือการปรับแต่งเนื้อหาให้ถูกอ้างอิงโดย AI Search Engine เช่น ChatGPT, Perplexity, Google AI Overviews ทำให้ธุรกิจของคุณปรากฏในคำตอบของ AI เมื่อมีคนถามเกี่ยวกับสินค้าหรือบริการในกลุ่มของคุณ' },
+      { q: 'ใช้เวลาเห็นผลนานแค่ไหน?', a: 'SEO/GEO ใช้เวลา 3 เดือนขึ้นไปจึงจะเห็นผลชัดเจน ส่วนการโฆษณา (Google Ads, Facebook Ads) มักจะเห็นผลภายใน 2-3 วัน ทั้งนี้ขึ้นอยู่กับสินค้าและกลุ่มเป้าหมายของคุณด้วย' },
+      { q: 'คุมงบโฆษณาเองได้ไหม?', a: 'ได้ ปกติเราจะใช้งบโฆษณาตามที่ลูกค้าแจ้งอยู่แล้ว และจะตั้งค่าไม่ให้ใช้งบประมาณเกินทุกเดือน' },
+      { q: 'เหมาะกับธุรกิจแบบไหน?', a: 'ทุกธุรกิจ เพราะในมุมมองของการทำ Online Marketing นั้นไม่ใช่แค่การขายสินค้าออนไลน์ แต่รวมถึงการสร้างการรับรู้ และการสร้าง Brand ด้วย' },
    ],
  },
  'automation': {
    badge: 'บริการ AI Automation ครบวงจร',
-    title: 'ระบบเชื่อมข้อมูล',
-    titleAccent: 'วิเคราะห์ด้วย AI',
-    desc: 'เชื่อมข้อมูลจากหลายแอปเข้าด้วยกัน วิเคราะห์ข้อมูล สร้างรายงาน แจ้งเตือนอัตโนมัติ พร้อม Chatbot ภายในองค์กร',
-    features: [
-      { icon: 'package', title: 'เชื่อมข้อมูล', desc: 'Excel, Google Sheets, CRM, ERP ได้ทุกระบบ' },
-      { icon: 'brain', title: 'AI วิเคราะห์', desc: 'หาความผิดปกติ หาแนวโน้ม และเสนอวิธีปรับปรุง' },
-      { icon: 'barChart', title: 'สร้างรายงานอัตโนมัติ', desc: 'ส่งอีเมลรายวัน รายสัปดาห์ รายเดือน' },
-      { icon: 'bell', title: 'แจ้งเตือนอัตโนมัติ', desc: 'LINE, Email, SMS เมื่อมีเหตุการณ์สำคัญ' },
-      { icon: 'message', title: 'Enterprise Chatbot', desc: 'ตอบคำถามพนักงาน ค้นหาข้อมูลอัตโนมัติ' },
-      { icon: 'cog', title: 'Process Automation', desc: 'ทำให้กระบวนการทำงานเป็นอัตโนมัติ ลดงานซ้ำซ้อน' },
+    title: 'ระบบอัตโนมัติ',
+    titleAccent: 'ทำงานแทนคน',
+    titleAccent2: 'ด้วย AI + n8n',
+    desc: 'แก้ปัญหาเฉพาะจุด พัฒนาระบบอัตโนมัติที่ทำงานแทนพนักงาน ลดเวลา + ลดความผิดพลาด + เชื่อมระบบเดิมเข้าด้วยกัน',
+    whyUs: [
+      { num: '01', title: 'ลดเวลาการทำงาน', desc: 'งานซ้ำ ๆ ที่ใช้เวลาเป็นชั่วโมง ลดเหลือไม่กี่นาที ระบบทำให้' },
+      { num: '02', title: 'ลดความผิดพลาด', desc: 'ระบบทำงานด้วย Logic ที่ชัดเจน ไม่เหนื่อย ไม่ลืม ไม่พิมพ์ผิด' },
+    ],
+    services: [
+      {
+        icon: 'cog', span: 12, surface: 'teal-soft',
+        title: 'พัฒนาระบบงานให้เป็น Automation',
+        bullets: [
+          'วิเคราะห์และวางระบบงาน เพื่อหาจุดที่ AI จะช่วยงานได้',
+          'ปรับ Workflow ให้ผสานกับพฤติกรรมเดิมของพนักงาน แต่มี Tool/AI มาช่วย',
+          'ต่างจาก AI Consult ตรงที่: เน้นการแก้ปัญหาเป็นจุด ๆ ไม่มี KM ไม่มีระบบพัฒนาตัวเอง',
+        ],
+      },
+    ],
+    techOptions: [
+      { badge: 'N8N', name: 'n8n', surface: 'yellow', desc: 'เครื่องมือ Automation แบบ Open Source ยืดหยุ่นสูง เชื่อมต่อได้หลายระบบ เหมาะกับ Workflow ที่ซับซ้อน', duration: 'ตามขอบเขต', best: 'งานที่ต้องเชื่อมหลาย Platform + AI' },
+      { badge: 'AI', name: 'LLM', surface: 'mint', desc: 'ChatGPT, Claude, Gemini, Local LLM เลือกตามงบ + ความปลอดภัยข้อมูล', duration: 'ตามขอบเขต', best: 'AI วิเคราะห์ข้อมูล + ตอบคำถาม + สร้างเนื้อหา' },
+      { badge: 'CA', name: 'Custom Apps', surface: 'purple-soft', desc: 'แอปที่เขียนเองเฉพาะงาน เช่น ระบบจัดการ, Dashboard, ระบบอัตโนมัติ', duration: 'ตามขอบเขต', best: 'งานเฉพาะทางที่ Tool ทั่วไปไม่ตอบโจทย์' },
+    ],
+    workflow: [
+      'สรุป requirement และปัญหาที่มีอยู่',
+      'ศึกษาและวิเคราะห์ Flow งานปัจจุบัน',
+      'กำหนด Flow งานใหม่',
+      'พัฒนาแอป หรือ ระบบ AI',
+      'ทดสอบเบื้องต้น',
+      'ประเมินผลลัพธ์เบื้องต้น',
+      'พนักงานบางส่วนทดลองใช้',
+      'ปรับปรุงระบบ',
+      'ให้พนักงานใช้งานจริง',
    ],
    targets: [
-      { icon: 'building', title: 'SME / ธุรกิจขนาดเล็ก', desc: 'ต้องการเชื่อมข้อมูลจากหลายแหล่งเข้าด้วยกัน ลดงาน manual' },
-      { icon: 'users', title: 'ทีมขาย / การตลาด', desc: 'ต้องการวิเคราะห์ข้อมูลลูกค้า สร้างรายงานอัตโนมัติ' },
-      { icon: 'clipboard', title: 'ฝ่ายบัญชี / การเงิน', desc: 'ต้องการเชื่อมข้อมูลบัญชี สร้างรายงานทางการเงินอัตโนมัติ' },
+      'กลุ่ม SMEs ที่ต้องการลดต้นทุนและเวลา',
    ],
    faqs: [
-      { q: 'AI Automation ต่างจาก Marketing Automation อย่างไร?', a: 'AI Automation เน้นการทำ automation ภายในองค์กร เช่น ระบบเชื่อมข้อมูล วิเคราะห์ข้อมูล สร้างรายงาน ตอบคำถามภายใน ส่วน Marketing Automation เน้นการทำ automation ภายนอก เช่น การตลาดผ่าน Website, Social Media, Ads' },
-      { q: 'ต้องมีความรู้ด้านเทคนิคไหม?', a: 'ไม่ต้องมีความรู้ด้านเทคนิคเลย เราดูแลทุกอย่างตั้งแต่ต้นจนจบ' },
+      { q: 'ต้องมีความรู้ด้านเทคนิคไหม?', a: 'ไม่ต้องมี เราดูแลทุกอย่างตั้งแต่ต้นจนจบ' },
      { q: 'ระบบที่มีอยู่แล้วเชื่อมได้ไหม?', a: 'ได้ เราสามารถเชื่อมต่อระบบที่มีอยู่เข้ากับ AI ได้ ไม่ว่าจะเป็น Excel, Google Sheets, CRM, ERP หรือระบบอื่น ๆ' },
+      { q: 'ใช้เวลา implement นานแค่ไหน?', a: 'ประมาณ 3-6 เดือน ขึ้นอยู่กับความซับซ้อนของงาน และค่านิยมขององค์กร' },
+      { q: 'ข้อมูลบริษัทปลอดภัยไหม?', a: 'ข้อมูลบริการจะปลอดภัย แต่ทั้งนี้ขึ้นอยู่กับลูกค้า ปกติถ้าข้อมูลไม่ได้เป็นความลับมาก เราจะแนะนำให้ใช้ Cloud LLM ที่ไม่มีการนำข้อมูลไปฝึก AI แต่ถ้าลูกค้ากังวล หรือข้อมูลเป็นความลับมากจริง ๆ ก็สามารถใช้ Local LLM ได้ แต่จะมีการลงทุนเรื่อง Hardware เพิ่ม' },
+      { q: 'ใช้เครื่องมืออะไร?', a: 'เรามักใช้ n8n ร่วมกับ AI เป็นหลัก และหลาย ๆ เคส เราอาจจะเขียน script สำหรับบางงานโดยเฉพาะ' },
+      { q: 'ดูแลหลังส่งมอบยังไง?', a: 'บริการนี้เป็นบริการรายเดือน ถ้าลูกค้าใช้ server ของเรา (มีค่า Server แยก) เราดูแลให้ระบบใช้งานได้ตามปกติ รวมถึงอัพเดท software ถ้าลูกค้าใช้ server ของตัวเองและยังใช้บริการอยู่ เราดูแลให้ทุกอย่าง + สอนทีม IT ลูกค้าใช้งานได้ ถ้าไม่ได้ใช้บริการแล้ว ลูกค้าดูแล server เอง' },
+      { q: 'ต่างจาก AI Consult ยังไง?', a: 'AI Consult เน้นการเก็บความรู้ของพนักงาน (KM) + ระบบ AI ที่เรียนรู้และพัฒนา skill ใหม่อัตโนมัติ ส่วน AI Automation เน้นแก้ปัญหาเฉพาะจุด ทำระบบเสร็จแล้วจบ ไม่มี KM ไม่มีระบบพัฒนาตัวเอง' },
    ],
  },
  'ai-consult': {
    badge: 'ที่ปรึกษา AI ครบวงจร',
    title: 'ที่ปรึกษา AI',
    titleAccent: 'ครบวงจร',
-    titleAccent2: 'สำหรับธุรกิจไทย',
-    desc: 'ที่ปรึกษาด้าน Marketing Automation, AI Automation และ AI Hardware สำหรับธุรกิจของคุณ',
-    services: [
-      { icon: 'megaphone', title: 'Marketing Automation', items: ['ระบบการตลาดอัตโนมัติ', 'Email Marketing อัตโนมัติ', 'Chatbot ตอบคำถาม'] },
-      { icon: 'brain', title: 'AI Automation', items: ['ระบบ AI ตอบคำถาม', 'ประมวลผลเอกสาร', 'วิเคราะห์ข้อมูล'] },
-      { icon: 'server', title: 'AI Hardware', items: ['ที่ปรึกษาซื้อ Server', 'แนะนำ GPU/สเปค', 'ติดตั้ง On-premise'] },
-      { icon: 'link', title: 'รวมระบบ', items: ['รวมระบบที่มีอยู่', 'เชื่อมต่อ API', 'สร้าง Workflow'] },
-    ],
+    titleAccent2: 'เก็บความรู้องค์กร',
+    desc: 'พัฒนาระบบ AI เก็บความรู้และทักษะของพนักงาน ลดเวลา + ลดข้อผิดพลาด + ไม่ต้องพึ่งพนักงานคนใดคนหนึ่ง พร้อมให้ AI เรียนรู้และสร้าง skill ใหม่อัตโนมัติ',
    whyUs: [
-      { title: 'ครบวงจร', desc: 'ให้คำปรึกษาครบทุกด้าน ทั้ง Marketing, AI และ Hardware คุณไม่ต้องไปหาหลายที่' },
-      { title: 'ประหยัด', desc: 'ปรึกษาฟรีในเบื้องต้น แนะนำแนวทางที่เหมาะสมกับงบประมาณ ไม่ต้องซื้อของที่ไม่จำเป็น' },
-      { title: 'ทำงานด้วยกัน', desc: 'เราทำงานร่วมกับคุณตลอดกระบวนการ ตั้งแต่วางแผน จนถึง Implementation และดูแลต่อเนื่อง' },
+      { num: '01', title: 'ไม่ต้องพึ่งพนักงานเก่า', desc: 'องค์กรไม่ต้องพึ่งพนักงานเก่ามากอีกต่อไป' },
+      { num: '02', title: 'ความรู้ไม่หาย', desc: 'ความรู้จะไม่หายไปเมื่อพนักงานลาออก' },
+      { num: '03', title: 'เร็วขึ้น ถูกลง', desc: 'การทำงานเร็วขึ้น ต้นทุนลดลง เวลาใช้น้อยลง' },
+      { num: '04', title: 'พนักงานมีเวลามากขึ้น', desc: 'เวลาของพนักงานมีมากขึ้น ทำเรื่องอื่นที่สร้างมูลค่าได้' },
+    ],
+    services: [
+      {
+        icon: 'brain', span: 12, surface: 'teal-soft',
+        title: 'พัฒนาระบบ AI เก็บความรู้และทักษะขององค์กร',
+        bullets: [
+          'วิเคราะห์และวางระบบงาน เพื่อหาจุดที่ AI จะช่วยงานได้',
+          'วางระบบ AI ให้ผสานกับการทำงานของพนักงาน โดยพนักงานไม่ต้องปรับตัวมาก',
+          'ยิ่งพนักงานใช้ AI มากขึ้น AI ยิ่งเก็บประสบการณ์ + สร้าง skill เฉพาะธุรกิจและลูกค้าของคุณ',
+          'เมื่อพนักงานเปลี่ยน AI ช่วย support พนักงานใหม่ ลดข้อผิดพลาด + สื่อสารลูกค้าได้',
+          'ผลสุดท้าย: AI Chatbot ในองค์กรที่พนักงานใช้ช่วยทำงานส่วนใหญ่ได้',
+        ],
+      },
+    ],
+    techOptions: [
+      { badge: 'LLM', name: 'Local LLM', surface: 'yellow', desc: 'AI รันในองค์กรเอง ไม่มีข้อมูลส่งออก ความเป็นส่วนตัวสูง เหมาะกับข้อมูลความลับ', duration: 'ตามขอบเขต', best: 'ข้อมูลที่ต้องการ privacy สูง (ยอดขาย การเงิน สินค้า)' },
+      { badge: 'GL', name: 'Google Cloud LLM', surface: 'mint', desc: 'Google Gemini, Vertex AI — ความปลอดภัยระดับองค์กร ข้อมูลไม่ถูกนำไปฝึก', duration: 'ตามขอบเขต', best: 'องค์กรที่ต้องการ AI คุณภาพสูง + compliance' },
+      { badge: 'CL', name: 'Cloud LLM (ราคาถูก)', surface: 'teal-soft', desc: 'ChatGPT, Claude, DeepSeek ราคาประหยัด ใช้งานได้จริง', duration: 'ตามขอบเขต', best: 'KM พนักงานทั่วไป ไม่มีข้อมูลความลับมาก' },
+    ],
+    workflow: [
+      'สรุป requirement และปัญหาที่มีอยู่',
+      'ศึกษาและวิเคราะห์ Flow งานปัจจุบัน',
+      'กำหนด Flow งานใหม่',
+      'พัฒนาระบบ AI',
+      'ทดสอบเบื้องต้น',
+      'ประเมินผลลัพธ์เบื้องต้น',
+      'พนักงานบางส่วนทดลองใช้',
+      'ปรับปรุงระบบ',
+      'ให้พนักงานใช้งานจริง',
+      'ติดตามและประเมิน skill ที่ AI สร้าง',
+      'ปรับ skill ให้เหมาะสม',
+      'สร้างระบบพัฒนา skill อัตโนมัติ',
+    ],
+    targets: [
+      'กลุ่ม SMEs ที่ต้องการใช้ AI เพื่อลดเวลาและต้นทุน',
+      'กลุ่มธุรกิจที่ไม่ต้องการให้พนักงานบางคนมีอำนาจมากเกินไป',
    ],
    faqs: [
-      { q: 'ที่ปรึกษา AI ช่วยอะไรได้บ้าง?', a: 'เราช่วยวิเคราะห์ความต้องการของธุรกิจ แนะนำเทคโนโลยีที่เหมาะสม วางแผนการใช้งาน และดูแลการ implement จนถึงการใช้งานจริง' },
-      { q: 'มีค่าใช้จ่ายอะไรบ้าง?', a: 'เริ่มต้นจากการปรึกษาฟรี ค่าบริการจะขึ้นอยู่กับความซับซ้อนของโปรเจกต์และระยะเวลาที่ใช้' },
+      { q: 'ที่ปรึกษา AI ช่วยอะไรได้บ้าง?', a: 'ช่วยลดเวลาการทำงาน ลดความผิดพลาด และที่สำคัญคือการเก็บรวบรวมพฤติกรรมและความรู้จากพนักงาน นำมาแบ่งปัน ทำให้ลดปัญหาพนักงานคนเดียวมีอำนาจมากเกินไปเพราะความรู้ พนักงานทุกคนสามารถเข้าถึงความรู้และใช้ AI ช่วยทำงานได้' },
+      { q: 'มีค่าใช้จ่ายอะไรบ้าง?', a: 'เริ่มต้นจากการปรึกษาฟรี ค่าบริการจะขึ้นอยู่กับความซับซ้อนของโปรเจกต์และระยะเวลาที่ใช้ โดยจะแจ้งราคาให้ชัดเจนหลังคุยรายละเอียดแล้ว' },
      { q: 'ต้องมีความรู้เทคนิคไหม?', a: 'ไม่จำเป็น เราอธิบายให้เข้าใจง่าย และดูแลทุกอย่างให้' },
+      { q: 'AI จะมาแทนที่พนักงานไหม?', a: 'ไม่ AI จะทำตัวเป็นผู้ช่วยงานหรือเลขาของพนักงาน คอยแนะนำ แต่งานที่มีผลลัพธ์ชัดเจน AI สามารถทำแทนได้เลย เช่น รายงาน การวิเคราะห์ข้อมูลเบื้องต้น' },
+      { q: 'ใช้เวลาเห็นผลนานแค่ไหน?', a: 'ช่วงพัฒนา 1-3 เดือน หลังจากนั้นเป็นช่วงพนักงานปรับตัวเพื่อใช้ AI เป็นส่วนหนึ่งของงาน องค์กรจะเห็นผลชัดเจนเมื่อพนักงานใช้ AI จนชิน งานที่มี workflow ชัดเจนจะเร็วขึ้น พนักงานมีเวลาว่างไปทำงานสร้างมูลค่าอื่น รวมถึงพนักงานใหม่ใช้ AI เป็นพี่เลี้ยงทำงานต่อจากพนักงานเก่าที่ออกได้ทันที' },
+      { q: 'ใช้ AI รุ่นไหน?', a: 'ขึ้นอยู่กับงบประมาณและความต้องการ ถ้าไม่มีข้อมูลความลับมาก ใช้ Cloud LLM ที่ไม่นำข้อมูลไปฝึก AI ก็ได้ แต่ถ้ามีข้อมูลความลับ (ยอดขาย การเงิน สินค้า แหล่งซื้อ) อาจจำเป็นต้องใช้ Local LLM ซึ่งต้องลงทุนเรื่อง Hardware เพิ่ม' },
+      { q: 'ข้อมูลของเราปลอดภัยไหม?', a: 'ข้อมูลเบื้องต้นปลอดภัย เพราะเราใช้ VPS ของบริษัทเราเอง ข้อมูลการใช้ AI จะผ่าน Server เราก่อน จากนั้นขึ้นอยู่กับ LLM ที่ใช้ ถ้าใช้ Cloud LLM แบบไม่มีการนำข้อมูลไปฝึก เชื่อมั่นได้ระดับหนึ่ง ถ้าใช้ Local LLM ไม่ต้องกังวลเลย' },
+      { q: 'มีบริการหลังขายไหม?', a: 'บริการนี้เป็นรายเดือน ค่า Server สำหรับระบบ AI คิดแยก ค่า LLM ลูกค้าจ่ายตรงกับผู้ให้บริการ หรือผ่านเราก็ได้ แต่ค่า LLM แยกจากค่า Server ปกติลูกค้าหยุดใช้บริการ AI Consult ได้เมื่อระบบนิ่งแล้ว (AI ของเราเรียนรู้สร้าง skill ใหม่ตลอด การยกเลิกไม่ได้หมายความว่า AI จะหยุด) แต่ถ้ายกเลิก ลูกค้ายังมีค่า Server + LLM เราจะดูแลให้ระบบใช้งานได้ + อัพเดทระบบ แต่ไม่พัฒนา skill ใหม่หรือเปลี่ยน AI Model ใหม่ ถ้าต้องการพัฒนาต่อ กลับมาใช้บริการใหม่ได้เลย' },
    ],
  },
 };
@@ -337,105 +472,97 @@ const featureList = data.features || data.services || [];
    </section>
  )}

-  <!-- SECTION 4: PRICING (3-tier) -->
-  {data.pricing && (
+  <!-- SECTION 3B: TARGETS (เหมาะกับใคร) -->
+  {data.targets && (
    <section class="section section-bento">
-      <DecoOrb color="yellow" size="500px" speed={0.4} position={{ top: '-150px', right: '-100px' }} opacity={0.25} blur="80px" />
-      <DecoOrb color="soft" size="400px" speed={0.3} position={{ bottom: '-100px', left: '-100px' }} opacity={0.4} blur="80px" />
+      <DecoOrb color="soft" size="400px" speed={0.3} position={{ top: '-100px', left: '20%' }} opacity={0.4} blur="80px" />
+      <DecoOrb color="yellow" size="300px" speed={0.4} position={{ bottom: '-100px', right: '5%' }} opacity={0.25} blur="80px" />
      <div class="container" style="position: relative; z-index: 1;">
        <div class="section-header reveal">
-          <span class="section-badge">ราคา</span>
-          <h2 class="section-title">ราคาค่า<span class="highlight">บริการ</span></h2>
-          <p class="section-desc">เลือกแพ็คเกจที่ตรงกับความต้องการ — จ่ายเท่าที่ใช้</p>
+          <span class="section-badge">เหมาะกับใคร</span>
+          <h2 class="section-title">บริการนี้<span class="highlight">เหมาะกับคุณไหม</span></h2>
+          <p class="section-desc">ถ้าใช่ 2 ข้อนี้ คุยกับเราได้เลย</p>
        </div>

-        <div class="pricing-tiers">
-          <div class="pricing-tier pricing-tier-basic">
-            <div class="pricing-tier-header">
-              <span class="pricing-tier-badge">เริ่มต้น</span>
-              <h3 class="pricing-tier-name">Landing Page</h3>
-              <p class="pricing-tier-desc">หน้าเดียวจบ เหมาะทดสอบตลาด</p>
+        <div class="targets-grid">
+          {data.targets.map((t: string, i: number) => (
+            <div class="target-card">
+              <div class="target-num">0{i + 1}</div>
+              <div class="target-text">{t}</div>
+              <div class="target-check">✓</div>
            </div>
-            <div class="pricing-tier-price">
-              <span class="pricing-tier-currency">฿</span>
-              <span class="pricing-tier-amount">5,000</span>
-              <span class="pricing-tier-period">/ เริ่มต้น</span>
-            </div>
-            <ul class="pricing-tier-features">
-              <li>✓ เว็บ 1 หน้า</li>
-              <li>✓ Responsive ทุกหน้าจอ</li>
-              <li>✓ SSL + Domain .com 1 ปี</li>
-              <li>✓ แก้ไขเองได้</li>
-              <li>✗ ระบบหลังบ้าน</li>
-            </ul>
-            <a href="/contact" class="pricing-tier-cta">เริ่มต้น</a>
-          </div>
-
-          <div class="pricing-tier pricing-tier-standard">
-            <div class="pricing-tier-recommended">⭐ แนะนำ</div>
-            <div class="pricing-tier-header">
-              <span class="pricing-tier-badge">มาตรฐาน</span>
-              <h3 class="pricing-tier-name">Website Astro</h3>
-              <p class="pricing-tier-desc">เว็บบริษัท เน้น SEO + AI</p>
-            </div>
-            <div class="pricing-tier-price">
-              <span class="pricing-tier-currency">฿</span>
-              <span class="pricing-tier-amount">10,000</span>
-              <span class="pricing-tier-period">/ เริ่มต้น</span>
-            </div>
-            <ul class="pricing-tier-features">
-              <li>✓ เว็บ 5-15 หน้า</li>
-              <li>✓ SEO + GEO (ติด ChatGPT)</li>
-              <li>✓ AI ช่วยสร้างเนื้อหา</li>
-              <li>✓ Server + SSL + Domain 1 ปี</li>
-              <li>✓ แก้ไขเองได้ + AI ช่วย</li>
-            </ul>
-            <a href="/contact" class="pricing-tier-cta pricing-tier-cta-primary">เลือกแพ็คเกจนี้</a>
-          </div>
-
-          <div class="pricing-tier pricing-tier-pro">
-            <div class="pricing-tier-header">
-              <span class="pricing-tier-badge">ขั้นสูง</span>
-              <h3 class="pricing-tier-name">Website WordPress</h3>
-              <p class="pricing-tier-desc">E-commerce + Plugin ครบ</p>
-            </div>
-            <div class="pricing-tier-price">
-              <span class="pricing-tier-currency">฿</span>
-              <span class="pricing-tier-amount">15,000</span>
-              <span class="pricing-tier-period">/ เริ่มต้น</span>
-            </div>
-            <ul class="pricing-tier-features">
-              <li>✓ เว็บไม่จำกัดหน้า</li>
-              <li>✓ E-commerce + ตะกร้า + ชำระเงิน</li>
-              <li>✓ Plugin ตามต้องการ</li>
-              <li>✓ Server + SSL + Domain 1 ปี</li>
-              <li>✓ แก้ไขเองได้ + อบรม</li>
-            </ul>
-            <a href="/contact" class="pricing-tier-cta">เริ่มต้น</a>
-          </div>
-        </div>
-
-        <div class="pricing-extras">
-          <h4 class="pricing-extras-title">ค่าใช้จ่ายเพิ่มเติม (รายปี)</h4>
-          <div class="pricing-extras-list">
-            <div class="pricing-extra">
-              <span class="pricing-extra-name">Server Hosting</span>
-              <span class="pricing-extra-price">฿5,000 / ปี</span>
-            </div>
-            <div class="pricing-extra">
-              <span class="pricing-extra-name">Domain .com / .co.th</span>
-              <span class="pricing-extra-price">฿500 / ปี</span>
-            </div>
-            <div class="pricing-extra">
-              <span class="pricing-extra-name">Maintenance (optional)</span>
-              <span class="pricing-extra-price">฿1,500 / เดือน</span>
-            </div>
-          </div>
+          ))}
        </div>
      </div>
    </section>
  )}

+  <!-- SECTION 4: PRICING (dynamic: 3-tier OR consult CTA) -->
+  <section class="section section-bento">
+    <DecoOrb color="yellow" size="500px" speed={0.4} position={{ top: '-150px', right: '-100px' }} opacity={0.25} blur="80px" />
+    <DecoOrb color="soft" size="400px" speed={0.3} position={{ bottom: '-100px', left: '-100px' }} opacity={0.4} blur="80px" />
+    <div class="container" style="position: relative; z-index: 1;">
+      {data.pricing ? (
+        <>
+          <div class="section-header reveal">
+            <span class="section-badge">ราคา</span>
+            <h2 class="section-title">ราคาค่า<span class="highlight">บริการ</span></h2>
+            <p class="section-desc">เลือกแพ็คเกจที่ตรงกับความต้องการ — จ่ายเท่าที่ใช้</p>
+          </div>
+          <div class="pricing-tiers">
+            {data.pricing.map((p: any, i: number) => (
+              <div class={`pricing-tier pricing-tier-${i === 1 ? 'standard' : (i === 0 ? 'basic' : 'pro')}`}>
+                {i === 1 && <div class="pricing-tier-recommended">⭐ แนะนำ</div>}
+                <div class="pricing-tier-header">
+                  <span class="pricing-tier-badge">{p.tier || (i === 0 ? 'เริ่มต้น' : i === 1 ? 'มาตรฐาน' : 'ขั้นสูง')}</span>
+                  <h3 class="pricing-tier-name">{p.label}</h3>
+                  <p class="pricing-tier-desc">{p.bestFor}</p>
+                </div>
+                <div class="pricing-tier-price">
+                  <span class="pricing-tier-currency">฿</span>
+                  <span class="pricing-tier-amount">{p.amount}</span>
+                  <span class="pricing-tier-period">{p.period || '/ เริ่มต้น'}</span>
+                </div>
+                {p.features && (
+                  <ul class="pricing-tier-features">
+                    {p.features.map((f: string) => <li>{f}</li>)}
+                  </ul>
+                )}
+                <a href="/contact" class={`pricing-tier-cta ${i === 1 ? 'pricing-tier-cta-primary' : ''}`}>เลือกแพ็คเกจนี้</a>
+              </div>
+            ))}
+          </div>
+        </>
+      ) : (
+        <div class="pricing-consult-cta">
+          <div class="section-header reveal">
+            <span class="section-badge">ราคา</span>
+            <h2 class="section-title">ราคาขึ้นอยู่กับ<span class="highlight">ขอบเขตงาน</span></h2>
+            <p class="section-desc">ทุกบริการมีรายละเอียดต่างกัน — เราแจ้งราคาหลังคุยรายละเอียดแล้วเท่านั้น เพื่อให้ตรงกับงานของคุณจริง ๆ</p>
+          </div>
+          <div class="consult-cta-card">
+            <div class="consult-cta-icon">💬</div>
+            <h3 class="consult-cta-title">ปรึกษาฟรี 30 นาที</h3>
+            <p class="consult-cta-desc">คุยกับเราเพื่อประเมินขอบเขตงาน แล้วเราจะแจ้งราคา + ระยะเวลา + แผนงานให้ชัดเจน</p>
+            <div class="consult-cta-actions">
+              <a href="tel:0809955945" class="btn btn-dark btn-lg">
+                โทร 080-995-5945
+              </a>
+              <a href="https://line.me/ti/p/~@539hdlul" target="_blank" rel="noopener" class="btn btn-outline-dark btn-lg">
+                ทัก LINE: @moreminimore
+              </a>
+            </div>
+            <div class="consult-cta-trust">
+              <span>✓ ปรึกษาฟรี ไม่มีค่าใช้จ่าย</span>
+              <span>✓ แจ้งราคาภายใน 2-3 วันหลังคุย</span>
+              <span>✓ ปรับแผนได้ตามงบประมาณ</span>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  </section>
+
  <!-- SECTION 5: FAQ + MDX content -->
  <section class="section section-soft section-bento">
    <DecoOrb color="purple" size="400px" speed={0.3} position={{ top: '-100px', left: '20%' }} opacity={0.2} blur="80px" />
@@ -462,13 +589,20 @@ const featureList = data.features || data.services || [];
        ))}
      </div>

-      <div class="mdx-section">
+      <div class="workflow-timeline-section">
        <div class="section-header reveal" style="margin-top: 64px;">
-          <span class="section-badge">รายละเอียดเพิ่มเติม</span>
-          <h2 class="section-title">เนื้อหา<span class="highlight">จากเอกสารบริการ</span></h2>
+          <span class="section-badge">ขั้นตอนการทำงาน</span>
+          <h2 class="section-title">เริ่มงาน<span class="highlight">ยังไง</span></h2>
+          <p class="section-desc">ขั้นตอนชัดเจน ไม่มีงง — เริ่มคุยฟรีก่อนได้</p>
        </div>
-        <div class="mdx-content-card">
-          <Content />
+        <div class="workflow-timeline">
+          {data.workflow && data.workflow.map((step: string, i: number) => (
+            <div class="workflow-step">
+              <div class="workflow-step-num">{String(i + 1).padStart(2, '0')}</div>
+              <div class="workflow-step-connector"></div>
+              <div class="workflow-step-text">{step}</div>
+            </div>
+          ))}
        </div>
      </div>
    </div>
@@ -1187,6 +1321,169 @@ const featureList = data.features || data.services || [];
  /* ============================================
     FAQ ACCORDION
     ============================================ */
+  /* ============================================
+     TARGETS (เหมาะกับใคร)
+     ============================================ */
+  .targets-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 16px;
+    max-width: 900px;
+    margin: 0 auto;
+  }
+  .target-card {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+    padding: 24px 28px;
+    background: var(--color-white);
+    border: 1px solid var(--color-gray-200);
+    border-radius: var(--radius-lg);
+    transition: all 0.3s var(--ease-out-expo);
+  }
+  .target-card:hover {
+    border-color: var(--color-primary);
+    transform: translateX(4px);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
+  }
+  .target-num {
+    font-family: var(--font-display);
+    font-size: 32px;
+    font-weight: 900;
+    color: var(--color-primary);
+    line-height: 1;
+    flex-shrink: 0;
+  }
+  .target-text {
+    flex: 1;
+    font-size: 16px;
+    line-height: 1.5;
+    color: var(--color-gray-700);
+    font-weight: 500;
+  }
+  .target-check {
+    font-size: 28px;
+    font-weight: 800;
+    color: var(--color-primary);
+    flex-shrink: 0;
+  }
+
+  /* ============================================
+     CONSULT CTA (no pricing)
+     ============================================ */
+  .pricing-consult-cta {
+    max-width: 800px;
+    margin: 0 auto;
+  }
+  .consult-cta-card {
+    background: var(--color-white);
+    border: 2px solid var(--color-primary);
+    border-radius: var(--radius-xl);
+    padding: 48px 40px;
+    text-align: center;
+    box-shadow: 0 12px 40px rgba(254, 212, 0, 0.15);
+  }
+  .consult-cta-icon {
+    font-size: 64px;
+    line-height: 1;
+    margin-bottom: 16px;
+  }
+  .consult-cta-title {
+    font-family: var(--font-display);
+    font-size: 32px;
+    font-weight: 900;
+    color: var(--color-black);
+    margin-bottom: 12px;
+  }
+  .consult-cta-desc {
+    font-size: 16px;
+    line-height: 1.6;
+    color: var(--color-gray-700);
+    margin-bottom: 32px;
+    max-width: 500px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .consult-cta-actions {
+    display: flex;
+    gap: 16px;
+    justify-content: center;
+    flex-wrap: wrap;
+    margin-bottom: 32px;
+  }
+  .consult-cta-trust {
+    display: flex;
+    gap: 24px;
+    justify-content: center;
+    flex-wrap: wrap;
+    font-size: 14px;
+    color: var(--color-gray-600);
+    font-weight: 500;
+  }
+  .consult-cta-trust span {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  }
+  .consult-cta-trust span::before {
+    content: '✓';
+    color: var(--color-primary);
+    font-weight: 800;
+  }
+
+  /* ============================================
+     WORKFLOW TIMELINE
+     ============================================ */
+  .workflow-timeline {
+    max-width: 900px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+  }
+  .workflow-step {
+    display: grid;
+    grid-template-columns: 80px 1fr;
+    gap: 24px;
+    align-items: flex-start;
+    position: relative;
+    padding: 20px 0;
+  }
+  .workflow-step-num {
+    font-family: var(--font-display);
+    font-size: 36px;
+    font-weight: 900;
+    color: var(--color-primary);
+    line-height: 1;
+    position: relative;
+    z-index: 2;
+    background: var(--color-white);
+    padding: 8px 0;
+    text-align: center;
+  }
+  .workflow-step-connector {
+    position: absolute;
+    left: 39px;
+    top: 50px;
+    bottom: -10px;
+    width: 2px;
+    background: var(--color-gray-200);
+    z-index: 1;
+  }
+  .workflow-step:last-child .workflow-step-connector {
+    display: none;
+  }
+  .workflow-step-text {
+    font-size: 16px;
+    line-height: 1.6;
+    color: var(--color-gray-700);
+    padding: 16px 24px;
+    background: var(--color-white);
+    border: 1px solid var(--color-gray-200);
+    border-radius: var(--radius-md);
+    flex: 1;
+  }
+
  .faq-accordion {
    max-width: 900px;
    margin: 0 auto;
@@ -1267,11 +1564,18 @@ const featureList = data.features || data.services || [];
  @media (max-width: 640px) {
    .service-stack-item { grid-template-columns: 1fr; gap: 16px; }
    .service-stack-num { font-size: 28px; }
-    .hero-actions, .cta-actions { flex-direction: column; }
-    .hero-actions .btn, .cta-actions .btn { width: 100%; justify-content: center; }
+    .hero-actions, .cta-actions, .consult-cta-actions { flex-direction: column; }
+    .hero-actions .btn, .cta-actions .btn, .consult-cta-actions .btn { width: 100%; justify-content: center; }
    .faq-summary { padding: 16px; gap: 12px; }
    .faq-q-text { font-size: 16px; }
    .faq-answer { padding: 0 16px 16px 16px; }
+    .targets-grid { grid-template-columns: 1fr; }
+    .target-card { padding: 20px; }
+    .target-num { font-size: 24px; }
+    .workflow-step { grid-template-columns: 60px 1fr; gap: 16px; }
+    .workflow-step-num { font-size: 28px; }
+    .consult-cta-card { padding: 32px 24px; }
+    .consult-cta-title { font-size: 24px; }
  }

  /* CTA */