Fix missing product images across all pages

- Fixed รั้วเทวดา page: Replaced รุ่นสินค้า section with gallery of actual photos from LINE album
- Fixed ระบบรั้วไวน์แมน page: Changed all SVG refs to JPG
- Fixed ท่อ-upvc, ท่อ-xy-lent, ระบบน้ำ pages
- Fixed วาล์ว-valve, อุปกรณ์ดับเพลิง, อุปกรณ์ปรับอากาศ pages
- Fixed เครื่องเชื่อม-ppr, เทอร์โมเบรค-thermobreak, เม็กกรู๊ฟ-คับปลิ้ง pages
- Copied รั้วเทวดา images to public/images/tevada/

src/pages/ระบบรั้วไวน์แมน.astro

@@ -33,7 +33,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
         </nav>
         <div class="grid lg:grid-cols-2 gap-8 items-center">
           <div class="img-hover rounded-2xl overflow-hidden bg-white/10">
-            <img src="/images/products-raw/vineman/ระบบรั้วไวน์แมน-Vineman-e1613286324569-1024x880.svg" alt="ระบบรั้วไวน์แมน Vineman" class="w-full" loading="eager" />
+            <img src="/images/products-raw/vineman/ระบบรั้วไวน์แมน-Vineman-e1613286324569-1024x880.jpg" alt="ระบบรั้วไวน์แมน Vineman" class="w-full" loading="eager" />
           </div>
           <div>
             <span class="text-sm text-primary-200 font-medium">ระบบรั้ว</span>
@@ -77,19 +77,19 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
           <h2 class="text-2xl font-bold text-neutral-900 mb-8 text-center">ลวดหนาม/เสารั้ว/เสารับแรง</h2>
           <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
             <div class="text-center">
-              <img src="/images/products-raw/vineman/ระบบรั้วไวน์แมน.svg" alt="ระบบรั้วไวน์แมน" class="w-full h-auto rounded-xl mb-3" loading="lazy" />
+              <img src="/images/products-raw/vineman/ระบบรั้วไวน์แมน.jpg" alt="ระบบรั้วไวน์แมน" class="w-full h-auto rounded-xl mb-3" loading="lazy" />
               <p class="text-neutral-700 font-medium">ระบบรั้วไวน์แมน</p>
             </div>
             <div class="text-center">
-              <img src="/images/products-raw/vineman/ลวดหนาม.svg" alt="ลวดหนาม" class="w-full h-auto rounded-xl mb-3" loading="lazy" />
+              <img src="/images/products-raw/vineman/ลวดหนาม.jpg" alt="ลวดหนาม" class="w-full h-auto rounded-xl mb-3" loading="lazy" />
               <p class="text-neutral-700 font-medium">ลวดหนาม</p>
             </div>
             <div class="text-center">
-              <img src="/images/products-raw/vineman/ตาข่ายถักปม.svg" alt="ตาข่ายถักปม" class="w-full h-auto rounded-xl mb-3" loading="lazy" />
+              <img src="/images/products-raw/vineman/ตาข่ายถักปม.jpg" alt="ตาข่ายถักปม" class="w-full h-auto rounded-xl mb-3" loading="lazy" />
               <p class="text-neutral-700 font-medium">ตาข่ายถักปม</p>
             </div>
             <div class="text-center">
-              <img src="/images/products-raw/vineman/ฟิคซ์ล็อค.svg" alt="ฟิคซ์ล็อค" class="w-full h-auto rounded-xl mb-3" loading="lazy" />
+              <img src="/images/products-raw/vineman/ฟิคซ์ล็อค.jpg" alt="ฟิคซ์ล็อค" class="w-full h-auto rounded-xl mb-3" loading="lazy" />
               <p class="text-neutral-700 font-medium">ฟิคซ์ล็อค</p>
             </div>
           </div>
