fix: Add max-w-4xl mx-auto to sections for consistent width

src/pages/dukelarrsen/index.astro

@@ -84,6 +84,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- 4 Reasons Section -->
     <section id="reasons" class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">4 เหตุผลที่ควรใช้ระบบกรู๊ฟ</h2>
           
           <div class="space-y-12">
@@ -131,14 +132,17 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Fire Incident Section -->
     <section id="fire-incident" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">เหตุการณ์จริง..เพลิงไหม้จากการเชื่อมท่อ</h2>
           <img src="/images/dukelarrsen/dukelarrsen-08.jpg" alt="เพลิงไหม้จากการเชื่อมท่อ" class="w-full h-auto rounded-xl max-w-3xl mx-auto" width="800" height="600" loading="lazy" decoding="async" />
         </div>
+      </div>
     </section>
     
     <!-- Benefits Section -->
     <section id="benefits" class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">GROOVED COUPLINGS AND FITTINGS</h2>
           <img src="/images/dukelarrsen/dukelarrsen-09.jpg" alt="Grooved Couplings and Fittings" class="w-full h-auto rounded-xl mb-8" width="800" height="600" loading="lazy" decoding="async" />
           
@@ -186,6 +190,7 @@ import Footer from '@/components/common/Footer.astro';
           <p class="text-secondary-700">Coupling สามารถถอดประกอบได้ง่าย ช่วยให้การถอดส่วนท่อสำหรับทำความสะอาดหรือซ่อมแซม ช่วยให้การหมุนท่อเป็นระยะเพื่อกระจายการสึกหรอภายในจากของเหลวหรือสื่อที่มีฤทธิ์กัดเซาะ</p>
         </div>
         </div>
+      </div>
     </section>
     
     <!-- Coupling Types -->

src/pages/groove-coupling/index.astro

@@ -112,6 +112,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Installation Section -->
     <section class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">วิธีการติดตั้ง</h2>
         
         <!-- Step 1: Grooved -->
@@ -280,6 +281,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
       </div>
+    </div>
     </section>
     
     <!-- FAQ Section -->

src/pages/pipe-coupling/index.astro

@@ -90,8 +90,10 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Product Details -->
     <section class="section">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl font-bold text-secondary-900 mb-4">รายละเอียดสินค้า</h2>
         </div>
+      </div>
     </section>
     
     <!-- Technical Revolution -->
@@ -150,6 +152,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Product Types -->
     <section class="section">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">รุ่นของสินค้า</h2>
         
         <!-- GR Type -->
@@ -223,6 +226,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
     
     <!-- Installation -->
@@ -274,6 +278,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Usage Examples -->
     <section class="section">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">ตัวอย่างการใช้งาน</h2>
           
           <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
@@ -282,6 +287,7 @@ import Footer from '@/components/common/Footer.astro';
             <img src="/images/pipe-coupling/SMC-Page-22.jpg" alt="ตัวอย่างการใช้งาน" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
           </div>
         </div>
+      </div>
     </section>
     
     <!-- Coupling Types Guide -->

src/pages/realflex/index.astro

@@ -249,6 +249,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
           </div>
         </div>
+      </div>
     </section>
 
     <!-- Application Guide Section -->
@@ -305,6 +306,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
           </div>
         </div>
+      </div>
     </section>
 
     <!-- FAQ Section -->
@@ -351,6 +353,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
           </div>
         </div>
+      </div>
     </section>
     
     <section class="cta-gradient py-16">

src/pages/ฉนวนหุ้มท่อ-pipe-insulation/index.astro

@@ -143,6 +143,7 @@ import Footer from '@/components/common/Footer.astro';
             <!-- Glasswool Section -->
             <section id="glasswool" class="section bg-gray-50">
               <div class="container-custom">
+                <div class="max-w-4xl mx-auto">
                   <h2 class="text-xl font-bold text-secondary-900 mb-8">ฉนวนใยแก้ว (Glasswool & Mineral Wool)</h2>
                 <p class="text-lg text-secondary-700 mb-8">นอกจากฉนวนยางแล้ว เรายังจำหน่ายฉนวนใยแก้วและใยหินสำหรับงานอุตสาหกรรมและงานระบบท่อลม ซึ่งเหมาะกับการใช้งานที่ต้องการความทนไฟและราคาประหยัด</p>
                 
@@ -203,6 +204,7 @@ import Footer from '@/components/common/Footer.astro';
                   </div>
                 </div>
                 </div>
+              </div>
             </section>
 
             <h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่นของฉนวนหุ้มท่อ</h3>
@@ -263,6 +265,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Thickness Selection Guide -->
     <section id="thickness-guide" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">คำแนะนำการเลือกความหนาฉนวน</h2>
         <p class="text-lg text-secondary-700 mb-6">การเลือกความหนาฉนวนขึ้นอยู่กับปัจจัยหลายอย่าง เช่น อุณหภูมิของไหลในท่อ อุณหภูมิแวดล้อม และความชื้น</p>
         
