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

src/content/blog/5-ways-ai-increase-sales.mdx

@@ -1,27 +0,0 @@
----
-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 สามารถวิเคราะห์ข้อมูลยอดขายในอดีต ฤดูกาล และปัจจัยอื่นๆ เพื่อทำนายว่าควรสั่งสินค้าเท่าไหร่ในแต่ละช่วง

src/content/blog/ads-not-worth-it.md

@@ -0,0 +1,24 @@
+---
+title: "ยิงแอดแล้วไม่คุ้ม อาจไม่ใช่เพราะยิงผิดแพลตฟอร์ม"
+description: "บางครั้งปัญหาอยู่ที่ intent ของคนที่เข้ามา ข้อความหน้าเว็บ หรือการวัดผลที่ยังไม่บอกคุณภาพลูกค้า"
+pubDate: 2026-06-19
+category: "Marketing"
+tags: ["marketing", "ads", "analytics"]
+draft: false
+---
+
+เวลายิงแอดแล้วไม่คุ้ม หลายธุรกิจมักรีบสรุปว่าแพลตฟอร์มไม่ดี หรือควรย้ายงบไปช่องทางอื่นทันที
+
+แต่บางครั้งปัญหาไม่ได้อยู่ที่แพลตฟอร์ม ปัญหาอาจอยู่ที่คนที่เข้ามายังไม่ใช่กลุ่มที่พร้อมซื้อ ข้อความในเว็บไม่ตอบสิ่งที่เขากังวล หรือทีมยังวัดแค่จำนวน lead โดยไม่ดูคุณภาพ
+
+## อย่าดูแค่จำนวนคนทัก
+
+จำนวนคนทักเยอะไม่ได้แปลว่างานการตลาดดีเสมอไป ถ้าคนที่ทักมาไม่ตรงกลุ่ม ใช้งบเยอะขึ้นก็อาจทำให้ทีมเหนื่อยขึ้นโดยยอดขายไม่เพิ่ม
+
+ควรดูว่าลูกค้าที่ทักมามาจากคำค้นหรือข้อความแบบไหน มีคำถามอะไรซ้ำ และสุดท้ายกลุ่มไหนกลายเป็นยอดขายจริง
+
+## จุดที่ควรตรวจพร้อมกัน
+
+การยิงแอด เว็บ และขั้นตอนรับ lead ต้องดูร่วมกัน เพราะลูกค้าไม่ได้เห็นแค่โฆษณา เขายังอ่านหน้าเว็บ เปรียบเทียบความน่าเชื่อถือ และตัดสินใจจากประสบการณ์ทั้งหมด
+
+ก่อนเพิ่มงบ ควรดูข้อมูลให้ชัดก่อนว่าควรแก้ที่ targeting, message, landing page หรือขั้นตอนติดตามลูกค้า

src/content/blog/ai-content-google-love.mdx

@@ -1,22 +0,0 @@
----
-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. **เพิ่มคุณค่า** - เพิ่มข้อมูลเชิงลึกและความเห็นส่วนตัว

src/content/blog/ai-for-sme-start-with-pain.md

@@ -0,0 +1,24 @@
+---
+title: "AI สำหรับ SME ไทย: เริ่มจากงานที่เจ็บที่สุดก่อน"
+description: "AI ไม่จำเป็นต้องเริ่มจากระบบใหญ่ เริ่มจากคำถามซ้ำ งานเอกสารซ้ำ หรือข้อมูลที่ทีมใช้ตัดสินใจก่อนจะคุ้มกว่า"
+pubDate: 2026-06-22
+category: "AI Consult"
+tags: ["AI", "SME", "workflow"]
+draft: false
+---
+
+หลายธุรกิจเริ่มสนใจ AI จากคำถามว่า "ควรใช้เครื่องมืออะไร" แต่คำถามที่คุ้มกว่ามักเป็น "งานไหนในทีมเจ็บที่สุด และเกิดซ้ำบ่อยที่สุด"
+
+ถ้าเริ่มจากเครื่องมือก่อน ธุรกิจมักได้ระบบที่ดูน่าสนใจ แต่ทีมไม่ได้ใช้จริง เพราะมันไม่ได้แก้จุดที่เสียเวลา เสียโอกาส หรือทำให้ตัดสินใจช้า
+
+## จุดเริ่มต้นที่ดีกว่า
+
+เริ่มจากรวบรวมงานที่เกิดซ้ำ เช่น คำถามลูกค้าที่ตอบบ่อย เอกสารที่ต้องสรุปซ้ำ ข้อมูลขายที่ทีมต้องเปิดหลายที่ หรือขั้นตอนตรวจงานที่ใช้เวลามากเกินไป
+
+จากนั้นค่อยดูว่างานนั้นเหมาะกับ AI แบบไหน: ช่วยร่าง ช่วยสรุป ช่วยจัดหมวดหมู่ ช่วยค้นข้อมูล หรือช่วยเป็นผู้ช่วยตัดสินใจเบื้องต้น
+
+## สิ่งที่ควรวัด
+
+อย่าวัดแค่ว่าใช้ AI แล้วดูทันสมัยขึ้น ให้วัดว่างานลดลงจริงไหม ความผิดพลาดลดลงไหม ทีมตอบลูกค้าเร็วขึ้นไหม และข้อมูลที่ใช้ตัดสินใจชัดขึ้นไหม
+
+AI ที่ดีสำหรับ SME ไม่จำเป็นต้องใหญ่ที่สุด แต่ต้องเริ่มจากปัญหาที่ใช่ และทำให้ทีมทำงานง่ายขึ้นจริง

