From aac2bea8d9bc50c203c56830862abc3d66c1bf11 Mon Sep 17 00:00:00 2001
From: Kunthawat <kunthawat@dealplustech.co.th>
Date: Wed, 1 Apr 2026 09:58:24 +0700
Subject: [PATCH] Fix: Product pages content and HTML issues
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- ท่อไซเลอร์: Move images after specs with 1 column layout
- ท่อและข้อต่อpvc: Remove empty image section
- เครื่องเชื่อม-hdpe: Add full content with grooved coupling info
- เม็กกรู๊ฟ-คับปลิ้ง: Add full content with benefits list
- grilles: Remove duplicate/overflow code from hero section
---
 src/pages/grilles/index.astro        | 20 -------------
 src/pages/ท่อและข้อต่อpvc/index.astro   | 11 --------
 src/pages/ท่อไซเลอร์/index.astro       | 25 +++++++----------
 src/pages/เครื่องเชื่อม-hdpe/index.astro | 42 ++++++++++++++++++++++++----
 src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro   | 26 ++++++++++++++++-
 5 files changed, 71 insertions(+), 53 deletions(-)

diff --git a/src/pages/grilles/index.astro b/src/pages/grilles/index.astro
index c09b898..56a8f26 100644
--- a/src/pages/grilles/index.astro
+++ b/src/pages/grilles/index.astro
@@ -63,24 +63,6 @@ import Footer from '@/components/common/Footer.astro';
         </div>
       </div>
     </section>
-              </div>
-              <div class="flex items-start space-x-3">
-                <svg class="w-6 h-6 text-primary-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-                </svg>
-                <span class="text-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
-              </div>
-              <div class="flex items-start space-x-3">
-                <svg class="w-6 h-6 text-primary-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-                </svg>
-                <span class="text-lg text-secondary-700">รับประกันสินค้า</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
     
     <section id="product-specs" class="section bg-white">
       <div class="container-custom">
@@ -235,8 +217,6 @@ import Footer from '@/components/common/Footer.astro';
       </div>
     </section>
   </main>
-    </section>
-  </main>
   
   <Footer slot="footer" />
 </BaseLayout>
diff --git a/src/pages/ท่อและข้อต่อpvc/index.astro b/src/pages/ท่อและข้อต่อpvc/index.astro
index acc3b53..b2772da 100644
--- a/src/pages/ท่อและข้อต่อpvc/index.astro
+++ b/src/pages/ท่อและข้อต่อpvc/index.astro
@@ -279,17 +279,6 @@ import Footer from '@/components/common/Footer.astro';
       </div>
     </section>
     
-    <!-- Product Photos -->
-    <section class="section bg-secondary-50">
-      <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
-        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-          <img src="/images/products-misc/ติดตั้งท่อPVCมาตรฐานสูง-01.jpg" alt="ติดตั้งท่อ PVC มาตรฐานสูง" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" />
-          <img src="/images/products-misc/ติดตั้งท่อPVCแรงดัน-01.jpg" alt="ติดตั้งท่อ PVC แรงดัน" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" />
-        </div>
-      </div>
-    </section>
-    
     <!-- Contact CTA -->
     <section class="cta-gradient py-16">
       <div class="container-custom text-center">
diff --git a/src/pages/ท่อไซเลอร์/index.astro b/src/pages/ท่อไซเลอร์/index.astro
index c47df37..127ece2 100644
--- a/src/pages/ท่อไซเลอร์/index.astro
+++ b/src/pages/ท่อไซเลอร์/index.astro
@@ -109,26 +109,21 @@ import Footer from '@/components/common/Footer.astro';
               <li>รับแรงดันได้สูง 300-735 psi</li>
               <li>ข้อต่อมี PE เคลือบผิวด้านใน คงคุณสมบัติเด่นของท่อไซเลอร์ไว้ครบ</li>
             </ul>
+            
+            <!-- Product Photos - 1 column layout -->
+            <div class="mt-8 space-y-4">
+              <img src="/images/products-misc/SYLER-b01.jpg" alt="ท่อไซเลอร์ (Syler)" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
+              <img src="/images/products-misc/SYLER-b02.jpg" alt="ท่อไซเลอร์ (Syler)" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
+              <img src="/images/products-misc/SYLER-b03.jpg" alt="ท่อไซเลอร์ (Syler)" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
+              <img src="/images/products-misc/syler001.jpg" alt="ท่อไซเลอร์ (Syler)" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
+              <img src="/images/products-misc/syler002.jpg" alt="ท่อไซเลอร์ (Syler)" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
+              <img src="/images/products-misc/syler003.jpg" alt="ท่อไซเลอร์ (Syler)" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
+            </div>
           </div>
         </div>
       </div>
     </section>
     