@@ -304,13 +307,15 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
       </div>
+    </div>
     </section>
     
     <!-- FAQ Section -->
     <section id="faq" class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
-        <div class="space-y-4 max-w-4xl">
+          <div class="space-y-4">
           <div class="bg-white rounded-lg p-4">
             <h3 class="font-semibold text-secondary-900 mb-2">Q: ฉนวนยาง (Armaflex/Aeroflex) กับ ฉนวนใยแก้ว (Glasswool) ต่างกันอย่างไร?</h3>
             <p class="text-secondary-700">ฉนวนยางมีโครงสร้างเซลล์ปิด ยืดหยุ่น กันความชื้นได้ดี เหมาะกับท่อขนาดเล็ก-กลาง ส่วนฉนวนใยแก้วมีราคาถูกกว่า เหมาะกับท่อขนาดใหญ่และงานอุตสาหกรรมที่ต้องการทนไฟ</p>
@@ -333,6 +338,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
     
     <!-- Price Lists -->

src/pages/ท่อ-ppr-thai-ppr/index.astro

@@ -130,6 +130,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Product Photos -->
     <section class="section bg-secondary-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-lg sm:text-xl font-bold text-secondary-900 mb-6">รูปภาพสินค้า</h2>
         <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
           <div class="image-frame aspect-video">
@@ -140,6 +141,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
     
     <!-- FAQ Section -->
@@ -174,6 +176,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Applications Section -->
     <section id="applications" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">การใช้งานท่อ PPR</h2>
         <div class="grid md:grid-cols-2 gap-6">
           <div class="bg-blue-50 p-5 rounded-lg">
@@ -194,6 +197,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
 
     <!-- Installation Guide -->

src/pages/ท่อ-upvc/index.astro

@@ -213,6 +213,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- UPVC vs CPVC Comparison -->
     <section id="comparison" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">เปรียบเทียบ UPVC กับ CPVC</h2>
         <div class="overflow-x-auto">
           <table class="w-full border-collapse bg-gray-50 rounded-lg">
@@ -234,11 +235,13 @@ import Footer from '@/components/common/Footer.astro';
           </table>
           </div>
         </div>
+      </div>
     </section>
 
     <!-- Schedule Guide -->
     <section id="schedule" class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">Schedule 40 vs Schedule 80</h2>
         <div class="grid md:grid-cols-2 gap-6">
           <div class="bg-white p-5 rounded-lg">
@@ -268,8 +271,9 @@ import Footer from '@/components/common/Footer.astro';
     <!-- FAQ Section -->
     <section id="faq" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
-        <div class="space-y-4 max-w-4xl">
+          <div class="space-y-4">
           <div class="bg-gray-50 rounded-lg p-4">
             <h3 class="font-semibold text-secondary-900 mb-2">Q: UPVC ใช้กับน้ำร้อนได้ไหม?</h3>
             <p class="text-secondary-700">ไม่แนะนำ UPVC ทนความร้อนได้สูงสุด 60°C สำหรับน้ำร้อนควรใช้ CPVC หรือ PPR แทน</p>

src/pages/ท่อhdpe/index.astro

