fix: Add max-w-4xl mx-auto to sections for consistent width
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user