@@ -104,7 +104,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
           <h2 class="text-2xl font-bold text-neutral-900 mb-8 text-center">6 เทคนิคน่ารู้ ก่อนเลือกใช้ ระบบรั้วตาข่าย</h2>
           <div class="grid lg:grid-cols-2 gap-8 items-center">
             <div>
-              <img src="/images/products-raw/vineman/เทคนิคน่ารู้-ก่อนเลือกใช้-ระบบรั้วตาข่าย-488x1024.svg" alt="6 เทคนิคน่ารู้" class="w-full h-auto rounded-xl max-w-md mx-auto" loading="lazy" />
+              <img src="/images/products-raw/vineman/เทคนิคน่ารู้-ก่อนเลือกใช้-ระบบรั้วตาข่าย-488x1024.jpg" alt="6 เทคนิคน่ารู้" class="w-full h-auto rounded-xl max-w-md mx-auto" loading="lazy" />
             </div>
             <div class="space-y-4">
               <div class="flex items-start space-x-3">
@@ -146,27 +146,27 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
           <!-- Problems Grid -->
           <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 mb-8">
             <div class="text-center">
-              <img src="/images/products-raw/vineman/จุดเชื่อมของเสาค้ำยันไม่คงทน.svg" alt="จุดเชื่อมของเสาค้ำยันไม่คงทน" class="w-full h-auto rounded-lg mb-2" loading="lazy" />
+              <img src="/images/products-raw/vineman/จุดเชื่อมของเสาค้ำยันไม่คงทน.jpg" alt="จุดเชื่อมของเสาค้ำยันไม่คงทน" class="w-full h-auto rounded-lg mb-2" loading="lazy" />
               <p class="text-sm text-neutral-700">จุดเชื่อมของเสาค้ำยันไม่คงทน</p>
             </div>
             <div class="text-center">
-              <img src="/images/products-raw/vineman/เปราะ-แตกหักง่าย.svg" alt="เปราะ แตกหักง่าย" class="w-full h-auto rounded-lg mb-2" loading="lazy" />
+              <img src="/images/products-raw/vineman/เปราะ-แตกหักง่าย.jpg" alt="เปราะ แตกหักง่าย" class="w-full h-auto rounded-lg mb-2" loading="lazy" />
               <p class="text-sm text-neutral-700">เปราะ แตกหักง่าย</p>
             </div>
             <div class="text-center">
-              <img src="/images/products-raw/vineman/ตัวยึดลวดหนาม-หลุดง่าย.svg" alt="ตัวยึดลวดหนาม หลุดง่าย" class="w-full h-auto rounded-lg mb-2" loading="lazy" />
+              <img src="/images/products-raw/vineman/ตัวยึดลวดหนาม-หลุดง่าย.jpg" alt="ตัวยึดลวดหนาม หลุดง่าย" class="w-full h-auto rounded-lg mb-2" loading="lazy" />
               <p class="text-sm text-neutral-700">ตัวยึดลวดหนาม หลุดง่าย</p>
             </div>
             <div class="text-center">
-              <img src="/images/products-raw/vineman/เสาค้ำยันไม่แข็งแรง.svg" alt="เสาค้ำยันไม่แข็งแรง" class="w-full h-auto rounded-lg mb-2" loading="lazy" />
+              <img src="/images/products-raw/vineman/เสาค้ำยันไม่แข็งแรง.jpg" alt="เสาค้ำยันไม่แข็งแรง" class="w-full h-auto rounded-lg mb-2" loading="lazy" />
               <p class="text-sm text-neutral-700">เสาค้ำยันไม่แข็งแรง</p>
             </div>
             <div class="text-center">
-              <img src="/images/products-raw/vineman/เกิดรอยร้าวง่าย.svg" alt="เกิดรอยร้าวง่าย" class="w-full h-auto rounded-lg mb-2" loading="lazy" />
+              <img src="/images/products-raw/vineman/เกิดรอยร้าวง่าย.jpg" alt="เกิดรอยร้าวง่าย" class="w-full h-auto rounded-lg mb-2" loading="lazy" />
               <p class="text-sm text-neutral-700">เกิดรอยร้าวง่าย</p>
             </div>
             <div class="text-center">