@@ -102,119 +102,13 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
-    </section>
-    
-    <!-- Product Details -->
-    <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>
-          <div class="prose prose-lg max-w-none">
-            <p class="text-lg text-secondary-700 mb-6">
-              <strong>ท่อ HDPE (High Density Polyethylene)</strong> เป็นท่อประเภทหนึ่งที่ได้รับความนิยมสูงที่สุดที่มีขายในท้องตลาดปัจจุบัน ผลิตจากโพลิเอทิลีนความหนาแน่นสูง ซึ่งเป็นวัสดุพลาสติกที่แข็งแรงและทนทานอย่างไม่น่าเชื่อ ทนทานต่อการกัดกร่อนของสารเคมีได้หลายชนิด ไม่เป็นสนิม น้ำหนักเบา ง่ายต่อการขนส่ง อายุการใช้งานยาวนานกว่า 50 ปี
-            </p>
-            <p class="text-lg text-secondary-700 mb-6">
-              นิยมใช้เป็นท่อส่งน้ำเพื่อการอุปโภค ท่อมีขนาดเส้นผ่านศูนย์กลางตั้งแต่ 16-1,200 มม. รับแรงดันได้สูงถึง PN25 โดยจัดแบ่งตามเกรดพลาสติกที่ใช้ในการผลิตคือ <strong>PE80</strong> และ <strong>PE100</strong>
-            </p>
-            <p class="text-lg text-secondary-700 mb-6">
-              ผิวมีลักษณะเรียบมันทำให้น้ำหรือของเหลวไหลผ่านได้สะดวก ท่อแบบ HDPE มีความยืดหยุ่นมากกว่าแบบ PVC นิยมใช้แทนท่อ PVC ในงานที่ต้องการความยืดหยุ่นของท่อ เช่นพื้นดินที่ไม่สม่ำเสมอ สามารถใช้กับงานสาธารณูปโภค งานไฟฟ้า และงานเกษตรเป็นต้น
-            </p>
-            
-            <h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่นของท่อ HDPE สำหรับท่อประปา</h3>
-            <ul class="space-y-3">
-              <li class="flex items-start space-x-3">
-                <svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" 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><strong>ความทนทาน:</strong> อายุการใช้งานยาวนาน ขั้นต่ำ 50 ปี ทนต่ออุณหภูมิและแรงดันที่รุนแรงได้ ผสมสารป้องกัน UV ทนต่อแสงได้</span>
-              </li>
-              <li class="flex items-start space-x-3">
-                <svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" 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><strong>ความยืดหยุ่น:</strong> สามารถโค้งงอได้ถึง 45 องศา ทำให้เหมาะสำหรับพื้นที่ติดตั้งจำกัด</span>
-              </li>
-              <li class="flex items-start space-x-3">
-                <svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" 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><strong>ทนทานต่อสารเคมี:</strong> ทนทานสูงต่อกรดและด่าง เหมาะสำหรับกระบวนการทางเคมีและการใช้งานด้านสิ่งแวดล้อม</span>
-              </li>
-              <li class="flex items-start space-x-3">
-                <svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" 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><strong>ป้องกันการรั่วซึม:</strong> มีซีลแน่น ป้องกันการรั่วซึม</span>
-              </li>
-              <li class="flex items-start space-x-3">
-                <svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" 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><strong>ประหยัดค่าใช้จ่าย:</strong> โซลูชันการวางท่อที่คุ้มค่าที่สุด ใช้อุปกรณ์น้อยลง แรงงานและอุปกรณ์น้อยลง</span>
-              </li>
-              <li class="flex items-start space-x-3">
-                <svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" 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><strong>น้ำหนักเบา:</strong> ง่ายต่อการขนส่งและติดตั้ง</span>
-              </li>
-              <li class="flex items-start space-x-3">
-                <svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" 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><strong>รับแรงดัน:</strong> 12.5-16 บาร์</span>
-              </li>
-              <li class="flex items-start space-x-3">
-                <svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" 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><strong>ใช้เป็นท่อน้ำดื่ม:</strong> ปราศจากสารก่อมะเร็ง โลหะหนักต่างๆ</span>
-              </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>Thai Asia PE Pipe</li>
-              <li>Thai Gow Gai</li>
-              <li>PBP</li>
-              <li>SR PE Pipe</li>
-            </ul>
-            
-          </div>
-        </div>
-      </div>
-    </section>
-    
-    <!-- PE80 vs PE100 Comparison -->
-    <section id="comparison" class="section bg-white">
-      <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-8">เปรียบเทียบ PE80 กับ PE100</h2>
-        <div class="overflow-x-auto">
-          <table class="w-full border-collapse bg-gray-50 rounded-lg">
-            <thead>
-              <tr class="bg-primary-600 text-white">
-                <th class="px-4 py-3 text-left">คุณสมบัติ</th>
-                <th class="px-4 py-3 text-center">PE80</th>
-                <th class="px-4 py-3 text-center">PE100</th>
-              </tr>
-            </thead>
-            <tbody class="divide-y">
-              <tr><td class="px-4 py-2 font-medium">ความหนาแน่น</td><td class="px-4 py-2 text-center">0.94-0.96 g/cm³</td><td class="px-4 py-2 text-center">0.95-0.96 g/cm³</td></tr>
-              <tr><td class="px-4 py-2 font-medium">ความแข็งแรง (MRS)</td><td class="px-4 py-2 text-center">8 MPa</td><td class="px-4 py-2 text-center">10 MPa</td></tr>
-              <tr><td class="px-4 py-2 font-medium">ความดันที่ทนได้</td><td class="px-4 py-2 text-center">ต่ำกว่า</td><td class="px-4 py-2 text-center">สูงกว่า</td></tr>
-              <tr><td class="px-4 py-2 font-medium">ความต้านทานแรงกระแทก</td><td class="px-4 py-2 text-center">ดี</td><td class="px-4 py-2 text-center">ดีเยี่ยม</td></tr>
-              <tr><td class="px-4 py-2 font-medium">ความต้านทานรอยแตกร้าว</td><td class="px-4 py-2 text-center">ดี</td><td class="px-4 py-2 text-center">ดีเยี่ยม</td></tr>
-              <tr><td class="px-4 py-2 font-medium">ราคา</td><td class="px-4 py-2 text-center">ถูกกว่า</td><td class="px-4 py-2 text-center">สูงกว่า</td></tr>
-              <tr><td class="px-4 py-2 font-medium">เหมาะกับ</td><td class="px-4 py-2 text-center">งานแรงดันต่ำ-กลาง</td><td class="px-4 py-2 text-center">งานแรงดันสูง</td></tr>
-            </tbody>
-          </table>
-        </div>
       </div>
     </section>
 
     <!-- Jointing Methods -->
     <section id="jointing" class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">วิธีการต่อท่อ HDPE</h2>
         <div class="grid md:grid-cols-3 gap-6">
           <div class="bg-white p-5 rounded-lg">
