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-content/blog/5-ways-ai-increase-sales.mdx

@@ -0,0 +1,27 @@
+---
+title: "5 วิธีใช้ AI เพิ่มยอดขายให้ธุรกิจของคุณ"
+excerpt: "ค้นพบ 5 วิธีที่ AI สามารถช่วยเพิ่มยอดขายให้ธุรกิจ SMEs ไทย พร้อมตัวอย่างและแนวทางการนำไปใช้จริง"
+image: "/images/blog/5-ways-ai-increase-sales.jpg"
+date: 2026-03-11
+category: "AI Business"
+---
+
+## วิธีที่ 1: ใช้ AI วิเคราะห์ลูกค้าและแนะนำสินค้าที่ตรงใจ
+
+หนึ่งในความสามารถที่ทรงพลังที่สุดของ AI คือการวิเคราะห์ข้อมูลลูกค้าและค้นหารูปแบบที่มนุษย์อาจมองไม่เห็น AI สามารถวิเคราะห์ว่าลูกค้าแต่ละคนชอบสินค้าประเภทไหน ซื้อในช่วงเวลาไหน และมีพฤติกรรมการซื้ออย่างไร
+
+## วิธีที่ 2: ใช้ Chatbot ดูแลลูกค้าตลอด 24 ชั่วโมง
+
+ลูกค้าจำนวนมากต้องการได้รับคำตอบทันที ไม่ว่าจะกี่โมง แต่การจ้างพนักงานทำงาน 24 ชั่วโมงนั้นมีค่าใช้จ่ายสูง Chatbot ที่ใช้ AI สามารถตอบคำถามลูกค้าได้ตลอดเวลา โดยไม่ต้องเสียค่าล่วงเวลา
+
+## วิธีที่ 3: ใช้ AI ส่งข้อความการตลาดในเวลาที่เหมาะสม
+
+การส่งข้อความการตลาดไม่ใช่แค่การส่งออกไปเท่านั้น แต่ต้องส่งในเวลาที่ลูกค้ามีโอกาสอ่านและตอบสนองมากที่สุด AI สามารถวิเคราะห์ว่าลูกค้าแต่ละคนมีช่วงเวลาไหนที่เปิดอ่านข้อความบ่อยที่สุด และส่งในเวลานั้น
+
+## วิธีที่ 4: ใช้ AI สร้างเนื้อหาการตลาด
+
+เนื้อหาการตลาดที่ดีเป็นหัวใจสำคัญในการดึงดูดลูกค้า แต่การสร้างเนื้อหาที่มีคุณภาพตลอดเวลาต้องใช้เวลาและทรัพยากรมาก AI สามารถช่วยสร้างเนื้อหาได้เร็วขึ้น ไม่ว่าจะเป็นโพสต์เฟซบุ๊ก คำบรรยายสินค้า อีเมลการตลาด หรือบทความบล็อก
+
+## วิธีที่ 5: ใช้ AI ทำนายแนวโน้มและวางแผนสินค้า
+
+การมีสินค้าคงคลงเป็นสิ่งจำเป็นสำหรับธุรกิจค้าปลีก แต่การมีสินค้ามากเกินไปก็เป็นปัญหา AI สามารถวิเคราะห์ข้อมูลยอดขายในอดีต ฤดูกาล และปัจจัยอื่นๆ เพื่อทำนายว่าควรสั่งสินค้าเท่าไหร่ในแต่ละช่วง

redesign-input/raw/src-content/blog/ai-content-google-love.mdx

@@ -0,0 +1,22 @@
+---
+title: "วิธีสร้าง Content ด้วย AI ที่ Google รัก"
+excerpt: "เรียนรู้วิธีการใช้ AI ช่วยสร้างเนื้อหาการตลาดที่มีคุณภาพและได้รับการจัดอันดับดีจาก Google พร้อมเทคนิคและตัวอย่างจริง"
+image: "/images/blog/ai-content-google-love.jpg"
+date: 2026-03-10
+category: "AI Content"
+---
+
+## ทำไม AI Content ต้องมีคุณภาพ
+
+Google มีอัลกอริทึมที่ฉลาดมาก สามารถแยกแยะได้ว่าเนื้อหาที่สร้างโดย AI มีคุณภาพหรือไม่ เนื้อหาที่ไม่มีคุณค่า สร้างขึ้นแค่เพื่อใส่คีย์เวิร์ด จะถูกลงโทษและไม่ติดอันดับ
+
+## วิธีใช้ AI สร้างเนื้อหาที่ดี
+
+ใช้ AI เป็นผู้ช่วย ไม่ใช่ผู้เขียนทั้งหมด วิธีที่ดีที่สุดคือใช้ AI ช่วยในบางส่วน เช่น รวบรวมข้อมูล สร้างโครงสร้าง หรือเขียน draft แล้วนำมาปรับแก้ด้วยมนุษย์
+
+## เทคนิคการสร้าง AI Content ที่มีคุณภาพ
+
+1. **กำหนด outline ก่อน** - ให้ AI สร้างโครงสร้างก่อน แล้วค่อยเติมเนื้อหา
+2. **เพิ่มมุมมองส่วนตัว** - เพิ่มประสบการณ์และตัวอย่างจริง
+3. **ตรวจสอบข้อเท็จจริง** - AI อาจสร้างข้อมูลที่ไม่ถูกต้อง ต้องตรวจสอบเสมอ
+4. **เพิ่มคุณค่า** - เพิ่มข้อมูลเชิงลึกและความเห็นส่วนตัว

