feat(portfolio): filter by service category (Consult / Web Dev) + multi-category support

Changes:
- Filter bar: old industry filters (🚗, 💊, etc.) replaced with service categories: All, Consult, Website Development
- Card categories updated per user spec:
  - Dataroot → consult only
  - เลือดจระเข้วานิไทย → both consult + webdev (multi-category)
  - All other 7 cards → webdev
- Filter JS updated: reads data-category (comma-sep) instead of industry text
- Multi-category via comma-separated values in data-category attribute
- Portfolio page: home + portfolio page both reflect new categories

src/content/faq/001-services-overview.md

@@ -2,5 +2,5 @@
 category: "บริการ"
 category_icon: "💼"
 question: "มอร์มินิมอร์ทำอะไรบ้าง?"
-answer: "4 บริการหลัก — เว็บไซต์ + AI Chatbot, AI & Workflow Automation, SEO + AI Content, และ Tech Consult (Server, Data Pipeline) ลูกค้า 80% เริ่มจากเว็บไซต์ก่อน แล้วค่อยเพิ่มบริการอื่นทีหลัง"
+answer: "4 บริการหลัก — (1) รับทำเว็บไซต์ (Astro / WordPress) (2) ที่ปรึกษาการตลาดออนไลน์ (3) Automation / เชื่อมต่อระบบ (4) AI Consult ในองค์กร ทั้งหมดเริ่มจากดูข้อมูลของลูกค้าก่อน ไม่ใช่เดาว่าควรทำอะไร"
 ---

src/content/faq/002-services-flexible.md

@@ -1,6 +1,6 @@
 ---
 category: "บริการ"
 category_icon: "💼"
-question: "รับงานแบบไหน? เลือกได้ไหม?"
-answer: "เลือกได้ทุกอย่าง บางลูกค้ามาขอแค่ Chatbot บางคนมาขอทำ SEO อย่างเดียว ไม่มี minimum commitment ไม่มี 'ต้องซื้อครบแพ็ค'"
+question: "ถ้ามีงบน้อย ควรเริ่มจากอะไร?"
+answer: "ถ้ายังไม่มีเว็บและไม่มีกิจกรรมออนไลน์เลย → เริ่มจากเว็บไซต์ก่อน เพราะเป็นบริการที่ถูกที่สุด ถ้ามีเว็บแล้วและมีกิจกรรมออนไลน์ → Marketing Consult จะคุ้มกว่า ถ้ารู้สึกยุ่งมากมีแต่ความผิดพลาด → Automation จะตอบโจทย์สุด ถ้ามีระบบพร้อมแล้วอยากรีดยอดขายหรือป้องกันปัญหาพนักงานลาออก → AI Consult"
 ---

src/content/faq/003-services-fit.md

@@ -2,5 +2,5 @@
 category: "บริการ"
 category_icon: "💼"
 question: "เหมาะกับธุรกิจแบบไหน?"
-answer: "เหมาะกับ SME ไทยที่มียอดขาย 100,000 บาทขึ้นไปต่อเดือน (ถ้ายังไม่ถึง อาจจะยังไม่คุ้ม) — เรามีลูกค้าตั้งแต่ร้านค้าออนไลน์เล็ก ๆ ไปจนถึงโรงงาน 40 ปี"
+answer: "SME ที่ต้องการคนช่วยดูเรื่อง Online Marketing และระบบ IT ลูกค้าที่ไม่มีความรู้ IT มาก แต่จำเป็นต้องใช้ระบบ IT ในการทำงาน ไม่เหมาะกับ: องค์กรขนาดใหญ่ที่มีการเมืองเยอะ คนที่อยากได้ของฟรีหรือจ่ายน้อยแต่คาดหวังงานระดับแสน และกลุ่ม IT ทั่วไป (ยกเว้นขาย Software เฉพาะทาง เช่น ERP)"
 ---

src/content/faq/004-services-industry.md

@@ -1,6 +1,6 @@
 ---
 category: "บริการ"
 category_icon: "💼"
