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/terms.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,37 +19,37 @@ import PageHero from '../components/PageHero.astro';
       <div class="legal-content">
         <p class="legal-intro">ชื่อเว็บไซต์: MoreminiMore | เว็บไซต์: https://www.moreminimore.com | บริษัท: MoreminiMore Co.,Ltd.</p>
 
-        <div class="legal-section">
+        <div class="legal-block">
           <h2>1. การยอมรับเงื่อนไข</h2>
           <p>ด้วยการเข้าถึงและใช้งานเว็บไซต์ของบริษัท มอร์มินิมอร์ จำกัด ท่านยอมรับและตกลงที่จะถูกผูกมัดด้วยเงื่อนไขการให้บริการฉบับนี้</p>
         </div>
 
-        <div class="legal-section">
+        <div class="legal-block">
           <h2>2. การแก้ไขเงื่อนไข</h2>
           <p>เราขอสงวนสิทธิในการแก้ไขเงื่อนไขนี้เมื่อใดก็ได้ การแก้ไขจะมีผลทันทีเมื่อโพสต์บนเว็บไซต์ ท่านควรตรวจสอบเงื่อนไขนี้เป็นประจำ</p>
         </div>
 
-        <div class="legal-section">
+        <div class="legal-block">
           <h2>3. บริการของเรา</h2>
           <p>เราให้บริการพัฒนาเว็บไซต์ AI Automation และ Marketing Automation สำหรับธุรกิจไทย โดยมีรายละเอียดและขอบเขตงานตามที่ตกลงกันในสัญญา</p>
         </div>
 
-        <div class="legal-section">
+        <div class="legal-block">
           <h2>4. การชำระเงิน</h2>
           <p>การชำระเงินจะเป็นไปตามเงื่อนไขที่กำหนดในใบเสนอราคาและสัญญา ลูกค้าตกลงชำระตามกำหนดเวลาที่ระบุ</p>
         </div>
 
-        <div class="legal-section">
+        <div class="legal-block">
           <h2>5. การรับประกัน</h2>
           <p>เรารับประกันคุณภาพงานตามที่ระบุในสัญญา หากไม่พอใจในงาน เราพร้อมแก้ไขจนกว่าจะถูกใจตามเงื่อนไขที่กำหนด</p>
         </div>
 
-        <div class="legal-section">
+        <div class="legal-block">
           <h2>6. ข้อจำกัดความรับผิด</h2>
           <p>ความรับผิดของบริษัทจะจำกัดอยู่ที่มูลค่าของงานที่ให้บริการตามที่ระบุในสัญญา</p>
         </div>
 
-        <div class="legal-section">
+        <div class="legal-block">
           <h2>7. ติดต่อเรา</h2>
           <p>หากมีคำถามเกี่ยวกับเงื่อนไขการให้บริการ กรุณาติดต่อเราที่ contact@moreminimore.com หรือ 080-995-5945</p>
         </div>
@@ -65,23 +65,22 @@ 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;
   }
-</style>
+</style>