feat: liquid glass UI, blob background, redesign home/portfolio/about pages

- Liquid glass effect on navbar/cards with backdrop-filter invert
- Animated blob gradient background (SVG-based)
- Portfolio section: scene-dark invert, show 5 items on home
- How Work section: step flow with numbers + connecting lines
- Hero: Decision snapshot replacing problem selector
- About page: inverted background with contrast fixes
- Fix parallax JS bundling via Astro
- Fix navbar fixed positioning after liquid glass CSS
- Submenu hover fix
- Clean up removed legacy files/assets

redesign-input/raw/src-content/services/ai-consult-new.mdx

@@ -0,0 +1,72 @@
+---
+title: "AI Consult"
+subtitle: "AI ที่ใช้ในองค์กร เน้นความคุ้มค่าและรักษาความลับ"
+badge: "ที่ปรึกษาด้าน AI"
+category: "tech-consult"
+objective: "รักษาความรู้ขององค์กร"
+short_desc: "เก็บความรู้และประสบการณ์ของพนักงานให้อยู่กับองค์กร ใช้ Local LLM สำหรับงานที่ต้องการความลับ"
+---
+
+# AI Consult
+
+## เราทำ AI แบบนี้
+
+AI ไม่ได้แทนทุกอย่างได้ แต่ถ้ารู้จักใช้ จะประหยัดหรือเปิดโอกาสใหม่ที่คาดไม่ถึง
+
+**เราไม่ได้เลือก AI ที่แพงที่สุดเสมอไป** — งานหลายอย่างใช้ Model ราคาถูกก็ได้ผลเท่า ๆ กัน ช่วยประหยัดค่าใช้จ่ายได้มากกว่าครึ่ง
+
+**เราเน้น Local LLM** สำหรับงานที่ต้องการความลับ — เพราะข้อมูลของลูกค้าเป็นเรื่องสำคัญ
+
+## วัตถุประสงค์หลัก: เก็บความรู้ให้อยู่กับองค์กร (KM)
+
+ถ้าพนักงานลาออกหรือเปลี่ยน พนักงานใหม่ที่เข้ามาจะเรียนรู้งานเองได้ไว ลดการลองผิดลองถูก ทำให้การทำงานไม่สะดุด ลดความผิดพลาดในระยะยาว
+
+องค์กรจะพึ่งพนักงานที่มีความสามารถเฉพาะตัวน้อยลง เพราะข้อมูลการทำงานมีการเก็บเข้าคลังความรู้ตลอด
+
+## AI เปรียบเสมือน "พี่เลี้ยง" ในองค์กร
+
+- **พนักงานใหม่** ถาม AI ได้เลย เหมือนมีพี่เลี้ยงคอยแนะนำ
+- **ผู้บริหาร** ถามข้อมูลเชิงลึก หรือตั้งค่าให้ AI รายงานตามเวลา/เหตุการณ์ที่กำหนด
+- **ยิ่งพนักงานคุยกับ AI เยอะ** ยิ่งเก็บข้อมูลเชิงลึกได้มาก AI ก็ยิ่งฉลาดขึ้น
+
+## ใช้ AI ตัวไหน? เราเลือกให้เหมาะกับงาน
+
+| ประเภทงาน | AI ที่ใช้ | ทำไม |
+|---|---|---|
+| ตอบแชท/งานทั่วไป | Model ราคาถูก (Haiku, Mini, local) | ประหยัด ได้ผลพอ |
+| วิเคราะห์ข้อมูล/เขียนรายงาน | Model ระดับกลาง | สมดุลระหว่างคุณภาพและราคา |
+| งานที่ต้องการความลับ/PDPA | Local LLM | ข้อมูลไม่ออกจากเครื่อง |
+| งานเฉพาะทางที่ซับซ้อนมาก | Model ระดับ Frontier | ใช้เฉพาะเมื่อจำเป็น |
+
+## กระบวนการทำงาน
+
+1. **AI Audit (ฟรี)** — วิเคราะห์ว่าธุรกิจควรใช้ AI ตัวไหน ตรงไหน
+2. **วาง AI Strategy** — เลือกเครื่องมือ วาง Roadmap การใช้ AI ในองค์กร
+3. **พัฒนา + Integrate** — เชื่อม AI เข้ากับ Workflow เดิม
+4. **Train + ดูแล** — สอนทีมใช้ ปรับปรุงตามผลตอบรับ
+
+## เมื่อไหร่ที่เหมาะกับเรา
+
+- พนักงานเปลี่ยนบ่อย ความรู้สะสมหาย
+- มีข้อมูลเยอะ แต่ใช้ไม่เป็น
+- อยากใช้ AI แต่กังวลเรื่องความลับ/PDPA
+- อยากลดเวลา Onboard พนักงานใหม่
+- ผู้บริหารอยากได้ AI เหมือนเลขาส่วนตัว
+
+## เมื่อไหร่ที่ไม่เหมาะ
+
+- แค่อยากลองเล่น ChatGPT — ไม่ต้องจ้างเรา ใช้เองได้เลย
+- คิดว่า AI แทนพนักงานได้ทุกอย่าง — ยังทำไม่ได้ AI เป็นเครื่องมือ ไม่ใช่คน
+- มีข้อมูลน้อยมาก AI เรียนรู้ไม่ได้
+
+## ตัวอย่างงาน
+
+ดูตัวอย่างงานจริงทั้งหมดได้ที่หน้า Portfolio
+
+## สิ่งที่กำลังทดลอง
+
+- ระบบ Harness และ AI Memory ใหม่ ๆ
+- Model ที่ถูกกว่า เพื่อให้ได้ผลลัพธ์ใกล้เคียง Model แพง
+- รูปแบบการตลาดใหม่ ๆ เช่น SEO กับ GEO ในยุค AI
+- ความเสี่ยงที่คนจะเชื่อ AI จนไม่สนใจว่าข้อมูลถูกหรือผิด — เรื่องนี้สำคัญ
+- ช่องทางการขายใหม่ ๆ ที่นอกเหนือจากที่คนส่วนใหญ่ใช้