-question: "เคยทำในอุตสาหกรรมของเราไหม?"
-answer: "ทำมาแล้วหลากหลาย เช่น โรงงาน, สำนักงานกฎหมาย, คลินิก, ร้านค้าออนไลน์, สถาบันสอน, สินค้าแมส ถ้าคุณอยากเห็นตัวอย่างในอุตสาหกรรมเดียวกัน → ทัก LINE บอกอุตสาหกรรมมา เราจะหาให้ดู"
+question: "รับงานอุตสาหกรรมเฉพาะไหม?"
+answer: "รับหลากหลาย แต่ไม่รับทุกอย่าง — เราเน้นงานที่วัดผลได้ ไม่ว่าจะเป็น E-commerce, บริการ, B2B, คลินิก, ร้านอาหาร, ผู้ผลิต, สถานศึกษา, ที่ปรึกษา ดูตัวอย่างงานได้ที่หน้า Portfolio ถ้าไม่แน่ใจว่าอุตสาหกรรมของคุณเหมาะ นัดคุย 30 นาทีฟรีได้เลย"
 ---

src/content/faq/005-price-start.md

@@ -2,5 +2,5 @@
 category: "ราคา"
 category_icon: "💰"
 question: "ราคาเริ่มต้นเท่าไหร่?"
-answer: "Landing Page เริ่ม 15,000 บาท · เว็บไซต์ธุรกิจ 35,000–80,000 บาท · ระบบ Automation 50,000 บาทขึ้นไป · SEO รายเดือน 8,000–25,000 บาท — ทั้งหมดนี้เป็นช่วง ขึ้นกับ scope จริง"
+answer: "เว็บไซต์: Astro เริ่ม 5,000 บาท / WordPress เริ่ม 30,000 บาท (ขึ้นอยู่กับความซับซ้อน) · ที่ปรึกษา Marketing และ Automation: เริ่ม 10,000 บาท/เดือน · ที่ปรึกษา AI: เริ่ม 20,000 บาท/เดือน · Host: เริ่ม 5,000 บาท/ปี ราคาจะขึ้นอยู่กับ Requirement จริง บอกได้เมื่อคุยกัน"
 ---

src/content/faq/006-price-packages.md

@@ -1,6 +1,6 @@
 ---
 category: "ราคา"
 category_icon: "💰"
-question: "มีแพ็คเกจสำเร็จรูปไหม?"
-answer: "มี — Starter, Business, Enterprise (ดูรายละเอียดที่ /pricing) แต่ถ้าไม่ตรงกับที่คุณต้องการ เราปรับให้ได้ทุกอย่าง ไม่ใช่ 'เลือกแพ็คหรือไม่ซื้อ'"
+question: "มีแพ็คเกจไหม?"
+answer: "ไม่มีแพ็คเกจตายตัว เพราะงานแต่ละชิ้นต่างกัน บางเว็บใช้เวลา 1 สัปดาห์ บางเว็บใช้ 3 เดือน เราจะส่ง Proposal เป็น PDF พร้อมรายละเอียดงาน ราคา ระยะเวลา ให้คุณอ่านก่อนเซ็น แก้ไข scope ได้"
 ---

src/content/faq/007-price-payment.md

@@ -1,6 +1,6 @@
 ---
 category: "ราคา"
 category_icon: "💰"
-question: "จ่ายเงินยังไง? ผ่อนได้ไหม?"
-answer: "โอนธนาคาร / บัตรเครดิต (3–6 งวด มีดอกเบี้ย) โปรเจกต์ใหญ่แบ่งจ่าย 3 งวด: 30% ตอนเซ็น, 40% ตอนส่ง demo, 30% ตอนส่งมอบ"
+question: "จ่ายยังไง?"
+answer: "เว็บไซต์: มัดจำ 50% ตอนเซ็น ที่เหลือจ่ายตอนส่งมอบ · ที่ปรึกษารายเดือน: จ่ายต้นเดือนของทุกเดือน เริ่มจ่ายเดือนแรกตอนเซ็นสัญญา ออกใบกำกับภาษีได้"
 ---

src/content/faq/008-price-hidden.md

@@ -1,6 +1,6 @@
 ---
 category: "ราคา"
 category_icon: "💰"
-question: "มี Hidden cost ไหม?"
-answer: "ไม่มี ทุกอย่างระบุในสัญญา ถ้าจะมีค่าใช้จ่ายเพิ่ม (เช่น ซื้อ Domain, SSL, ค่า API) เราจะบอกล่วงหน้าก่อนตัดสินใจ"
+question: "มีค่าใช้จ่ายแอบแฝงไหม?"
+answer: "ไม่มี — เราจะบอกทุกค่าใช้จ่ายใน Proposal ตั้งแต่ต้น ไม่มี \"อันนี้เพิ่มเงินนะ\" ตอนใกล้ส่งมอบ ถ้ามีงานเพิ่มจริง ๆ จะคุยและตกลงราคาก่อนทำ"
 ---

src/content/faq/009-time-website.md

