--- import Base from '../../layouts/Base.astro'; import Navigation from '../../components/Navigation.astro'; import Footer from '../../components/Footer.astro'; import PageHero from '../../components/PageHero.astro'; import Icon from '../../components/Icon.astro'; import { getCollection, render } from 'astro:content'; const { slug } = Astro.params; const services = await getCollection('services'); const service = services.find(s => s.id === slug); if (!service) { return Astro.redirect('/404'); } export async function getStaticPaths() { const services = await getCollection('services'); return services.map(service => ({ params: { slug: service.id }, props: { service }, })); } const { Content } = await render(service); const isWebDev = slug === 'webdev'; const isMarketing = slug === 'marketing'; const isAutomation = slug === 'automation'; const isTechConsult = slug === 'ai-consult'; // Service-specific data const serviceData = { 'webdev': { badge: 'บริการรับทำเว็บไซต์สำหรับ SME ไทย', title: 'สร้างเว็บไซต์', titleAccent: 'เปลี่ยนแปลงเองได้', titleAccent2: 'ด้วย AI', desc: 'เว็บไซต์ที่คุณแก้ไขเองได้ง่าย ไม่ต้องรอเราทุกครั้ง พร้อม AI ช่วยสร้างเนื้อหาใหม่ ๆ ให้ทันที + GEO ติด ChatGPT, Perplexity, AI Search', features: [ { icon: 'pen', title: 'แก้ไขเองได้ง่าย', desc: 'ระบบหลังบ้านใช้ง่าย' }, { icon: 'bot', title: 'AI ช่วยสร้างเนื้อหา', desc: 'สั่ง AI เขียนบทความได้ทันที' }, { icon: 'search', title: 'GEO ติด AI Search', desc: 'ติด ChatGPT, Perplexity' }, { icon: 'shield', title: 'Server คุณภาพสูง', desc: 'เว็บโหลดเร็ว ปลอดภัย' }, ], included: ['เว็บไซต์พร้อมใช้งาน', 'SSL ฟรี', 'โดเมน', 'Analytics'], targets: [ { icon: 'building', title: 'SME / ธุรกิจขนาดเล็ก', desc: 'ธุรกิจท้องถิ่น ร้านค้าปลีก บริการต่าง ๆ ที่ต้องการเว็บไซต์ในราคาที่เข้าถึงได้' }, { icon: 'shoppingCart', title: 'ร้านค้าออนไลน์', desc: 'ธุรกิจ E-commerce ที่ต้องการขายสินค้าออนไลน์ พร้อมระบบตะกร้าและชำระเงินครบวงจร' }, { icon: 'briefcase', title: 'บริษัท / องค์กร', desc: 'บริษัทที่ต้องการเว็บไซต์องค์กร เว็บไซต์แนะนำบริษัท หรือเว็บไซต์ในระบบ Intranet' }, ], techOptions: [ { badge: 'A', name: 'Astro', desc: 'เหมาะสำหรับเว็บไซต์ทั่วไป / Corporate เน้น AI และ SEO โหลดเร็ว ประสิทธิภาพสูง บล็อก / เว็บบริษัท', duration: '14-30 วัน' }, { badge: 'WP', name: 'WordPress', desc: 'เหมาะสำหรับเว็บขายของ (E-commerce) เว็บไซต์ที่ซับซ้อน มีระบบหลังบ้านซับซ้อน ต้องการ Plugin เยอะ', duration: '2-4 เดือน' }, ], pricing: [ { label: 'เว็บไซต์ Astro (AI Ready)', price: 'เริ่มต้น ฿10,000' }, { label: 'เว็บไซต์ WordPress', price: 'เริ่มต้น ฿15,000' }, { label: 'Landing Page', price: 'เริ่มต้น ฿5,000' }, { label: 'Server Hosting', price: '฿5,000/ปี' }, { label: 'Domain .com', price: '฿500/ปี' }, ], faqs: [ { 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' }, ], }, '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: 'ส่งอีเมลอัตโนมัติ ติดตามลูกค้า ส่งโปรโมชั่นตรงเวลา' }, ], targets: [ { icon: 'building', title: 'SME / ร้านค้าปลีก', desc: 'ธุรกิจท้องถิ่นที่ต้องการเพิ่มยอดขายออนไลน์' }, { icon: 'shoppingCart', title: 'ร้านค้าออนไลน์', desc: 'E-commerce ที่ต้องการบริหารการตลาดอัตโนมัติ' }, { icon: 'briefcase', title: 'บริษัท / องค์กร', desc: 'บริษัทที่ต้องการระบบการตลาดที่มีประสิทธิภาพ' }, ], aiFeatures: [ 'วิเคราะห์พฤติกรรมลูกค้าแต่ละ Touchpoint', 'หาช่องว่างทางการตลาดที่ยังไม่ถูกใช้', 'เสนอวิธีปรับปรุงอย่างต่อเนื่อง', 'รายงานผลเข้าใจง่าย วัดผลได้จริง', ], 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' }, ], }, '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: 'ทำให้กระบวนการทำงานเป็นอัตโนมัติ ลดงานซ้ำซ้อน' }, ], targets: [ { icon: 'building', title: 'SME / ธุรกิจขนาดเล็ก', desc: 'ต้องการเชื่อมข้อมูลจากหลายแหล่งเข้าด้วยกัน ลดงาน manual' }, { icon: 'users', title: 'ทีมขาย / การตลาด', desc: 'ต้องการวิเคราะห์ข้อมูลลูกค้า สร้างรายงานอัตโนมัติ' }, { icon: 'clipboard', title: 'ฝ่ายบัญชี / การเงิน', desc: 'ต้องการเชื่อมข้อมูลบัญชี สร้างรายงานทางการเงินอัตโนมัติ' }, ], faqs: [ { 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 หรือระบบอื่น ๆ' }, ], }, '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'] }, ], whyUs: [ { title: 'ครบวงจร', desc: 'ให้คำปรึกษาครบทุกด้าน ทั้ง Marketing, AI และ Hardware คุณไม่ต้องไปหาหลายที่' }, { title: 'ประหยัด', desc: 'ปรึกษาฟรีในเบื้องต้น แนะนำแนวทางที่เหมาะสมกับงบประมาณ ไม่ต้องซื้อของที่ไม่จำเป็น' }, { title: 'ทำงานด้วยกัน', desc: 'เราทำงานร่วมกับคุณตลอดกระบวนการ ตั้งแต่วางแผน จนถึง Implementation และดูแลต่อเนื่อง' }, ], faqs: [ { q: 'ที่ปรึกษา AI ช่วยอะไรได้บ้าง?', a: 'เราช่วยวิเคราะห์ความต้องการของธุรกิจ แนะนำเทคโนโลยีที่เหมาะสม วางแผนการใช้งาน และดูแลการ implement จนถึงการใช้งานจริง' }, { q: 'มีค่าใช้จ่ายอะไรบ้าง?', a: 'เริ่มต้นจากการปรึกษาฟรี ค่าบริการจะขึ้นอยู่กับความซับซ้อนของโปรเจกต์และระยะเวลาที่ใช้' }, { q: 'ต้องมีความรู้เทคนิคไหม?', a: 'ไม่จำเป็น เราอธิบายให้เข้าใจง่าย และดูแลทุกอย่างให้' }, ], }, }; const data = serviceData[slug] || serviceData['webdev']; ---
{data.badge}

