feat: light theme page templates + integration with new content collections

- All 11 page templates rewritten for light theme
- index.astro: 8 sections (hero, stats yellow band, problem cards,
  services mega-grid, black pull-quote, blog preview, yellow CTA)
- about.astro: story + values (4 dark-icon cards) + process 4-step
- contact.astro: 4 channel picker cards + 8-field form (added budget field)
  + 3-step 'what happens next' + pre-submit FAQ + yellow final CTA
- faq.astro: dynamic category rendering from content/faq collection
  (5 categories, 20 Q&A) + tag cloud + 3 channel cards
- portfolio.astro: industry filter bar (sticky) + 9 items with new
  schema (industry, what_we_did, result fields) + 'ดีลที่เราเลือก' section
- services/index.astro: decision table (6 rows, scannable in 30s)
  + 3 pricing tiers (Starter/Business/Enterprise) + add-on chips
- services/[slug].astro: 4 service types with light hero + pricing +
  tech options + AI features + 6-FAQ per service
- blog/index.astro: featured + 4-card grid from content collection
- blog/[slug].astro: 2-column with sidebar (about, contact, related)
- privacy.astro + terms.astro: legal content, light theme
- All form posts go to setTimeout success (placeholder for backend wire)

src/pages/privacy.astro

@@ -8,7 +8,7 @@ import PageHero from '../components/PageHero.astro';
 <Base title="นโยบายความเป็นส่วนตัว | MoreminiMore - รับทำเว็บไซต์ SEO AI Chatbot">
   <Navigation />
 
-  <PageHero 
+  <PageHero
     badge="กฎหมาย"
     title="นโยบายความเป็นส่วนตัว"
     subtitle="มีผลบังคับใช้วันที่ 5 พฤษภาคม 2569"
@@ -19,7 +19,7 @@ import PageHero from '../components/PageHero.astro';
       <div class="legal-content">
         <p class="legal-intro">บริษัท มอร์มินิมอร์ จำกัด ให้ความสำคัญกับการคุ้มครองข้อมูลส่วนบุคคลของท่าน</p>
 
-        <div class="legal-section">
+        <div class="legal-block">
           <h2>1. ข้อมูลส่วนบุคคลที่เราเก็บรวบรวม</h2>
           <p>ข้อมูลส่วนบุคคลที่บริษัทฯ อาจเก็บรวบรวมจากท่าน อาจรวมถึง:</p>
           <ul>
@@ -29,7 +29,7 @@ import PageHero from '../components/PageHero.astro';
           </ul>
         </div>
 
-        <div class="legal-section">
+        <div class="legal-block">
           <h2>2. วัตถุประสงค์ในการเก็บรวบรวมข้อมูล</h2>
           <p>เราเก็บรวบรวมข้อมูลส่วนบุคคลเพื่อวัตถุประสงค์ดังต่อไปนี้:</p>
           <ul>
@@ -40,12 +40,12 @@ import PageHero from '../components/PageHero.astro';
           </ul>
         </div>
 
-        <div class="legal-section">
+        <div class="legal-block">
           <h2>3. การคุ้มครองข้อมูล</h2>
           <p>เรามีมาตรการรักษาความปลอดภัยที่เหมาะสมเพื่อป้องกันการสูญหาย เข้าถึง ใช้ เปลี่ยนแปลง หรือเปิดเผยข้อมูลส่วนบุคคลโดยไม่ได้รับอนุญาต</p>
         </div>
 
-        <div class="legal-section">
+        <div class="legal-block">
           <h2>4. สิทธิของท่าน</h2>
           <p>ท่านมีสิทธิในการเข้าถึง แก้ไข ลบ หรือระงับการใช้ข้อมูลส่วนบุคคลของท่าน กรุณาติดต่อเราผ่านช่องทางที่ระบุในเว็บไซต์</p>
         </div>
@@ -61,33 +61,30 @@ import PageHero from '../components/PageHero.astro';
   .legal-content { max-width: 800px; margin: 0 auto; }
   .legal-intro {
     font-size: 18px;
-    color: var(--color-medium-gray);
+    color: var(--color-gray-700);
     margin-bottom: 48px;
     line-height: 1.7;
   }
-  .legal-section {
-    margin-bottom: 48px;
-  }
-  .legal-section h2 {
+  .legal-block { margin-bottom: 48px; }
+  .legal-block h2 {
+    font-family: var(--font-display);
     font-size: 24px;
-    font-weight: 700;
+    font-weight: 800;
     margin-bottom: 20px;
     color: var(--color-black);
   }
-  .legal-section p {
+  .legal-block p {
     font-size: 16px;
-    color: #444;
+    color: var(--color-gray-700);
     line-height: 1.8;
     margin-bottom: 16px;
   }
-  .legal-section ul {
-    margin-left: 24px;
-    margin-bottom: 16px;
-  }
-  .legal-section li {
+  .legal-block ul { margin-left: 24px; margin-bottom: 16px; }
+  .legal-block li {
     font-size: 16px;
-    color: #444;
+    color: var(--color-gray-700);
     line-height: 1.8;
     margin-bottom: 8px;
   }
-</style>
+  .legal-block strong { color: var(--color-black); }
+</style>