fix(insulation,menu): real product images + accurate count + menu reorder

1 REAL product images (downloaded from supplier product pages)
   Replaced generic logos/QR codes with actual product photos
   from WooCommerce product galleries on 3t-insulation.com:
   - rockwool/: cool-n-comfort-rl/sl, prorox-bl/ps960/sl/wm,
     rocksafe-plus, safe-n-silent-pro, thermalrock-s, rockduct, conlit-h110
   - microfiber/: microfiber-enf/fl/fld/fls/fr/frd/frk/glc/gts/hi-temp/pfl/pln
   - scg/: scg-crb-g, scg-cylence-zoftone/zoundblock, scg-dln-g, scg-fpo-g,
     scg-fso-g, scg-gtb-g, scg-hti-g, scg-htif-g, scg-htifd-g, scg-stay-cool, scg-ub-g

2) Home page category count for ฉนวนหุ้มท่อ: 4 → 7
   (Armaflex, Aeroflex, Maxflex, Thermobreak, ROCKWOOL, MICROFIBER, SCG)

3) Menu order swap: ฉนวนหุ้มท่อ ↔ เครื่องเชื่อมท่อ
   Moved ฉนวนหุ้มท่อ BEFORE เครื่องเชื่อมท่อ in BaseLayout categories
EOF
)

src/pages/microfiber.astro

@@ -7,7 +7,6 @@ const description = "MICROFIBER ผู้ผลิตฉนวนใยแก้
 
 <BaseLayout title={title} description={description}>
   <main class="bg-white min-h-screen">
-
     <!-- Hero Section -->
     <section class="relative bg-gradient-to-br from-primary-800 via-primary-700 to-primary-900 text-white py-16 lg:py-24 overflow-hidden">
       <div class="absolute inset-0 overflow-hidden pointer-events-none">
@@ -27,11 +26,6 @@ const description = "MICROFIBER ผู้ผลิตฉนวนใยแก้
             </linearGradient>
           </defs>
         </svg>
-        <svg class="absolute bottom-0 left-0 w-full h-[200px] opacity-10" viewBox="0 0 1440 200" preserveAspectRatio="none">
-          <path d="M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="1">
-            <animate attributeName="d" dur="15s" repeatCount="indefinite" values="M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z;M0,120 Q240,20 480,120 T960,120 T1440,120 L1440,200 L0,200 Z;M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z"/>
-          </path>
-        </svg>
       </div>
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
         <div class="grid lg:grid-cols-2 gap-12 items-start">
@@ -56,7 +50,7 @@ const description = "MICROFIBER ผู้ผลิตฉนวนใยแก้
           </div>
           <div class="lg:sticky lg:top-24">
             <div class="rounded-2xl overflow-hidden bg-white/10 p-2 max-w-md mx-auto lg:max-w-none">
-              <img src="/images/microfiber/prod_0_0.jpg" alt="MICROFIBER — ฉนวนใยแก้วกันความร้อน ครบวงจร" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
+              <img src="/images/microfiber/microfiber-enf.jpg" alt="MICROFIBER — ฉนวนใยแก้วกันความร้อน ครบวงจร" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
             </div>
           </div>
         </div>
@@ -64,13 +58,13 @@ const description = "MICROFIBER ผู้ผลิตฉนวนใยแก้
     </section>
 
     
-    <!-- Product Brand Details -->
+    <!-- Brand Description -->
     <section class="py-16 bg-white">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
         <div class="max-w-4xl mx-auto">