src/content/blog/ai-for-sme-thailand.mdx

@@ -1,27 +0,0 @@
----
-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
-- ปรับปรุงอย่างต่อเนื่อง

src/content/blog/digital-transformation-guide.mdx

@@ -1,28 +0,0 @@
----
-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
-- เริ่มจากโครงการเล็กๆ
-- ทดสอบและเรียนรู้
-- ขยายผลอย่างค่อยเป็นค่อยไป

src/content/blog/marketing-automation-guide.mdx

@@ -1,34 +0,0 @@
----
-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

src/content/blog/marketing-automation-reduce-work.md

@@ -0,0 +1,24 @@
+---
+title: "Marketing Automation ควรช่วยลดงาน ไม่ใช่เพิ่มเครื่องมือ"
+description: "ก่อนเลือกเครื่องมือ ควรดู workflow จริงก่อนว่าขั้นตอนไหนซ้ำ ช้า หรือผิดพลาดบ่อย แล้วค่อยออกแบบระบบช่วย"
+pubDate: 2026-06-21
+category: "Automation"
+tags: ["automation", "marketing", "workflow"]
+draft: false
+---
+
+Marketing Automation ที่ดีไม่ควรทำให้ทีมต้องดู dashboard เพิ่มอีกหลายหน้า หรือจำขั้นตอนใหม่จนเหนื่อยกว่าเดิม
+
+เป้าหมายของ automation คือช่วยลดงานซ้ำ ลดการลืมติดตามลูกค้า และทำให้ทีมเห็นสถานะงานชัดขึ้น
+
+## ก่อนเลือกเครื่องมือ ควรดู workflow
+
+ลองไล่ตั้งแต่ลูกค้าทักเข้ามา ทีมรับข้อมูลอย่างไร เก็บไว้ที่ไหน ใครเป็นคนตามต่อ และมีจุดไหนที่ข้อมูลหล่นหรือซ้ำบ่อย
+
+ถ้ายังไม่เห็น flow จริง การเลือกเครื่องมือก่อนอาจทำให้ระบบใหม่ไปซ้อนกับวิธีทำงานเดิม จนสุดท้ายทีมต้องทำงานสองรอบ
+
+## Automation ที่ควรเริ่ม
+
+เริ่มจากจุดเล็กที่กระทบยอดขายหรือเวลาทีม เช่น แจ้งเตือน lead ที่ยังไม่ได้ตาม เก็บข้อมูลจากฟอร์มเข้าที่เดียว หรือส่งสรุปงานให้ทีมทุกวันโดยไม่ต้องทำมือ
+
+ระบบที่ดีควรทำให้ทีมรู้ว่าต้องทำอะไรต่อ ไม่ใช่แค่มีเครื่องมือเพิ่มในบริษัท

src/content/blog/sme-website-next-action.md

@@ -0,0 +1,24 @@
+---
+title: "เว็บ SME ที่ดีควรถามได้ว่าลูกค้าควรทำอะไรต่อ"
+description: "เว็บไซต์ไม่ใช่แค่หน้าแนะนำบริษัท แต่ควรช่วยให้ลูกค้าเข้าใจปัญหา เห็นทางเลือก และรู้ว่าควรติดต่อเรื่องอะไร"
+pubDate: 2026-06-20
+category: "Website"
+tags: ["website", "SME", "conversion"]
+draft: false
+---
+
+เว็บไซต์ธุรกิจไม่ควรเป็นแค่โบรชัวร์ออนไลน์ที่บอกว่าบริษัททำอะไร แต่ควรช่วยพาลูกค้าไปสู่การตัดสินใจที่ง่ายขึ้น
+
+ลูกค้าหลายคนไม่ได้เริ่มจากการรู้ว่าต้องซื้ออะไร เขาเริ่มจากอาการ เช่น ยอดขายไม่โต เว็บไม่ค่อยมีคนทัก หรือไม่แน่ใจว่าบริการไหนเหมาะกับตัวเอง
+
+## หน้าเว็บควรช่วยตอบคำถาม
+
+เว็บที่ดีควรตอบให้ได้ว่า ปัญหานี้เหมาะกับบริการไหน ควรเริ่มคุยเรื่องอะไร ต้องเตรียมข้อมูลแบบไหน และทำไมควรเชื่อว่าทีมนี้ช่วยได้
+
+ถ้าลูกค้าอ่านจบแล้วยังไม่รู้ว่าต้องทำอะไรต่อ เว็บอาจสวย แต่ยังไม่ได้ช่วยธุรกิจเท่าที่ควร
+
+## CTA ต้องผูกกับปัญหา
+
+ปุ่มติดต่อไม่จำเป็นต้องขายแรงเสมอไป สำหรับ SME หลายเคส CTA ที่ดีคือการชวนให้เล่าโจทย์ก่อน แล้วช่วยดูว่าควรเริ่มแก้ตรงไหน
+
+เว็บจึงควรเป็นพื้นที่ช่วยคัดกรองและทำให้บทสนทนาแรกมีคุณภาพขึ้น