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

public/images/products-cropped/durgo.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
+  <rect width="400" height="400" fill="#ea580c"/>
+  <text x="200" y="100" text-anchor="middle" fill="white" font-family="sans-serif" font-size="24" font-weight="600">DURGO วาล์วเติมอากาศ</text>
+  <rect x="140" y="180" width="120" height="150" rx="10" fill="none" stroke="white" stroke-width="6"/>
+  <line x1="140" y1="220" x2="260" y2="220" stroke="white" stroke-width="4"/>
+</svg>

public/images/products-cropped/extinguishers.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
+  <rect width="400" height="400" fill="#dc2626"/>
+  <text x="200" y="100" text-anchor="middle" fill="white" font-family="sans-serif" font-size="24" font-weight="600">อุปกรณ์ดับเพลิง</text>
+  <rect x="160" y="150" width="80" height="180" rx="10" fill="none" stroke="white" stroke-width="6"/>
+  <rect x="180" y="110" width="40" height="50" rx="5" fill="none" stroke="white" stroke-width="4"/>
+  <line x1="180" y1="150" x2="220" y2="100" stroke="white" stroke-width="4"/>
+</svg>

public/images/products-cropped/grilles.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#e35c1c"/>
+      <stop offset="100%" style="stop-color:#c2410c"/>
+    </linearGradient>
+  </defs>
+  <rect width="400" height="400" fill="url(#bg)"/>
+  <text x="200" y="100" text-anchor="middle" fill="white" font-family="sans-serif" font-size="24" font-weight="600">กริลแอร์</text>
+  <text x="200" y="135" text-anchor="middle" fill="#fed7aa" font-family="sans-serif" font-size="16">Air Grille</text>
+  <rect x="80" y="170" width="240" height="140" rx="12" fill="none" stroke="white" stroke-width="6"/>
+  <line x1="110" y1="180" x2="110" y2="300" stroke="white" stroke-width="3"/>
+  <line x1="145" y1="180" x2="145" y2="300" stroke="white" stroke-width="3"/>
+  <line x1="180" y1="180" x2="180" y2="300" stroke="white" stroke-width="3"/>
+  <line x1="215" y1="180" x2="215" y2="300" stroke="white" stroke-width="3"/>
+  <line x1="250" y1="180" x2="250" y2="300" stroke="white" stroke-width="3"/>
+  <line x1="285" y1="180" x2="285" y2="300" stroke="white" stroke-width="3"/>
+</svg>

public/images/products-cropped/hdpe.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
+  <rect width="400" height="400" fill="#1e40af"/>
+  <text x="200" y="180" text-anchor="middle" fill="white" font-family="sans-serif" font-size="24" font-weight="600">ท่อ HDPE</text>
+  <text x="200" y="220" text-anchor="middle" fill="#93c5fd" font-family="sans-serif" font-size="16">High Density</text>
+  <rect x="120" y="260" width="160" height="60" rx="8" fill="none" stroke="white" stroke-width="4"/>
+</svg>

public/images/products-cropped/ppr-pipe.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#2d6a4f"/>
+      <stop offset="100%" style="stop-color:#1b4332"/>
+    </linearGradient>
+  </defs>
+  <rect width="400" height="400" fill="url(#bg)"/>
+  <circle cx="200" cy="180" r="60" fill="none" stroke="white" stroke-width="8"/>
+  <line x1="200" y1="120" x2="200" y2="240" stroke="white" stroke-width="12" stroke-linecap="round"/>
+  <line x1="140" y1="180" x2="260" y2="180" stroke="white" stroke-width="8"/>
+  <text x="200" y="300" text-anchor="middle" fill="white" font-family="sans-serif" font-size="24" font-weight="600">ท่อ PPR</text>
+  <text x="200" y="335" text-anchor="middle" fill="#a7f3d0" font-family="sans-serif" font-size="16">Thai PPR Pipe</text>
+</svg>

public/images/products-cropped/ppr-scg.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
+  <rect width="400" height="400" fill="#ff6b00"/>
+  <text x="200" y="180" text-anchor="middle" fill="white" font-family="sans-serif" font-size="20" font-weight="600">ท่อ PPR ตราช้าง</text>
+  <text x="200" y="220" text-anchor="middle" fill="#fff" font-family="sans-serif" font-size="16">SCG Quality</text>
+  <circle cx="200" cy="300" r="50" fill="none" stroke="white" stroke-width="6"/>
+</svg>

