feat: Phase 2-3 - Add Breadcrumbs, Sitemap, FAQ, Portfolio pages

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

src/layouts/Layout.astro

@@ -82,12 +82,32 @@ const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI
           </a>
           
           <nav class="hidden md:flex gap-6 items-center">
-            <a href="/#services" class="hover:text-accent-blue transition font-medium">บริการ</a>
-            <a href="/#process" class="hover:text-accent-blue transition font-medium">กระบวนการ</a>
+            <a href="/" class="hover:text-accent-blue transition font-medium">หน้าแรก</a>
+            <a href="/about-us" class="hover:text-accent-blue transition font-medium">เกี่ยวกับเรา</a>
+            
+            <!-- Services Dropdown -->
+            <div class="relative group">
+              <button class="hover:text-accent-blue transition font-medium flex items-center gap-1">
+                บริการ
+                <svg class="w-4 h-4 transition group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
+                </svg>
+              </button>
+              <div class="absolute left-0 mt-2 w-64 bg-white rounded-lg shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50">
+                <div class="py-2">
+                  <a href="/web-development" class="block px-4 py-2 hover:bg-gray-50 transition">🌐 AI-Enhanced Website</a>
+                  <a href="/marketing-automation" class="block px-4 py-2 hover:bg-gray-50 transition">🔄 Marketing Automation</a>
+                  <a href="/seo-content-system" class="block px-4 py-2 hover:bg-gray-50 transition">📝 SEO + AI Content</a>
+                  <a href="/tech-consult" class="block px-4 py-2 hover:bg-gray-50 transition">🖥️ Tech Consult</a>
+                  <a href="/ai-automation" class="block px-4 py-2 hover:bg-gray-50 transition">⚙️ AI Automation</a>
+                </div>
+              </div>
+            </div>
+            
+            <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>
-            <a href="/about-us" class="hover:text-accent-blue transition font-medium">เกี่ยวกับเรา</a>
-            <a href="tel:0809955945" class="bg-black text-white px-6 py-2 rounded-full hover:bg-gray-800 transition font-medium flex items-center gap-2">
+            <a href="tel:0809955945" class="btn-brand flex items-center gap-2">
               📞 โทรเลย
             </a>
           </nav>
@@ -103,14 +123,30 @@ const { title = 'MoreminiMore - ที่ปรึกษาองค์กร AI
         <!-- Mobile Menu -->
         <div class="md:hidden hidden" id="mobile-menu">
           <div class="flex flex-col gap-4 mt-4 pb-4">
-            <a href="/#services" class="hover:text-accent-blue transition font-medium">บริการ</a>
-            <a href="/#process" class="hover:text-accent-blue transition font-medium">กระบวนการ</a>
+            <a href="/" class="hover:text-accent-blue transition font-medium">หน้าแรก</a>
+            <a href="/about-us" class="hover:text-accent-blue transition font-medium">เกี่ยวกับเรา</a>
+            
+            <!-- Mobile Services Dropdown -->
+            <details class="group">
+              <summary class="hover:text-accent-blue transition font-medium cursor-pointer flex items-center justify-between">
+                บริการ
+                <svg class="w-4 h-4 transition group-open:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
+                </svg>
+              </summary>
+              <div class="ml-4 mt-2 flex flex-col gap-2">
+                <a href="/web-development" class="text-sm hover:text-accent-blue transition">🌐 AI-Enhanced Website</a>
+                <a href="/marketing-automation" class="text-sm hover:text-accent-blue transition">🔄 Marketing Automation</a>
+                <a href="/seo-content-system" class="text-sm hover:text-accent-blue transition">📝 SEO + AI Content</a>
+                <a href="/tech-consult" class="text-sm hover:text-accent-blue transition">🖥️ Tech Consult</a>
+                <a href="/ai-automation" class="text-sm hover:text-accent-blue transition">⚙️ AI Automation</a>
+              </div>
+            </details>
+            
+            <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>
-            <a href="/about-us" class="hover:text-accent-blue transition font-medium">เกี่ยวกับเรา</a>
-            <a href="tel:0809955945" class="bg-black text-white px-6 py-2 rounded-full hover:bg-gray-800 transition font-medium text-center flex items-center justify-center gap-2">
-              📞 โทรเลย
-            </a>
+            <a href="tel:0809955945" class="btn-brand text-center">📞 โทรเลย</a>
           </div>
         </div>
       </div>