kunthawat/dealplustech-astro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/ท่อพีพีอาร์ตราช้าง/index.astro
View File

@@ -174,7 +174,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- SCG Heritage Section -->
<section id="heritage" class="section bg-white">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ท่อ PPR ตราช้าง SCG</h2>
<div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ท่อ PPR ตราช้าง SCG</h2>
<div class="grid md:grid-cols-2 gap-8">
<div>
<p class="text-lg text-secondary-700 mb-4">ท่อ PPR ตราช้าง เป็นผลิตภัณฑ์จาก <strong>SCG (Siam Cement Group)</strong> ผู้นำด้านวัสดุก่อสร้างและท่อ PVC ชั้นนำของประเทศไทย มีประสบการณ์ในการผลิตท่อมากว่า 40 ปี</p>
@@ -194,6 +195,7 @@ import Footer from '@/components/common/Footer.astro';
<li>• อายุการใช้งานยาวนาน</li>
<li>• หาซื้อง่าย มีศูนย์บริการทั่วประเทศ</li>
</ul>
</div>
</div>
</div>
</div>
@@ -202,7 +204,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Pressure Rating Guide -->
<section id="pressure" 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">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำแนะนำการเลือกระดับแรงดัน</h2>
<div class="overflow-x-auto">
<table class="w-full border-collapse bg-white rounded-lg">
<thead>
@@ -218,7 +221,8 @@ import Footer from '@/components/common/Footer.astro';
<tr><td class="px-4 py-2 font-medium">PN 16</td><td class="px-4 py-2 text-center">SDR 7.4</td><td class="px-4 py-2 text-center">16 bar</td><td class="px-4 py-2">ระบบน้ำร้อน, ระบบที่ต้องการแรงดันสูง</td></tr>
<tr><td class="px-4 py-2 font-medium">PN 20</td><td class="px-4 py-2 text-center">SDR 6</td><td class="px-4 py-2 text-center">20 bar</td><td class="px-4 py-2">อุตสาหกรรม, ระบบที่ต้องการแรงดันสูงมาก</td></tr>
</tbody>
</table>
</table>
</div>
</div>
</div>
</section>
@@ -226,8 +230,9 @@ import Footer from '@/components/common/Footer.astro';
<!-- 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="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-gray-50 rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: ท่อ PPR ตราช้าง ต่างจากท่อ PPR ยี่ห้ออื่นอย่างไร?</h3>
<p class="text-secondary-700">ท่อ PPR ตราช้าง ผลิตจาก SCG ซึ่งมีมาตรฐานการผลิตสูง ผ่านการรับรอง มอก. มีศูนย์บริการและอะไหล่ทั่วประเทศ รับประกันคุณภาพจากผู้ผลิต</p>
@@ -239,6 +244,7 @@ import Footer from '@/components/common/Footer.astro';
<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">ท่อ PPR ตราช้าง มีการรับประกันจาก SCG ตามเงื่อนไขที่กำหนด กรุณาติดต่อศูนย์บริการ SCG สำหรับรายละเอียด</p>
</div>
</div>
</div>
</div>
@@ -247,7 +253,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Price List Download -->
<section class="section gradient-mesh">
<div class="container-custom">
<div class="card-glass p-8 max-w-lg mx-auto">
<div class="max-w-4xl mx-auto">
<div class="card-glass p-8">
<h2 id="pricelist" class="text-lg sm:text-xl font-bold text-secondary-900 mb-6 text-center">ดาวน์โหลดราคาสินค้า</h2>
<a href="/documents/เอสซีเจ ปี68.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-secondary-50 rounded-xl hover:bg-secondary-100 transition-colors group">
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
@@ -255,7 +262,8 @@ import Footer from '@/components/common/Footer.astro';
<div class="font-semibold text-secondary-900 group-hover:text-primary-600 transition-colors">ราคาสินค้า SCG ปี 68</div>
<div class="text-sm text-secondary-500">PDF - ดาวน์โหลดราคา</div>
</div>
</a>
</a>
</div>
</div>
</div>
</section>