@@ -1,6 +1,6 @@
 ---
 category: "ระยะเวลา"
 category_icon: "⏱️"
-question: "ใช้เวลาทำเว็บไซต์นานแค่ไหน?"
-answer: "Landing Page 1–2 สัปดาห์ · เว็บไซต์ธุรกิจ 2–4 สัปดาห์ · Web Application / E-commerce 4–8 สัปดาห์ · ถ้ามี content เตรียมพร้อมจะเร็วกว่านี้"
+question: "ทำเว็บเสร็จในกี่วัน?"
+answer: "Astro: 14-30 วัน · WordPress: 2-4 เดือน · ถ้าจะติด เราจะบอกก่อน 7 วัน ไม่ใช่บอกตอนส่งงาน — เคสไหนที่เคยส่งช้า เราคืนเงิน Pro-rata"
 ---

src/content/faq/010-time-seo.md

@@ -1,6 +1,6 @@
 ---
 category: "ระยะเวลา"
 category_icon: "⏱️"
-question: "SEO เห็นผลเมื่อไหร่?"
-answer: "ขึ้นกับความยากของคีย์เวิร์ด + สถานะเว็บเดิม — เฉลี่ย 3–6 เดือนถึงหน้า 1 Google บางคีย์เวิร์ดติดใน 1–2 เดือน บางคีย์เวิร์ดใช้เวลา 9–12 เดือน เราจะบอก realistic timeline ก่อนเริ่ม"
+question: "SEO ใช้เวลาเห็นผลกี่เดือน?"
+answer: "SEO ปกติใช้เวลา 3-6 เดือนถึงจะเห็นผลชัด ขึ้นอยู่กับคีย์เวิร์ดและคู่แข่ง เราเคยมีเคสติดหน้า 1 Google ใน 4 เดือน แต่ก็มีเคสที่ใช้เวลานานกว่านั้น จะบอกคุณตรง ๆ ตั้งแต่แรกว่าคาดว่าเห็นผลเมื่อไหร่"
 ---

src/content/faq/011-time-rush.md

@@ -1,6 +1,6 @@
 ---
 category: "ระยะเวลา"
 category_icon: "⏱️"
-question: "ถ้าเร่งด่วนได้ไหม?"
-answer: "ได้ — Rush Service (+30% ของราคาปกติ) เร่งได้เร็วขึ้น 50% เช่น ปกติ 4 สัปดาห์ → Rush 2 สัปดาห์ ต้องบอกล่วงหน้าอย่างน้อย 7 วัน"
+question: "งานด่วน ทำได้ไหม?"
+answer: "ทำได้ แต่จะคิดราคาเร่งด่วนเพิ่ม เพราะกระทบกับงานอื่นที่มีอยู่ เราจะบอกชัดว่าค่าเร่งเท่าไหร่ก่อนรับงาน"
 ---

src/content/faq/012-time-overrun.md

@@ -1,6 +1,6 @@
 ---
 category: "ระยะเวลา"
 category_icon: "⏱️"
-question: "แล้วทำไม่ทันเวลาจะเป็นยังไง?"
-answer: "ถ้าเราบอกว่าจะทันแล้วไม่ทัน (เป็นความผิดของเรา ไม่ใช่เพราะลูกค้าเพิ่ม scope) → คืนเงิน Pro-rata ตามจำนวนวันที่เกิน เคยมีเคสคืนเงิน 2 ครั้งใน 5 ปี"
+question: "ถ้างานล่าช้า คืนเงินไหม?"
+answer: "ถ้าเราส่งงานล่าช้าโดยไม่ได้แจ้งล่วงหน้า 7 วัน จะคืนเงิน Pro-rata ตามจริง เคสนี้เคยเกิดขึ้น 1-2 ครั้งในรอบหลายปี และคืนเงินไปแล้ว"
 ---

src/content/faq/013-ai-quality.md

@@ -1,6 +1,6 @@
 ---
 category: "AI & เทคนิค"
 category_icon: "🤖"
-question: "AI Chatbot ตอบลูกค้าได้จริงไหม ไม่ใช่ Bot โง่ ๆ?"
-answer: "Chatbot ของเราเทรนด้วยข้อมูลธุรกิจจริง (สินค้า, ราคา, FAQ) ไม่ใช่ ChatGPT ทั่วไป ลูกค้า 90%+ ของเราบอกว่าลูกค้าทัก LINE มาแล้วแยกไม่ออกว่าเป็นคนหรือ Bot"
+question: "AI ใช้ของแพงหรือของถูก?"
+answer: "เราเลือกตามงาน ไม่ใช่เลือกของแพงสุดเสมอ งาน 80% ใช้ Model ราคาถูก (เช่น GPT-4o-mini, Haiku, Local LLM) ก็ได้ผล ส่วนงานที่ซับซ้อนมาก ๆ ค่อยใช้ของแพง วิธีนี้ช่วยลูกค้าประหยัดค่าใช้จ่ายได้มากกว่าครึ่ง"
 ---