@@ -246,6 +140,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
 
     <!-- FAQ Section -->

src/pages/ท่อพีพีอาร์ตราช้าง/index.astro

@@ -174,6 +174,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- SCG Heritage Section -->
     <section id="heritage" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">ท่อ PPR ตราช้าง SCG</h2>
         <div class="grid md:grid-cols-2 gap-8">
           <div>
@@ -197,11 +198,13 @@ import Footer from '@/components/common/Footer.astro';
             </div>
           </div>
         </div>
+      </div>
     </section>
 
     <!-- Pressure Rating Guide -->
     <section id="pressure" class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">คำแนะนำการเลือกระดับแรงดัน</h2>
         <div class="overflow-x-auto">
           <table class="w-full border-collapse bg-white rounded-lg">
@@ -221,13 +224,15 @@ import Footer from '@/components/common/Footer.astro';
             </table>
           </div>
         </div>
+      </div>
     </section>
 
     <!-- FAQ Section -->
     <section id="faq" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
-        <div class="space-y-4 max-w-4xl">
+          <div class="space-y-4">
           <div class="bg-gray-50 rounded-lg p-4">
             <h3 class="font-semibold text-secondary-900 mb-2">Q: ท่อ PPR ตราช้าง ต่างจากท่อ PPR ยี่ห้ออื่นอย่างไร?</h3>
             <p class="text-secondary-700">ท่อ PPR ตราช้าง ผลิตจาก SCG ซึ่งมีมาตรฐานการผลิตสูง ผ่านการรับรอง มอก. มีศูนย์บริการและอะไหล่ทั่วประเทศ รับประกันคุณภาพจากผู้ผลิต</p>
@@ -242,12 +247,14 @@ import Footer from '@/components/common/Footer.astro';
             </div>
           </div>
         </div>
+      </div>
     </section>
     
     <!-- Price List Download -->
     <section class="section gradient-mesh">
       <div class="container-custom">
-        <div class="card-glass p-8 max-w-lg mx-auto">
+        <div class="max-w-4xl mx-auto">
+          <div class="card-glass p-8">
           <h2 id="pricelist" class="text-lg sm:text-xl font-bold text-secondary-900 mb-6 text-center">ดาวน์โหลดราคาสินค้า</h2>
           <a href="/documents/เอสซีเจ ปี68.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-secondary-50 rounded-xl hover:bg-secondary-100 transition-colors group">
             <svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
@@ -258,6 +265,7 @@ import Footer from '@/components/common/Footer.astro';
             </a>
           </div>
         </div>
+      </div>
     </section>
     
     <!-- Contact CTA -->

src/pages/ท่อและข้อต่อpvc/index.astro

@@ -202,6 +202,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Installation Guide -->
     <section class="section bg-secondary-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h3 class="text-xl font-bold text-secondary-900 mb-6">วิธีการติดตั้ง ท่อ PVC</h3>
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
           <div class="card-glass rounded-xl p-6">
@@ -239,11 +240,13 @@ import Footer from '@/components/common/Footer.astro';
             <img src="/images/products-misc/ติดตั้งท่อPVCมาตรฐานสูง-01.jpg" alt="วิธีการติดตั้งท่อ PVC" class="w-full h-auto rounded-xl shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" />
           </div>
         </div>
+      </div>
     </section>
     
     <!-- Size Table -->
     <section class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h3 class="text-xl font-bold text-secondary-900 mb-6">ขนาดท่อ PVC กับการใช้งาน</h3>
         <div class="overflow-x-auto">
           <table class="modern-table w-full">
@@ -294,11 +297,13 @@ import Footer from '@/components/common/Footer.astro';
             </table>
           </div>
         </div>
+      </div>
     </section>
     
     <!-- Fitting Types Guide -->
     <section id="fittings" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">ประเภทข้อต่อ PVC</h2>
         <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
           <div class="bg-gray-50 p-4 rounded-lg">
@@ -327,11 +332,13 @@ import Footer from '@/components/common/Footer.astro';
           </div>
           </div>
         </div>
+      </div>
     </section>
 
     <!-- Size Selection Chart -->
     <section id="sizes" class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">ตารางขนาดท่อ PVC</h2>
         <div class="overflow-x-auto">
           <table class="w-full border-collapse bg-white rounded-lg">
@@ -355,13 +362,15 @@ import Footer from '@/components/common/Footer.astro';
             </table>
           </div>
         </div>