-    <!-- Product Photos -->
-    <section class="section bg-secondary-50">
-      <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
-        <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
-          <img src="/images/products-misc/SYLER-b01.jpg" alt="ท่อไซเลอร์ (Syler) ท่อเหล็กเหล็กบุพีอี" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" onerror="this.style.display='none'" />
-          <img src="/images/products-misc/SYLER-b02.jpg" alt="ท่อไซเลอร์ (Syler) ท่อเหล็กเหล็กบุพีอี" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" onerror="this.style.display='none'" />
-          <img src="/images/products-misc/SYLER-b03.jpg" alt="ท่อไซเลอร์ (Syler) ท่อเหล็กเหล็กบุพีอี" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" onerror="this.style.display='none'" />
-          <img src="/images/products-misc/syler001.jpg" alt="ท่อไซเลอร์ (Syler) ท่อเหล็กเหล็กบุพีอี" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" onerror="this.style.display='none'" />
-          <img src="/images/products-misc/syler002.jpg" alt="ท่อไซเลอร์ (Syler) ท่อเหล็กเหล็กบุพีอี" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" onerror="this.style.display='none'" />
-          <img src="/images/products-misc/syler003.jpg" alt="ท่อไซเลอร์ (Syler) ท่อเหล็กเหล็กบุพีอี" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" onerror="this.style.display='none'" />
-        </div>
-      </div>
-    </section>
-    
     <!-- Contact CTA -->
     <section class="cta-gradient py-16">
       <div class="container-custom text-center">
diff --git a/src/pages/เครื่องเชื่อม-hdpe/index.astro b/src/pages/เครื่องเชื่อม-hdpe/index.astro
index 7796da0..9918499 100644
--- a/src/pages/เครื่องเชื่อม-hdpe/index.astro
+++ b/src/pages/เครื่องเชื่อม-hdpe/index.astro
@@ -72,16 +72,46 @@ import Footer from '@/components/common/Footer.astro';
     <section class="section">
       <div class="container-custom">
         <div class="max-w-4xl mx-auto">
-          <h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
+          <h2 class="section-title">รายละเอียดสินค้า</h2>
           <div class="prose prose-lg max-w-none">
-            <p class="text-lg text-secondary-700 leading-relaxed mb-4">เครื่องเชื่อมท่อ HDPE เป็นอุปกรณ์สำคัญสำหรับงานติดตั้งระบบท่อ HDPE ใช้สำหรับเชื่อมต่อท่อ HDPE เข้าด้วยกันอย่างแน่นสนิท ไม่มีรอยรั่ว เหมาะสำหรับงานระบบประปา งานชลประทาน งานระบายน้ำ และงานอุตสาหกรรม</p>
+            <p class="text-lg text-secondary-700 leading-relaxed mb-4">
+              <strong>เครื่องเชื่อมท่อ HDPE</strong> เป็นอุปกรณ์สำคัญสำหรับงานติดตั้งระบบท่อ HDPE ใช้สำหรับเชื่อมต่อท่อ HDPE เข้าด้วยกันอย่างแน่นสนิท ไม่มีรอยรั่ว เหมาะสำหรับงานระบบประปา งานชลประทาน งานระบายน้ำ และงานอุตสาหกรรม
+            </p>
             
-            <p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ประเภทเครื่องเชื่อมท่อ HDPE:</strong></p>
+            <h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ประเภทเครื่องเชื่อมท่อ HDPE</h3>
             <ul class="list-disc pl-6 mb-4 space-y-2">
-              <li>เครื่องเชื่อมแบบ Butt Fusion (เชื่อมปายท่อ)</li>
-              <li>เครื่องเชื่อมแบบ Electrofusion (เชื่อมด้วยไฟฟ้า)</li>
-              <li>เครื่องเชื่อมแบบ Socket Fusion (เชื่อมซ็อกเก็ต)</li>
+              <li>เครื่องเชื่อมแบบ <strong>Butt Fusion</strong> (เชื่อมปายท่อ) - เชื่อมท่อด้วยความร้อนจากแผ่นเคลือบสารกาว ที่อุณหภูมิ 180-210°C</li>
+              <li>เครื่องเชื่อมแบบ <strong>Electrofusion</strong> (เชื่อมด้วยไฟฟ้า) - ใช้ข้อต่อที่มีสายไฟฝังอยู่ภายใน เมื่อผ่านกระแสไฟฟ้าจะเกิดความร้อนหลอมละลายผิวท่อ</li>
+              <li>เครื่องเชื่อมแบบ <strong>Socket Fusion</strong> (เชื่อมซ็อกเก็ต) - เหมาะสำหรับท่อขนาดเล็กถึงขนาดกลาง</li>
             </ul>
