Update insulation brand pages (Armaflex, Aeroflex, Maxflex)

- Added 3 new brand pages: armflex.astro, aeroflex.astro, maxflex.astro
- Updated hero images with product photos from 3t-insulation.com
- Enhanced content with product specifications and benefits
- Added standard certifications (FM Approved, UL 94, GREENGUARD)
- Added product gallery sections
- Shortened menu names to brand only (Armaflex, Aeroflex, Maxflex)
- Removed old ฉนวนหุ้มท่อ.astro page
- Updated Header and BaseLayout navigation
- Downloaded product images for all 3 brands

src/pages/เม็กกรู๊ฟ-คับปลิ้ง.astro

@@ -12,7 +12,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
     <!-- Mobile: Full-width Hero Image -->
     <section class="md:hidden">
       <div class="w-full aspect-square bg-gray-100">
-        <img src="/images/products-misc/MECH_001.jpg" alt="ข้อต่อกรู๊ฟคับปลิ้ง | MECH Grooved Coupling" class="w-full h-full object-cover" width="600" height="600" loading="eager" fetchpriority="high" onerror="this.src='/images/logo/dealplustech-logo.png'" />
+        <img src="/images/products-misc/MECH_001.svg" alt="ข้อต่อกรู๊ฟคับปลิ้ง | MECH Grooved Coupling" class="w-full h-full object-cover" width="600" height="600" loading="eager" fetchpriority="high" onerror="this.src='/images/logo/dealplustech-logo.svg'" />
       </div>
     </section>
 
@@ -50,7 +50,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
           <div class="grid lg:grid-cols-2 gap-12 items-start">
             <div class="lg:sticky lg:top-24">
               <div class="rounded-2xl overflow-hidden bg-white/10 p-2">
-                <img src="/images/products-misc/MECH_001.jpg" alt="ข้อต่อกรู๊ฟคับปลิ้ง | MECH Grooved Coupling" class="w-full h-auto rounded-xl" width="600" height="400" loading="eager" fetchpriority="high" decoding="sync" onerror="this.src='/images/logo/dealplustech-logo.png'" />
+                <img src="/images/products-misc/MECH_001.svg" alt="ข้อต่อกรู๊ฟคับปลิ้ง | MECH Grooved Coupling" class="w-full h-auto rounded-xl" width="600" height="400" loading="eager" fetchpriority="high" decoding="sync" onerror="this.src='/images/logo/dealplustech-logo.svg'" />
               </div>
             </div>
             <div>
@@ -113,7 +113,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
 
     <!-- Product Details -->
     <section class="py-16">
-      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <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-xl sm:text-xl font-bold text-slate-900 mb-8">รายละเอียดสินค้า</h2>
           <div class="prose prose-lg max-w-none">
@@ -201,7 +201,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
 
     <!-- Quick Mech Coupling Section -->
     <section class="py-16 bg-gray-50">
-      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <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-xl sm:text-xl font-bold text-slate-900 mb-8">Quick Mech Coupling</h2>
           <div class="bg-white rounded-2xl shadow-lg overflow-hidden">
@@ -252,7 +252,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
 
     <!-- Comparison Section -->
     <section class="py-16">
-      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <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-xl sm:text-xl font-bold text-slate-900 mb-8">เปรียบเทียบ Grooved Coupling กับ การเชื่อม</h2>
           <div class="overflow-x-auto">
@@ -299,7 +299,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
 
     <!-- FAQ Section -->
     <section id="faq" class="py-16 bg-gray-50">
-      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <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-xl font-bold text-slate-900 mb-8">คำถามที่พบบ่อย</h2>
           <div class="space-y-4">
@@ -326,7 +326,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
 
     <!-- Price List Section -->
     <section id="pricelist" class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white">
-      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
         <div class="max-w-lg mx-auto">
           <h2 class="text-lg sm:text-xl font-bold mb-6 text-center">ดาวน์โหลดราคาสินค้า</h2>
           <a href="/documents/Price List MECH_V13-2021 [260864](1).pdf" target="_blank" class="flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow group">