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