public/images/products-cropped/realflex.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
+  <rect width="400" height="400" fill="#9333ea"/>
+  <text x="200" y="100" text-anchor="middle" fill="white" font-family="sans-serif" font-size="24" font-weight="600">Realflex</text>
+  <path d="M100,250 Q200,150 300,250 Q200,350 100,250" fill="none" stroke="white" stroke-width="8"/>
+</svg>

public/images/products-cropped/syler.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
+  <rect width="400" height="400" fill="#6366f1"/>
+  <text x="200" y="180" text-anchor="middle" fill="white" font-family="sans-serif" font-size="24" font-weight="600">ท่อ Syler</text>
+  <text x="200" y="220" text-anchor="middle" fill="#c7d2fe" font-family="sans-serif" font-size="16">Premium Pipes</text>
+  <circle cx="200" cy="300" r="50" fill="none" stroke="white" stroke-width="5"/>
+</svg>

public/images/products-cropped/upvc.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
+  <rect width="400" height="400" fill="#0891b2"/>
+  <text x="200" y="180" text-anchor="middle" fill="white" font-family="sans-serif" font-size="24" font-weight="600">ท่อ UPVC</text>
+  <text x="200" y="220" text-anchor="middle" fill="#a5f3fc" font-family="sans-serif" font-size="16">Unplasticized PVC</text>
+  <ellipse cx="200" cy="300" rx="70" ry="30" fill="none" stroke="white" stroke-width="6"/>
+</svg>

public/images/products-cropped/valve.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
+  <rect width="400" height="400" fill="#dc2626"/>
+  <text x="200" y="100" text-anchor="middle" fill="white" font-family="sans-serif" font-size="24" font-weight="600">วาล์ว Valve</text>
+  <circle cx="200" cy="250" r="70" fill="none" stroke="white" stroke-width="8"/>
+  <line x1="200" y1="180" x2="200" y2="320" stroke="white" stroke-width="10" stroke-linecap="round"/>
+</svg>

public/images/products-cropped/vineman.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
+  <rect width="400" height="400" fill="#7c3aed"/>
+  <text x="200" y="100" text-anchor="middle" fill="white" font-family="sans-serif" font-size="24" font-weight="600">ระบบรั้วไวน์แมน</text>
+  <line x1="100" y1="300" x2="300" y2="300" stroke="white" stroke-width="6"/>
+  <line x1="100" y1="200" x2="300" y2="200" stroke="white" stroke-width="4"/>
+  <line x1="100" y1="250" x2="300" y2="250" stroke="white" stroke-width="4"/>
+</svg>

public/images/products-cropped/water-pump.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
+  <rect width="400" height="400" fill="#0284c7"/>
+  <text x="200" y="100" text-anchor="middle" fill="white" font-family="sans-serif" font-size="24" font-weight="600">ปั๊มน้ำ Water Pump</text>
+  <circle cx="200" cy="260" r="60" fill="none" stroke="white" stroke-width="8"/>
+  <polygon points="200,210 240,260 200,310 160,260" fill="none" stroke="white" stroke-width="4"/>
+</svg>

public/images/products-cropped/water-treatment.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
+  <rect width="400" height="400" fill="#0d9488"/>
+  <text x="200" y="100" text-anchor="middle" fill="white" font-family="sans-serif" font-size="24" font-weight="600">ระบบกรองน้ำ</text>
+  <rect x="130" y="160" width="140" height="180" rx="15" fill="none" stroke="white" stroke-width="6"/>
+  <line x1="130" y1="220" x2="270" y2="220" stroke="white" stroke-width="4"/>
+  <line x1="130" y1="280" x2="270" y2="280" stroke="white" stroke-width="4"/>
+</svg>

public/images/products-cropped/xylent.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
+  <rect width="400" height="400" fill="#8b5cf6"/>
+  <text x="200" y="180" text-anchor="middle" fill="white" font-family="sans-serif" font-size="24" font-weight="600">ท่อ XYLENT</text>
+  <text x="200" y="220" text-anchor="middle" fill="#ddd6fe" font-family="sans-serif" font-size="16">Quality Pipes</text>
+  <ellipse cx="200" cy="300" rx="60" ry="25" fill="none" stroke="white" stroke-width="5"/>
+</svg>