{data.title} {data.titleAccent} {data.titleAccent2 && {data.titleAccent2}}

{data.desc}

✓ ปรึกษาฟรี {isWebDev && ✓ Server ฟรีปีแรก} {isAutomation && ✓ เชื่อมต่อระบบได้ทุกที่} {isMarketing && ✓ AI วิเคราะห์} {isTechConsult && ✓ ทีมงานมืออาชีพ} ✓ ราคาเหมาะสม
บริการหลัก
{(data.features || data.services || []).slice(0, 4).map((f) => (
{f.title} {f.desc || f.items?.[0]}
))}
{isTechConsult ? 'บริการของเรา' : 'ความสามารถ'}

{data.title} {data.titleAccent}

{(data.features || data.services || []).map((f) => (

{f.title}

{f.desc || f.items?.join(' · ')}

))}
{data.targets && (
เหมาะกับใคร?

ธุรกิจทุกประเภท

{data.targets.map((t) => (

{t.title}

{t.desc}

))}
)} {data.included && (
สิ่งที่ได้รับ

ทุกเว็บไซต์มาพร้อมให้ครบ

{data.included.map((item) => (
{item}
))}

รวม: เว็บไซต์ + Server 1 ปี + Domain .com = เริ่มต้น ฿15,500*

*ราคาขึ้นอยู่กับความซับซ้อนของเว็บไซต์
)} {data.techOptions && (
เลือกระบบ

เลือกระบบที่เหมาะกับคุณ

{data.techOptions.map((t) => (
{t.badge}

{t.name}

{t.desc}

{t.duration}
))}
)} {data.pricing && (
ราคา

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

ชัดเจน ไม่มีค่าใช้จ่ายซ่อนเร้น

{data.pricing.map((p) => (
{p.label} {p.price}
))}
)} {data.aiFeatures && (
AI Analytics

AI วิเคราะห์ทุกความเคลื่อนไหว

{data.aiFeatures.map((f) => (
{f}
))}
)} {data.whyUs && (
ทำไมต้องเลือกเรา?

ความเชี่ยวชาญที่คุณไว้วางใจได้

{data.whyUs.map((w) => (

{w.title}

{w.desc}

))}
)}
FAQ

คำถามที่พบบ่อย

{data.faqs.map((faq) => (
{faq.q} +

{faq.a}

))}

ต้องการ{data.titleAccent}?

ติดต่อเราเพื่อคุยกันและให้คำปรึกษาฟรี! เราพร้อมช่วยคุณสร้าง{data.title}ที่ตอบโจทย์ธุรกิจ