fix(menu,images): correct header menu + use real product images

Two fixes:
1) Header.astro menu items for ROCKWOOL/MICROFIBER/SCG were
   placed AFTER the closing array bracket - not visible in dropdown.
   Moved INSIDE the 'ฉนวนและรั้ว' items array.
2) Product images were generic logos/QR codes. Replaced hero
   images with actual product photos (1200x800) from supplier
   WooCommerce galleries.

Also added footer links.

src/components/common/Header.astro

@@ -63,10 +63,10 @@ const productCategories = [
       { label: "ตู้ดับเพลิง", href: "/ตู้ดับเพลิง" },
       { label: "รั้วเทวดา", href: "/รั้วเทวดา" },
       { label: "ระบบรั้วไวน์แมน", href: "/ระบบรั้วไวน์แมน" },
-    ]
       { label: "ROCKWOOL", href: "/rockwool" },
       { label: "MICROFIBER", href: "/microfiber" },
       { label: "SCG", href: "/scg" },
+    ]
   },
 ];
 

src/pages/microfiber.astro

@@ -56,7 +56,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.jpg" alt="MICROFIBER — ฉนวนใยแก้วกันความร้อน ครบวงจร" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
+              <img src="/images/microfiber/prod_0_0.jpg" alt="MICROFIBER — ฉนวนใยแก้วกันความร้อน ครบวงจร" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
             </div>
           </div>
         </div>

src/pages/rockwool.astro

@@ -56,7 +56,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.png" alt="ROCKWOOL — ฉนวนใยหินกันความร้อน กันเสียง" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
+              <img src="/images/rockwool/prod_0_0.jpg" alt="ROCKWOOL — ฉนวนใยหินกันความร้อน กันเสียง" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
             </div>
           </div>
         </div>

src/pages/scg.astro

@@ -56,7 +56,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.jpg" alt="SCG — ฉนวนกันความร้อน ครบทุกงานอาคารและอุตสาหกรรม" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
+              <img src="/images/scg/prod_0_0.jpg" alt="SCG — ฉนวนกันความร้อน ครบทุกงานอาคารและอุตสาหกรรม" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
             </div>
           </div>
         </div>