New Features:
- Breadcrumbs component on all pages (except homepage)
- Pricing page with 3 packages (Starter, Business, Enterprise) + add-ons
- Portfolio page with 5 case studies
- FAQ page with 12 questions in 4 categories
- Sitemap page with all pages listed
Navigation Updates:
- Add Portfolio and Pricing to main navigation
- Services dropdown with 5 services
- Mobile menu with collapsible services
Fixes:
- Fix Breadcrumbs component (simplified logic)
- Import Breadcrumbs in Layout
Color Scheme:
- Primary: Yellow (#fed400)
- Brand Blue: Royal Blue (#1e40af) - NEW
- Accent: Blue-Purple gradient
Status: 11/24 tasks completed (46%)
New Pages:
- /sitemap - XML-style sitemap with all pages
- /faq - 12 FAQs in 4 categories (Services, Process, Pricing, Technical)
- /portfolio - 5 case studies (E-commerce, Clinic, School, Restaurant, Law Firm)
Components:
- Breadcrumbs.astro - Reusable breadcrumb component
Navigation:
- Update menu to Option A (หน้าแรก, เกี่ยวกับเรา, บริการ dropdown, FAQ, บทความ, ติดต่อเรา)
- Add dropdown for 5 services
- Change CTA button to btn-brand
Color Updates:
- Add Royal Blue (#1e40af) as secondary brand color
- Fix gradient-primary text contrast
Changes:
- Remove social media icons from top bar (keep only email & phone)
- Remove duplicate legal links from footer
- Add Royal Blue (#1e40af) as secondary brand color
- Fix gradient-primary to use dark text (not white)
- Add gradient-brand and btn-brand components
- Improve button color contrast
Color scheme:
- Primary: Yellow (#fed400)
- Secondary Brand: Royal Blue (#1e40af) ← NEW
- Accent: Blue-Purple gradient
- Replace chat bubble icon with official LINE logo
- Logo from icons8 (icons8-line-color/icons8-line-480.svg)
- Remove hardcoded width/height attributes
- Add role='img' for accessibility
- Keep viewBox 48x48 (official logo proportions)
- Replace emoji icons (📘🐦💼💬) with official SVG logos
- Update Facebook, Twitter/X, LinkedIn, and LINE icons
- Add aria-label accessibility attributes
- Apply to header top bar and footer sections
- Update Contact Us page with SVG icons
Icons used:
- Facebook: Official 'f' logo
- Twitter/X: X logo
- LinkedIn: 'in' logo
- LINE: LINE bubble logo
Created AGENTS.md with complete project documentation:
- Project overview and status
- All PDPA features implemented (March 10, 2026)
- Files created/modified (13 files, 1955+ lines)
- Configuration and environment variables
- Testing & verification results
- Deployment history with commit tracking
- Security checklist
- Access information
- Ongoing maintenance guide
- Technical specifications
- Future enhancements
Purpose: Serve as comprehensive record for AI agents
working on this project with full deployment history.
Regenerated package-lock.json to fix Docker build error:
- Added missing typescript@5.9.3 dependency
- Synced with all current dependencies
- Required for npm ci to work in Docker build
Features:
- New 5-color palette (Yellow, Black, Blue, Purple, Teal)
- White footer with updated navigation
- Homepage redesigned with Hero, Tech Stack, Process, FAQ, Blog sections
- 4 new AI service pages (Strategy, Automation, Training, Analytics)
- Modern effects: glass morphism, hover animations, gradients
- Removed all 'รับปรึกษา ฟรี' CTAs, replaced with Phone/Line
- Updated content to AI Transformation theme
- Port changed to 80 for Easypanel deployment
Breaking Changes:
- Old service pages removed (replaced with AI-focused services)
- Layout structure updated with new color variables
- CSS completely rewritten with new design system