+      </div>
     </section>
 
     <!-- FAQ Section -->
     <section id="faq" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
-        <div class="space-y-4 max-w-4xl">
+          <div class="space-y-4">
           <div class="bg-gray-50 rounded-lg p-4">
             <h3 class="font-semibold text-secondary-900 mb-2">Q: PVC กับ CPVC ต่างกันอย่างไร?</h3>
             <p class="text-secondary-700">PVC ทำจากพอลิไวนิลคลอไรด์ ใช้กับน้ำเย็นและระบายน้ำ ส่วน CPVC มีคลอรีนเพิ่มทำให้ทนความร้อนได้สูงกว่า (95°C) เหมาะกับน้ำร้อน</p>
@@ -376,6 +385,7 @@ import Footer from '@/components/common/Footer.astro';
             </div>
           </div>
         </div>
+      </div>
     </section>
     
     <!-- Contact CTA -->

src/pages/ท่อไซเลอร์/index.astro

@@ -145,8 +145,9 @@ import Footer from '@/components/common/Footer.astro';
     <!-- FAQ Section -->
     <section id="faq" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
-        <div class="space-y-4 max-w-4xl">
+          <div class="space-y-4">
           <div class="bg-gray-50 rounded-lg p-4">
             <h3 class="font-semibold text-secondary-900 mb-2">Q: ท่อไซเลอร์ต่างจากท่อ PVC ธรรมดาอย่างไร?</h3>
             <p class="text-secondary-700">ท่อไซเลอร์ (Cylinder) มีโครงสร้างเป็นแผ่นเจาะรูแล้วพับเป็นทรงกลม ใช้เป็นท่อระบายน้ำแบบเปิด ส่วนท่อ PVC ธรรมดาเป็นท่อปิดใช้ส่งน้ำหรือระบายน้ำแบบปิด</p>
@@ -166,6 +167,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Installation Guide -->
     <section id="installation" class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">ข้อแนะนำการติดตั้ง</h2>
         <div class="grid md:grid-cols-2 gap-6">
           <div>
@@ -188,6 +190,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
           </div>
         </div>
+      </div>
     </section>
     
     <!-- Contact CTA -->

src/pages/รั้วเทวดา/index.astro

@@ -89,6 +89,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- ทำไมต้องรั้วตาข่ายเทวดา -->
     <section class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ทำไมต้องรั้วตาข่ายเทวดา</h2>
           <div class="grid lg:grid-cols-2 gap-8 items-center">
           <div>
@@ -126,11 +127,13 @@ import Footer from '@/components/common/Footer.astro';
           </div>
           </div>
         </div>
+      </div>
     </section>
 
     <!-- เปรียบเทียบ -->
     <section class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">เปรียบเทียบความแตกต่าง</h2>
           <img 
             src="/images/products-raw/tevada/TEVADA_003-1024x647.png" 
@@ -138,11 +141,13 @@ import Footer from '@/components/common/Footer.astro';
             class="w-full h-auto rounded-xl max-w-4xl mx-auto"
           />
         </div>
+      </div>
     </section>
 
     <!-- รุ่นสินค้า -->
     <section class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">รุ่นสินค้า</h2>
         
         <!-- รุ่น 8-90-15 -->
@@ -235,11 +240,13 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
 
     <!-- เสารั้ว Y-Post -->
     <section class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">เสารั้ว Y-Post</h2>
           <div class="grid lg:grid-cols-2 gap-8 items-center">
           <img 
@@ -254,11 +261,13 @@ import Footer from '@/components/common/Footer.astro';
           />
         </div>
         </div>
+      </div>
     </section>
 
     <!-- วิธีติดตั้ง -->
     <section class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">วิธีติดตั้ง</h2>
         
         <div class="grid md:grid-cols-4 gap-6">
@@ -315,11 +324,13 @@ import Footer from '@/components/common/Footer.astro';
           />
         </div>
         </div>
+      </div>
     </section>
 
     <!-- คุณสมบัติเด่นของรั้วเทวดา -->
     <section class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">คุณสมบัติเด่นของรั้วเทวดา</h2>
           
           <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
@@ -390,11 +401,13 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
 
     <!-- การใช้งานรั้วเทวดา -->
     <section class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">การใช้งานรั้วเทวดา</h2>
           
           <div class="grid lg:grid-cols-2 gap-8">
@@ -463,14 +476,16 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
 
     <!-- คำถามที่พบบ่อย -->
     <section class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับรั้วเทวดา</h2>
           
-        <div class="max-w-3xl mx-auto space-y-4">
+          <div class="space-y-4">
           <!-- คำถามที่ 1 -->
           <div class="bg-white rounded-xl overflow-hidden shadow-sm">
             <details class="group">
@@ -547,6 +562,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
 
     <!-- Contact CTA -->

src/pages/วาล์ว-valve/index.astro