redesign-input/raw/src-content/services/ai-consult.mdx

@@ -0,0 +1,79 @@
+---
+title: "AI Consult"
+subtitle: "Consult service for using AI to improve business workflow and knowledge management. ใช้ AI ให้เป็นประโยชน์สำหรับธุรกิจของคุณอย่างเต็มศักยภาพ"
+badge: "Technology Consult"
+category: "tech-consult"
+objective: "ลดต้นทุนและเวลา"
+usp_free_server: "ลูกค้าที่ใช้บริการ Consult จะได้รับ Server สำหรับ App และ AI ฟรี (สำหรับการใช้งานปกติ) หากต้องการใช้งานหนักหรือ Resource-intensive จะมีค่าใช้จ่ายเพิ่มเติม"
+
+# Hero Section
+hero_badge: "บริการ AI Consult ครบวงจร"
+hero_title: "ใช้ AI ให้เป็นประโยชน์<br/><span class='highlight'>สำหรับธุรกิจของคุณ</span>"
+hero_desc: "วางแผน AI Strategy, Chatbot ภาษาไทย, ระบบ Knowledge Management, AI วิเคราะห์ข้อมูล พร้อม AI Audit ฟรี"
+
+# Why Choose Us
+why_title: "ทำไมต้อง<span class='highlight'>AI?</span>"
+why_desc: "AI ช่วยให้ธุรกิจทำงานได้เร็วขึ้น ลดต้นทุน และเพิ่มประสิทธิภาพในการบริการลูกค้า"
+
+# What's Included
+included_title: "AI ที่เราช่วยได้"
+included_items:
+  - icon: "🤖"
+    title: "AI Chatbot"
+    desc: "Chatbot ภาษาไทย ตอบคำถามลูกค้า 24/7"
+  - icon: "📝"
+    title: "Knowledge Base"
+    desc: "ระบบจัดการความรู้ ค้นหาข้อมูลง่าย"
+  - icon: "📊"
+    title: "AI Analytics"
+    desc: "วิเคราะห์ข้อมูลและให้คำแนะนำ"
+  - icon: "🔍"
+    title: "AI Audit"
+    desc: "วิเคราะห์ว่าธุรกิจควรใช้ AI ตัวไหน"
+
+# Target Audience
+target_title: "เหมาะกับใคร?"
+target_items:
+  - icon: "🏢"
+    title: "SME / ธุรกิจขนาดเล็ก"
+    desc: "ต้องการเริ่มต้นใช้ AI ในธุรกิจ"
+  - icon: "🏗️"
+    title: "บริษัท / องค์กร"
+    desc: "ต้องการนำ AI มาใช้ในการทำงาน"
+  - icon: "👥"
+    title: "ฝ่ายบริการลูกค้า"
+    desc: "ต้องการลดภาระงานฝ่ายบริการลูกค้า"
+
+# FAQ
+faq_title: "คำถาม<span class='highlight'>ที่พบบ่อย</span>"
+faq_items:
+  - q: "AI ทำอะไรได้บ้างสำหรับธุรกิจ?"
+    a: "AI สามารถช่วยได้หลายอย่าง เช่น ตอบคำถามลูกค้าอัตโนมัติ วิเคราะห์ข้อมูล สร้างเนื้อหา จัดการข้อมูล ทำรายงาน และอื่น ๆ ขึ้นอยู่กับความต้องการของธุรกิจ"
+  - q: "ต้องมีความรู้ด้านเทคนิคไหม?"
+    a: "ไม่ต้องมีความรู้ด้านเทคนิคเลย เราดูแลทุกอย่างตั้งแต่ต้นจนจบ ตั้งแต่การวิเคราะห์ ออกแบบ พัฒนา ไปจนถึงการ deploy และดูแลหลังขาย"
+  - q: "AI ทำงานได้ภาษาไทยไหม?"
+    a: "ได้ เราใช้ AI ที่รองรับภาษาไทย รวมถึง Chatbot ที่เข้าใจภาษาไทยและสามารถตอบคำถามได้อย่างเป็นธรรมชาติ"
+  - q: "มีค่าใช้จ่ายเพิ่มเติมอะไรไหม?"
+    a: "ค่าบริการ Server สำหรับ AI ฟรีสำหรับการใช้งานปกติ หากต้องการใช้งานหนักหรือ Resource-intensive จะมีค่าใช้จ่ายเพิ่มเติม"
+---
+
+# Features
+feature1_icon: "🧠"
+feature1_title: "AI Strategy & Roadmap"
+feature1_desc: "วางแผนการใช้ AI อย่างเป็นระบบเพื่อให้เห็นผลลัพธ์ที่ชัดเจน"
+feature2_icon: "💬"
+feature2_title: "AI Chatbot Implementation"
+feature3_desc: "พัฒนาและ deploy AI Chatbot ที่เข้าใจภาษาไทยและตอบคำถามลูกค้าได้ 24/7"
+feature3_icon: "📝"
+feature3_title: "Knowledge Management"
+feature3_desc: "สร้างระบบจัดการความรู้ด้วย AI ที่ช่วยให้การค้นหาและใช้งานข้อมูลง่ายขึ้น"
+feature4_icon: "🎯"
+feature4_title: "AI for Marketing"
+feature4_desc: "ใช้ AI วิเคราะห์ลูกค้าและสร้างแคมเปญการตลาดที่มีประสิทธิภาพ"
+feature5_icon: "🔍"
+feature5_title: "AI Audit"
+feature5_desc: "วิเคราะห์ว่าธุรกิจของคุณควรใช้ AI ตัวไหนและอย่างไร"
+feature6_icon: "🚀"
+feature6_title: "AI Implementation Support"
+feature6_desc: "ดูแลและให้คำปรึกษาตลอดการ implement AI ในองค์กร"
+---

