content(home+services): 19 text updates per user spec

Home (index.astro) updates:
- Section title: "มีวิธีแก้ที่เจาะจง" → "มีวิธีแก้ที่ต่างกัน"
- Problem 1 (โฆษณา): symptom "งบหมดไปกับคนที่ไม่ซื้อ" → "แต่คนที่ไม่ซื้อ"
- Problem 1 (โฆษณา): fix expanded with "ถ้ายังไม่มีการวางระบบเก็บข้อมูล..." caveat
- Problem 2 (เว็บ): symptom removed "ตะกร้าค้าง"
- Problem 2 (เว็บ): fix expanded with conditional "กรณีที่เว็บไม่มีโค้ดเก็บสถิติ..."
- Problem 3 (งานซ้ำ): title "ใช้เวลาคนเป็นชั่วโมง" → "เสียเวลาเป็นชั่วโมง"
- Problem 3 (งานซ้ำ): cause "ระบบเก่า" → "ระบบไม่มีการเชื่อม"
- Problem 3 (งานซ้ำ): fix expanded with "ลดเวลาจากชั่วโมงเป็นนาที"
- Problem 4 (AI): title expanded with cost context
- Problem 4 (AI): cause expanded with "พนักงานไม่เข้าใจ..."
- Problem 4 (AI): fix expanded with "วางระบบ AI Agent ให้มี skill"
- CTA: "ถาม 5 ข้อ...ทำได้หรือทำไม่ได้" → "แนะนำแนวทางเบื้องต้น...อะไรควรทำหรือไม่ควรทำ"

Service tile eyebrows (home):
- AI Consult → ที่ปรึกษาด้าน AI
- Automation Consult → วางระบบ Automation
- Marketing Consult → ที่ปรึกษาการตลาดออนไลน์
- Web Development → พัฒนาเว็บไซต์

Service tile subtitles + objectives (home) — per spec.

Service MDX content (affects service detail page + services/index):
- ai-consult-new.mdx: badge "AI Consult" → "ที่ปรึกษาด้าน AI"
- automation-new.mdx: badge "Automation Consult" → "วางระบบ Automation"
- marketing-new.mdx: badge "Marketing Consult" → "ที่ปรึกษาการตลาดออนไลน์", title → "Online Marketing Consult"
- webdev-new.mdx: badge "Web Development" → "พัฒนาเว็บไซต์"

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Kunthawat Greethong
2026-06-09 20:52:51 +07:00
parent bd1c979f1a
commit c92d446ff7
5 changed files with 328 additions and 15 deletions

View File

@@ -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 จนไม่สนใจว่าข้อมูลถูกหรือผิด — เรื่องนี้สำคัญ
- ช่องทางการขายใหม่ ๆ ที่นอกเหนือจากที่คนส่วนใหญ่ใช้

View File

@@ -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 — มีเคสหลากหลายตั้งแต่คลินิก ร้านอาหาร สถานศึกษา ไปจนถึงที่ปรึกษา

View File

@@ -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, ค่าจัดส่ง, ค่าคืนสินค้า, ส่วนลด) ขายได้เยอะ แต่กำไรหายเกือบหมด
**บทเรียน:** ขายดี ≠ มีกำไร ต้องคำนวณต้นทุนแท้จริงก่อนวางแผน

View File

@@ -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

View File