-          <h2 class="text-2xl font-bold text-primary-700 mb-8">เกี่ยวกับแบรนด์</h2>
-          <div class="prose prose-lg max-w-none space-y-4">
-            <p class="text-lg text-neutral-700 leading-relaxed whitespace-pre-line">MICROFIBER เป็นแบรนด์ฉนวนใยแก้ว (Glass Wool) ที่ได้รับการยอมรับอย่างกว้างขวางในตลาดไทยและต่างประเทศ ผลิตจากใยแก้วคุณภาพสูงที่ผ่านกระบวนการผลิตที่ทันสมัย ได้รับการรับรองมาตรฐานระดับสากล
+          <h2 class="text-2xl font-bold text-primary-700 mb-8">เกี่ยวกับMICROFIBER</h2>
+          <div class="prose prose-lg max-w-none space-y-4 text-neutral-700">
+            <p class="text-lg leading-relaxed whitespace-pre-line">MICROFIBER เป็นแบรนด์ฉนวนใยแก้ว (Glass Wool) ที่ได้รับการยอมรับอย่างกว้างขวางในตลาดไทยและต่างประเทศ ผลิตจากใยแก้วคุณภาพสูงที่ผ่านกระบวนการผลิตที่ทันสมัย ได้รับการรับรองมาตรฐานระดับสากล
 
 **ผลิตภัณฑ์หลักของ MICROFIBER:**
 • ฉนวนหลังคา (Micro Roof) — สำหรับป้องกันความร้อนจากหลังคา
@@ -82,70 +76,117 @@ const description = "MICROFIBER ผู้ผลิตฉนวนใยแก้
       </div>
     </section>
 
-    <!-- Product Categories / Models -->
+    <!-- Product Grid -->
     <section class="py-16 bg-neutral-50">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <h2 class="text-2xl font-bold text-primary-700 mb-8 text-center">ผลิตภัณฑ์ในเครือ</h2>
+        <h2 class="text-2xl font-bold text-primary-700 mb-8 text-center">ผลิตภัณฑ์ในเครือ MICROFIBER</h2>
         <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
-          
             <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
-              <div class="aspect-[4/3] bg-neutral-100">
-                <img src="/images/microfiber/prod_8.png" alt="ฉนวนใยแก้ว MicroFiber ฉนวนกันความร้อนหลังคา รุ่น ENF" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/microfiber/microfiber-enf.jpg" alt="ENF ENF ฉนวนหลังคาใยแก้วฟอยล์ 1 ด้" class="w-full h-full object-contain p-2" loading="lazy" />
               </div>
               <div class="p-4">
-                <h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว MicroFiber ฉนวนกันความร้อนหลังคา รุ่น ENF</h4>
-                <p class="text-sm text-neutral-600">MicroRoof
-ฉนวนใยแก้ว Micro Roof เป็นฉนวนสำหรับงานหลังคาเพื่อป้องกันความร้อนจากหลังคาเข้าสู่ตัวอาคารโรงงาน หลังคาเมทัลชีทโรงงานในช่วงพักเที่ยงนั้นอุณหภูมิสูงสุดอยู่ที่ 70 องศาเซลเซียสซึ่งจะส่งความร้อนล</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">ENF</h4>
+                <p class="text-sm text-neutral-600">ENF ฉนวนหลังคาใยแก้วฟอยล์ 1 ด้าน (Energy Saving)</p>
               </div>
             </div>
             <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
-              <div class="aspect-[4/3] bg-neutral-100">
-                <img src="/images/microfiber/prod_8.png" alt="ฉนวนใยแก้ว MicroFiber สำหรับงานหุ้มระบบปรับอากาศ รุ่น FL" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/microfiber/microfiber-fl.jpg" alt="FL Micro Duct Wrap — ฉนวนหุ้มท่อป" class="w-full h-full object-contain p-2" loading="lazy" />
               </div>
               <div class="p-4">
-                <h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว MicroFiber สำหรับงานหุ้มระบบปรับอากาศ รุ่น FL</h4>
-                <p class="text-sm text-neutral-600">Micro Duct Wrap
-ฉนวนใยแก้ว Micro Duct Wrap เป็นฉนวนใยแก้วของบริษัท MicroFiber ที่ใช้กันอย่างแพร่หลายในงานหุ้มท่อระบบปรับอากาศ ทั้งโรงงานผลิตท่อลม หน้ากากแอร์ หรือในไซต์งานอาคารที่มีการใช้เครื่องชิลเลอ</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">FL</h4>
+                <p class="text-sm text-neutral-600">Micro Duct Wrap — ฉนวนหุ้มท่อปรับอากาศ ชนิดฟอยล์ 1 ด้าน</p>
               </div>
             </div>
             <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