redesign-input/raw/src-content/services/automation-new.mdx

@@ -0,0 +1,75 @@
+---
+title: "Automation Consult"
+subtitle: "ระบบอัตโนมัติที่ออกแบบเฉพาะธุรกิจคุณ ไม่ใช่ใช้ของสำเร็จรูป"
+badge: "วางระบบ Automation"
+category: "tech-consult"
+objective: "ลดต้นทุนและเวลา"
+short_desc: "เลือกเครื่องมือที่เหมาะกับงาน — n8n, Script เฉพาะทาง, หรือ AI วิเคราะห์"
+---
+
+# Automation Consult
+
+## เราทำ Automation แบบนี้
+
+เริ่มจากดู Workflow ปัจจุบันของคุณก่อน แล้วถามว่า "ขั้นตอนไหนที่ซ้ำ ทำมือ แล้วเสียเวลา"
+
+แล้วค่อยเลือกเครื่องมือที่เหมาะ — ไม่ใช่ทุกงานต้องใช้เครื่องมือเดียวกัน
+
+- **งานบางอย่าง** ใช้ n8n (Workflow automation)
+- **งานบางอย่าง** เขียน Script เฉพาะทาง
+- **งานบางอย่าง** ใช้ AI วิเคราะห์หรือตัดสินใจ
+- **งานบางอย่าง** ใช้ทั้ง 3 อย่างผสมกัน
+
+## บริการนี้เหมือนได้ AI Developer มาใช้
+
+เราไม่ได้เขียนแอปทั้งแอป เราโฟกัสที่ **งานเฉพาะจุดที่ Developer ปกติไม่อยากทำ** — แต่เป็นงานที่กินเวลาทีมเยอะ
+
+## กระบวนการทำงาน
+
+1. **รับ Requirement + ศึกษา Workflow (1-2 สัปดาห์)** — ดูว่างานไหนทำซ้ำ ตรงไหนคอขวด
+2. **เลือกเครื่องมือ + ออกแบบ (1-2 สัปดาห์)** — เลือก Tool ที่เหมาะ วางแผนว่าจะเชื่อมต่อระบบอะไร
+3. **พัฒนา + ทดสอบ (2-6 สัปดาห์)** — พัฒนาแบบ Sprint ส่ง Demo ให้ทดสอบ
+4. **Deploy + ดูแล (ต่อเนื่อง)** — ติดตั้งจริง สอนทีมใช้ ดูแลต่อ
+
+## ประเภทงานที่ทำ
+
+### งานเชื่อมต่อระบบ
+
+- เชื่อม POS + บัญชี + สต็อก เข้าด้วยกัน
+- เชื่อม CRM + Email + LINE OA
+- เชื่อม Excel/Google Sheets กับระบบภายใน
+
+### งาน Automate รายงาน
+
+- รายงานยอดขายรายวัน/สัปดาห์/เดือน
+- แจ้งเตือนอัตโนมัติเมื่อตัวเลขผิดปกติ
+- ดึงข้อมูลจากหลายแหล่งมารวมในที่เดียว
+
+### งาน Automate การสื่อสาร
+
+- Chatbot LINE OA ตอบคำถามซ้ำ
+- ตอบ DM อัตโนมัติ
+- แจ้งเตือนลูกค้า/ทีม ตามเงื่อนไข
+
+### งานเฉพาะทาง
+
+- เขียน Script สำหรับงานเฉพาะของธุรกิจ
+- AI วิเคราะห์ข้อมูล/รูปภาพ
+- ระบบจอง/คิว/นัดหมาย
+
+## เมื่อไหร่ที่เหมาะกับเรา
+
+- ทีมเสียเวลากับงานซ้ำ ๆ เป็นชั่วโมงทุกวัน
+- มีระบบหลายตัวที่ไม่คุยกัน
+- อยากลดเวลาในการทำรายงาน/ตอบแชตซ้ำ
+- มี Workflow ที่ชัดเจน แต่ขาดคนมาทำให้อัตโนมัติ
+
+## เมื่อไหร่ที่ไม่เหมาะ
+
+- Workflow ยังไม่ชัด ยังเปลี่ยนบ่อย — รอให้นิ่งก่อนแล้วค่อย Automate
+- อยากได้ระบบใหม่ทั้งหมด — เราเชี่ยว Automate ของเดิม ไม่ใช่สร้างแอปทั้งแอป
+- งานที่ต้องใช้ดุลยพินิจคนเยอะ ๆ — AI ยังทำแทนไม่ได้ทุกเรื่อง
+
+## ตัวอย่างงาน
+
+ดูตัวอย่างงานจริงทั้งหมดได้ที่หน้า Portfolio — มีเคสหลากหลายตั้งแต่คลินิก ร้านอาหาร สถานศึกษา ไปจนถึงที่ปรึกษา

redesign-input/raw/src-content/services/automation.mdx