@@ -145,6 +145,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Additional Images -->
     <section class="section">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <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/valve-In01.jpg" alt="วาล์ว (Valve)" 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/valve-In02.jpg" alt="วาล์ว (Valve)" 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/valve-In03.jpg" alt="วาล์ว (Valve)" 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/valve-In05.jpg" alt="วาล์ว (Valve)" 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/valve-In08.jpg" alt="วาล์ว (Valve)" 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/valve-In10.jpg" alt="วาล์ว (Valve)" 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/valve-In15.jpg" alt="วาล์ว (Valve)" 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/valve-In17.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" />
@@ -155,6 +156,7 @@ import Footer from '@/components/common/Footer.astro';
       <!-- Valve Selection Guide -->
       <section id="selection" class="section bg-white">
         <div class="container-custom">
+          <div class="max-w-4xl mx-auto">
             <h2 class="text-xl font-bold text-secondary-900 mb-8">วิธีเลือกวาล์วให้เหมาะสม</h2>
           <div class="grid md:grid-cols-2 gap-6">
             <div class="bg-blue-50 p-5 rounded-lg">
@@ -179,13 +181,15 @@ import Footer from '@/components/common/Footer.astro';
             </div>
           </div>
           </div>
+        </div>
       </section>
 
       <!-- FAQ Section -->
       <section id="faq" class="section bg-gray-50">
         <div class="container-custom">
+          <div class="max-w-4xl mx-auto">
             <h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
-          <div class="space-y-4 max-w-4xl">
+            <div class="space-y-4">
             <div class="bg-white rounded-lg p-4">
               <h3 class="font-semibold text-secondary-900 mb-2">Q: Ball Valve กับ Gate Valve ต่างกันอย่างไร?</h3>
               <p class="text-secondary-700">Ball Valve เปิด-ปิดเร็วด้วยการหมุน 90 องศา ส่วน Gate Valve เปิด-ปิดค่อยเป็นค่อยไปด้วยการหมุนบังคับหลายรอบ Gate Valve กันย้อนได้ดีกว่า</p>
@@ -200,6 +204,7 @@ import Footer from '@/components/common/Footer.astro';
             </div>
           </div>
           </div>
+        </div>
       </section>
       
     <!-- CTA Section -->

src/pages/อุปกรณ์ดับเพลิง/index.astro

@@ -164,6 +164,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Fire System Types Guide -->
     <section class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">ระบบดับเพลิงและอุปกรณ์ป้องกันอัคคีภัย</h2>
         
         <div class="grid md:grid-cols-3 gap-8">
@@ -219,6 +220,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
 
     <!-- Product Selection Guide -->

src/pages/เครื่องเชื่อม-hdpe/index.astro

@@ -137,6 +137,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Welding Type Guide -->
     <section id="welding-types" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">ประเภทการเชื่อม HDPE</h2>
         <div class="grid md:grid-cols-3 gap-6">
           <div class="bg-blue-50 p-5 rounded-lg">
@@ -168,11 +169,13 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
  
     <!-- Detailed Specifications -->
     <section id="specs" class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">ข้อมูลจำเพาะเครื่องเชื่อม HDPE</h2>
         <div class="grid md:grid-cols-2 gap-6">
           <div class="bg-white p-5 rounded-lg">
@@ -196,6 +199,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
 
     <!-- FAQ Section -->

src/pages/เครื่องเชื่อมท่อ-pipe-coupling-machine/index.astro

@@ -85,82 +85,6 @@ import Footer from '@/components/common/Footer.astro';
           </div>
           </div>
         </div>