src/content/faq/014-ai-technical.md

@@ -1,6 +1,6 @@
 ---
 category: "AI & เทคนิค"
 category_icon: "🤖"
-question: "ต้องมีความรู้เทคนิคไหมถึงจะใช้งานได้?"
-answer: "ไม่ต้อง — เราอบรมทีมคุณให้ใช้งานเป็น (อัปเดต content, ดู report, แก้ Chatbot flow) หลังอบรมทีมคุณจะใช้งานได้เอง ไม่ต้องเรียกเราทุกครั้ง"
+question: "ต้องมีความรู้เทคนิคไหม?"
+answer: "ไม่ต้อง เราดูแลตั้งแต่ต้นจนจบ ตั้งแต่วิเคราะห์ ออกแบบ พัฒนา ไปจนถึง Deploy และดูแลหลังขาย จะสอนการใช้งานจนทีมคุณใช้เป็น"
 ---

src/content/faq/015-ai-pdpa.md

@@ -1,6 +1,6 @@
 ---
 category: "AI & เทคนิค"
 category_icon: "🤖"
-question: "ข้อมูลลูกค้าปลอดภัยไหม? (PDPA)"
-answer: "ปลอดภัย — ข้อมูลเก็บบน Server ในไทย/สิงคโปร์, เข้ารหัส HTTPS, มี PDPA consent form, ลูกค้าสามารถขอลบข้อมูลได้ ดู Privacy Policy เต็มที่ /privacy"
+question: "ข้อมูลปลอดภัยไหม (PDPA)?"
+answer: "ปลอดภัย สำหรับงานที่ต้องการความลับ เราใช้ Local LLM ที่รันในเครื่องของลูกค้า ข้อมูลไม่ออกไปไหน ส่วนงานทั่วไปใช้ API ของผู้ให้บริการที่เชื่อถือได้ พร้อมทำ NDA ได้"
 ---

src/content/faq/016-ai-which.md

@@ -1,6 +1,6 @@
 ---
 category: "AI & เทคนิค"
 category_icon: "🤖"
-question: "ใช้ AI ตัวไหน? OpenAI หรือเปล่า?"
-answer: "เราเลือก AI ตามงาน — OpenAI / Anthropic / Google Gemini / Self-hosted LLM ขึ้นกับว่าลูกค้าต้องการ Privacy ระดับไหน, งบเท่าไหร่, และ context เป็นภาษาอะไร (ภาษาไทยบาง Model ดีกว่า)"
+question: "ควรใช้ AI ตัวไหน?"
+answer: "ขึ้นอยู่กับงาน ถ้าเป็นแชทบอททั่วไป ใช้ GPT-4o-mini หรือ Claude Haiku ก็พอ ถ้าเป็นงานวิเคราะห์ข้อมูล ใช้ GPT-4o หรือ Claude Sonnet ถ้าเป็นงานที่ต้องการความลับ ใช้ Local LLM (Llama, Qwen) เรามี AI Audit ฟรี ช่วยวิเคราะห์ว่าธุรกิจคุณควรใช้ AI ตัวไหน"
 ---

src/content/faq/017-support-warranty.md

@@ -1,6 +1,6 @@
 ---
 category: "หลังการขาย"
 category_icon: "🛠️"
-question: "มีการรับประกันไหม?"
-answer: "รับประกัน 30 วันหลังส่งมอบ — ถ้าเจอบั๊กจากการพัฒนา (ไม่ใช่การเพิ่ม feature ใหม่) แก้ฟรีไม่จำกัดครั้ง"
+question: "มีประกันงานไหม?"
+answer: "มี — ถ้าเว็บมีปัญหาจากการพัฒนาของเรา จะแก้ไขให้ฟรี 30-90 วันหลังส่งมอบ (ขึ้นอยู่กับประเภทงาน) ถ้าเกิดจากการแก้ไขของลูกค้าเอง จะคิดค่าแก้ตามจริง"
 ---

src/content/faq/018-support-channels.md

@@ -1,6 +1,6 @@
 ---
 category: "หลังการขาย"
 category_icon: "🛠️"