-              <div class="aspect-[4/3] bg-neutral-100">
-                <img src="/images/microfiber/prod_8.png" alt="ฉนวนใยแก้ว MicroFiber ฉนวนกันความร้อนหลังคา รุ่น FLD" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/microfiber/microfiber-fld.jpg" alt="FLD Micro Roof Duct Wrap — หุ้มท่อ" class="w-full h-full object-contain p-2" loading="lazy" />
               </div>
               <div class="p-4">
-                <h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว MicroFiber ฉนวนกันความร้อนหลังคา รุ่น FLD</h4>
-                <p class="text-sm text-neutral-600">MicroRoof
-ฉนวนใยแก้ว Micro Roof เป็นฉนวนสำหรับงานหลังคาเพื่อป้องกันความร้อนจากหลังคาเข้าสู่ตัวอาคารโรงงาน หลังคาเมทัลชีทโรงงานในช่วงพักเที่ยงนั้นอุณหภูมิสูงสุดอยู่ที่ 70 องศาเซลเซียสซึ่งจะส่งความร้อนล</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">FLD</h4>
+                <p class="text-sm text-neutral-600">Micro Roof Duct Wrap — หุ้มท่อลมฟอยล์ 2 ด้าน</p>
               </div>
             </div>
             <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
-              <div class="aspect-[4/3] bg-neutral-100">
-                <img src="/images/microfiber/prod_8.png" alt="ฉนวนใยแก้ว MicroFiber ฉนวนกันความร้อนหลังคา รุ่น FLS" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/microfiber/microfiber-fls.jpg" alt="FLS Micro Roof Slab — ฉนวนหลังคาแผ" class="w-full h-full object-contain p-2" loading="lazy" />
               </div>
               <div class="p-4">
-                <h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว MicroFiber ฉนวนกันความร้อนหลังคา รุ่น FLS</h4>
-                <p class="text-sm text-neutral-600">MicroRoof
-ฉนวนใยแก้ว Micro Roof เป็นฉนวนสำหรับงานหลังคาเพื่อป้องกันความร้อนจากหลังคาเข้าสู่ตัวอาคารโรงงาน หลังคาเมทัลชีทโรงงานในช่วงพักเที่ยงนั้นอุณหภูมิสูงสุดอยู่ที่ 70 องศาเซลเซียสซึ่งจะส่งความร้อนล</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">FLS</h4>
+                <p class="text-sm text-neutral-600">Micro Roof Slab — ฉนวนหลังคาแผ่นแข็ง</p>
               </div>
             </div>
             <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
-              <div class="aspect-[4/3] bg-neutral-100">
-                <img src="/images/microfiber/prod_8.png" alt="ฉนวนใยแก้ว MicroFiber สำหรับงานหุ้มระบบปรับอากาศ รุ่น FR" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/microfiber/microfiber-fr.jpg" alt="FR Micro Duct Wrap — ฟอยล์ Reinfo" class="w-full h-full object-contain p-2" loading="lazy" />
               </div>
               <div class="p-4">
-                <h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว MicroFiber สำหรับงานหุ้มระบบปรับอากาศ รุ่น FR</h4>
-                <p class="text-sm text-neutral-600">Micro Duct Wrap
-ฉนวนใยแก้ว Micro Duct Wrap เป็นฉนวนใยแก้วของบริษัท MicroFiber ที่ใช้กันอย่างแพร่หลายในงานหุ้มท่อระบบปรับอากาศ ทั้งโรงงานผลิตท่อลม หน้ากากแอร์ หรือในไซต์งานอาคารที่มีการใช้เครื่องชิลเลอ</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">FR</h4>
+                <p class="text-sm text-neutral-600">Micro Duct Wrap — ฟอยล์ Reinforced</p>
               </div>
             </div>
             <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
