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

redesign-input/raw/src-data/services.ts

@@ -0,0 +1,92 @@
+export const services = [
+  {
+    title: 'Website Development',
+    slug: 'website-development',
+    shortDescription: 'สร้างเว็บไซต์ที่โหลดไว แก้ไขง่าย วัดผลได้ และเป็นฐานหลักของการขายออนไลน์',
+    hero: {
+      title: 'เว็บไซต์ที่แก้เองได้ โหลดไว และพร้อมวัดผล',
+      subtitle: 'สร้างเว็บไซต์ธุรกิจที่เป็นฐานหลักของการขายออนไลน์ พร้อม SEO โครงสร้างหน้า และช่องทางรับลูกค้าใหม่',
+    },
+    problems: [
+      'เว็บเดิมโหลดช้า',
+      'แก้ไขเนื้อหาเองไม่ได้',
+      'ไม่มีระบบวัดผล',
+      'SEO และโครงสร้างหน้ายังไม่พร้อม',
+      'ลูกค้าเข้าเว็บแล้วไม่รู้ว่าต้องทำอะไรต่อ',
+    ],
+    outcomes: [
+      'เว็บไซต์บริษัท',
+      'Landing page',
+      'หน้าแนะนำบริการ',
+      'Blog หรือ content structure',
+      'Product catalog หรือ e-commerce เบื้องต้น เมื่อเหมาะกับโจทย์',
+    ],
+    process: ['วางโครงสร้างหน้า', 'ออกแบบและพัฒนา', 'ตั้งค่าวัดผล', 'ส่งมอบให้แก้ไขต่อได้'],
+    cta: 'อยากทำเว็บใหม่ เริ่มจากคุยฟรี',
+    relatedPortfolioCategories: ['webdev', 'consult, webdev'],
+  },
+  {
+    title: 'Marketing Consult',
+    slug: 'marketing-consult',
+    shortDescription: 'ดูข้อมูลการตลาดเดิม แล้วปรับกลุ่มเป้าหมาย ช่องทาง และข้อความขายให้ใช้งบคุ้มขึ้น',
+    hero: {
+      title: 'การตลาดที่เริ่มจากข้อมูล ไม่ใช่ความรู้สึก',
+      subtitle: 'เราช่วยดูข้อมูลการตลาดเดิม วิเคราะห์ช่องทาง กลุ่มเป้าหมาย และข้อความขาย เพื่อเลือกสิ่งที่ควรปรับให้ใช้งบคุ้มขึ้น',
+    },
+    problems: [
+      'ยิงแอดแล้วไม่คุ้ม',
+      'ยอดขายไม่เพิ่มแม้ใช้งบมากขึ้น',
+      'มีคนทักเข้ามา แต่ไม่ใช่ลูกค้าที่มีคุณภาพ',
+      'ไม่รู้ว่าควรทำช่องทางไหนต่อ',
+      'คอนเทนต์ไม่เชื่อมกับการขาย',
+    ],
+    outcomes: ['ช่องทางที่ควรโฟกัส', 'กลุ่มเป้าหมายที่ควรทดสอบ', 'ข้อความขายที่ควรปรับ', 'จุดที่ funnel รั่ว', 'วิธีวัดผลหลังปรับ'],
+    process: ['ดูข้อมูลเดิม', 'หาโอกาสที่ใช้งบไม่คุ้ม', 'จัดลำดับสิ่งที่ควรปรับ', 'วัดผลหลังเปลี่ยน'],
+    cta: 'อยากรู้ว่าการตลาดของคุณควรปรับตรงไหน',
+    relatedPortfolioCategories: ['consult'],
+  },
+  {
+    title: 'Automation Workflow',
+    slug: 'automation-workflow',
+    shortDescription: 'วางระบบทำงานอัตโนมัติสำหรับงานที่มีขั้นตอนแน่นอน ช่วยให้ทีมไม่ต้องเสียเวลากับงานซ้ำ',
+    hero: {
+      title: 'ลดงานซ้ำ ด้วยระบบการทำงานอัตโนมัติ',
+      subtitle:
+        'เราช่วยวางระบบอัตโนมัติด้วยการเขียนแอปหรือเชื่อมต่อเครื่องมือที่มีอยู่ เพื่อให้งานที่มีขั้นตอนชัดเจนทำงานได้เร็วขึ้น และลดเวลาที่พนักงานต้องทำซ้ำ',
+    },
+    problems: [
+      'พนักงานต้อง copy/paste ข้อมูลซ้ำ',
+      'งานมีขั้นตอนชัดเจน แต่ยังต้องทำมือ',
+      'ข้อมูลกระจายหลายที่',
+      'ผู้สนใจหรืองานเอกสารหลุดระหว่างทาง',
+      'ผู้จัดการต้องตามงานเดิมซ้ำ ๆ',
+    ],
+    outcomes: ['Form to spreadsheet หรือ CRM', 'แจ้งเตือนทีมเมื่อมีผู้สนใจติดต่อเข้ามา', 'สร้างเอกสารจากข้อมูลที่กรอก', 'Dashboard รายงาน', 'Internal mini app สำหรับงานซ้ำ'],
+    process: ['วาดขั้นตอนทำงานเดิม', 'แยกงานที่ทำซ้ำ', 'เชื่อมเครื่องมือหรือเขียนแอปเล็ก ๆ', 'ทดลองกับคนที่ใช้งานจริง'],
+    cta: 'มีงานซ้ำที่อยากให้ระบบช่วยทำไหม',
+    relatedPortfolioCategories: ['automation'],
+  },
+  {
+    title: 'AI Consult',
+    slug: 'ai-consult',
+    shortDescription: 'ออกแบบวิธีใช้ AI ให้ทำงานร่วมกับพนักงาน และช่วยเก็บความรู้สำคัญไว้ในองค์กร',
+    hero: {
+      title: 'ให้ AI ทำงานร่วมกับพนักงาน และเก็บความรู้ไว้กับองค์กร',
+      subtitle:
+        'เราช่วยออกแบบวิธีใช้ AI ให้เข้ากับงานจริงของทีม และค่อย ๆ เก็บความรู้จากพนักงาน เพื่อให้ความรู้สำคัญยังอยู่กับองค์กรแม้มีการเปลี่ยนคน',
+    },
+    problems: [
+      'ความรู้สำคัญอยู่กับพนักงานบางคน',
+      'พนักงานใหม่ต้องใช้เวลานานในการเรียนรู้งาน',
+      'คำถามซ้ำ ๆ ไม่มีแหล่งคำตอบกลาง',
+      'เอกสารกระจัดกระจาย',
+      'ใช้ AI แบบทดลอง แต่ยังไม่เชื่อมกับงานจริง',
+    ],
+    outcomes: ['แผนการใช้ AI ที่เหมาะกับทีม', 'โครงสร้างคลังความรู้', 'Prototype หรือ workflow ทดลอง', 'คู่มือการใช้งาน', 'Roadmap สำหรับปรับต่อ'],
+    process: ['รวบรวมความรู้เดิม', 'จัดโครงสร้างให้ค้นหาได้', 'ออกแบบ AI assistant', 'ให้พนักงานใช้และเพิ่มความรู้ต่อ'],
+    cta: 'อยากให้ความรู้ของทีมอยู่กับองค์กรต่อไปไหม',
+    relatedPortfolioCategories: ['ai-consult'],
+  },
+] as const;
+
+export type Service = (typeof services)[number];