-question: "หลังส่งงานแล้ว support ยังไง?"
-answer: "3 ช่องทาง — LINE Official (ตอบใน 2 ชม. เวลาทำการ), Email, โทรศัพท์กรณีเร่งด่วน ลูกค้าเว็บไซต์ได้แก้ content ฟรีตลอดอายุ Server"
+question: "ติดต่อช่องทางไหน?"
+answer: "LINE OA: @moreminimore (ตอบเร็วที่สุด) · โทร: 080-995-5945 · Email: contact@moreminimore.com ทีมที่ตอบคือคนที่ทำงานให้คุณ ไม่ใช่ Bot ไม่ใช่คนอื่น"
 ---

src/content/faq/019-support-monthly.md

@@ -2,5 +2,5 @@
 category: "หลังการขาย"
 category_icon: "🛠️"
 question: "มีแพ็คเกจดูแลรายเดือนไหม?"
-answer: "มี — 2,000 บาท/เดือน (Maintenance: อัปเดต, backup, security patch) · 5,000 บาท/เดือน (Maintenance + แก้ content ไม่จำกัด) · 8,000 บาท/เดือน (ทั้งหมด + ปรับ SEO รายเดือน)"
+answer: "มี เริ่ม 2,000 บาท/เดือน รวมอัปเดตเนื้อหา ปรับ SEO แก้บั๊ก ตอบคำถามผ่าน LINE ถ้าไม่เอาแพ็คเกจ ก็จ่ายเป็นงาน ๆ ไป แล้วแต่ความเหมาะ"
 ---

src/content/faq/020-support-refund.md

@@ -1,6 +1,6 @@
 ---
 category: "หลังการขาย"
 category_icon: "🛠️"
-question: "ถ้าไม่พอใจผลงานจะเป็นยังไง?"
-answer: "ก่อนเซ็นสัญญาเราจะส่ง Proposal + Wireframe ให้ approve ก่อน — ถ้าตอนส่งงานจริงไม่ตรงตามที่ตกลง แก้ฟรีจนกว่าจะตรง กรณีที่ตกลงกันไม่ได้จริง ๆ → คืนเงิน Pro-rata (เคยมีเคส 1 ครั้งใน 5 ปี)"
+question: "ถ้าไม่พอใจ ขอเงินคืนได้ไหม?"
+answer: "ภายใน 7 วันแรกหลังเริ่มงาน ถ้าคุณรู้สึกว่าไม่ใช่ ขอยกเลิกได้ จะคืนเงินตามส่วนงานที่ยังไม่ได้ทำ เราไม่ผูก commitment"
 ---

src/content/pages/home.md