-              <div class="aspect-[4/3] bg-neutral-100">
-                <img src="/images/microfiber/prod_8.png" alt="ฉนวนใยแก้ว MicroFiber สำหรับงานหุ้มระบบปรับอากาศ รุ่น FRD" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/microfiber/microfiber-frd.jpg" alt="FRD Micro Duct Wrap — ฟอยล์ Reinfo" class="w-full h-full object-contain p-2" loading="lazy" />
               </div>
               <div class="p-4">
-                <h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว MicroFiber สำหรับงานหุ้มระบบปรับอากาศ รุ่น FRD</h4>
-                <p class="text-sm text-neutral-600">Micro Duct Wrap
-ฉนวนใยแก้ว Micro Duct Wrap เป็นฉนวนใยแก้วของบริษัท MicroFiber ที่ใช้กันอย่างแพร่หลายในงานหุ้มท่อระบบปรับอากาศ ทั้งโรงงานผลิตท่อลม หน้ากากแอร์ หรือในไซต์งานอาคารที่มีการใช้เครื่องชิลเลอ</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">FRD</h4>
+                <p class="text-sm text-neutral-600">Micro Duct Wrap — ฟอยล์ Reinforced 2 ด้าน</p>
+              </div>
+            </div>
+            <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/microfiber/microfiber-frk.jpg" alt="FRK Micro Duct Wrap — ชนิด Kraft B" class="w-full h-full object-contain p-2" loading="lazy" />
+              </div>
+              <div class="p-4">
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">FRK</h4>
+                <p class="text-sm text-neutral-600">Micro Duct Wrap — ชนิด Kraft Backed</p>
+              </div>
+            </div>
+            <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/microfiber/microfiber-glc.jpg" alt="GLC Glass Cloth Liner — บุในท่อลมป" class="w-full h-full object-contain p-2" loading="lazy" />
+              </div>
+              <div class="p-4">
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">GLC</h4>
+                <p class="text-sm text-neutral-600">Glass Cloth Liner — บุในท่อลมปิดผิวด้วย Glass Cloth สีดำ</p>
+              </div>
+            </div>
+            <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/microfiber/microfiber-gts.jpg" alt="GTS Glass Tissue Liner — บุในท่อลม" class="w-full h-full object-contain p-2" loading="lazy" />
+              </div>
+              <div class="p-4">
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">GTS</h4>
+                <p class="text-sm text-neutral-600">Glass Tissue Liner — บุในท่อลมปิดผิวด้วย Glass Tissue สีดำ</p>
+              </div>
+            </div>
+            <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/microfiber/microfiber-hi-temp.jpg" alt="Hi-Temp ฉนวนทนอุณหภูมิสูง 540°C — สำหร" class="w-full h-full object-contain p-2" loading="lazy" />
+              </div>
+              <div class="p-4">
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">Hi-Temp</h4>
+                <p class="text-sm text-neutral-600">ฉนวนทนอุณหภูมิสูง 540°C — สำหรับงาน Boiler/Steam Pipe</p>
+              </div>
+            </div>
+            <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/microfiber/microfiber-pfl.jpg" alt="PFL Perforated Foil Liner — บุในท่" class="w-full h-full object-contain p-2" loading="lazy" />
+              </div>
+              <div class="p-4">
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">PFL</h4>
+                <p class="text-sm text-neutral-600">Perforated Foil Liner — บุในท่อลมชนิดฟอยล์รู</p>
+              </div>
+            </div>
+            <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/microfiber/microfiber-pln.jpg" alt="PLN Plain Roll — ฉนวนม้วนเปลือย" class="w-full h-full object-contain p-2" loading="lazy" />
+              </div>
+              <div class="p-4">
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">PLN</h4>
+                <p class="text-sm text-neutral-600">Plain Roll — ฉนวนม้วนเปลือย</p>
               </div>
             </div>
         </div>