From b54657f58ad193a99baf377b7998a077aac96334 Mon Sep 17 00:00:00 2001 From: Kunthawat Greethong Date: Sat, 13 Jun 2026 17:43:35 +0700 Subject: [PATCH] chore(services): sync existing [slug].astro updates from staging --- src/pages/services/[slug].astro | 616 ++++++++++++++++++++++++-------- 1 file changed, 460 insertions(+), 156 deletions(-) diff --git a/src/pages/services/[slug].astro b/src/pages/services/[slug].astro index c703f5f..2b92c69 100644 --- a/src/pages/services/[slug].astro +++ b/src/pages/services/[slug].astro @@ -64,7 +64,7 @@ const serviceData: Record = { bullets: [ 'ติด ChatGPT, Perplexity, Google AI Overviews', 'ถูกอ้างอิงเมื่อลูกค้าถาม AI เกี่ยวกับสินค้าของคุณ', - 'โครงสร้างเว็บไซต์ออกแบบมาเพื่อ AI อ่านเข้าใจ', + 'โครงสร้างเว็บไซต์ออกแบบมาเพื่อให้ AI อ่านเข้าใจ', ], }, { @@ -81,18 +81,47 @@ const serviceData: Record = { { 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 = { { 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 || []; )} - - {data.pricing && ( + + {data.targets && (
- - + +
- ราคา -

ราคาค่าบริการ

-

เลือกแพ็คเกจที่ตรงกับความต้องการ — จ่ายเท่าที่ใช้

+ เหมาะกับใคร +

บริการนี้เหมาะกับคุณไหม

+

ถ้าใช่ 2 ข้อนี้ คุยกับเราได้เลย

-
-
-
- เริ่มต้น -

Landing Page

-

หน้าเดียวจบ เหมาะทดสอบตลาด

+
+ {data.targets.map((t: string, i: number) => ( +
+
0{i + 1}
+
{t}
+
✓
-
- ฿ - 5,000 - / เริ่มต้น -
-
    -
  • ✓ เว็บ 1 หน้า
    • -
  • ✓ Responsive ทุกหน้าจอ
    • -
  • ✓ SSL + Domain .com 1 ปี
    • -
  • ✓ แก้ไขเองได้
    • -
  • ✗ ระบบหลังบ้าน
    • -
- เริ่มต้น -
- -
-
⭐ แนะนำ
-
- มาตรฐาน -

Website Astro

-

เว็บบริษัท เน้น SEO + AI

-
-
- ฿ - 10,000 - / เริ่มต้น -
-
    -
  • ✓ เว็บ 5-15 หน้า
    • -
  • ✓ SEO + GEO (ติด ChatGPT)
    • -
  • ✓ AI ช่วยสร้างเนื้อหา
    • -
  • ✓ Server + SSL + Domain 1 ปี
    • -
  • ✓ แก้ไขเองได้ + AI ช่วย
    • -
- เลือกแพ็คเกจนี้ -
- -
-
- ขั้นสูง -

Website WordPress

-

E-commerce + Plugin ครบ

-
-
- ฿ - 15,000 - / เริ่มต้น -
-
    -
  • ✓ เว็บไม่จำกัดหน้า
    • -
  • ✓ E-commerce + ตะกร้า + ชำระเงิน
    • -
  • ✓ Plugin ตามต้องการ
    • -
  • ✓ Server + SSL + Domain 1 ปี
    • -
  • ✓ แก้ไขเองได้ + อบรม
    • -
- เริ่มต้น -
-
- -
-

ค่าใช้จ่ายเพิ่มเติม (รายปี)

-
-
- Server Hosting - ฿5,000 / ปี -
-
- Domain .com / .co.th - ฿500 / ปี -
-
- Maintenance (optional) - ฿1,500 / เดือน -
-
+ ))}
)} + +
+ + +
+ {data.pricing ? ( + <> +
+ ราคา +

ราคาค่าบริการ

+

เลือกแพ็คเกจที่ตรงกับความต้องการ — จ่ายเท่าที่ใช้

+
+
+ {data.pricing.map((p: any, i: number) => ( +
+ {i === 1 &&
⭐ แนะนำ
} +
+ {p.tier || (i === 0 ? 'เริ่มต้น' : i === 1 ? 'มาตรฐาน' : 'ขั้นสูง')} +

{p.label}

+

{p.bestFor}

+
+
+ ฿ + {p.amount} + {p.period || '/ เริ่มต้น'} +
+ {p.features && ( +
    + {p.features.map((f: string) =>
  • {f}
    • )} +
+ )} + เลือกแพ็คเกจนี้ +
+ ))} +
+ + ) : ( +
+
+ ราคา +

ราคาขึ้นอยู่กับขอบเขตงาน

+

ทุกบริการมีรายละเอียดต่างกัน — เราแจ้งราคาหลังคุยรายละเอียดแล้วเท่านั้น เพื่อให้ตรงกับงานของคุณจริง ๆ

+
+
+
💬
+

ปรึกษาฟรี 30 นาที

+

คุยกับเราเพื่อประเมินขอบเขตงาน แล้วเราจะแจ้งราคา + ระยะเวลา + แผนงานให้ชัดเจน

+
+ + โทร 080-995-5945 + + + ทัก LINE: @moreminimore + +
+
+ ✓ ปรึกษาฟรี ไม่มีค่าใช้จ่าย + ✓ แจ้งราคาภายใน 2-3 วันหลังคุย + ✓ ปรับแผนได้ตามงบประมาณ +
+
+
+ )} +
+
+
@@ -462,13 +589,20 @@ const featureList = data.features || data.services || []; ))} -
+
- รายละเอียดเพิ่มเติม -

เนื้อหาจากเอกสารบริการ

+ ขั้นตอนการทำงาน +

เริ่มงานยังไง

+

ขั้นตอนชัดเจน ไม่มีงง — เริ่มคุยฟรีก่อนได้

-
- +
+ {data.workflow && data.workflow.map((step: string, i: number) => ( +
+
{String(i + 1).padStart(2, '0')}
+
+
{step}
+
+ ))}
@@ -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 */