-              <img src="/images/products-raw/vineman/ต้องหล่อปูนทำฐานรากทุกต้น.svg" alt="ต้องหล่อปูนทำฐานรากทุกต้น" class="w-full h-auto rounded-lg mb-2" loading="lazy" />
+              <img src="/images/products-raw/vineman/ต้องหล่อปูนทำฐานรากทุกต้น.jpg" alt="ต้องหล่อปูนทำฐานรากทุกต้น" class="w-full h-auto rounded-lg mb-2" loading="lazy" />
               <p class="text-sm text-neutral-700">ต้องหล่อปูนทำฐานรากทุกต้น</p>
             </div>
           </div>
@@ -174,10 +174,10 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
           <!-- Solutions -->
           <div class="grid md:grid-cols-2 gap-6">
             <div>
-              <img src="/images/products-raw/vineman/รั้วโปร่งโล่งสบายตา-1024x1013.svg" alt="รั้วโปร่งโล่งสบายตา" class="w-full h-auto rounded-xl" loading="lazy" />
+              <img src="/images/products-raw/vineman/รั้วโปร่งโล่งสบายตา-1024x1013.jpg" alt="รั้วโปร่งโล่งสบายตา" class="w-full h-auto rounded-xl" loading="lazy" />
             </div>
             <div>
-              <img src="/images/products-raw/vineman/แข็งแรง-ติดตั้งง่าย-ได้ทุกภูมิทัศน์.svg" alt="แข็งแรง ติดตั้งง่าย ได้ทุกภูมิทัศน์" class="w-full h-auto rounded-xl" loading="lazy" />
+              <img src="/images/products-raw/vineman/แข็งแรง-ติดตั้งง่าย-ได้ทุกภูมิทัศน์.jpg" alt="แข็งแรง ติดตั้งง่าย ได้ทุกภูมิทัศน์" class="w-full h-auto rounded-xl" loading="lazy" />
               <p class="text-center text-neutral-700 font-medium mt-4">แข็งแรง ติดตั้งง่าย ได้ทุกภูมิทัศน์</p>
               <p class="text-neutral-600 text-sm mt-2">ระบบรั้วตาข่ายไวน์แมน สามารถติดตั้งเดินแนวรั้วบนพื้นที่ทุกรูปแบบทั้งขึ้น-ลง เนินส่วนเว้า-ส่วนโค้งได้อย่างแข็งแรงและต่อเนื่อง</p>
             </div>
@@ -193,15 +193,15 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
           <h2 class="text-2xl font-bold text-neutral-900 mb-8 text-center">รั้วตาข่ายไวน์แมน ใช้ได้กับเสาทุกประเภท</h2>
           <div class="grid md:grid-cols-3 gap-6">
             <div class="text-center">
-              <img src="/images/products-raw/vineman/ระบบรั้วไวน์แมน-ระยะห่างของเสา-5-8-เมตร-1024x302.svg" alt="ระยะห่างของเสา 5-8 เมตร" class="w-full h-auto rounded-xl mb-3" loading="lazy" />
+              <img src="/images/products-raw/vineman/ระบบรั้วไวน์แมน-ระยะห่างของเสา-5-8-เมตร-1024x302.jpg" alt="ระยะห่างของเสา 5-8 เมตร" class="w-full h-auto rounded-xl mb-3" loading="lazy" />
               <p class="text-neutral-700 font-medium">เสาไวน์แมน ระยะห่าง 5-8 เมตร</p>
             </div>
             <div class="text-center">