@@ -0,0 +1,61 @@
+---
+title: "Automation Consult"
+subtitle: "Implement specific unique app and AI for business to do automation workflow. ลดต้นทุนและเพิ่มประสิทธิภาพด้วยระบบอัตโนมัติที่ออกแบบมาเฉพาะสำหรับธุรกิจของคุณ"
+badge: "Technology Consult"
+category: "tech-consult"
+objective: "ลดต้นทุนและเวลา"
+usp_free_server: "ลูกค้าที่ใช้บริการ Consult จะได้รับ Server สำหรับ App และ AI ฟรี (สำหรับการใช้งานปกติ) หากต้องการใช้งานหนักหรือ Resource-intensive จะมีค่าใช้จ่ายเพิ่มเติม"
+
+# Hero Section
+hero_badge: "บริการ AI Automation ครบวงจร"
+hero_title: "ระบบเชื่อมข้อมูล<br/><span class='highlight'>วิเคราะห์ด้วย AI</span>"
+hero_desc: "เชื่อมข้อมูลจากหลายแอปเข้าด้วยกัน วิเคราะห์ข้อมูล สร้างรายงาน แจ้งเตือนอัตโนมัติ พร้อม Chatbot ภายในองค์กร"
+
+# Why Choose Us
+why_title: "ทำไมต้อง<span class='highlight'>Automation?</span>"
+why_desc: "AI Automation ช่วยลดงานที่ทำซ้ำ ๆ ประหยัดเวลาและลดข้อผิดพลาดจากงาน manual"
+
+# Target Audience
+target_title: "เหมาะกับใคร?"
+target_items:
+  - icon: "🏢"
+    title: "SME / ธุรกิจขนาดเล็ก"
+    desc: "ต้องการเชื่อมข้อมูลจากหลายแหล่งเข้าด้วยกัน ลดงาน manual"
+  - icon: "👥"
+    title: "ทีมขาย / การตลาด"
+    desc: "ต้องการวิเคราะห์ข้อมูลลูกค้า สร้างรายงานอัตโนมัติ"
+  - icon: "📋"
+    title: "ฝ่ายบัญชี / การเงิน"
+    desc: "ต้องการเชื่อมข้อมูลบัญชี สร้างรายงานทางการเงินอัตโนมัติ"
+
+# FAQ
+faq_title: "คำถาม<span class='highlight'>ที่พบบ่อย</span>"
+faq_items:
+  - q: "AI Automation ต่างจาก Marketing Automation อย่างไร?"
+    a: "AI Automation เน้นการทำ automation ภายในองค์กร เช่น ระบบเชื่อมข้อมูล วิเคราะห์ข้อมูล สร้างรายงาน ตอบคำถามภายใน ส่วน Marketing Automation เน้นการทำ automation ภายนอก เช่น การตลาดผ่าน Website, Social Media, Ads"
+  - q: "ต้องมีความรู้ด้านเทคนิคไหม?"
+    a: "ไม่ต้องมีความรู้ด้านเทคนิคเลย เราดูแลทุกอย่างตั้งแต่ต้นจนจบ"
+  - q: "ระบบที่มีอยู่แล้วเชื่อมได้ไหม?"
+    a: "ได้ เราสามารถเชื่อมต่อระบบที่มีอยู่เข้ากับ AI ได้ ไม่ว่าจะเป็น Excel, Google Sheets, CRM, ERP หรือระบบอื่น ๆ"
+---
+
+# Features
+feature1_icon: "🤖"
+feature1_title: "Workflow Automation"
+feature1_desc: "ออกแบบและ implement ระบบ automation สำหรับงานที่ทำซ้ำๆ เช่น การประมวลผลออร์เดอร์ การจัดการ inventory"
+feature2_icon: "📊"
+feature2_title: "Business Process Optimization"
+feature2_desc: "วิเคราะห์และปรับปรุงกระบวนการทำงานให้มีประสิทธิภาพมากขึ้นด้วยเทคโนโลยีล่าสุด"
+feature3_icon: "🔗"
+feature3_title: "System Integration"
+feature3_desc: "เชื่อมต่อระบบต่างๆ ให้ทำงานร่วมกันอย่างราบรื่น เช่น CRM, ERP, E-commerce"
+feature4_icon: "📱"
+feature4_title: "Custom Application"
+feature4_desc: "พัฒนา application เฉพาะทางสำหรับธุรกิจของคุณที่ไม่สามารถหาซื้อได้ทั่วไป"
+feature5_icon: "🔒"
+feature5_title: "Security & Compliance"
+feature5_desc: "ตรวจสอบและปรับปรุงความปลอดภัยของระบบให้เป็นไปตามมาตรฐาน"
+feature6_icon: "📈"
+feature6_title: "Performance Monitoring"
+feature6_desc: "ติดตามและวัดผลประสิทธิภาพของระบบแบบ real-time"
+---

redesign-input/raw/src-content/services/marketing-new.mdx