+            
+            <h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่นของเครื่องเชื่อม HDPE</h3>
+            <ul class="list-disc pl-6 mb-4 space-y-2">
+              <li>คุณภาพสูง มาตรฐาน <strong>ISO</strong></li>
+              <li>ราคาโรงงาน คุ้มค่าการลงทุน</li>
+              <li>บริการติดตั้งและฝึกอบรมฟรี</li>
+              <li>อะไหล่และบริการซ่อมบำรุง</li>
+              <li>รับประกันสินค้า 1 ปี</li>
+            </ul>
+            
+            <h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ขนาดท่อที่รองรับ</h3>
+            <p class="text-lg text-secondary-700 leading-relaxed mb-4">
+              เครื่องเชื่อมท่อ HDPE สามารถรองรับท่อขนาดตั้งแต่ <strong>16 มม. ถึง 1,200 มม.</strong> ตอบสนองความต้องการใช้งานทุกขนาด
+            </p>
+            
+            <h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">การใช้งาน</h3>
+            <ul class="list-disc pl-6 mb-4 space-y-2">
+              <li>งานระบบประปา</li>
+              <li>งานชลประทาน</li>
+              <li>งานระบายน้ำทิ้ง</li>
+              <li>งานร้อยสายไฟ</li>
+              <li>งานส่งน้ำโรงงานอุตสาหกรรม</li>
+            </ul>
+            
+            <!-- Product Image -->
+            <div class="mt-8">
+              <img src="/images/products-misc/hdpe002.jpg" alt="เครื่องเชื่อมท่อ HDPE" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
+            </div>
           </div>
         </div>
       </div>
diff --git a/src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro b/src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro
index a7d4a59..e57aa3e 100644
--- a/src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro
+++ b/src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro
@@ -72,11 +72,35 @@ import Footer from '@/components/common/Footer.astro';
     <section class="section">
       <div class="container-custom">
         <div class="max-w-4xl mx-auto">
-          <h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
+          <h2 class="section-title">รายละเอียดสินค้า</h2>
           <div class="prose prose-lg max-w-none">
             <p class="text-lg text-secondary-700 leading-relaxed mb-4">
               <strong>เม็กกรู๊ฟ คับปลิ้ง (MECH Grooved Coupling)</strong> ระบบข้อต่อแบบเกรูฟที่ได้รับการยอมรับในระดับสากล ออกแบบมาเพื่อทดแทนการเชื่อมท่อเหล็กและท่อดับเพลิง ด้วยคุณสมบัติพิเศษที่ไม่ก่อให้เกิดประกายไฟ ทำให้เหมาะสำหรับงานที่ต้องการความปลอดภัยสูง โดยเฉพาะในพื้นที่ที่มีวัสดุไวไฟ
             </p>
+            
+            <h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ข้อดีของระบบ Grooved Coupling</h3>
+            <ul class="list-disc pl-6 mb-4 space-y-2">
+              <li>ติดตั้งง่าย สะดวกรวดเร็ว ประหยัดค่าแรงและเวลา</li>
+              <li>โยกย้าย เปลี่ยนแปลงรูปแบบการติดตั้ง หรือขยายไลน์ท่อเพิ่มเติมได้โดยง่าย</li>
+              ับเสียงได้ดี</li>
+              <li>รับแรงดันได้สูง 300-735 psi</li>
+              <li>ไม่ก่อให้เกิดประกายไฟ เหมาะสำหรับพื้นที่ไวไฟ</li>
+              <li>ประหยัดพลังงานและค่าบำรุงรักษา</li>
+            </ul>
+            
+            <h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">การใช้งาน</h3>
+            <ul class="list-disc pl-6 mb-4 space-y-2">
+              <li>ระบบดับเพลิง</li>
+              <li>ระบบประปา</li>
+              <li>ระบบปรับอากาศ</li>
+              <li>งานอุตสาหกรรม</li>
+              <li>งานก่อสร้างทั่วไป</li>
+            </ul>
+            
+            <!-- Product Images -->
+            <div class="mt-8 space-y-4">
+              <img src="/images/products-misc/MECH_001.jpg" alt="เม็กกรู๊ฟ คับปลิ้ง" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
+            </div>
           </div>
         </div>
       </div>