fix: Add max-w-4xl to remaining sections in thermobreak page

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

@@ -348,8 +348,9 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Applications Section -->
     <section id="applications" class="section bg-gray-50">
       <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-8">การใช้งานเทอร์โมเบรค</h2>
+        <div class="max-w-4xl mx-auto">
-        <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
+          <h2 class="text-xl font-bold text-secondary-900 mb-8">การใช้งานเทอร์โมเบรค</h2>
+          <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
           <div class="bg-white p-6 rounded-lg shadow-sm">
             <div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
               <svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
@@ -392,7 +393,7 @@ import Footer from '@/components/common/Footer.astro';
             <h3 class="font-bold text-secondary-900 mb-2">ระบบขนส่ง</h3>
             <p class="text-secondary-700 text-sm">รถไฟ รถบัส เรือ และยานพาหนะขนส่งสินค้าที่ต้องการฉนวน</p>
           </div>
-        </div>
+          </div>
         </div>
       </div>
     </section>
@@ -400,9 +401,10 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Project References Section -->
     <section id="projects" class="section bg-white">
       <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-8">ตัวอย่างโครงการที่ใช้เทอร์โมเบรค</h2>
+        <div class="max-w-4xl mx-auto">
-        <p class="text-lg text-secondary-700 mb-8">เทอร์โมเบรคถูกใช้งานในโครงการขนาดใหญ่ทั่วโลกและในประเทศไทย รวมถึง:</p>
+          <h2 class="text-xl font-bold text-secondary-900 mb-8">ตัวอย่างโครงการที่ใช้เทอร์โมเบรค</h2>
-        <div class="grid md:grid-cols-2 gap-6">
+          <p class="text-lg text-secondary-700 mb-8">เทอร์โมเบรคถูกใช้งานในโครงการขนาดใหญ่ทั่วโลกและในประเทศไทย รวมถึง:</p>
+          <div class="grid md:grid-cols-2 gap-6">
           <div class="bg-gray-50 p-5 rounded-lg">
             <h3 class="font-bold text-secondary-900 mb-3">โครงการในประเทศไทย</h3>
             <ul class="space-y-2 text-secondary-700">
@@ -427,15 +429,17 @@ import Footer from '@/components/common/Footer.astro';
         <div class="mt-8 p-6 bg-primary-50 rounded-lg">
           <p class="text-lg text-secondary-800"><strong>ติดต่อเรา</strong> เพื่อขอรายละเอียดโครงการและคำแนะนำการใช้งานสำหรับโครงการของคุณ</p>
         </div>
+        </div>
       </div>
     </section>
     
     <!-- Thickness Selection Guide -->
     <section id="thickness-guide" class="section bg-gray-50">
       <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-8">คำแนะนำการเลือกความหนาฉนวน</h2>
+        <div class="max-w-4xl mx-auto">
-        <div class="overflow-x-auto">
+          <h2 class="text-xl font-bold text-secondary-900 mb-8">คำแนะนำการเลือกความหนาฉนวน</h2>
-          <table class="w-full border-collapse bg-white rounded-lg shadow-sm">
+          <div class="overflow-x-auto">
+            <table class="w-full border-collapse bg-white rounded-lg shadow-sm">
             <thead>
               <tr class="bg-primary-600 text-white">
                 <th class="px-4 py-3 text-left">ขนาดท่อ (นิ้ว)</th>
@@ -456,15 +460,17 @@ import Footer from '@/components/common/Footer.astro';
             </tbody>
           </table>
         </div>
-        <p class="text-sm text-secondary-600 mt-4">* ความหนาที่แนะนำขึ้นอยู่กับอุณหภูมิทำงานและสภาพแวดล้อม ติดต่อเราเพื่อขอคำแนะนำที่เหมาะสม</p>
+          <p class="text-sm text-secondary-600 mt-4">* ความหนาที่แนะนำขึ้นอยู่กับอุณหภูมิทำงานและสภาพแวดล้อม ติดต่อเราเพื่อขอคำแนะนำที่เหมาะสม</p>
+        </div>
       </div>
     </section>
     
     <!-- FAQ Section -->
     <section id="faq" class="section bg-white">
       <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
+        <div class="max-w-4xl mx-auto">
-        <div class="space-y-4">
+          <h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
+          <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">เทอร์โมเบรคใช้เทคโนโลยี Physically Cross-Linked ซึ่งให้ขนาดเซลล์เล็กและกระจายสม่ำเสมอ ทำให้ได้ค่าการนำความร้อนต่ำกว่า (0.032 W/m.K) และมีอายุการใช้งานยาวนานกว่า 10 ปีโดยไม่เสื่อมประสิทธิภาพ</p>
@@ -486,6 +492,7 @@ import Footer from '@/components/common/Footer.astro';
             <p class="text-secondary-700">เทอร์โมเบรคตัด ดัด และติดตั้งง่ายด้วยอุปกรณ์พื้นฐาน ใช้เทป Thermobreak LS Foil Tape สำหรับยึดข้อต่อและรอยต่อ</p>
           </div>
         </div>
+        </div>
       </div>
     </section>