@@ -0,0 +1,61 @@
+---
+title: "Online Marketing Consult"
+subtitle: "วางกลยุทธ์จากข้อมูล ไม่ใช่จากประสบการณ์ล้วน ๆ"
+badge: "ที่ปรึกษาการตลาดออนไลน์"
+category: "marketing"
+objective: "เพิ่มยอดขาย"
+short_desc: "ดูสถิติก่อนยิงโฆษณา — เลือก Platform ที่คุ้ม ตัดอันที่เสียเงินเปล่า"
+---
+
+# Marketing Consult
+
+## เราทำการตลาดแบบนี้
+
+เราไม่ได้เริ่มจากอยากยิงโฆษณาอะไร เราเริ่มจากดูข้อมูลของลูกค้าก่อน — สถิติคนเข้าเว็บ สถิติคนคลิกโฆษณา ยอดขายแยกตามสินค้าและกลุ่มลูกค้า
+
+แล้วค่อยวางกลยุทธ์ว่าจะยิงที่ไหน ใช้ Creative แบบไหน เจาะกลุ่มเป้าหมายใคร
+
+**กลยุทธ์ของเราไม่ได้จำกัดอยู่แค่เว็บ Social Media หรือโฆษณา** — เรามองภาพรวมและวางแผนในทุกช่องทางให้สอดคล้องกัน เลือกช่องทางที่เหมาะกับสินค้าและกลุ่มเป้าหมายจริง ๆ
+
+## กระบวนการทำงาน
+
+1. **ตั้งระบบเก็บข้อมูล (1-2 สัปดาห์)** — GA4, Meta Pixel, ระบบแยกยอดขายตามสินค้า/กลุ่มสินค้า/กลุ่มลูกค้า (ถ้าทำได้)
+2. **วิเคราะห์ + วางกลยุทธ์ (1-2 สัปดาห์)** — ดูว่าสินค้าไหนขายดี กลุ่มไหนซื้อ ช่องทางไหนคุ้ม → เขียนแผนกลยุทธ์
+3. **ลงมือ + วัดผล (ต่อเนื่อง)** — ปรับ Creative, ปรับกลุ่มเป้าหมาย, ขยาย/ตัดช่องทาง พร้อมดูตัวเลขทุกสัปดาห์
+4. **สอนทีม (ต่อเนื่อง)** — ถ้าทีมลูกค้าขาดความรู้ในเรื่องใด เราจะสอนเสริมให้ เพื่อให้ทำต่อได้ด้วยตัวเอง
+
+## สิ่งที่เราทำ
+
+- **วางแผนกลยุทธ์ช่องทาง** — เลือก Platform ที่เหมาะกับสินค้า ไม่ใช่ยิงทุกที่
+- **เจาะกลุ่มเป้าหมาย** — ดูข้อมูลว่าใครซื้อจริง ไม่ใช่ใครคลิกง่าย
+- **ปรับ Creative + Copy** — ให้ดึงดูดคนที่พร้อมจ่าย ไม่ใช่คนที่เทียบราคา
+- **ปรับ Funnel** — ให้คนเข้ามาแล้วเดินต่อจนซื้อ
+- **วัดผล + รายงาน** — ตัวเลขจริง ไม่ใช่ "ยอดดีขึ้น" แบบกำกวม
+
+## เมื่อไหร่ที่เหมาะกับเรา
+
+- มีเว็บไซต์และกิจกรรมออนไลน์อยู่แล้ว แต่ยอดไม่โต
+- อยากเปลี่ยนจาก "ยิงแล้วหวัง" เป็น "ยิงแล้วรู้ว่าเกิดอะไรขึ้น"
+- อยากให้ทีมเรียนรู้ไปด้วย ไม่ใช่จ้างเราตลอด
+
+## เมื่อไหร่ที่ไม่เหมาะ
+
+- งบน้อยมาก ไม่พอจะยิงโฆษณาเลย — เริ่มจาก SEO/Content ดีกว่า
+- อยากได้ผลใน 1 สัปดาห์ — เราเน้นงานที่ยั่งยืน ไม่ใช่แค่ยิงให้ขายได้แล้วหยุด
+- คิดว่า "ยิงเยอะ ๆ แล้วจะขายได้เอง" — ไม่จริงเสมอไป บางทียิงน้อยแต่ตรงกลุ่มดีกว่า
+
+## ตัวอย่างงาน
+
+- **Dataroot** (Flagship) — เพิ่ม Impression 373%, Click 114.2%, ลดงบโฆษณา 28.3% ในเดือนแรก — ดูเคสเต็มได้ที่หน้า Portfolio
+
+ดูตัวอย่างงานจริงอื่น ๆ ทั้งหมดได้ที่หน้า Portfolio
+
+## บทเรียนจากเคสที่เกือบพัง
+
+เคยยิงโฆษณาไปกลุ่ม "คนสนใจเรื่องการเงิน" เพราะคิดว่าสินค้าลูกค้าเกี่ยวกับการลงทุน — ผลคือมีแต่คนมาขอกู้เงิน เพราะเข้าใจว่าลูกค้าเราเป็นสถาบันการเงิน
+
+**บทเรียน:** เลือกกลุ่มเป้าหมายต้องดู "คนที่จะซื้อ" ไม่ใช่ "คนที่คลิกง่าย"
+
+อีกเคส — ขายสินค้าบน Platform โดยไม่ได้คำนวณค่าธรรมเนียมแฝง (ค่าธรรมเนียม Platform, ค่าจัดส่ง, ค่าคืนสินค้า, ส่วนลด) ขายได้เยอะ แต่กำไรหายเกือบหมด
+
+**บทเรียน:** ขายดี ≠ มีกำไร ต้องคำนวณต้นทุนแท้จริงก่อนวางแผน

redesign-input/raw/src-content/services/marketing.mdx