-              <img src="/images/products-raw/vineman/เสาปูน-ระยะห่างของเสา-4-6-เมตร-1024x299.svg" alt="เสาปูน ระยะห่าง 4-6 เมตร" class="w-full h-auto rounded-xl mb-3" loading="lazy" />
+              <img src="/images/products-raw/vineman/เสาปูน-ระยะห่างของเสา-4-6-เมตร-1024x299.jpg" alt="เสาปูน ระยะห่าง 4-6 เมตร" class="w-full h-auto rounded-xl mb-3" loading="lazy" />
               <p class="text-neutral-700 font-medium">เสาปูน ระยะห่าง 4-6 เมตร</p>
             </div>
             <div class="text-center">
-              <img src="/images/products-raw/vineman/เสาไม้เนื้อแข็ง-ระยะห่างของเสา-4-6-เมตร-1024x295.svg" alt="เสาไม้เนื้อแข็ง ระยะห่าง 4-6 เมตร" class="w-full h-auto rounded-xl mb-3" loading="lazy" />
+              <img src="/images/products-raw/vineman/เสาไม้เนื้อแข็ง-ระยะห่างของเสา-4-6-เมตร-1024x295.jpg" alt="เสาไม้เนื้อแข็ง ระยะห่าง 4-6 เมตร" class="w-full h-auto rounded-xl mb-3" loading="lazy" />
               <p class="text-neutral-700 font-medium">เสาไม้เนื้อแข็ง ระยะห่าง 4-6 เมตร</p>
             </div>
           </div>
@@ -216,7 +216,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
           <h2 class="text-2xl font-bold text-neutral-900 mb-8 text-center">ไวน์แมน รั้วตาข่ายกึ่งสปริง</h2>
           <div class="grid lg:grid-cols-2 gap-8 items-center">
             <div>
-              <img src="/images/products-raw/vineman/ไวน์แมน-รั้วตาข่ายกึ่งสปริง.svg" alt="รั้วตาข่ายกึ่งสปริง" class="w-full h-auto rounded-xl" loading="lazy" />
+              <img src="/images/products-raw/vineman/ไวน์แมน-รั้วตาข่ายกึ่งสปริง.jpg" alt="รั้วตาข่ายกึ่งสปริง" class="w-full h-auto rounded-xl" loading="lazy" />
             </div>
             <div class="space-y-4">
               <p class="text-neutral-700 leading-relaxed">
@@ -253,7 +253,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
           <h2 class="text-2xl font-bold text-neutral-900 mb-8 text-center">VINEMAN Buying Guide</h2>
           <div class="grid lg:grid-cols-2 gap-8">
             <div>
-              <img src="/images/products-raw/vineman/VINEMAN-Buying-Guide.svg" alt="VINEMAN Buying Guide" class="w-full h-auto rounded-xl" loading="lazy" />
+              <img src="/images/products-raw/vineman/VINEMAN-Buying-Guide.jpg" alt="VINEMAN Buying Guide" class="w-full h-auto rounded-xl" loading="lazy" />
             </div>
             <div class="space-y-4">
               <p class="text-neutral-700 font-medium">สูตรคำนวณความยาวรอบพื้นที่โดยประมาณ</p>
@@ -273,7 +273,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
       <div class="max-w-7xl mx-auto">
         <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl font-bold text-neutral-900 mb-8 text-center">ตาราง การคำนวณปริมาณเบื้องต้น</h2>
-          <img src="/images/products-raw/vineman/ตารางการคำนวณปริมาณเบื้องต้น-1024x322.svg" alt="ตารางการคำนวณปริมาณเบื้องต้น" class="w-full max-w-3xl mx-auto h-auto rounded-xl" loading="lazy" />
+          <img src="/images/products-raw/vineman/ตารางการคำนวณปริมาณเบื้องต้น-1024x322.jpg" alt="ตารางการคำนวณปริมาณเบื้องต้น" class="w-full max-w-3xl mx-auto h-auto rounded-xl" loading="lazy" />
           <div class="mt-6 p-4 bg-yellow-50 rounded-xl max-w-3xl mx-auto">
             <p class="text-neutral-700 text-sm"><strong>หมายเหตุ:</strong></p>
             <ul class="text-neutral-600 text-sm list-disc list-inside space-y-1 mt-2">