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

This commit is contained in:
OpenCode Agent
2026-04-02 19:04:15 +07:00
parent 8ae6f412d9
commit 5159445a51
19 changed files with 185 additions and 363 deletions

View File

@@ -143,7 +143,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Glasswool Section -->
<section id="glasswool" class="section bg-gray-50">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ฉนวนใยแก้ว (Glasswool & Mineral Wool)</h2>
<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>
<div class="grid md:grid-cols-3 gap-6">
@@ -202,6 +203,7 @@ import Footer from '@/components/common/Footer.astro';
</div>
</div>
</div>
</div>
</div>
</section>
@@ -263,7 +265,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Thickness Selection Guide -->
<section id="thickness-guide" 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">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำแนะนำการเลือกความหนาฉนวน</h2>
<p class="text-lg text-secondary-700 mb-6">การเลือกความหนาฉนวนขึ้นอยู่กับปัจจัยหลายอย่าง เช่น อุณหภูมิของไหลในท่อ อุณหภูมิแวดล้อม และความชื้น</p>
<div class="overflow-x-auto">
@@ -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">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
<div class="space-y-4 max-w-4xl">
<div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
<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>
@@ -332,6 +337,7 @@ import Footer from '@/components/common/Footer.astro';
<p class="text-secondary-700">Maxflex FR มีคุณสมบัติทนไฟ (Fire Retardant) ซึ่งเหมาะกับงานที่ต้องการความปลอดภัยจากอัคคีภัย เช่น ระบบดับเพลิง ระบบท่อน้ำร้อนในโรงแรมหรือโรงพยาบาล</p>
</div>
</div>
</div>
</div>
</section>