@@ -0,0 +1,80 @@
+---
+title: "Online Marketing Automation"
+subtitle: "Use AI to help generate and manage marketing workflow. เพิ่มยอดขายด้วยระบบอัตโนมัติทางการตลาดที่ขับเคลื่อนด้วย AI"
+badge: "Marketing Consult"
+category: "marketing-consult"
+objective: "เพิ่มยอดขาย"
+
+# Hero Section
+hero_badge: "บริการ Marketing Automation ครบวงจร"
+hero_title: "การตลาดอัตโนมัติ<br/><span class='highlight'>ทุกช่องทาง</span><br/>พร้อม AI วิเคราะห์"
+hero_desc: "ส่งข้อความอัตโนมัติ วิเคราะห์ข้อมูล SEO ติด Google ครอบคลุม Website, Social Media, Ads และ Email + GEO ติด ChatGPT, Perplexity, AI Search"
+
+# Why Choose Us
+why_title: "ทำไมต้อง<span class='highlight'>Marketing Automation?</span>"
+why_desc: "ช่วยให้การตลาดเป็นอัตโนมัติ ประหยัดเวลา และเพิ่มประสิทธิภาพการขาย"
+
+# What's Included
+included_title: "ครอบคลุม<span class='highlight'>ทุกช่องทาง</span>"
+included_items:
+  - icon: "🌐"
+    title: "Website + SEO"
+    desc: "เว็บไซต์ที่ติด Google และ AI Search พร้อมระบบจัดการเนื้อหา"
+  - icon: "📱"
+    title: "Social Media"
+    desc: "Facebook, LINE, IG อัตโนมัติ ส่งข้อความตรงกลุ่มเป้าหมาย"
+  - icon: "📊"
+    title: "Google Ads"
+    desc: "ควบคุมงบโฆษณา วิเคราะห์ผล เพิ่มประสิทธิภาพ ROI"
+  - icon: "📧"
+    title: "Email Marketing"
+    desc: "ส่งอีเมลอัตโนมัติ ติดตามลูกค้า ส่งโปรโมชั่นตรงเวลา"
+
+# Target Audience
+target_title: "เหมาะกับใคร?"
+target_items:
+  - icon: "🏢"
+    title: "SME / ร้านค้าปลีก"
+    desc: "ธุรกิจท้องถิ่นที่ต้องการเพิ่มยอดขายออนไลน์"
+  - icon: "🛒"
+    title: "ร้านค้าออนไลน์"
+    desc: "E-commerce ที่ต้องการบริหารการตลาดอัตโนมัติ"
+  - icon: "🏗️"
+    title: "บริษัท / องค์กร"
+    desc: "บริษัทที่ต้องการระบบการตลาดที่มีประสิทธิภาพ"
+
+# FAQ
+faq_title: "คำถาม<span class='highlight'>ที่พบบ่อย</span>"
+faq_items:
+  - 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"
+---
+
+# Features
+feature1_icon: "📧"
+feature1_title: "Email Marketing Automation"
+feature1_desc: "สร้าง email campaign อัตโนมัติด้วย AI ที่ personalize ข้อความตามพฤติกรรมลูกค้า"
+feature2_icon: "💬"
+feature2_title: "Social Media Automation"
+feature2_desc: "กำหนดเวลาโพสต์และตอบสนองอัตโนมัติด้วย AI ที่เข้าใจบริบท"
+feature3_icon: "🎯"
+feature3_title: "Lead Generation AI"
+feature3_desc: "ใช้ AI หาและให้คะแนน leads ที่มีโอกาส conversion สูงสุด"
+feature4_icon: "📊"
+feature4_title: "Marketing Analytics"
+feature4_desc: "วิเคราะห์ข้อมูลการตลาดและให้คำแนะนำด้วย AI เพื่อปรับปรุง ROI"
+feature5_icon: "🔄"
+feature5_title: "Workflow Automation"
+feature5_desc: "สร้าง marketing workflow อัตโนมัติตั้งแต่ lead จนถึง sale"
+feature6_icon: "📱"
+feature6_title: "Multi-channel Integration"
+feature6_desc: "เชื่อมต่อทุกช่องทางการตลาดให้ทำงานร่วมกันอย่างไร้รอยต่อ"
+---

redesign-input/raw/src-content/services/webdev-new.mdx

