Phase 1: Homepage seamless design - add gradient transitions

- Added gradient transitions between sections in global.css
- Portfolio section now has gradient-top (dark to white fade)
- Blog section now has gradient-bottom (white fade from dark)
- Reduced portfolio overlay opacity from 0.85 to 0.65
- Added border to blog cards for white-on-white visibility
- Blog cards now have primary color accent on hover

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

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

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

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

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

src/content/services/ai-consult.mdx

@@ -0,0 +1,26 @@
+---
+title: "AI Consult"
+subtitle: "Consult service for using AI to improve business workflow and knowledge management. ใช้ AI ให้เป็นประโยชน์สำหรับธุรกิจของคุณอย่างเต็มศักยภาพ"
+badge: "Technology Consult"
+category: "tech-consult"
+objective: "ลดต้นทุนและเวลา"
+usp_free_server: "ลูกค้าที่ใช้บริการ Consult จะได้รับ Server สำหรับ App และ AI ฟรี (สำหรับการใช้งานปกติ) หากต้องการใช้งานหนักหรือ Resource-intensive จะมีค่าใช้จ่ายเพิ่มเติม"
+feature1_icon: "🧠"
+feature1_title: "AI Strategy & Roadmap"
+feature1_desc: "วางแผนการใช้ AI อย่างเป็นระบบเพื่อให้เห็นผลลัพธ์ที่ชัดเจน"
+feature2_icon: "💬"
+feature2_title: "AI Chatbot Implementation"
+feature2_desc: "พัฒนาและ deploy AI Chatbot ที่เข้าใจภาษาไทยและตอบคำถามลูกค้าได้ 24/7"
+feature3_icon: "📝"
+feature3_title: "Knowledge Management"
+feature3_desc: "สร้างระบบจัดการความรู้ด้วย AI ที่ช่วยให้การค้นหาและใช้งานข้อมูลง่ายขึ้น"
+feature4_icon: "🎯"
+feature4_title: "AI for Marketing"
+feature4_desc: "ใช้ AI วิเคราะห์ลูกค้าและสร้างแคมเปญการตลาดที่มีประสิทธิภาพ"
+feature5_icon: "🔍"
+feature5_title: "AI Audit"
+feature5_desc: "วิเคราะห์ว่าธุรกิจของคุณควรใช้ AI ตัวไหนและอย่างไร"
+feature6_icon: "🚀"
+feature6_title: "AI Implementation Support"
+feature6_desc: "ดูแลและให้คำปรึกษาตลอดการ implement AI ในองค์กร"
+---

src/content/services/automation.mdx

@@ -0,0 +1,26 @@
+---
+title: "Automation Consult"
+subtitle: "Implement specific unique app and AI for business to do automation workflow. ลดต้นทุนและเพิ่มประสิทธิภาพด้วยระบบอัตโนมัติที่ออกแบบมาเฉพาะสำหรับธุรกิจของคุณ"
+badge: "Technology Consult"
+category: "tech-consult"
+objective: "ลดต้นทุนและเวลา"
+usp_free_server: "ลูกค้าที่ใช้บริการ Consult จะได้รับ Server สำหรับ App และ AI ฟรี (สำหรับการใช้งานปกติ) หากต้องการใช้งานหนักหรือ Resource-intensive จะมีค่าใช้จ่ายเพิ่มเติม"
+feature1_icon: "🤖"
+feature1_title: "Workflow Automation"
+feature1_desc: "ออกแบบและ implement ระบบ automation สำหรับงานที่ทำซ้ำๆ เช่น การประมวลผลออร์เดอร์ การจัดการ inventory"
+feature2_icon: "📊"
+feature2_title: "Business Process Optimization"
+feature2_desc: "วิเคราะห์และปรับปรุงกระบวนการทำงานให้มีประสิทธิภาพมากขึ้นด้วยเทคโนโลยีล่าสุด"
+feature3_icon: "🔗"
+feature3_title: "System Integration"
+feature3_desc: "เชื่อมต่อระบบต่างๆ ให้ทำงานร่วมกันอย่างราบรื่น เช่น CRM, ERP, E-commerce"
+feature4_icon: "📱"
+feature4_title: "Custom Application"
+feature4_desc: "พัฒนา application เฉพาะทางสำหรับธุรกิจของคุณที่ไม่สามารถหาซื้อได้ทั่วไป"
+feature5_icon: "🔒"
+feature5_title: "Security & Compliance"
+feature5_desc: "ตรวจสอบและปรับปรุงความปลอดภัยของระบบให้เป็นไปตามมาตรฐาน"
+feature6_icon: "📈"
+feature6_title: "Performance Monitoring"
+feature6_desc: "ติดตามและวัดผลประสิทธิภาพของระบบแบบ real-time"
+---