@@ -0,0 +1,69 @@
+---
+badge: "ที่ปรึกษาที่วางกลยุทธ์จากข้อมูล ไม่ใช่จากประสบการณ์ล้วน ๆ"
+title: "เว็บขายไม่ได้ โฆษณาเปลือง งานซ้ำเติมคน — เราแก้ให้ตรงจุด"
+subtitle: "รับทำเว็บ ที่ปรึกษาการตลาด และวางระบบ AI ในองค์กร เริ่มจากดูสถิติของคุณก่อน ไม่ใช่เดาว่าควรทำอะไร"
+problem_section_title: "4 ปัญหาที่เจอบ่อยที่สุด"
+problem_section_subtitle: "แต่ละข้อมีวิธีแก้ที่เจาะจง — เราไม่ได้บอกว่า 'เราทำได้หมด' แต่บอกว่า 'ถ้าเป็นแบบนี้ ทำแบบนี้'"
+service_section_title: "ทำอะไรได้บ้าง"
+service_section_subtitle: "เริ่มจากอันที่ปวดที่สุด ค่อยขยายไปอันอื่น"
+service_cta: "ดูบริการทั้งหมด"
+portfolio_section_badge: "ผลงานจริง ไม่ใช่ Mockup"
+portfolio_section_title: "ลูกค้าจริง ตัวเลขจริง"
+portfolio_section_subtitle: "คลิกดูเว็บจริงได้เลย"
+portfolio_cta: "ดูผลงานทั้งหมด"
+final_cta_title: "คุยกันก่อน 30 นาที ฟรี"
+final_cta_desc: "เราจะถามคำถาม 5 ข้อ แล้วบอกคุณได้เลยว่าควรเริ่มจากตรงไหน — จะบอกตรง ๆ ว่าทำได้หรือทำไม่ได้"
+final_cta_button: "นัดคุย 30 นาที"
+final_cta_line: "ทัก LINE: @moreminimore"
+final_cta_reassurance: "ไม่มี commitment · ไม่มี script sales · พูดตรง ๆ"
+---
+
+# 4 ปัญหาที่ SME ไทยเจอบ่อยที่สุด
+
+เราเจอปัญหาแบบนี้ซ้ำ ๆ กับลูกค้า 4 แบบ แต่ละแบบมีวิธีแก้ต่างกัน
+
+## 1. ลงโฆษณาแล้วยอดไม่ขยับ
+
+**อาการ:** คลิกเยอะ ยอดขายเท่าเดิม งบหม<E0B8AB>ไปกับคนที่ไม่ซื้อ
+
+**สาเหตุส่วนใหญ่:** เลือกกลุ่มเป้าหมายผิด หรือยิงทุก Platform โดยไม่ดูว่าอันไหนคุ้ม
+
+**เราแก้ยังไง:** ดูสถิติ 3 เดือนย้อนหลัง แยกว่า Platform ไหน Convert ดี ตัดอันที่เสียเงินเปล่า ปรับ Creative ให้ดึงดูดคนที่พร้อมจ่าย
+
+> ตัวอย่าง: ลูกค้ารายหนึ่งเพิ่ม Impression 373% และเพิ่ม Click 114% ในเดือนแรก โดยใช้งบน้อยลง 28% — ดูเคสเต็มได้ที่หน้า Portfolio
+
+## 2. เว็บมีคนเข้า แต่ไม่มีคนซื้อ
+
+**อาการ:** Traffic เข้าพอสมควร แต่ไม่มีใครทัก ไม่มีใครโทร ตะกร้าค้าง
+
+**สาเหตุส่วนใหญ่:** เว็บสวยแต่ไม่ได้ออกแบบมาให้คนซื้อ หรือมีจุดติดขัดที่ทำให้คนออกก่อนซื้อ
+
+**เราแก้ยังไง:** ดู Heatmap ว่าคนเข้ามาแล้วทำอะไร ตรงไหนที่คนออก ตรงไหนที่คนค้าง ปรับจุดนั้น ๆ
+
+> ตัวอย่าง: ลูกค้า B2B รายหนึ่งมีคนเข้าเว็บเยอะ แต่ไม่มี Lead — เพิ่ม Lead 2.4 เท่าใน 1 เดือน โดยไม่ต้องเพิ่มงบโฆษณา
+
+## 3. งานซ้ำ ๆ ใช้เวลาคนเป็นชั่วโมงทุกวัน
+
+**อาการ:** ทีมต้องคีย์ข้อมูล ทำรายงาน ตอบแชตเดิม ๆ จนไม่มีเวลาทำงานหลัก
+
+**สาเหตุส่วนใหญ่:** ระบบเก่าที่ไม่ได้เชื่อมกัน หรือยังทำ Manual อยู่
+
+**เราแก้ยังไง:** ดู Workflow ก่อน แล้วเลือกเครื่องมือที่เหมาะ — บางงานใช้ n8n บางงานเขียน Script บางงานใช้ AI
+
+> ตัวอย่าง: บริษัทที่ปรึกษาขนาดเล็กใช้เวลาทำรายงาน 30+ ชม./เดือน — ลดเหลือ 2 ชม./เดือน
+
+## 4. ใช้ AI แต่ไม่เห็นผล
+
+**อาการ:** จ่ายแพง ใช้ AI ระดับ Frontier กับทุกงาน แต่ผลลัพธ์ไม่คุ้มเงิน
+
+**สาเหตุส่วนใหญ่:** ใช้ AI ผิดแบบ — งานหลายอย่างใช้ Model ราคาถูกก็ได้ผลเท่า ๆ กัน
+
+**เราแก้ยังไง:** เลือก AI ตามงาน ไม่ใช่เลือกของแพงสุด — เน้น Local LLM สำหรับงานที่ต้องการความลับ
+
+> ตัวอย่าง: งาน 80% ของธุรกิจใช้ Model ราคาถูกได้ ประหยัดค่าใช้จ่ายได้มากกว่าครึ่ง
+
+---
+
+# เริ่มจากตรงไหนดี?
+
+ถ้าไม่แน่ใจว่าปัญหาของคุณตรงกับข้อไหน — นัดคุย 30 นาทีฟรี เราจะช่วยดู

src/content/portfolio/baofuling.md

@@ -1,8 +1,8 @@
 ---
 name: "Baofuling Shop"
 url: "https://baofulingshop.com"