@@ -0,0 +1,81 @@
+---
+title: "Website Development"
+subtitle: "เว็บไซต์ที่ขายได้ ไม่ใช่เว็บที่สวย"
+badge: "พัฒนาเว็บไซต์"
+category: "webdev"
+objective: "ทำเว็บให้ขายได้"
+short_desc: "เว็บไซต์ที่ออกแบบมาเพื่อให้คนซื้อ ไม่ใช่เพื่อให้คนชอบ — Astro สำหรับเว็บทั่วไป, WordPress สำหรับ E-commerce"
+
+# ไม่ได้อยู่ใน Astro case study เพราะเป็น static frontmatter
+---
+
+# Website Development
+
+## เราทำเว็บแบบนี้
+
+เริ่มจากถามว่า "เว็บนี้ทำเพื่ออะไร" ก่อน — ขายของ? เก็บ Lead? สร้างความน่าเชื่อถือ? เพราะเว็บแต่ละแบบต้องออกแบบต่างกัน
+
+เราไม่ได้เน้นให้เว็บสวย เราเน้นให้เว็บทำหน้าที่ของมันได้ เพราะเว็บหลายเว็บที่ดูดีที่สุด ขายแย่ที่สุดก็มี
+
+## เลือกระบบตามงาน
+
+### Astro — เว็บทั่วไป, Blog, เว็บบริษัท, Landing Page
+
+**เหมาะกับ:** เว็บที่ไม่ซับซ้อน เน้นความเร็ว SEO และการโหลดเร็ว
+
+**ระยะเวลา:** 14-30 วัน
+
+**ได้อะไร:**
+- เว็บไซต์ที่โหลดเร็วมาก (Google PageSpeed 90+)
+- SEO พร้อมตั้งแต่วันแรก — ติด Google ได้เร็ว
+- Chatbot AI ที่ปรับแก้เว็บไซต์ได้เอง (เฉพาะเว็บที่ใช้ Host ของเรา)
+- ระบบแก้ไขเนื้อหาด้วย AI — คุยกับ AI ให้ช่วยเขียน/แก้บทความ
+
+### WordPress — E-commerce, เว็บที่มีระบบหลังบ้านซับซ้อน
+
+**เหมาะกับ:** เว็บที่ต้องมี Database เยอะ ระบบซับซ้อน หรือมี Design มาให้แล้ว
+
+**ระยะเวลา:** 2-4 เดือน
+
+**ได้อะไร:**
+- ระบบหลังบ้านที่ลูกค้าแก้เองได้ (เพิ่มสินค้า แก้รูป เขียนบทความ)
+- E-commerce ครบชุด (ตะกร้า, ชำระเงิน, ติดตามพัสดุ)
+- Plugin เสริมได้ตามต้องการ
+
+## กระบวนการทำงาน
+
+1. **คุย Requirement (1-2 วัน)** — ถามว่าเว็บนี้ต้องทำอะไร ใครเป็นคนใช้ เน้นเรื่องอะไร
+2. **วางโครง + ออกแบบ (3-7 วัน)** — ส่ง Proposal โครงสร้างเว็บ + Mockup ให้ดูก่อนเซ็น
+3. **พัฒนา (10-20 วัน)** — ส่ง Demo ให้ดูทุกสัปดาห์ ไม่ใช่ส่งทีเดียวตอนจบ
+4. **ทดสอบ + แก้ไข (3-5 วัน)** — ทดสอบจริง แก้ตามฟีดแบ็ค
+5. **ส่งมอบ + อบรม (1 วัน)** — ส่งมอบ + สอนใช้งาน + มอบคู่มือ
+
+## เมื่อไหร่ที่เหมาะกับเรา
+
+- เว็บที่ต้องโหลดเร็ว ติด Google ง่าย
+- เว็บที่ลูกค้าต้องแก้เนื้อหาเองได้บ่อย ๆ
+- เว็บ E-commerce ที่ต้องการระบบครบ
+
+## เมื่อไหร่ที่ไม่เหมาะ
+
+- ต้องการเว็บ Landing Page ราคาถูก ๆ ไม่กี่พัน — เราไม่ทำ เราเน้นเว็บที่ต้องทำงานจริง
+- ต้องการเว็บแบบเดียวกับที่อื่น — เราชอบออกแบบให้เหมาะกับงาน ไม่ใช่ใช้ Template เดียวกับทุกคน
+- ต้องการเว็บที่ไม่ต้องดูแลต่อ — เราแนะนำให้มีแพ็คเกจดูแลรายเดือน เพราะเว็บที่ปล่อยทิ้งจะตาย
+
+## ตัวอย่างงาน
+
+ดูตัวอย่างงานจริงทั้งหมดได้ที่หน้า Portfolio
+
+## คำถามที่ลูกค้าถามบ่อย
+
+**แก้เว็บเองยากไหม?**
+ไม่ยาก — สำหรับ Astro จะคุยกับ AI ให้ช่วยแก้เนื้อหา ส่วน WordPress มีระบบหลังบ้านใช้งานง่าย เปลี่ยนข้อความ รูป สินค้า ได้ด้วยตัวเอง
+
+**มีค่าใช้จ่ายอะไรเพิ่มไหม?**
+ค่า Host + โดเมนฟรีปีแรก ปีถัดไปคิดตามจริง — เริ่มต้น 5,000 บาท/ปี
+
+**ทำเว็บ E-commerce ได้ไหม?**
+ได้ ใช้ WordPress + WooCommerce พร้อมระบบชำระเงิน ติดตามพัสดุ ครบ
+
+**GEO คืออะไร?**
+Generative Engine Optimization — ปรับเว็บให้ถูกอ้างอิงโดย ChatGPT, Perplexity, Google AI Overviews ทำให้ธุรกิจปรากฏในคำตอบ AI

redesign-input/raw/src-content/services/webdev.mdx

