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
2026-06-23 11:40:37 +07:00
parent e279119f97
commit f827afb33f
188 changed files with 4577 additions and 15483 deletions
--- a/src/data/site.js
+++ b/src/data/site.js
@@ -0,0 +1,183 @@
+export const formEndpoint = '';
+
+export const problems = [
+  ['website_no_leads', 'เว็บมีอยู่แล้ว แต่ไม่ค่อยมีลูกค้าทัก'],
+  ['ads_not_worth_it', 'ยิงแอดอยู่ แต่ยอดขายไม่คุ้ม'],
+  ['wrong_leads', 'มีคนทักมา แต่ไม่ใช่ลูกค้าที่ใช่'],
+  ['slow_or_error_work', 'ทีมงานทำงานเดิม ๆ แต่ทำงานช้า หรือผิดพลาดบ่อย'],
+  ['ai_not_sure', 'อยากใช้ AI แต่ไม่รู้เริ่มตรงไหน'],
+  ['not_sure', 'ยังไม่แน่ใจว่าควรแก้อะไรก่อน'],
+];
+
+export const services = [
+  {
+    name: 'Website Development',
+    slug: 'website-development',
+    badge: 'พัฒนาเว็บไซต์',
+    objective: 'ทำเว็บให้ขายได้',
+    headline: 'เว็บที่ช่วยให้ลูกค้ารู้ว่าควรทักเรื่องอะไร',
+    copy: 'เหมาะกับธุรกิจที่มีเว็บแล้วแต่ลูกค้ายังไม่ค่อยติดต่อ หรืออยากเริ่มเว็บใหม่ให้วัดผลได้ตั้งแต่วันแรก',
+    detail: 'เริ่มจากถามว่าเว็บนี้ทำเพื่ออะไร ขายของ เก็บ lead หรือสร้างความน่าเชื่อถือ แล้วออกแบบหน้าและข้อความให้ทำหน้าที่นั้นได้จริง',
+    painPoints: ['เว็บดูมีอยู่ แต่ลูกค้ายังไม่รู้ว่าควรทักเรื่องอะไร', 'หน้าเว็บไม่ช่วยคัด lead หรืออธิบายข้อเสนอให้ชัด', 'อยากเริ่มเว็บใหม่ให้พร้อมวัดผลตั้งแต่วันแรก'],
+    approach: ['วาง message และ flow จากโจทย์ธุรกิจ', 'ออกแบบหน้าให้ตอบคำถามลูกค้าก่อนตัดสินใจ', 'ทำเว็บ Astro หรือ WordPress ตามความเหมาะสมของงาน'],
+    deliverables: ['โครงหน้าและ copy หลัก', 'เว็บไซต์ responsive พร้อมใช้งาน', 'พื้นฐาน SEO และ analytics ที่จำเป็น'],
+    proof: 'เหมาะกับธุรกิจที่ต้องใช้เว็บไซต์เป็นฐานความน่าเชื่อถือและช่องทางรับ lead',
+  },
+  {
+    name: 'Marketing Consult',
+    slug: 'marketing-consult',
+    badge: 'ที่ปรึกษาการตลาดออนไลน์',
+    objective: 'เพิ่มยอดขาย',
+    headline: 'การตลาดที่ใช้งบคุ้มขึ้นจากข้อมูลจริง',
+    copy: 'เหมาะกับธุรกิจที่ยิงแอดอยู่ แต่ยอดขายไม่คุ้ม หรือมีคนทักมาแล้วไม่ใช่ลูกค้าที่ควรได้',
+    detail: 'ดูสถิติคนเข้าเว็บ คนคลิกโฆษณา ยอดขาย และกลุ่มลูกค้าก่อน แล้วค่อยเลือกช่องทาง ข้อความ และงบประมาณที่ควรใช้',
+    painPoints: ['ยิงแอดแล้วมีคนคลิก แต่ยอดขายไม่คุ้ม', 'มี lead เข้ามา แต่คุณภาพลูกค้ายังไม่ตรง', 'ไม่แน่ใจว่างบควรอยู่ที่ช่องทางไหน'],
+    approach: ['ดูข้อมูลแอด เว็บ และยอดขายเท่าที่มี', 'แยกปัญหาระหว่าง traffic, offer, landing page และ sales process', 'เสนอสิ่งที่ควรปรับก่อนใช้งบเพิ่ม'],
+    deliverables: ['diagnosis จากข้อมูลจริง', 'แผนปรับกลุ่มเป้าหมายและข้อความ', 'แนวทางวัดผลที่ช่วยดูคุณภาพลูกค้า'],
+    proof: 'เหมาะกับธุรกิจที่มี activity การตลาดอยู่แล้ว แต่อยากรู้ว่าเงินหายไปตรงไหน',
+  },
+  {
+    name: 'Automation Workflow',
+    slug: 'automation-workflow',
+    badge: 'วางระบบอัตโนมัติ',
+    objective: 'ลดต้นทุนและเวลา',
+    headline: 'ระบบที่ลดงานช้าและงานผิดพลาด',
+    copy: 'เหมาะกับทีมที่ทำงานเดิม ๆ ซ้ำทุกวัน ใช้เวลานาน หรือมีจุดผิดพลาดที่แก้ไม่จบ',
+    detail: 'เริ่มจากดู workflow ปัจจุบันว่าอะไรซ้ำ ทำมือ หรือเสียเวลา แล้วเลือกว่าจะใช้ n8n ระบบเฉพาะทาง หรือ AI ช่วยในจุดไหน',
+    painPoints: ['ทีมทำงานซ้ำ ๆ และเสียเวลากับขั้นตอนเดิม', 'ข้อมูลกระจัดกระจาย ต้องคอย copy หรือส่งต่อเอง', 'งานผิดพลาดจากการทำมือเกิดซ้ำ'],
+    approach: ['วาด workflow ปัจจุบันให้เห็นจุดเสียเวลา', 'เลือก automation เฉพาะจุดที่คุ้มก่อน', 'ออกแบบให้ทีมใช้งานง่ายและตรวจสอบได้'],
+    deliverables: ['workflow map', 'ระบบ automation หรือ integration ตาม scope', 'คู่มือใช้งานและจุดตรวจสอบ'],
+    proof: 'เหมาะกับธุรกิจที่มีทีมทำงานซ้ำทุกวัน และอยากลดเวลาหรือความผิดพลาดก่อนขยายทีม',
+  },
+  {
+    name: 'AI Consult',
+    slug: 'ai-consult',
+    badge: 'ที่ปรึกษาด้าน AI',
+    objective: 'รักษาความรู้ขององค์กร',
+    headline: 'AI ที่ช่วยทีมทำงาน ไม่ใช่แค่ของเล่นใหม่',
+    copy: 'เหมาะกับธุรกิจที่อยากใช้ AI แต่ยังไม่แน่ใจว่างานไหนควรเริ่มก่อนและใช้อย่างไรให้ปลอดภัย',
+    detail: 'เลือกโมเดลและวิธีใช้ให้เหมาะกับงานจริง โดยเฉพาะงานที่ต้องรักษาความรู้และความลับขององค์กร',
+    painPoints: ['อยากใช้ AI แต่ยังไม่รู้ว่างานไหนคุ้มที่สุด', 'ทีมลองเครื่องมือหลายตัวแต่ยังไม่เชื่อมกับงานจริง', 'มีความรู้สำคัญอยู่กับคนหรือเอกสารกระจัดกระจาย'],
+    approach: ['เลือก use case ที่กระทบงานจริงก่อน', 'วางวิธีใช้ AI ที่เหมาะกับระดับความลับของข้อมูล', 'ช่วยทีมใช้ AI แบบตรวจสอบได้ ไม่ใช่ปล่อยให้เดาเอง'],
+    deliverables: ['AI use case roadmap', 'prototype หรือ workflow ที่ใช้ได้จริง', 'แนวทางรักษาความรู้และข้อมูลขององค์กร'],
+    proof: 'เหมาะกับองค์กรที่อยากใช้ AI เพื่อช่วยคนทำงาน ไม่ใช่แค่ซื้อเครื่องมือใหม่',
+  },
+];
+
+export const portfolio = [
+  {
+    name: 'Dataroot',
+    image: '/images/portfolio/dataroot.png',
+    href: 'https://erp.dataroot.asia',
+    tag: 'Marketing diagnosis',
+    description: 'เคสปรับการมองข้อมูลและกลุ่มเป้าหมายก่อนตัดสินใจใช้งบ',
+    featured: true,
+  },
+  {
+    name: 'Jet Industries',
+    image: '/images/portfolio/jetindustries.png',
+    href: 'https://jetindustries.co.th',
+    tag: 'Corporate website',
+    description: 'เว็บไซต์องค์กรผู้ผลิตพลาสติกฉีดขึ้นรูป ประสบการณ์กว่า 40 ปี',
+    featured: true,
+  },
+  {
+    name: 'เทรนเนอร์ซันนี่',
+    image: '/images/portfolio/trainersunny.png',
+    href: 'https://trainersunny.com',
+    tag: 'Personal brand',
+    description: 'เว็บไซต์ personal brand และหลักสูตรอบรมที่มีภาพจำชัด',
+    featured: true,
+  },
+  {
+    name: 'Dealplustech',
+    image: '/images/portfolio/dealplustech.png',
+    href: 'https://www.dealplustech.co.th',
+    tag: 'Website Development',
+    description: 'เว็บไซต์ระบบน้ำและสุขภัณฑ์คุณภาพสูงสำหรับโรงงานและบ้านเรือน',
+  },
+  {
+    name: 'Underdog Marketing',
+    image: '/images/portfolio/underdog.png',
+    href: 'https://underdog.run',
+    tag: 'Website Development',
+    description: 'แพลตฟอร์มบทความการตลาดที่ใช้งานง่ายและ SEO friendly',
+  },
+  {
+    name: 'ทวนทอง 99',
+    image: '/images/portfolio/tuanthong.png',
+    href: 'https://tuanthong99.com',
+    tag: 'E-commerce',
+    description: 'เว็บไซต์สินค้าอุปโภคบริโภคและสมุนไพรไทย',
+  },
+  {
+    name: 'สำนักงานกฎหมาย ตถาตา',
+    image: '/images/portfolio/lawyernoom.png',
+    href: 'https://lawyernoom.com',
+    tag: 'Website Development',
+    description: 'เว็บไซต์สำนักงานกฎหมายที่เน้นความน่าเชื่อถือ',
+  },
+];
+
+export const process = [
+  ['เข้าใจธุรกิจ', 'ทำความรู้จักเป้าหมาย ลูกค้า และปัญหาที่เจอจริง'],
+  ['ดูข้อมูล', 'เช็กเว็บ แอด ลูกค้า ขั้นตอนทำงาน หรือข้อมูลที่มีอยู่'],
+  ['เลือกทางที่คุ้ม', 'เสนอสิ่งที่ควรทำก่อน ไม่ทำทุกอย่างพร้อมกัน'],
+  ['ลงมือและวัดผล', 'ทำให้ใช้งานได้จริง แล้วดูผลเพื่อปรับต่อ'],
+];
+
+export const faqs = [
+  {
+    category: 'บริการ',
+    question: 'MoreminiMore ทำอะไรบ้าง?',
+    answer: 'เราช่วยเรื่องเว็บไซต์ การตลาดออนไลน์ ระบบอัตโนมัติ และ AI สำหรับ SME โดยเริ่มจากดูโจทย์และข้อมูลจริงก่อนเลือกวิธีทำ',
+  },
+  {
+    category: 'บริการ',
+    question: 'ถ้ามีงบน้อย ควรเริ่มจากอะไร?',
+    answer: 'ควรเริ่มจากปัญหาที่กระทบยอดขายหรือต้นทุนมากที่สุด ถ้ายังไม่มีเว็บให้เริ่มจากฐานข้อมูลและหน้าเว็บ ถ้ามีเว็บแล้วให้ดูคุณภาพ lead และข้อมูลแอดก่อน',
+  },
+  {
+    category: 'ราคา',
+    question: 'ราคาเริ่มต้นเท่าไหร่?',
+    answer: 'เว็บ Astro เริ่ม 5,000 บาท, WordPress เริ่ม 30,000 บาท, งานที่ปรึกษาเริ่มตามขอบเขตจริง เราจะบอกช่วงราคาหลังเข้าใจโจทย์มากพอ',
+  },
+  {
+    category: 'ระยะเวลา',
+    question: 'ทำเว็บใช้เวลานานแค่ไหน?',
+    answer: 'เว็บ Astro ส่วนใหญ่ใช้เวลาประมาณ 14-30 วัน ส่วน WordPress หรือระบบที่ซับซ้อนกว่านั้นใช้เวลามากขึ้นตามขอบเขตงาน',
+  },
+  {
+    category: 'วิธีทำงาน',
+    question: 'ต้องรู้ก่อนไหมว่าจะใช้บริการไหน?',
+    answer: 'ไม่จำเป็น เล่าโจทย์หรืออาการที่เจอก่อนก็ได้ แล้วเราจะช่วยดูว่าควรเริ่มจากบริการไหน',
+  },
+  {
+    category: 'หลังส่งมอบ',
+    question: 'มีประกันงานไหม?',
+    answer: 'มีการดูแลหลังส่งมอบสำหรับปัญหาที่เกิดจากงานของเรา ส่วนงานที่เปลี่ยนแปลงเพิ่มจากขอบเขตเดิมจะคุยกันตามจริงก่อนทำ',
+  },
+];
+
+export const posts = [
+  {
+    title: 'AI สำหรับ SME ไทย: เริ่มจากงานที่เจ็บที่สุดก่อน',
+    excerpt: 'AI ไม่จำเป็นต้องเริ่มจากระบบใหญ่ เริ่มจากคำถามซ้ำ งานเอกสารซ้ำ หรือข้อมูลที่ทีมใช้ตัดสินใจก่อนจะคุ้มกว่า',
+    category: 'AI Consult',
+  },
+  {
+    title: 'Marketing Automation ควรช่วยลดงาน ไม่ใช่เพิ่มเครื่องมือ',
+    excerpt: 'ก่อนเลือกเครื่องมือ ควรดู workflow จริงก่อนว่าขั้นตอนไหนซ้ำ ช้า หรือผิดพลาดบ่อย แล้วค่อยออกแบบระบบช่วย',
+    category: 'Automation',
+  },
+  {
+    title: 'เว็บ SME ที่ดีควรถามได้ว่าลูกค้าควรทำอะไรต่อ',
+    excerpt: 'เว็บไซต์ไม่ใช่แค่หน้าแนะนำบริษัท แต่ควรช่วยให้ลูกค้าเข้าใจปัญหา เห็นทางเลือก และรู้ว่าควรติดต่อเรื่องอะไร',
+    category: 'Website',
+  },
+  {
+    title: 'ยิงแอดแล้วไม่คุ้ม อาจไม่ใช่เพราะยิงผิดแพลตฟอร์ม',
+    excerpt: 'บางครั้งปัญหาอยู่ที่ intent ของคนที่เข้ามา ข้อความหน้าเว็บ หรือการวัดผลที่ยังไม่บอกคุณภาพลูกค้า',
+    category: 'Marketing',
+  },
+];