-category: ecommerce
-category_label: "อีคอมเมิร์ซ"
+category: "webdev"
+category_label: "Website Development"
 industry: "สินค้าความงาม"
 what_we_did: "พัฒนาเว็บไซต์ E-commerce ขายสินค้าสกินแคร์ พร้อมระบบตะกร้า + ชำระเงิน"
 result: "เว็บไซต์ขายของออนไลน์ครบวงจร ดูแลเองได้"

src/content/portfolio/dataroot.md

@@ -1,8 +1,8 @@
 ---
 name: "Dataroot"
 url: "https://erp.dataroot.asia"
-category: marketing
-category_label: "Marketing Consult"
+category: "consult"
+category_label: "Consult"
 industry: "ตัวแทนจำหน่าย Odoo ERP ในไทย"
 thumbnail: "/images/portfolio/dataroot.png"
 description: "ตัวแทนจำหน่าย Odoo ERP ในไทย → วิเคราะห์กลุ่มเป้าหมาย + ปรับโครงสร้างแคมเปญ + ขยายช่องทาง Facebook"

src/content/portfolio/jet-industries.md

@@ -1,8 +1,8 @@
 ---
 name: "Jet Industries"
 url: "https://jetindustries.co.th"
-category: webdev
-category_label: "พัฒนาเว็บไซต์"
+category: "webdev"
+category_label: "Website Development"
 industry: "โรงงาน / B2B"
 what_we_did: "ออกแบบ + พัฒนาเว็บไซต์ B2B ทันสมัย"
 result: "เว็บไซต์ที่สื่อสารตรงกับกลุ่มลูกค้า B2B สมัครใช้งานง่ายขึ้น"

src/content/portfolio/lawyernoom.md

@@ -1,8 +1,8 @@
 ---
 name: "สำนักงานกฎหมาย ตถาตา"
 url: "https://lawyernoom.com"
-category: webdev
-category_label: "พัฒนาเว็บไซต์"
+category: "webdev"
+category_label: "Website Development"
 industry: "สำนักงานกฎหมาย"
 what_we_did: "ออกแบบเว็บไซต์สำนักงานกฎหมาย น่าเชื่อถือ + SEO ท้องถิ่น"
 result: "เว็บไซต์มืออาชีพที่สร้างความเชื่อมั่นให้ลูกความ"

src/content/portfolio/luadjob.md

@@ -1,8 +1,8 @@
 ---
 name: "เลือดจระเข้วานิไทย"
 url: "https://เลือดจระเข้วานิไทย.com"
-category: ecommerce
-category_label: "อีคอมเมิร์ซ"
+category: "consult, webdev"
+category_label: "Consult + Website Development"
 industry: "สินค้าอุปโภค / สุขภาพ"
 what_we_did: "พัฒนาเว็บไซต์ร้านค้าสมุนไพรและผลิตภัณฑ์เพื่อสุขภาพ"
 result: "เว็บไซต์ร้านค้าออนไลน์สำหรับผลิตภัณฑ์สุขภาพ"

src/content/portfolio/lungfinler.md

@@ -1,8 +1,8 @@
 ---
 name: "Lungfinler"
 url: "https://lungfinler.com"
-category: webdev
-category_label: "พัฒนาเว็บไซต์"
+category: "webdev"
+category_label: "Website Development"
 industry: "Digital Agency"
 what_we_did: "ออกแบบ + พัฒนาเว็บไซต์เอเจนซี่ดิจิตอล พร้อมระบบ Portfolio และ Blog"
 result: "เว็บไซต์เอเจนซี่ครบวงจร แสดงผลงานได้สวยงาม"

src/content/portfolio/trainersunny.md

@@ -1,8 +1,8 @@
 ---
 name: "เทรนเนอร์ซันนี่"
 url: "https://trainersunny.com"
-category: webdev
-category_label: "พัฒนาเว็บไซต์"
+category: "webdev"
+category_label: "Website Development"
 industry: "Personal Brand / การศึกษา"
 what_we_did: "พัฒนาเว็บไซต์อบรมสัมมนาพัฒนาศักยภาพบุคลากร พร้อมระบบลงทะเบียน"
 result: "เว็บไซต์อบรมที่ดูมืออาชีพ เพิ่มความน่าเชื่อถือ"

src/content/portfolio/tuanthong.md

@@ -1,8 +1,8 @@
 ---
 name: "ทวนทอง 99"
 url: "https://tuanthong99.com"
