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/layouts/BaseLayout.astro

@@ -133,6 +133,19 @@ const categories = [
       { name: 'ท่อ XYLENT', slug: '/ท่อ-xy-lent' },
     ]
   },
+  {
+    name: 'ฉนวนหุ้มท่อ',
+    slug: '/armflex',
+    subcategories: [
+      { name: 'Armaflex', slug: '/armflex' },
+      { name: 'Aeroflex', slug: '/aeroflex' },
+      { name: 'Maxflex', slug: '/maxflex' },
+      { name: 'Thermobreak', slug: '/เทอร์โมเบรค-thermobreak' },
+      { name: 'ROCKWOOL', slug: '/rockwool' },
+      { name: 'MICROFIBER', slug: '/microfiber' },
+      { name: 'SCG', slug: '/scg' },
+    ]
+  },
   {
     name: 'เครื่องเชื่อมท่อ',
     slug: '/เครื่องเชื่อม-hdpe',
@@ -169,19 +182,6 @@ const categories = [
       { name: 'Realflex', slug: '/realflex' },
     ]
   },
-  {
-    name: 'ฉนวนหุ้มท่อ',
-    slug: '/armflex',
-    subcategories: [
-      { name: 'Armaflex', slug: '/armflex' },
-      { name: 'Aeroflex', slug: '/aeroflex' },
-      { name: 'Maxflex', slug: '/maxflex' },
-      { name: 'Thermobreak', slug: '/เทอร์โมเบรค-thermobreak' },
-      { name: 'ROCKWOOL', slug: '/rockwool' },
-      { name: 'MICROFIBER', slug: '/microfiber' },
-      { name: 'SCG', slug: '/scg' },
-    ]
-  },
   {
     name: 'ระบบรั้ว',
     slug: '/รั้วเทวดา',

src/pages/index.astro

@@ -392,7 +392,7 @@ const articles = (await getCollection('blog')).sort(
           <div class="absolute inset-0 bg-gradient-to-t from-neutral-900/90 via-neutral-900/40 to-transparent"></div>
           <div class="relative h-full flex flex-col justify-end p-6 text-white">
             <h3 class="text-xl font-bold mb-1">ฉนวนหุ้มท่อ</h3>
-            <p class="text-sm text-white/80 mb-2">4 รายการ</p>
+            <p class="text-sm text-white/80 mb-2">7 รายการ</p>
             <span class="inline-flex items-center gap-1 text-sm font-medium group-hover:gap-2 transition-all">
               ดูสินค้า
               <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>

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>

src/pages/rockwool.astro

@@ -2,12 +2,11 @@
 import BaseLayout from '@/layouts/BaseLayout.astro';
 
 const title = "ROCKWOOL — ฉนวนใยหินกันความร้อน กันเสียง";
-const description = "ROCKWOOL ฉนวนใยหินคุณภาพสูงจากประเทศเดนมาร์ก ผู้นำด้านนวัตกรรมฉนวนใยหิน (Stone Wool) ครบวงจร ผลิตจากหินบะซอลต์ธรรมชาติ ทนไฟสูงสุด 1,000°C เหมาะสำหรับงานระบบปรับอากาศ งานอุตสาหกรรม งานหลังคา งานกันไฟและกันเสียง";
+const description = "ROCKWOOL ฉนวนใยหินคุณภาพสูงจากประเทศเดนมาร์ก ผู้นำด้านนวัตกรรมฉนวนใยหิน (Stone Wool) ครบวงจร ทนไฟสูงสุด 1,000°C เหมาะสำหรับงานระบบปรับอากาศ งานอุตสาหกรรม งานหลังคา งานกันไฟและกันเสียง";
 ---
 
 <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 = "ROCKWOOL ฉนวนใยหินคุณภาพส
             </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">
@@ -39,7 +33,7 @@ const description = "ROCKWOOL ฉนวนใยหินคุณภาพส
             <span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">ฉนวนใยหิน ROCKWOOL</span>
             <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold mb-4">ROCKWOOL — ฉนวนใยหินกันความร้อน กันเสียง</h1>
             <p class="text-lg text-primary-100 mb-8 leading-relaxed">
-              ROCKWOOL ฉนวนใยหินคุณภาพสูงจากประเทศเดนมาร์ก ผู้นำด้านนวัตกรรมฉนวนใยหิน (Stone Wool) ครบวงจร ผลิตจากหินบะซอลต์ธรรมชาติ ทนไฟสูงสุด 1,000°C เหมาะสำหรับงานระบบปรับอากาศ งานอุตสาหกรรม งานหลังคา งานกันไฟและกันเสียง
+              ROCKWOOL ฉนวนใยหินคุณภาพสูงจากประเทศเดนมาร์ก ผู้นำด้านนวัตกรรมฉนวนใยหิน (Stone Wool) ครบวงจร ทนไฟสูงสุด 1,000°C เหมาะสำหรับงานระบบปรับอากาศ งานอุตสาหกรรม งานหลังคา งานกันไฟและกันเสียง
             </p>
             <div class="flex flex-wrap justify-center gap-4 mb-8 lg:justify-start">
               <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-6 rounded-xl font-semibold flex items-center gap-2">
@@ -56,7 +50,7 @@ const description = "ROCKWOOL ฉนวนใยหินคุณภาพส
           </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/rockwool/prod_0_0.jpg" alt="ROCKWOOL — ฉนวนใยหินกันความร้อน กันเสียง" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
+              <img src="/images/rockwool/cool-n-comfort-rl.jpg" alt="ROCKWOOL — ฉนวนใยหินกันความร้อน กันเสียง" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
             </div>
           </div>
         </div>
@@ -64,13 +58,13 @@ const description = "ROCKWOOL ฉนวนใยหินคุณภาพส
     </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">ROCKWOOL คือผู้ผลิตฉนวนใยหิน (Stone Wool) รายใหญ่ที่สุดของโลก มีประวัติยาวนานกว่า 100 ปี ผลิตภัณฑ์ ROCKWOOL ผลิตจากหินบะซอลต์ธรรมชาติ (Basalt Rock) ซึ่งเป็นวัตถุดิบที่มีอยู่อย่างอุดมสมบูรณ์ในธรรมชาติ ผ่านกระบวนการหลอมด้วยความร้อนสูงถึง 1,500°C แล้วปั่นเป็นเส้นใยละเอียด ก่อนอัดเป็นแผ่นหรือม้วนตามลักษณะการใช้งาน
+          <h2 class="text-2xl font-bold text-primary-700 mb-8">เกี่ยวกับROCKWOOL</h2>
+          <div class="prose prose-lg max-w-none space-y-4 text-neutral-700">
+            <p class="text-lg leading-relaxed whitespace-pre-line">ROCKWOOL คือผู้ผลิตฉนวนใยหิน (Stone Wool) รายใหญ่ที่สุดของโลก มีประวัติยาวนานกว่า 100 ปี ผลิตภัณฑ์ ROCKWOOL ผลิตจากหินบะซอลต์ธรรมชาติ (Basalt Rock) ซึ่งเป็นวัตถุดิบที่มีอยู่อย่างอุดมสมบูรณ์ในธรรมชาติ ผ่านกระบวนการหลอมด้วยความร้อนสูงถึง 1,500°C แล้วปั่นเป็นเส้นใยละเอียด ก่อนอัดเป็นแผ่นหรือม้วนตามลักษณะการใช้งาน
 
 **ข้อดีของ ROCKWOOL:**
 • ทนความร้อนสูงสุดถึง 1,000°C โดยไม่ไหม้
@@ -84,71 +78,108 @@ const description = "ROCKWOOL ฉนวนใยหินคุณภาพส
       </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">ผลิตภัณฑ์ในเครือ ROCKWOOL</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/rockwool/prod_8.png" alt="ROCKWOOL รุ่น ROCKDUCT สำหรับงานระบบปรับอากาศ" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/rockwool/rockduct.jpg" alt="ROCKDUCT สำหรับงานระบบปรับอากาศ (HVAC) " 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">ROCKWOOL รุ่น ROCKDUCT สำหรับงานระบบปรับอากาศ</h4>
-                <p class="text-sm text-neutral-600">ROCKDUCT ProRox BL
-ฉนวนใยหิน ROCKDUCT ProRox BL ถูกพัฒนามาตรฐานขึ้นเพื่อใช้สำหรับงานระบบปรับอากาศและระบบระบายอากาศ เพื่อให้มีคุณสมบัติในการใช้งานทนความร้อนที่สูงขึ้น ปิดผิวด้วยอลูมิเนียมฟอยล์ 1 ด้าน ม</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">ROCKDUCT</h4>
+                <p class="text-sm text-neutral-600">สำหรับงานระบบปรับอากาศ (HVAC) — ProRox BL ฉนวนใยหินสำหรับหุ้มท่อลม</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/rockwool/prod_8.png" alt="ฉนวนใยหิน ROCKWOOL สำหรับFire Barrier รุ่น Conlit H110" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/rockwool/conlit-h110.jpg" alt="Conlit H110 Fire Barrier — ทนไฟสูงสุด 2 ชม" 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">ฉนวนใยหิน ROCKWOOL สำหรับFire Barrier รุ่น Conlit H110</h4>
-                <p class="text-sm text-neutral-600">Conlit H110
-ฉนวนใยหินConlit H110 ถูกออกแบบเพื่องาน Fire Barrier บนพื้นฐานของการทนไฟอย่างยาวนานภายใต้อาคารที่เกิดอัคคีภัย เพื่อให้สถาปนิกและวิศกรอัคคีภัยสามารถมั่นใจได้ว่าการออกแบบสามารถช่วยชีวิตผู้คนใ</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">Conlit H110</h4>
+                <p class="text-sm text-neutral-600">Fire Barrier — ทนไฟสูงสุด 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/rockwool/prod_8.png" alt="ฉนวนกันความร้อนหลังคา rockwool รุ่น Cool ’n’ Comfort RL" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/rockwool/cool-n-comfort-rl.jpg" alt="Cool 'n' Comfort RL ฉนวนกันความร้อนหลังคา (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">ฉนวนกันความร้อนหลังคา rockwool รุ่น Cool ’n’ Comfort RL</h4>
-                <p class="text-sm text-neutral-600">Cool ’n’ Comfort RL
-ฉนวนกันความร้อน Cool ’n’ Comfort เป็นฉนวนใยหินในเครือของ ROCKWOOL ที่ถูกออกแบบขึ้นมาสำหรับงานระบบหลังคากันความร้อน ด้วยการออกแบบมาให้มีลักษณะม้วนเพื่อให้กลิ้งตามหลังคาได้ง่าย และมี</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">Cool 'n' Comfort RL</h4>
+                <p class="text-sm text-neutral-600">ฉนวนกันความร้อนหลังคา (Roll) — เหมาะสำหรับงานมุงหลังคา</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/rockwool/prod_8.png" alt="ฉนวนกันความร้อนหลังคา rockwool รุ่น Cool ’n’ Comfort SL" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/rockwool/cool-n-comfort-sl.jpg" alt="Cool 'n' Comfort SL ฉนวนกันความร้อนหลังคา (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">ฉนวนกันความร้อนหลังคา rockwool รุ่น Cool ’n’ Comfort SL</h4>
-                <p class="text-sm text-neutral-600">Cool ’n’ Comfort SL
-ฉนวนกันความร้อน Cool ’n’ Comfort เป็นฉนวนใยหินในเครือของ ROCKWOOL ที่ถูกออกแบบขึ้นมาสำหรับงานระบบหลังคากันความร้อน ด้วยการออกแบบมาให้มีลักษณะม้วนเพื่อให้กลิ้งตามหลังคาได้ง่าย และมี</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">Cool 'n' Comfort SL</h4>
+                <p class="text-sm text-neutral-600">ฉนวนกันความร้อนหลังคา (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/rockwool/prod_8.png" alt="Rockwool roof insulation, Cool 'n' Comfort RL model" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/rockwool/prorox-bl.jpg" alt="ProRox BL ฉนวนใยหินชนิดม้วน (Blanket) — " 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">Rockwool roof insulation, Cool 'n' Comfort RL model</h4>
-                <p class="text-sm text-neutral-600">Cool ‘n’ Comfort RL
-Cool ‘n’ Comfort insulation is a ROCKWOOL mineral wool insulation designed for roof heat insulation systems. It’s designed in roll form for easy rolling on roofs, and also comes in</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">ProRox BL</h4>
+                <p class="text-sm text-neutral-600">ฉนวนใยหินชนิดม้วน (Blanket) — งานอุตสาหกรรมทั่วไป</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/rockwool/prod_8.png" alt="ฉนวนใยหิน rockwool รุ่น ProRox BL ชนิดม้วน" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/rockwool/prorox-ps960.jpg" alt="ProRox PS960 สำหรับงานหุ้มท่อน้ำร้อน — ทนคว" 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">ฉนวนใยหิน rockwool รุ่น ProRox BL ชนิดม้วน</h4>
-                <p class="text-sm text-neutral-600">ProRox BL
-ฉนวนใยหินProRox BL เป็นฉนวนใยหินROCKWOOL ในซีรี่ย์ ProRox ที่ออกแบบมาสำหรับงานอุตสาหกรรมที่มีการใช้งานที่ทนความร้อนสูงกว่า ต้องการใบรับรองมาตรฐานต่างๆมากกว่า
-ProRox BL เป็นฉนวนใยหินในรูปแบบม</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">ProRox PS960</h4>
+                <p class="text-sm text-neutral-600">สำหรับงานหุ้มท่อน้ำร้อน — ทนความร้อนสูง</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/rockwool/prorox-sl.jpg" alt="ProRox SL ฉนวนใยหินงานอุตสาหกรรม — 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">ProRox SL</h4>
+                <p class="text-sm text-neutral-600">ฉนวนใยหินงานอุตสาหกรรม — Slab ทนไฟ 650°C</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/rockwool/prorox-wm.jpg" alt="ProRox WM ชนิดม้วนลวดตาข่าย — สำหรับงานท" 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">ProRox WM</h4>
+                <p class="text-sm text-neutral-600">ชนิดม้วนลวดตาข่าย — สำหรับงานท่อขนาดใหญ่</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/rockwool/rocksafe-plus.jpg" alt="RockSafe Plus ฉนวนกันไฟไหม้ 2 ชม. — มาตรฐาน " 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">RockSafe Plus</h4>
+                <p class="text-sm text-neutral-600">ฉนวนกันไฟไหม้ 2 ชม. — มาตรฐาน BS 476 / ASTM E119</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/rockwool/safe-n-silent-pro.jpg" alt="Safe 'n' Silent Pro ฉนวนกันเสียงภายในอาคาร — NRC ส" 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">Safe 'n' Silent Pro</h4>
+                <p class="text-sm text-neutral-600">ฉนวนกันเสียงภายในอาคาร — NRC สูง 0.95+</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/rockwool/thermalrock-s.jpg" alt="ThermalRock S Fire Partition — แผ่นแข็งความห" 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">ThermalRock S</h4>
+                <p class="text-sm text-neutral-600">Fire Partition — แผ่นแข็งความหนาแน่นสูง</p>
               </div>
             </div>
         </div>

src/pages/scg.astro

@@ -2,12 +2,11 @@
 import BaseLayout from '@/layouts/BaseLayout.astro';
 
 const title = "SCG — ฉนวนกันความร้อน ครบทุกงานอาคารและอุตสาหกรรม";
-const description = "ฉนวนกันความร้อน SCG จากเครือซิเมนต์ไทย (SCG) ผลิตภัณฑ์คุณภาพสูง มาตรฐานระดับโลกสำหรับงานอาคาร งานหลังคา และงานอุตสาหกรรมครบวงจร";
+const description = "ฉนวนกันความร้อน SCG จากเครือซิเมนต์ไทย ผลิตภัณฑ์คุณภาพสูง มาตรฐานระดับโลกสำหรับงานอาคาร งานหลังคา และงานอุตสาหกรรมครบวงจร";
 ---
 
 <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 = "ฉนวนกันความร้อน SCG จาก
             </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">
@@ -39,7 +33,7 @@ const description = "ฉนวนกันความร้อน SCG จาก
             <span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">ฉนวนกันความร้อน SCG</span>
             <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold mb-4">SCG — ฉนวนกันความร้อน ครบทุกงานอาคารและอุตสาหกรรม</h1>
             <p class="text-lg text-primary-100 mb-8 leading-relaxed">
-              ฉนวนกันความร้อน SCG จากเครือซิเมนต์ไทย (SCG) ผลิตภัณฑ์คุณภาพสูง มาตรฐานระดับโลกสำหรับงานอาคาร งานหลังคา และงานอุตสาหกรรมครบวงจร
+              ฉนวนกันความร้อน SCG จากเครือซิเมนต์ไทย ผลิตภัณฑ์คุณภาพสูง มาตรฐานระดับโลกสำหรับงานอาคาร งานหลังคา และงานอุตสาหกรรมครบวงจร
             </p>
             <div class="flex flex-wrap justify-center gap-4 mb-8 lg:justify-start">
               <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-6 rounded-xl font-semibold flex items-center gap-2">
@@ -56,7 +50,7 @@ const description = "ฉนวนกันความร้อน SCG จาก
           </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/scg/prod_0_0.jpg" alt="SCG — ฉนวนกันความร้อน ครบทุกงานอาคารและอุตสาหกรรม" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
+              <img src="/images/scg/scg-crb-g.jpg" alt="SCG — ฉนวนกันความร้อน ครบทุกงานอาคารและอุตสาหกรรม" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
             </div>
           </div>
         </div>
@@ -64,13 +58,13 @@ const description = "ฉนวนกันความร้อน SCG จาก
     </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">SCG (ปูนซิเมนต์ไทย) เป็นหนึ่งในผู้นำด้านวัสดุก่อสร้างและฉนวนกันความร้อนที่ครบวงจรที่สุดในประเทศไทย ผลิตภัณฑ์ฉนวนของ SCG มีคุณภาพสูง ได้รับมาตรฐานอุตสาหกรรม และได้รับความไว้วางใจจากลูกค้ามาอย่างยาวนาน
+          <h2 class="text-2xl font-bold text-primary-700 mb-8">เกี่ยวกับSCG</h2>
+          <div class="prose prose-lg max-w-none space-y-4 text-neutral-700">
+            <p class="text-lg leading-relaxed whitespace-pre-line">SCG (ปูนซิเมนต์ไทย) เป็นหนึ่งในผู้นำด้านวัสดุก่อสร้างและฉนวนกันความร้อนที่ครบวงจรที่สุดในประเทศไทย ผลิตภัณฑ์ฉนวนของ SCG มีคุณภาพสูง ได้รับมาตรฐานอุตสาหกรรม และได้รับความไว้วางใจจากลูกค้ามาอย่างยาวนาน
 
 **ผลิตภัณฑ์หลักของ SCG:**
 • ฉนวนใยแก้ว SCG — สำหรับงานหลังคา (CRB-G, FPO-G, UB)
@@ -83,70 +77,117 @@ const description = "ฉนวนกันความร้อน SCG จาก
       </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">ผลิตภัณฑ์ในเครือ SCG</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/scg/prod_8.jpg" alt="ฉนวนใยแก้ว scg สำหรับงานหลังคา ชนิดฟอยล์ 2 ด้าน รุ่น CRB-G" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/scg/scg-crb-g.jpg" alt="CRB-G CRB-G ฉนวนใยแก้วหลังคา ชนิดฟอย" 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">ฉนวนใยแก้ว scg สำหรับงานหลังคา ชนิดฟอยล์ 2 ด้าน รุ่น CRB-G</h4>
-                <p class="text-sm text-neutral-600">ฉนวนใยแก้ว SCG สำหรับงานหลังคากันความร้อน
-หลังคาเป็นส่วนแรกที่สัมผัสกับความร้อนที่ส่งมาจากพระอาทิตย์ ในงานหลังคาเมทัลชีทอุณหภูมิในช่วงเที่ยงวันนั้นสามารถสูงได้ถึง 70 องศาเซลเซียส ถ้าหากบริเวณใต้หลังคา</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">CRB-G</h4>
+                <p class="text-sm text-neutral-600">CRB-G ฉนวนใยแก้วหลังคา ชนิดฟอยล์ 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/scg/prod_8.jpg" alt="ฉนวนซับเสียง SCG รุ่น Cylence ZofTone" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/scg/scg-cylence-zoftone.jpg" alt="Cylence ZofTone Cylence ZofTone — แผ่นบุผนังอะ" 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">ฉนวนซับเสียง SCG รุ่น Cylence ZofTone</h4>
-                <p class="text-sm text-neutral-600">Cylence ZofTone
-แผ่นบุผนังอะคูสติก Cylence รุ่น ZofTone เป็นแผ่นผนังสำเร็จรูป เพื่อการดูดซับเสียง ผลิตจากแผ่นกลาสวูล (Glasswool) ความหนาแน่นสูงหุ้มรอบด้านด้วยผ้าใยแก้วทอพิเศษ ออกแบบและผลิตขึ้นตามมาตรฐ</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">Cylence ZofTone</h4>
+                <p class="text-sm text-neutral-600">Cylence ZofTone — แผ่นบุผนังอะคูสติก ลายไม้</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/scg/prod_8.jpg" alt="ฉนวนกันเสียง SCG รุ่น Cylence Zoundblock" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/scg/scg-cylence-zoundblock.jpg" alt="Cylence Zoundblock Cylence ZoundBlock — ฉนวนกันเส" 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">ฉนวนกันเสียง SCG รุ่น Cylence Zoundblock</h4>
-                <p class="text-sm text-neutral-600">ฉนวนกันเสียง SCG รุ่น Cylence ZoundBlock
-วัสดุอะคูสติก ฉนวนกันเสียง SCG รุ่น Cylence ZoundBlock เป็นวัสดุสำหรับติดตั้งในโครงผนังเพื่อใช้ในการป้องกันเสียงรบกวนจากภายนอก ไม่ให้เข้ามาภายในห้องพักอาศัยของ</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">Cylence Zoundblock</h4>
+                <p class="text-sm text-neutral-600">Cylence ZoundBlock — ฉนวนกันเสียงผนังอาคาร</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/scg/prod_8.jpg" alt="ฉนวนใยแก้ว scg สำหรับงานบุในท่อลม ปิดด้วยบางนีโอพรีน รุ่น DLN" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/scg/scg-dln-g.jpg" alt="DLN DLN ฉนวนบุในท่อลม ปิดผิว Neopr" 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">ฉนวนใยแก้ว scg สำหรับงานบุในท่อลม ปิดด้วยบางนีโอพรีน รุ่น DLN</h4>
-                <p class="text-sm text-neutral-600">ฉนวนใยแก้ว scg สำหรับงานบุในท่อลม
-ในงานระบบท่อส่งลมเย็นขนาดใหญ่ที่มีการเดินท่อลมสังกะสี เพื่อกระจายลมเย็นไปยังส่วนต่างๆของอาคาร ภายในท่อลมจะมีอากาศเย็นไหลผ่าน และอากาศเย็นเหล่านี้จะมีความเร็วสูง จนทำใ</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">DLN</h4>
+                <p class="text-sm text-neutral-600">DLN ฉนวนบุในท่อลม ปิดผิว Neoprene — ลดเสียงรบกวน</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/scg/prod_8.jpg" alt="ฉนวนใยแก้ว scg สำหรับงานบุในท่อลม ปิดด้วยฟอยล์รู รุ่น FPO" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/scg/scg-fpo-g.jpg" alt="FPO FPO ฉนวนบุในท่อลม ปิดผิวฟอยล์ร" 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">ฉนวนใยแก้ว scg สำหรับงานบุในท่อลม ปิดด้วยฟอยล์รู รุ่น FPO</h4>
-                <p class="text-sm text-neutral-600">ฉนวนใยแก้ว scg สำหรับงานบุในท่อลม
-ในงานระบบท่อส่งลมเย็นขนาดใหญ่ที่มีการเดินท่อลมสังกะสี เพื่อกระจายลมเย็นไปยังส่วนต่างๆของอาคาร ภายในท่อลมจะมีอากาศเย็นไหลผ่าน และอากาศเย็นเหล่านี้จะมีความเร็วสูง จนทำใ</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">FPO</h4>
+                <p class="text-sm text-neutral-600">FPO ฉนวนบุในท่อลม ปิดผิวฟอยล์รู — ป้องกันเสียงสะท้อน</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/scg/prod_8.jpg" alt="ฉนวนใยแก้ว scg สำหรับงานหลังคา ชนิดฟอยล์ 1 ด้าน รุ่น FPO-G" class="w-full h-full object-contain p-4" loading="lazy" />
+              <div class="aspect-square bg-neutral-100">
+                <img src="/images/scg/scg-fso-g.jpg" alt="FPO-G FPO-G ฉนวนหลังคา ชนิดฟอยล์ 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">ฉนวนใยแก้ว scg สำหรับงานหลังคา ชนิดฟอยล์ 1 ด้าน รุ่น FPO-G</h4>
-                <p class="text-sm text-neutral-600">ฉนวนใยแก้ว SCG สำหรับงานหลังคากันความร้อน
-หลังคาเป็นส่วนแรกที่สัมผัสกับความร้อนที่ส่งมาจากพระอาทิตย์ ในงานหลังคาเมทัลชีทอุณหภูมิในช่วงเที่ยงวันนั้นสามารถสูงได้ถึง 70 องศาเซลเซียส ถ้าหากบริเวณใต้หลังคา</p>
+                <h4 class="text-lg font-semibold text-primary-700 mb-2">FPO-G</h4>
+                <p class="text-sm text-neutral-600">FPO-G ฉนวนหลังคา ชนิดฟอยล์ 1 ด้าน</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/scg/scg-gtb-g.jpg" alt="GTB GTB ฉนวนบุในท่อลม ปิดผิว Glass" 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">GTB</h4>
+                <p class="text-sm text-neutral-600">GTB ฉนวนบุในท่อลม ปิดผิว 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/scg/scg-hti-g.jpg" alt="HTI HTI ฉนวนทนอุณหภูมิสูง ชนิดเปลื" 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">HTI</h4>
+                <p class="text-sm text-neutral-600">HTI ฉนวนทนอุณหภูมิสูง ชนิดเปลือย (540°C)</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/scg/scg-htif-g.jpg" alt="HTIF HTIF ฉนวนทนอุณหภูมิสูง ฟอยล์ 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">HTIF</h4>
+                <p class="text-sm text-neutral-600">HTIF ฉนวนทนอุณหภูมิสูง ฟอยล์ 1 ด้าน</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/scg/scg-htifd-g.jpg" alt="HTIFD HTIFD ฉนวนทนความร้อนสูง ฟอยล์ " 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">HTIFD</h4>
+                <p class="text-sm text-neutral-600">HTIFD ฉนวนทนความร้อนสูง ฟอยล์ 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/scg/scg-stay-cool.jpg" alt="STAY COOL STAY COOL — ฉนวนกันความร้อนวาง" 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">STAY COOL</h4>
+                <p class="text-sm text-neutral-600">STAY COOL — ฉนวนกันความร้อนวางบนฝ้า SCG</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/scg/scg-ub-g.jpg" alt="UB UB ฉนวนหลังคา ชนิดแผ่น (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">UB</h4>
+                <p class="text-sm text-neutral-600">UB ฉนวนหลังคา ชนิดแผ่น (Slab)</p>
               </div>
             </div>
         </div>