-    </section>
-    
-    <!-- Subcategories -->
-    <section class="section">
-      <div class="container-custom">
-        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-6">
-          <a href="/เครื่องเชื่อม-hdpe" class="product-card group">
-            <div class="product-card-image">
-              <img src="/images/HDPE-welding-crop.jpg" alt="เครื่องเชื่อม HDPE" width="600" height="400" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
-            </div>
-            <div class="p-4">
-              <h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors text-center">เครื่องเชื่อม HDPE</h3>
-            </div>
-          </a>
-          <a href="/เครื่องเชื่อมท่อพีพีอา" class="product-card group">
-            <div class="product-card-image">
-              <img src="/images/products-misc/ppr-welding-machine-main.jpg" alt="เครื่องเชื่อม PPR" width="600" height="400" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
-            </div>
-            <div class="p-4">
-              <h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors text-center">เครื่องเชื่อม PPR</h3>
-            </div>
-          </a>
-          <a href="/groove-coupling" class="product-card group">
-            <div class="product-card-image">
-              <img src="/images/products-cropped/mech_000C.jpg" alt="กรู๊ฟท่อ" width="600" height="400" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
-            </div>
-            <div class="p-4">
-              <h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors text-center">กรู๊ฟท่อ</h3>
-            </div>
-          </a>
-          <a href="/pipe-coupling" class="product-card group">
-            <div class="product-card-image">
-              <img src="/images/pipe-coupling/BG-SMC02.png" alt="Pipe Coupling" width="600" height="400" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
-            </div>
-            <div class="p-4">
-              <h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors text-center">Pipe Coupling</h3>
-            </div>
-          </a>
-          <a href="/dukelarrsen" class="product-card group">
-            <div class="product-card-image">
-              <img src="/images/dukelarrsen/dukelarrsen-43.jpg" alt="Dukelarrsen" width="600" height="400" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
-            </div>
-            <div class="p-4">
-              <h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors text-center">DUKELARRSEN</h3>
-            </div>
-          </a>
-          <a href="/เม็กกรู๊ฟ-คับปลิ้ง" class="product-card group">
-            <div class="product-card-image">
-              <img src="/images/products-misc/MECH_001.jpg" alt="เม็กกรู๊ฟ" width="600" height="400" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
-            </div>
-            <div class="p-4">
-              <h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors text-center">เม็กกรู๊ฟ</h3>
-            </div>
-          </a>
-        </div>
-      </div>
-    </section>
-    
-    <!-- Product Details -->
-    <section class="section">
-      <div class="container-custom">
-        <div class="max-w-4xl mx-auto">
-          <h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
-          <div class="prose prose-lg max-w-none">
-            <p class="text-lg text-secondary-700">จำหน่าย เครื่องเชื่อมท่อ | Pipe Coupling Machine คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
-          </div>
-        </div>
-      </div>
-    </section>
-    
-    <!-- Additional Images -->
-    <section class="section">
-      <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/groove-coupling_000C_cropped.jpg" alt="เครื่องเชื่อมท่อ | Pipe Coupling Machine" 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/groove-coupling_000C_cropped.jpg" alt="เครื่องเชื่อมท่อ | Pipe Coupling Machine" 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/groove-coupling_000C_cropped.jpg" alt="เครื่องเชื่อมท่อ | Pipe Coupling Machine" 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>
@@ -168,6 +92,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Applications Section -->
     <section id="applications" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">การใช้งานเครื่องเชื่อม Pipe Coupling</h2>
         <div class="grid md:grid-cols-3 gap-4">
           <div class="bg-blue-50 p-4 rounded-lg">
@@ -184,11 +109,13 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
       </div>
+    </div>
     </section>
 
     <!-- Maintenance Guide -->
     <section id="maintenance" class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">การดูแลรักษาเครื่องเชื่อม</h2>
         <div class="grid md:grid-cols-2 gap-6">
           <div>
@@ -209,13 +136,15 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
       </div>
+    </div>
     </section>
 
     <!-- FAQ Section -->
     <section id="faq" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
-        <div class="space-y-4 max-w-4xl">
+          <div class="space-y-4">
           <div class="bg-gray-50 rounded-lg p-4">
             <h3 class="font-semibold text-secondary-900 mb-2">Q: ใช้กับท่อขนาดไหนได้บ้าง?</h3>
             <p class="text-secondary-700">ขึ้นอยู่กับรุ่นของเครื่อง ส่วนใหญ่ใช้ได้กับท่อขนาด 20-160 มม.</p>
@@ -226,6 +155,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
     
     <!-- CTA Section -->

src/pages/เครื่องเชื่อมท่อพีพีอา/index.astro

@@ -133,6 +133,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Product Price Table -->
     <section class="section bg-gray-50 py-16">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">เครื่องเชื่อมพร้อมหัวเชื่อม Welding Machine</h2>
         
         <div style="overflow-x: auto;">
@@ -200,11 +201,13 @@ import Footer from '@/components/common/Footer.astro';
             </table>
           </div>
         </div>
+      </div>
     </section>
     
     <!-- Temperature Guide -->
     <section id="temperature" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">อุณหภูมิการเชื่อม PPR</h2>
         <div class="overflow-x-auto">
           <table class="w-full border-collapse bg-gray-50 rounded-lg">
@@ -226,13 +229,16 @@ import Footer from '@/components/common/Footer.astro';
         </div>
             <p class="text-sm text-secondary-600 mt-4">* ค่าเป็นเพียงเป็นแนะนำ ควรตรวจสอบตามคำแนะนำของผู้ผลิตเครื่อง</p>
           </div>
+        </div>
+      </div>
     </section>
     
     <!-- FAQ Section -->
     <section id="faq" class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
-        <div class="space-y-4 max-w-4xl">
+          <div class="space-y-4">
           <div class="bg-white rounded-lg p-4">
             <h3 class="font-semibold text-secondary-900 mb-2">Q: PPR ต้องเชื่อมที่อุณหภูมิเท่าไหร่?</h3>
             <p class="text-secondary-700">อุณหภูมิมาตรฐานคือ 260°C สำหรับท่อขนาดเล็ก-กลาง สำหรับท่อขนาดใหญ่อาจต้องเพิ่มเป็น 270-290°C</p>