-category: ecommerce
-category_label: "อีคอมเมิร์ซ"
+category: "webdev"
+category_label: "Website Development"
 industry: "สินค้าอุปโภคบริโภค"
 what_we_did: "พัฒนาเว็บไซต์ขายของออนไลน์ + ระบบตะกร้า + จัดการสินค้าด้วยตัวเอง"
 result: "เว็บไซต์ขายสินค้าอุปโภคบริโภค ดูแลเองได้ สะดวกรวดเร็ว"

src/content/portfolio/underdog.md

@@ -1,8 +1,8 @@
 ---
 name: "Underdog Marketing"
 url: "https://underdog.run"
-category: webdev
-category_label: "พัฒนาเว็บไซต์"
+category: "webdev"
+category_label: "Website Development"
 industry: "Marketing Agency"
 what_we_did: "พัฒนาเว็บไซต์บล็อกบทความการตลาด พร้อมระบบ CMS จัดการเนื้อหา"
 result: "แพลตฟอร์มบทความการตลาดที่ใช้งานง่าย SEO Friendly"

src/data/portfolio.ts

@@ -64,11 +64,11 @@ export const portfolioItems = [
     description: "ร้านค้าออนไลน์สมุนไพรไทยคุณภาพสูง"
   },
   {
-    name: "Odoo Portal",
-    url: "https://odooportal.com",
+    name: "Dataroot",
+    url: "https://erp.dataroot.asia",
     category: "marketing",
     category_label: "ที่ปรึกษาการตลาด",
-    thumbnail: "/images/portfolio/odooportal.png",
-    description: "ตัวแทนจำหน่าย Odoo อย่างเป็นทางการในประเทศไทย"
+    thumbnail: "/images/portfolio/dataroot.png",
+    description: "ตัวแทนจำหน่าย Odoo ERP ในประเทศไทย"
   }
 ];

src/layouts/Base.astro

@@ -19,7 +19,18 @@ const {
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content={description} />
     <meta name="theme-color" content="#fed400" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+
+    <!-- Favicon (M logo: yellow square + black M) -->
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png" />
+    <link rel="manifest" href="/site.webmanifest" />
+
     <title>{title}</title>
   </head>
   <body>

src/pages/portfolio.astro

@@ -16,15 +16,11 @@ const realPortfolio = portfolio.filter(p => p.data.url && p.data.url !== '');
 
 // Industry filter metadata: id -> { label, icon }
 // Icons are lucide-style SVGs; emoji-free.
-const industryFilters = [
+// Service category filters (multi-category supported via comma-sep)
+const serviceFilters = [
   { id: 'all', label: 'ทั้งหมด', icon: 'layers' },
-  { id: '🏭 โรงงาน', label: 'โรงงาน', icon: 'factory' },
-  { id: '💊 สินค้าอุปโภค', label: 'สินค้าอุปโภค', icon: 'package' },
-  { id: '⚖️ สำนักงานกฎหมาย', label: 'สำนักงานกฎหมาย', icon: 'scale' },
-  { id: '📚 สถาบัน / การศึกษา', label: 'สถาบัน / การศึกษา', icon: 'graduationCap' },
-  { id: '📈 ที่ปรึกษาธุรกิจ', label: 'ที่ปรึกษาธุรกิจ', icon: 'trendingUp' },
-  { id: '🎨 Digital Agency', label: 'Digital Agency', icon: 'pen' },
-  { id: '🛒 E-commerce', label: 'E-commerce', icon: 'shoppingCart' },
+  { id: 'consult', label: 'Consult', icon: 'briefcase' },
+  { id: 'webdev', label: 'Website Development', icon: 'code' },
 ];
 ---
 
@@ -41,7 +37,7 @@ const industryFilters = [
   <section class="filter-section">
     <div class="container">
       <div class="filter-bar">
-        {industryFilters.map(f => (
+        {serviceFilters.map(f => (
           <button
             class="filter-btn"
             class:list={[{ active: f.id === 'all' }]}
@@ -133,8 +129,8 @@ const industryFilters = [
       btn.classList.add('active');
       const filter = btn.getAttribute('data-filter');
       cards.forEach(card => {
-        const industry = card.querySelector('.portfolio-industry')?.textContent || '';
-        if (filter === 'all' || industry.includes(filter)) {
+        const categories = (card.getAttribute('data-category') || '').toLowerCase().split(/[,\s]+/).filter(Boolean);
+        if (filter === 'all' || categories.includes(filter)) {
           (card as HTMLElement).style.display = '';
         } else {
           (card as HTMLElement).style.display = 'none';