🎨 Design SaaS Website

เว็บไซต์ Landing Page สำหรับ SaaS ด้าน Design Tools ที่ออกแบบมาเพื่อโชว์ประสบการณ์การใช้งานและฟีเจอร์ที่โดดเด่น

โปรเจกต์นี้เป็น Landing Page เท่านั้น ไม่ใช่ SaaS จริงนะครับ

📌 Website Structure

เว็บไซต์ประกอบด้วย 5 ส่วนหลัก:

1. Hero Section
   • Drag Card ได้
   • Animation ตาม Timeline (Card เคลื่อนที่ตาม Position ที่กำหนด)
2. Introduction Section
   • Text Pinning
   • Scroll + Split word effect
   • Text mask ครบแล้วถึงจะเลื่อนไป Section ถัดไป
3. Features Section
   • Card Interactive
   • Hover effect + Micro Interaction บน Card
4. Integrations Section
   • Animation ของ Plugin ที่รองรับ
   • เคลื่อนที่สลับขึ้น-ลง 2 แถว (บนลงล่าง และล่างขึ้นบน)
5. FAQs Section
   • แสดงคำถาม-คำตอบที่พบบ่อย

✨ Key Highlights

• 💡 เน้น การออกแบบที่ทันสมัย สไตล์ SaaS Product
• 📱 Responsive Design รองรับทุกอุปกรณ์
• 🎬 Interactive + Micro Interaction เพิ่มประสบการณ์การใช้งาน
• 🎨 โทนเว็บเป็นแนว Creative Website

🚀 Tech Stack

• Framework: Next.js
• Styling: TailwindCSS
• Language: TypeScript
• Animation & Motion: Framer Motion