feat(images): replace thermobreak main product image

Replace thermobreak-solarblock.png with new thermobreak-main.jpg
across product page, all-products, and homepage (6 refs total).

New image copied to public/images/thermobreak/.
Blog images (thermobreak-hero.jpg, etc.) left unchanged.

src/pages/all-products.astro

@@ -35,7 +35,7 @@ const products = [
   { name: "Armaflex", href: "/armflex", image: "/images/armflex/armaflex-sheet-roll.jpg", category: "ฉนวนหุ้มท่อ" },
   { name: "Aeroflex", href: "/aeroflex", image: "/images/aeroflex/aerocel-d-al-real.jpg", category: "ฉนวนหุ้มท่อ" },
   { name: "Maxflex", href: "/maxflex", image: "/images/maxflex/maxflex-fsk-foil.jpg", category: "ฉนวนหุ้มท่อ" },
-  { name: "เทอร์โมเบรค Thermobreak", href: "/เทอร์โมเบรค-thermobreak", image: "/images/thermobreak/thermobreak-solarblock.png", category: "ฉนวนหุ้มท่อ" },
+  { name: "เทอร์โมเบรค Thermobreak", href: "/เทอร์โมเบรค-thermobreak", image: "/images/thermobreak/thermobreak-main.jpg", category: "ฉนวนหุ้มท่อ" },
 
   // ระบบรั้ว (2 items)
   { name: "รั้วเทวดา", href: "/รั้วเทวดา", image: "/images/tevada/LINE_ALBUM_รั้วเทวดา_260522_1.jpg", category: "ระบบรั้ว" },

src/pages/index.astro

@@ -105,7 +105,7 @@ const articles = (await getCollection('blog')).sort(
 
           <!-- Card 2 - Medium, back right -->
           <div class="absolute top-16 right-4 lg:right-12 w-40 lg:w-52 rounded-2xl shadow-2xl overflow-hidden animate-float-delayed-1 glass-strong tilt-card">
-            <img src="/images/thermobreak/thermobreak-solarblock.png" alt="เทอร์โมเบรค" class="w-full h-full object-cover" loading="lazy" />
+            <img src="/images/thermobreak/thermobreak-main.jpg" alt="เทอร์โมเบรค" class="w-full h-full object-cover" loading="lazy" />
           </div>
 
           <!-- Card 3 - Large, center front -->
@@ -263,7 +263,7 @@ const articles = (await getCollection('blog')).sort(
         <a href="/เทอร์โมเบรค-thermobreak" class="group bg-neutral-50 rounded-3xl overflow-hidden border border-neutral-200 hover:border-primary-300 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/10 hover:-translate-y-2">
           <div class="aspect-square img-hover relative overflow-hidden">
             <img
-              src="/images/thermobreak/thermobreak-solarblock.png"
+              src="/images/thermobreak/thermobreak-main.jpg"
               alt="เทอร์โมเบรค ฉนวนหุ้มท่อ"
               class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
               loading="lazy"
@@ -388,7 +388,7 @@ const articles = (await getCollection('blog')).sort(
 
         <!-- Category 6: ฉนวนหุ้มท่อ (Thermobreak) -->
         <a href="/all-products?filter=insulation" class="group relative h-64 rounded-3xl overflow-hidden border border-neutral-200 hover:shadow-2xl transition-all duration-500 hover:-translate-y-1">
-          <img src="/images/thermobreak/thermobreak-solarblock.png" alt="ฉนวนหุ้มท่อ" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" loading="lazy" />
+          <img src="/images/thermobreak/thermobreak-main.jpg" alt="ฉนวนหุ้มท่อ" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" loading="lazy" />
           <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>

src/pages/เทอร์โมเบรค-thermobreak.astro

@@ -5,7 +5,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
 <BaseLayout title="ฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ เทอร์โมเบรค (Thermobreak)" description="จำหน่ายฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ เทอร์โมเบรค (Thermobreak)คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล"
   product={{
     name: 'ฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ เทอร์โมเบรค (Thermobreak)',
-    image: '/images/thermobreak/thermobreak-solarblock.png',
+    image: '/images/thermobreak/thermobreak-main.jpg',
     brand: 'Thermobreak',
   }}
   faq={[
@@ -89,7 +89,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
           </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/thermobreak/thermobreak-solarblock.png" alt="เทอร์โมเบรค Thermobreak" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
+              <img src="/images/thermobreak/thermobreak-main.jpg" alt="เทอร์โมเบรค Thermobreak" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
             </div>
           </div>
         </div>