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/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: "เชื่อมต่อทุกช่องทางการตลาดให้ทำงานร่วมกันอย่างไร้รอยต่อ"
+---