@@ -14,33 +14,33 @@ const problemCards = [
{ {
icon: 'trendingDown', icon: 'trendingDown',
title: 'ลงโฆษณาแล้วยอดไม่ขยับ', title: 'ลงโฆษณาแล้วยอดไม่ขยับ',
symptom: 'คลิกเยอะ ยอดขายเท่าเดิม งบหมดไปกับคนที่ไม่ซื้อ', symptom: 'คลิกเยอะ ยอดขายเท่าเดิม แต่คนที่ไม่ซื้อ',
cause: 'เลือกกลุ่มเป้าหมายผิด หรือยิงทุก Platform โดยไม่ดูว่าอันไหนคุ้ม', cause: 'เลือกกลุ่มเป้าหมายผิด หรือยิงทุก Platform โดยไม่ดูว่าอันไหนคุ้ม',
fix: 'ดูสถิติ 3 เดือนย้อนหลัง แยกว่า Platform ไหน Convert ดี ตัดอันที่เสียเงินเปล่า', fix: 'ดูสถิติ 3 เดือนย้อนหลัง แยกว่า Platform ไหน Convert ดี ตัดอันที่เสียเงินเปล่า? หรือ ถ้ายังไม่มีการวางระบบเก็บข้อมูล ก็จะวางระบบให้ ดังนั้นระยะยาวจะเห็นความแตกต่างแน่นอน',
example: 'เคส Dataroot: เพิ่ม Impression 373%, Click 114% โดยใช้งบน้อยลง 28% — ดูเคสเต็มใน Portfolio', example: 'เคส Dataroot: เพิ่ม Impression 373%, Click 114% โดยใช้งบน้อยลง 28% — ดูเคสเต็มใน Portfolio',
}, },
{ {
icon: 'shoppingCart', icon: 'shoppingCart',
title: 'เว็บมีคนเข้า แต่ไม่มีคนซื้อ', title: 'เว็บมีคนเข้า แต่ไม่มีคนซื้อ',
symptom: 'Traffic เข้าพอสมควร แต่ไม่มีใครทัก ไม่มีใครโทร ตะกร้าค้าง', symptom: 'Traffic เข้าพอสมควร แต่ไม่มีใครทัก ไม่มีใครโทร',
cause: 'เว็บสวยแต่ไม่ได้ออกแบบมาให้คนซื้อ หรือมีจุดติดขัดที่ทำให้คนออกก่อน', cause: 'เว็บสวยแต่ไม่ได้ออกแบบมาให้คนซื้อ หรือมีจุดติดขัดที่ทำให้คนออกก่อน',
fix: 'ดู Heatmap ว่าคนเข้ามาแล้วทำอะไร ปรับจุดที่คนออก', fix: 'กรณีที่เว็บไม่มีการวางโค้ดเก็บสถิติ ก็จะวางระบบให้ ในกรณีที่มีระบบเก็บสถิติแล้ว ก็จะศึกษาสถิติ และดู Heatmap ว่าคนเข้ามาแล้วทำอะไร และปรับเว็บทีละจุด',
example: 'ลองคุยกัน เราจะดูให้ว่าเว็บคุณติดปัญหาตรงไหน', example: 'ลองคุยกัน เราจะดูให้ว่าเว็บคุณติดปัญหาตรงไหน',
}, },
{ {
icon: 'clipboard', icon: 'clipboard',
title: 'งานซ้ำ ๆ ใช้เวลาคนเป็นชั่วโมงทุกวัน', title: 'งานซ้ำ ๆ เสียเวลาเป็นชั่วโมงทุกวัน',
symptom: 'ทีมต้องคีย์ข้อมูล ทำรายงาน ตอบแชตเดิม ๆ จนไม่มีเวลาทำงานหลัก', symptom: 'ทีมต้องคีย์ข้อมูล ทำรายงาน ตอบแชตเดิม ๆ จนไม่มีเวลาทำงานหลัก',
cause: 'ระบบเก่าที่ไม่ได้เชื่อมกัน หรือยังทำ Manual อยู่', cause: 'ระบบไม่มีการเชื่อมกัน หรือยังทำ Manual อยู่',
fix: 'ดู Workflow ก่อน แล้วเลือกเครื่องมือที่เหมาะ n8n, Script, หรือ AI', fix: 'ดู Workflow ก่อน แล้วเลือกเครื่องมือที่เหมาะสม เช่น n8n, Script, หรือ AI ซึ่งจะช่วยลดเวลาจากชั่วโมงเป็นนาที หรือ อาจจะไม่ต้องให้พนักงานเสียเวลาอีกเลย เพราะระบบทำให้เองอัตโนมัติ',
example: 'ลองคุยกัน เราจะดู Workflow ให้ฟรี', example: 'ลองคุยกัน เราจะดู Workflow ให้ฟรี',
}, },
{ {
icon: 'brain', icon: 'brain',
title: 'ใช้ AI แต่ไม่เห็นผล', title: 'ให้พนักงานใช้ AI แต่ไม่เห็นผลลัพธ์อย่างที่ต้องการ และยังมีค่าใช้จ่ายที่สูงเพิ่มแทน',
symptom: 'จ่ายแพง ใช้ AI ระดับ Frontier กับทุกงาน แต่ผลลัพธ์ไม่คุ้มเงิน', symptom: 'จ่ายแพง ใช้ AI ระดับ Frontier กับทุกงาน แต่ผลลัพธ์ไม่คุ้มเงิน',
cause: 'ใช้ AI ผิดแบบ — งานหลายอย่างใช้ Model ราคาถูกก็ได้ผลเท่า ๆ กัน', cause: 'ใช้ AI ผิดแบบ — งานหลายอย่างใช้ Model ราคาถูกก็ได้ผลเท่า ๆ กัน หรือ พนักงานไม่เข้าใจสิ่งที่ AI จะช่วยงานจริง ทำให้ใช้งานผิดรูปแบบ',
fix: 'เลือก AI ตามงาน ไม่ใช่เลือกของแพงสุด — เน้น Local LLM สำหรับงานที่ต้องการความลับ', fix: 'เลือกใช้ AI ให้ถูกกับงาน เพื่อประหยัดค่าใช้จ่าย รวมถึงให้ความรู้ หรือ วางระบบ AI Agent ให้มี skill เฉพาะทาง เพื่อช่วยพนักงาน ไม่ใช้ให้พนักงานใช้ AI โดยไม่มี skill พิเศษ',
example: 'AI Audit ฟรี — บอกได้ว่าควรใช้ AI ตัวไหน', example: 'AI Audit ฟรี — บอกได้ว่าควรใช้ AI ตัวไหน',
}, },
]; ];
@@ -93,7 +93,7 @@ const featuredPortfolio = portfolio.filter(p => p.data.featured).slice(0, 4);
<div class="section-header reveal"> <div class="section-header reveal">
<span class="section-badge">4 ปัญหาที่เจอบ่อยที่สุด</span> <span class="section-badge">4 ปัญหาที่เจอบ่อยที่สุด</span>
<h2 class="section-title"> <h2 class="section-title">
แต่ละปัญหา<span class="highlight">มีวิธีแก้ที่เจาะจง</span> แต่ละปัญหา<span class="highlight">มีวิธีแก้ที่ต่างกัน</span>
</h2> </h2>
<p class="section-desc">เราไม่ได้บอกว่า "เราทำได้หมด" แต่บอกว่า "ถ้าเป็นแบบนี้ ทำแบบนี้"</p> <p class="section-desc">เราไม่ได้บอกว่า "เราทำได้หมด" แต่บอกว่า "ถ้าเป็นแบบนี้ ทำแบบนี้"</p>
</div> </div>
@@ -144,15 +144,39 @@ const featuredPortfolio = portfolio.filter(p => p.data.featured).slice(0, 4);
<BentoGrid> <BentoGrid>
{dedupedServices.slice(0, 4).map((s, i) => { {dedupedServices.slice(0, 4).map((s, i) => {
// Tile-specific copy overrides (per user spec)
const tileCopy = [
{
eyebrow: 'ที่ปรึกษาด้าน AI',
subtitle: 'การนำ AI มาปรับใช้ในองค์กร เพื่อลดต้นทุนและเวลา รวมถึงการรักษาความรู้จากพนักงานที่เชี่ยวชาญ',
objective: 'รักษาความรู้ขององค์กร ลดต้นทุนและเวลาการทำงาน',
},
{
eyebrow: 'วางระบบ Automation',
subtitle: 'การออกแบบระบบ Automation สำหรับธุรกิจคุณโดยเฉพาะ',
objective: 'ลดต้นทุนและเวลา',
},
{
eyebrow: 'ที่ปรึกษาการตลาดออนไลน์',
subtitle: 'ออกแบบและวางกลยุทธ์ตามสถิติ กลุ่มเป้าหมาย และการทำงานขององค์กรคุณ',
objective: 'เพิ่มยอดขาย',
},
{
eyebrow: 'พัฒนาเว็บไซต์',
subtitle: 'พัฒนาเว็บไซต์ที่สร้างผลลัพธ์ได้จริง สวยงาม และลูกค้าสามารถดูแลได้เอง',
objective: 'เพิ่มยอดขาย และความน่าเชื่อถือให้ธุรกิจ',
},
];
// Equal 4x3 tiles (full width, 1 row) // Equal 4x3 tiles (full width, 1 row)
const span = 3; const span = 3;
const surface = (['yellow', 'purple-soft', 'mint', 'soft'] as const)[i]; const surface = (['yellow', 'purple-soft', 'mint', 'soft'] as const)[i];
const copy = tileCopy[i];
return ( return (
<BentoTile span={span} surface={surface} eyebrow={s.data.badge} title={s.data.title}> <BentoTile span={span} surface={surface} eyebrow={copy.eyebrow} title={s.data.title}>
<p class="mega-subtitle">{s.data.subtitle}</p> <p class="mega-subtitle">{copy.subtitle}</p>
<div class="mega-objective"> <div class="mega-objective">
<span class="objective-label">เป้าหมาย:</span> <span class="objective-label">เป้าหมาย:</span>
<span class="objective-value">{s.data.objective}</span> <span class="objective-value">{copy.objective}</span>
</div> </div>
<a href={`/services/${s.id}`} class="tile-link-overlay"> <a href={`/services/${s.id}`} class="tile-link-overlay">
<span class="mega-cta">ดูรายละเอียด →</span> <span class="mega-cta">ดูรายละเอียด →</span>
@@ -218,7 +242,7 @@ const featuredPortfolio = portfolio.filter(p => p.data.featured).slice(0, 4);
<div class="container"> <div class="container">
<div class="cta-content reveal"> <div class="cta-content reveal">
<h2 class="cta-title">คุยกันก่อน 30 นาที ฟรี</h2> <h2 class="cta-title">คุยกันก่อน 30 นาที ฟรี</h2>
<p class="cta-desc">เราจะถามคำถาม 5 ข้อ แล้วบอกคุณได้เลยว่าควรเริ่มจากตรงไหน — จะบอกตรง ๆ ว่าทำได้หรือทำไม่ได้</p> <p class="cta-desc">เราจะแนะนำแนวทางเบื้องต้นให้คุณว่าควรเริ่มจากตรงไหน — จะบอกตรง ๆ ว่าอะไรควรทำหรือไม่ควรทำ</p>
<div class="cta-actions"> <div class="cta-actions">
<a href="/contact" class="btn btn-dark btn-lg"> <a href="/contact" class="btn btn-dark btn-lg">
นัดคุย 30 นาที นัดคุย 30 นาที