fix: Add max-w-4xl wrapper to FAQ and Installation sections in PPR page

This commit is contained in:
OpenCode Agent
2026-04-02 21:47:38 +07:00
parent c96ebb3f2d
commit 5501d70990

View File

@@ -147,8 +147,9 @@ import Footer from '@/components/common/Footer.astro';
<!-- FAQ Section --> <!-- FAQ Section -->
<section id="faq" class="section bg-gray-50"> <section id="faq" class="section bg-gray-50">
<div class="container-custom"> <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="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"> <div class="bg-white rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: PPR ต่างจาก PVC หรือ UPVC อย่างไร?</h3> <h3 class="font-semibold text-secondary-900 mb-2">Q: PPR ต่างจาก PVC หรือ UPVC อย่างไร?</h3>
<p class="text-secondary-700">PPR ทำจากโพลีโพรพิลีนเรนดอมโคพอลิเมอร์ ทนความร้อนได้สูงกว่า (95°C) เหมาะกับท่อน้ำร้อน-เย็น ส่วน PVC/UPVC ทำจากพอลิไวนิลคลอไรด์ เหมาะกับท่อระบายน้ำและท่อน้ำเย็น</p> <p class="text-secondary-700">PPR ทำจากโพลีโพรพิลีนเรนดอมโคพอลิเมอร์ ทนความร้อนได้สูงกว่า (95°C) เหมาะกับท่อน้ำร้อน-เย็น ส่วน PVC/UPVC ทำจากพอลิไวนิลคลอไรด์ เหมาะกับท่อระบายน้ำและท่อน้ำเย็น</p>
@@ -171,6 +172,7 @@ import Footer from '@/components/common/Footer.astro';
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<!-- Applications Section --> <!-- Applications Section -->
@@ -203,6 +205,7 @@ import Footer from '@/components/common/Footer.astro';
<!-- Installation Guide --> <!-- Installation Guide -->
<section id="installation" class="section bg-gray-50"> <section id="installation" class="section bg-gray-50">
<div class="container-custom"> <div class="container-custom">
<div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ขั้นตอนการติดตั้งท่อ PPR</h2> <h2 class="text-xl font-bold text-secondary-900 mb-8">ขั้นตอนการติดตั้งท่อ PPR</h2>
<div class="grid md:grid-cols-2 gap-8"> <div class="grid md:grid-cols-2 gap-8">
<div> <div>
@@ -228,6 +231,7 @@ import Footer from '@/components/common/Footer.astro';
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<!-- Price List Download --> <!-- Price List Download -->