@@ -247,6 +253,7 @@ import Footer from '@/components/common/Footer.astro';
             </div>
           </div>
         </div>
+      </div>
     </section>
     
     <!-- CTA Section -->

src/pages/เทอร์โมเบรค-thermobreak/index.astro

@@ -225,6 +225,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Product Line Section -->
     <section id="product-line" class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">ผลิตภัณฑ์เทอร์โมเบรคทั้งหมด</h2>
         <p class="text-lg text-secondary-700 mb-8">เราจำหน่ายผลิตภัณฑ์เทอร์โมเบรคครบทุกประเภทสำหรับทุกการใช้งาน ตั้งแต่งานระบบปรับอากาศ งานอุตสาหกรรม จนถึงงานขนส่ง</p>
         
@@ -393,6 +394,7 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
     
     <!-- Project References Section -->

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

@@ -87,96 +87,6 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
-    </section>
-    
-    <!-- Product Details -->
-    <section class="section">
-      <div class="container-custom">
-        <div class="max-w-4xl mx-auto">
-          <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>
-    </section>
-    
-    <!-- Applications Section -->
-    <section id="applications" class="section bg-white">
-      <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-8">การใช้งานเม็กกรู๊ฟ คับปลิ้ง</h2>
-        <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4">
-          <div class="bg-blue-50 p-4 rounded-lg">
-            <h3 class="font-bold text-secondary-900 mb-2">ระบบน้ำ</h3>
-            <p class="text-secondary-700 text-sm">ท่อประปา ท่อดับเพลิง ระบบท่อน้ำในอาคาร</p>
-          </div>
-          <div class="bg-green-50 p-4 rounded-lg">
-            <h3 class="font-bold text-secondary-900 mb-2">อุตสาหกรรม</h3>
-            <p class="text-secondary-700 text-sm">โรงงาน ระบบลำเลียง ท่อส่งสารเคมี</p>
-          </div>
-          <div class="bg-orange-50 p-4 rounded-lg">
-            <h3 class="font-bold text-secondary-900 mb-2">งานก่อสร้าง</h3>
-            <p class="text-secondary-700 text-sm">อาคารสูง สะพาน งานโครงสร้าง</p>
-          </div>
-          <div class="bg-gray-50 p-4 rounded-lg">
-            <h3 class="font-bold text-secondary-900 mb-2">งานซ่อม</h3>
-            <p class="text-secondary-700 text-sm">เปลี่ยนส่วนที่เสียหาย ไม่ต้องหยุดระบบ</p>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- Installation Guide -->
-    <section id="installation" class="section bg-gray-50">
-      <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-8">ข้อมูลแรงบิดการติดตั้ง</h2>
-        <div class="overflow-x-auto">
-          <table class="w-full border-collapse bg-white rounded-lg">
-            <thead>
-              <tr class="bg-primary-600 text-white">
-                <th class="px-4 py-3 text-left">ขนาด (นิ้ว)</th>
-                <th class="px-4 py-3 text-center">แรงบิด (Nm)</th>
-                <th class="px-4 py-3 text-center">ขนาดสกรู</th>
-              </tr>
-            </thead>
-            <tbody class="divide-y">
-              <tr><td class="px-4 py-2 font-medium">1"</td><td class="px-4 py-2 text-center">40-50</td><td class="px-4 py-2 text-center">M8</td></tr>
-              <tr><td class="px-4 py-2 font-medium">1-1/2"</td><td class="px-4 py-2 text-center">60-70</td><td class="px-4 py-2 text-center">M10</td></tr>
-              <tr><td class="px-4 py-2 font-medium">2"</td><td class="px-4 py-2 text-center">80-100</td><td class="px-4 py-2 text-center">M10</td></tr>
-              <tr><td class="px-4 py-2 font-medium">2-1/2"</td><td class="px-4 py-2 text-center">100-120</td><td class="px-4 py-2 text-center">M12</td></tr>
-              <tr><td class="px-4 py-2 font-medium">3"</td><td class="px-4 py-2 text-center">120-140</td><td class="px-4 py-2 text-center">M12</td></tr>
-              <tr><td class="px-4 py-2 font-medium">4"</td><td class="px-4 py-2 text-center">150-180</td><td class="px-4 py-2 text-center">M14</td></tr>
-              <tr><td class="px-4 py-2 font-medium">6"</td><td class="px-4 py-2 text-center">200-250</td><td class="px-4 py-2 text-center">M16</td></tr>
-            </tbody>
-          </table>
-        </div>
-        <p class="text-sm text-secondary-600 mt-4">* ค่าแรงบิดเป็นค่าแนะนำ ควรตรวจสอบตามคำแนะนำของผู้ผลิตแต่ละยี่ห้อ</p>
       </div>
     </section>