fix: Add max-w-4xl wrapper to FAQ and Installation sections in PPR page
This commit is contained in:
@@ -147,8 +147,9 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<!-- 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: PPR ต่างจาก PVC หรือ UPVC อย่างไร?</h3>
|
||||
<p class="text-secondary-700">PPR ทำจากโพลีโพรพิลีนเรนดอมโคพอลิเมอร์ ทนความร้อนได้สูงกว่า (95°C) เหมาะกับท่อน้ำร้อน-เย็น ส่วน PVC/UPVC ทำจากพอลิไวนิลคลอไรด์ เหมาะกับท่อระบายน้ำและท่อน้ำเย็น</p>
|
||||
@@ -170,6 +171,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<p class="text-secondary-700">PPR มีอายุการใช้งานประมาณ 50 ปี ภายใต้เงื่อนไขการใช้งานปกติ ทนต่อการกัดกร่อน ไม่เป็นสนิม และไม่เกิดตะกรัน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -203,8 +205,9 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<!-- 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">ขั้นตอนการติดตั้งท่อ PPR</h2>
|
||||
<div class="grid md:grid-cols-2 gap-8">
|
||||
<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-8">
|
||||
<div>
|
||||
<h3 class="text-lg font-semibold text-secondary-800 mb-4">อุปกรณ์ที่ต้องใช้</h3>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
@@ -227,6 +230,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user