redesign-input/raw/src-content/blog/ai-for-sme-thailand.mdx

@@ -0,0 +1,27 @@
+---
+title: "AI สำหรับ SME ไทย: คู่มือฉบับสมบูรณ์"
+excerpt: "การใช้ AI สำหรับธุรกิจ SME ไทยเพื่อเพิ่มขีดความสามารถในการแข่งขัน พร้อมแนวทางปฏิบัติจริง"
+image: "/images/blog/ai-for-sme-thailand.jpg"
+date: 2026-03-08
+category: "AI Business"
+---
+
+## ทำไม SME ต้องใช้ AI
+
+AI ไม่ใช่เทคโนโลยีสำหรับบริษัทใหญ่เท่านั้น ธุรกิจ SME สามารถเริ่มใช้ประโยชน์จาก AI ได้ง่ายๆ ด้วยเครื่องมือที่เข้าถึงได้
+
+## การเริ่มต้นใช้ AI สำหรับ SME
+
+### 1. เริ่มจากปัญหาที่เจ็บปวดที่สุด
+- ถ้าลูกค้าถามคำถามซ้ำๆ ให้ใช้ AI Chatbot
+- ถ้าต้องส่งอีเมลหลายร้อย封 ให้ใช้ AI Email Automation
+- ถ้าไม่มีเวลาสร้างเนื้อหา ให้ใช้ AI Content Generation
+
+### 2. เลือกเครื่องมือที่เหมาะสม
+- งบน้อย: เริ่มจากเครื่องมือฟรีหรือราคาถูก
+- งบปานกลาง: ใช้บริการ AI as a Service
+- งบมาก: พัฒนา AI เฉพาะทางสำหรับธุรกิจ
+
+### 3. วัดผลและปรับปรุง
+- ติดตาม KPI ก่อนและหลังใช้ AI
+- ปรับปรุงอย่างต่อเนื่อง

redesign-input/raw/src-content/blog/digital-transformation-guide.mdx

@@ -0,0 +1,28 @@
+---
+title: "คู่มือ Digital Transformation ฉบับสมบูรณ์"
+excerpt: "การ transform ธุรกิจของคุณสู่ดิจิทัลอย่างครบวงจร ตั้งแต่การวางแผนจนถึงการ Implement"
+image: "/images/blog/digital-transformation.jpg"
+date: 2026-03-05
+category: "Business"
+---
+
+## Digital Transformation คืออะไร
+
+Digital Transformation คือการนำเทคโนโลยีดิจิทัลมาใช้ในทุกด้านของธุรกิจ เพื่อเพิ่มประสิทธิภาพและสร้างคุณค่าใหม่ให้กับลูกค้า
+
+## ขั้นตอนการ Transform
+
+### ขั้นที่ 1: วิเคราะห์สถานะปัจจุบัน
+- ประเมินระดับดิจิทัลของธุรกิจ
+- ระบุจุดอ่อนและโอกาส
+- กำหนดเป้าหมายที่ชัดเจน
+
+### ขั้นที่ 2: วางแผนกลยุทธ์
+- เลือกเทคโนโลยีที่เหมาะสม
+- กำหนด timeline และ budget
+- วางแผนการเปลี่ยนแปลง
+
+### ขั้นที่ 3: Implement
+- เริ่มจากโครงการเล็กๆ
+- ทดสอบและเรียนรู้
+- ขยายผลอย่างค่อยเป็นค่อยไป

redesign-input/raw/src-content/blog/marketing-automation-guide.mdx

@@ -0,0 +1,34 @@
+---
+title: "Marketing Automation: คู่มือเริ่มต้น"
+excerpt: "เรียนรู้พื้นฐานของ Marketing Automation และวิธีเริ่มต้นใช้งานสำหรับธุรกิจของคุณ"
+image: "/images/blog/marketing-automation-guide.jpg"
+date: 2026-03-01
+category: "Marketing"
+---
+
+## Marketing Automation คืออะไร
+
+Marketing Automation คือการใช้ซอฟต์แวร์เพื่อ automate การตลาดซ้ำๆ เช่น การส่งอีเมล การโพสต์โซเชียลมีเดีย และการวิเคราะห์ข้อมูล
+
+## ประโยชน์ของ Marketing Automation
+
+1. **ประหยัดเวลา** - ทำงานอัตโนมัติแทนที่จะทำ manually
+2. **เพิ่มประสิทธิภาพ** - ส่งข้อความที่เหมาะสมในเวลาที่เหมาะสม
+3. **วัดผลได้** - ติดตามผลและปรับปรุงอย่างต่อเนื่อง
+
+## เริ่มต้นอย่างไร
+
+### 1. เลือกแพลตฟอร์มที่เหมาะสม
+- งบน้อย: Mailchimp, HubSpot Free
+- งบปานกลาง: ActiveCampaign, Marketo
+- งบมาก: Salesforce, Oracle
+
+### 2. กำหนดเป้าหมาย
+- เพิ่มยอดขาย
+- สร้าง leads
+- รักษาลูกค้า
+
+### 3. สร้าง workflow
+- เริ่มจาก email autoresponder
+- เพิ่ม lead scoring
+- ขยายไปยัง multi-channel