src/content/services/marketing.mdx

@@ -0,0 +1,25 @@
+---
+title: "Online Marketing Automation"
+subtitle: "Use AI to help generate and manage marketing workflow. เพิ่มยอดขายด้วยระบบอัตโนมัติทางการตลาดที่ขับเคลื่อนด้วย AI"
+badge: "Marketing Consult"
+category: "marketing-consult"
+objective: "เพิ่มยอดขาย"
+feature1_icon: "📧"
+feature1_title: "Email Marketing Automation"
+feature1_desc: "สร้าง email campaign อัตโนมัติด้วย AI ที่ personalize ข้อความตามพฤติกรรมลูกค้า"
+feature2_icon: "💬"
+feature2_title: "Social Media Automation"
+feature2_desc: "กำหนดเวลาโพสต์และตอบสนองอัตโนมัติด้วย AI ที่เข้าใจบริบท"
+feature3_icon: "🎯"
+feature3_title: "Lead Generation AI"
+feature3_desc: "ใช้ AI หาและให้คะแนน leads ที่มีโอกาส conversion สูงสุด"
+feature4_icon: "📊"
+feature4_title: "Marketing Analytics"
+feature4_desc: "วิเคราะห์ข้อมูลการตลาดและให้คำแนะนำด้วย AI เพื่อปรับปรุง ROI"
+feature5_icon: "🔄"
+feature5_title: "Workflow Automation"
+feature5_desc: "สร้าง marketing workflow อัตโนมัติตั้งแต่ lead จนถึง sale"
+feature6_icon: "📱"
+feature6_title: "Multi-channel Integration"
+feature6_desc: "เชื่อมต่อทุกช่องทางการตลาดให้ทำงานร่วมกันอย่างไร้รอยต่อ"
+---

src/content/services/webdev.mdx

@@ -0,0 +1,26 @@
+---
+title: "Website Development"
+subtitle: "Implement website for business and integrate the website with marketing workflow. เว็บไซต์ที่ทันสมัย รวดเร็ว และเชื่อมต่อกับระบบการตลาดอย่างไร้รอยต่อ"
+badge: "Marketing Consult"
+category: "marketing-consult"
+objective: "เพิ่มยอดขาย"
+usp_content_edit: "ลูกค้าที่ใช้ Server ของเราจะได้รับบริการแก้ไขและเพิ่มเนื้อหาเว็บไซต์ฟรี! จ่ายเฉพาะเมื่อต้องการ Redesign ทั้งหมด หรือ Upgrade ฟีเจอร์ใหญ่ เช่น เพิ่มระบบ E-commerce"
+feature1_icon: "⚡"
+feature1_title: "Fast & Modern"
+feature1_desc: "โหลดเร็ว รองรับการขยายตัวของธุรกิจ และใช้เทคโนโลยีล่าสุด"
+feature2_icon: "📱"
+feature2_title: "Responsive Design"
+feature2_desc: "แสดงผลได้ดีบนทุกอุปกรณ์ ทั้ง mobile tablet และ desktop"
+feature3_icon: "🎨"
+feature3_title: "SEO Optimized"
+feature3_desc: "ออกแบบมาเพื่อให้ Google ชอบ ช่วยให้ติดอันดับได้ง่ายขึ้น"
+feature4_icon: "🔗"
+feature4_title: "Marketing Integration"
+feature4_desc: "เชื่อมต่อกับระบบ CRM, Email Marketing และ Analytics ได้อย่างไร้รอยต่อ"
+feature5_icon: "📊"
+feature5_title: "Analytics Dashboard"
+feature5_desc: "ติดตามผู้เข้าชมและวัดผลได้แบบ real-time"
+feature6_icon: "🔒"
+feature6_title: "Security"
+feature6_desc: "Security ระดับสูง ป้องกันการโจมตีและข้อมูลรั่วไหล"
+---