@@ -0,0 +1,87 @@
+---
+title: "Website Development"
+subtitle: "Implement website for business and integrate the website with marketing workflow. เว็บไซต์ที่ทันสมัย รวดเร็ว และเชื่อมต่อกับระบบการตลาดอย่างไร้รอยต่อ"
+badge: "Marketing Consult"
+category: "marketing-consult"
+objective: "เพิ่มยอดขาย"
+usp_content_edit: "ลูกค้าที่ใช้ Server ของเราจะได้รับบริการแก้ไขและเพิ่มเนื้อหาเว็บไซต์ฟรี! จ่ายเฉพาะเมื่อต้องการ Redesign ทั้งหมด หรือ Upgrade ฟีเจอร์ใหญ่ เช่น เพิ่มระบบ E-commerce"
+
+# Hero Section
+hero_badge: "บริการรับทำเว็บไซต์สำหรับ SME ไทย"
+hero_title: "สร้างเว็บไซต์<br/><span class='highlight'>เปลี่ยนแปลงเองได้</span><br/>ด้วย AI"
+hero_desc: "เว็บไซต์ที่คุณแก้ไขเองได้ง่าย ไม่ต้องรอเราทุกครั้ง พร้อม AI ช่วยสร้างเนื้อหาใหม่ ๆ ให้ทันที + GEO ติด ChatGPT, Perplexity, AI Search"
+
+# Why Choose Us
+why_title: "เว็บไซต์ที่<br/><span class='highlight'>คุณจัดการเองได้</span>"
+why_desc: "เราสร้างเว็บไซต์ให้คุณสามารถจัดการเองได้ ไม่ต้องพึ่งเราทุกครั้ง ระบบหลังบ้านใช้ง่าย เปลี่ยนข้อความ รูปภาพ สินค้า ได้ด้วยตัวเอง"
+
+# What's Included
+included_title: "ทุกเว็บไซต์มาพร้อม<br/><span class='highlight'>ให้ครบ</span>"
+included_items:
+  - "เว็บไซต์พร้อมใช้งาน"
+  - "SSL ฟรี"
+  - "โดเมน"
+  - "Analytics"
+
+# Target Audience
+target_title: "ธุรกิจทุกประเภท"
+target_items:
+  - icon: "🏢"
+    title: "SME / ธุรกิจขนาดเล็ก"
+    desc: "ธุรกิจท้องถิ่น ร้านค้าปลีก บริการต่าง ๆ ที่ต้องการเว็บไซต์ในราคาที่เข้าถึงได้"
+  - icon: "🛒"
+    title: "ร้านค้าออนไลน์"
+    desc: "ธุรกิจ E-commerce ที่ต้องการขายสินค้าออนไลน์ พร้อมระบบตะกร้าและชำระเงินครบวงจร"
+  - icon: "🏗️"
+    title: "บริษัท / องค์กร"
+    desc: "บริษัทที่ต้องการเว็บไซต์องค์กร เว็บไซต์แนะนำบริษัท หรือเว็บไซต์ในระบบ Intranet"
+
+# Technology Choice
+tech_title: "เลือกระบบที่<span class='highlight'>เหมาะกับคุณ</span>"
+tech_options:
+  - name: "Astro"
+    badge: "A"
+    desc: "เหมาะสำหรับเว็บไซต์ทั่วไป / Corporate เน้น AI และ SEO โหลดเร็ว ประสิทธิภาพสูง บล็อก / เว็บบริษัท"
+    duration: "ระยะเวลา: 14-30 วัน"
+  - name: "WordPress"
+    badge: "WP"
+    desc: "เหมาะสำหรับเว็บขายของ (E-commerce) เว็บไซต์ที่ซับซ้อน มีระบบหลังบ้านซับซ้อน ต้องการ Plugin เยอะ"
+    duration: "ระยะเวลา: 2-4 เดือน"
+
+# FAQ
+faq_title: "คำถาม<span class='highlight'>ที่พบบ่อย</span>"
+faq_items:
+  - q: "แก้ไขเว็บเองยากไหม?"
+    a: "ไม่ยากเลย สำหรับ Astro การแก้ไขเนื้อหาจะเน้นการคุยกับ AI ให้ช่วยสร้างและปรับแต่งเนื้อหา ส่วน WordPress มาพร้อมระบบหลังบ้านที่มีหน้าตาการใช้งานง่าย คุณสามารถเปลี่ยนข้อความ รูปภาพ สินค้า ได้ด้วยตัวเองโดยไม่ต้องมีความรู้ทางเทคนิค"
+  - q: "มีค่าใช้จ่ายอะไรเพิ่มเติมไหม?"
+    a: "ค่าบริการ Server และโดเมนจะฟรีในปีแรก และจะมีค่าใช้จ่ายในปีถัดไป ค่าบริการ Server จะขึ้นอยู่กับความซับซ้อนของเว็บไซต์และจำนวนผู้เข้าชม"
+  - q: "Server ดูแลให้ไหม?"
+    a: "เราดูแลเรื่อง Server ให้ครบวงจร รวมถึงการปรับจูนระบบให้มีประสิทธิภาพสูงสุด ลูกค้าจะจ่ายค่า Server เพิ่มเฉพาะกรณีที่มีผู้เข้าเว็บใช้งานสูงมาก ระดับ 100,000 คนต่อเดือนขึ้นไป"
+  - q: "ทำเว็บขายของ (E-commerce) ได้ไหม?"
+    a: "ทำได้แน่นอน เราใช้ WordPress เป็นพื้นฐานในการพัฒนาเว็บไซต์ E-commerce พร้อมระบบตะกร้าสินค้า ชำระเงิน ติดตามสินค้า และระบบหลังบ้านจัดการสินค้าครบวงจร"
+  - q: "ต้องมีความรู้ทางเทคนิคไหม?"
+    a: "ไม่จำเป็นเลย เราดูแลทุกอย่างตั้งแต่ต้นจนจบ ตั้งแต่การออกแบบ พัฒนา ไปจนถึงการติดตั้งและส่งมอบ พร้อมทั้งอบรมการใช้งานให้ทีมของคุณสามารถใช้งานระบบได้อย่างมั่นใจ"
+  - q: "GEO คืออะไร?"
+    a: "GEO (Generative Engine Optimization) คือการปรับแต่งเนื้อหาและโครงสร้างเว็บไซต์ให้ถูกอ้างอิงโดย AI Search Engine เช่น ChatGPT, Perplexity, Google AI Overviews ทำให้ธุรกิจของคุณปรากฏในคำตอบของ AI"
+---
+
+# Features
+feature1_icon: "⚡"
+feature1_title: "Fast & Modern"
+feature1_desc: "โหลดเร็ว รองรับการขยายตัวของธุรกิจ และใช้เทคโนโลยีล่าสุด"
+feature2_icon: "📱"
+feature2_title: "Responsive Design"
+feature2_desc: "แสดงผลได้ดีบนทุกอุปกรณ์ ทั้ง mobile tablet และ desktop"
+feature3_icon: "🎨"
+feature3_title: "SEO Optimized"
+feature3_desc: "ออกแบบมาเพื่อให้ Google ชอบ ช่วยให้ติดอันดับได้ง่ายขึ้น"
+feature4_icon: "🔗"
+feature4_title: "Marketing Integration"
+feature4_desc: "เชื่อมต่อกับระบบ CRM, Email Marketing และ Analytics ได้อย่างไร้รอยต่อ"
+feature5_icon: "📊"
+feature5_title: "Analytics Dashboard"
+feature5_desc: "ติดตามผู้เข้าชมและวัดผลได้แบบ real-time"
+feature6_icon: "🔒"
+feature6_title: "Security"
+feature6_desc: "Security ระดับสูง ป้องกันการโจมตีและข้อมูลรั่วไหล"
+---