feat: Phase 2-3 Complete - Full Corporate Website Structure

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%)
This commit is contained in:
Kunthawat Greethong
2026-03-11 20:24:52 +07:00
parent d384452be5
commit ce90d61c76
3 changed files with 182 additions and 57 deletions

View File

@@ -1,6 +1,7 @@
---
import '../styles/global.css'
import CookieBanner from '../components/consent/CookieBanner.astro'
import Breadcrumbs from '../components/Breadcrumbs.astro'
interface Props {
title?: string;
@@ -104,6 +105,8 @@ const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI
</div>
</div>
<a href="/portfolio" class="hover:text-accent-blue transition font-medium">ผลงาน</a>
<a href="/pricing" class="hover:text-accent-blue transition font-medium">ราคา</a>
<a href="/faq" class="hover:text-accent-blue transition font-medium">FAQ</a>
<a href="/blog" class="hover:text-accent-blue transition font-medium">บทความ</a>
<a href="/contact-us" class="hover:text-accent-blue transition font-medium">ติดต่อเรา</a>
@@ -143,6 +146,8 @@ const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI
</div>
</details>
<a href="/portfolio" class="hover:text-accent-blue transition font-medium">ผลงาน</a>
<a href="/pricing" class="hover:text-accent-blue transition font-medium">ราคา</a>
<a href="/faq" class="hover:text-accent-blue transition font-medium">FAQ</a>
<a href="/blog" class="hover:text-accent-blue transition font-medium">บทความ</a>
<a href="/contact-us" class="hover:text-accent-blue transition font-medium">ติดต่อเรา</a>
@@ -153,6 +158,10 @@ const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI
</header>
<main class="flex-grow">
<!-- Breadcrumbs (except homepage) -->
{Astro.url.pathname !== '/' && (
<Breadcrumbs currentPage={{ href: Astro.url.pathname, title: '' }} />
)}
<slot />
</main>