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

@@ -84,9 +84,10 @@ import Footer from '@/components/common/Footer.astro';
<!-- 4 Reasons Section --> <!-- 4 Reasons Section -->
<section id="reasons" class="section bg-gray-50"> <section id="reasons" class="section bg-gray-50">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">4 เหตุผลที่ควรใช้ระบบกรู๊ฟ</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">4 เหตุผลที่ควรใช้ระบบกรู๊ฟ</h2>
<div class="space-y-12"> <div class="space-y-12">
<!-- Reason 1 --> <!-- Reason 1 -->
<div class="bg-white rounded-2xl p-8 shadow-sm"> <div class="bg-white rounded-2xl p-8 shadow-sm">
<h3 class="text-2xl font-bold text-red-600 mb-6">1. ไม่เกิดการอุดตันจาก Slag (เศษผงเหล็ก)</h3> <h3 class="text-2xl font-bold text-red-600 mb-6">1. ไม่เกิดการอุดตันจาก Slag (เศษผงเหล็ก)</h3>
@@ -131,18 +132,21 @@ import Footer from '@/components/common/Footer.astro';
<!-- Fire Incident Section --> <!-- Fire Incident Section -->
<section id="fire-incident" class="section bg-white"> <section id="fire-incident" class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">เหตุการณ์จริง..เพลิงไหม้จากการเชื่อมท่อ</h2> <div class="max-w-4xl mx-auto">
<img src="/images/dukelarrsen/dukelarrsen-08.jpg" alt="เพลิงไหม้จากการเชื่อมท่อ" class="w-full h-auto rounded-xl max-w-3xl mx-auto" width="800" height="600" loading="lazy" decoding="async" /> <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">เหตุการณ์จริง..เพลิงไหม้จากการเชื่อมท่อ</h2>
<img src="/images/dukelarrsen/dukelarrsen-08.jpg" alt="เพลิงไหม้จากการเชื่อมท่อ" class="w-full h-auto rounded-xl max-w-3xl mx-auto" width="800" height="600" loading="lazy" decoding="async" />
</div>
</div> </div>
</section> </section>
<!-- Benefits Section --> <!-- Benefits Section -->
<section id="benefits" class="section bg-gray-50"> <section id="benefits" class="section bg-gray-50">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">GROOVED COUPLINGS AND FITTINGS</h2> <div class="max-w-4xl mx-auto">
<img src="/images/dukelarrsen/dukelarrsen-09.jpg" alt="Grooved Couplings and Fittings" class="w-full h-auto rounded-xl mb-8" width="800" height="600" loading="lazy" decoding="async" /> <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">GROOVED COUPLINGS AND FITTINGS</h2>
<img src="/images/dukelarrsen/dukelarrsen-09.jpg" alt="Grooved Couplings and Fittings" class="w-full h-auto rounded-xl mb-8" width="800" height="600" loading="lazy" decoding="async" />
<div class="grid md:grid-cols-2 gap-8"> <div class="grid md:grid-cols-2 gap-8">
<div class="bg-white rounded-xl p-6 shadow-sm"> <div class="bg-white rounded-xl p-6 shadow-sm">
<h3 class="text-xl font-bold text-secondary-900 mb-4">1. ลดค่าติดตั้ง</h3> <h3 class="text-xl font-bold text-secondary-900 mb-4">1. ลดค่าติดตั้ง</h3>
<ul class="space-y-2 text-secondary-700"> <ul class="space-y-2 text-secondary-700">
@@ -185,6 +189,7 @@ import Footer from '@/components/common/Footer.astro';
<h3 class="text-xl font-bold text-secondary-900 mb-4">5. ข้อต่อที่สะดวก</h3> <h3 class="text-xl font-bold text-secondary-900 mb-4">5. ข้อต่อที่สะดวก</h3>
<p class="text-secondary-700">Coupling สามารถถอดประกอบได้ง่าย ช่วยให้การถอดส่วนท่อสำหรับทำความสะอาดหรือซ่อมแซม ช่วยให้การหมุนท่อเป็นระยะเพื่อกระจายการสึกหรอภายในจากของเหลวหรือสื่อที่มีฤทธิ์กัดเซาะ</p> <p class="text-secondary-700">Coupling สามารถถอดประกอบได้ง่าย ช่วยให้การถอดส่วนท่อสำหรับทำความสะอาดหรือซ่อมแซม ช่วยให้การหมุนท่อเป็นระยะเพื่อกระจายการสึกหรอภายในจากของเหลวหรือสื่อที่มีฤทธิ์กัดเซาะ</p>
</div> </div>
</div>
</div> </div>
</section> </section>

View File

@@ -112,7 +112,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Installation Section --> <!-- Installation Section -->
<section class="section bg-gray-50"> <section class="section bg-gray-50">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">วิธีการติดตั้ง</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">วิธีการติดตั้ง</h2>
<!-- Step 1: Grooved --> <!-- Step 1: Grooved -->
<div class="mb-16"> <div class="mb-16">
@@ -280,6 +281,7 @@ import Footer from '@/components/common/Footer.astro';
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<!-- FAQ Section --> <!-- FAQ Section -->

View File

@@ -90,7 +90,9 @@ import Footer from '@/components/common/Footer.astro';
<!-- Product Details --> <!-- Product Details -->
<section class="section"> <section class="section">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-2xl font-bold text-secondary-900 mb-4">รายละเอียดสินค้า</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-2xl font-bold text-secondary-900 mb-4">รายละเอียดสินค้า</h2>
</div>
</div> </div>
</section> </section>
@@ -150,7 +152,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Product Types --> <!-- Product Types -->
<section class="section"> <section class="section">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">รุ่นของสินค้า</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">รุ่นของสินค้า</h2>
<!-- GR Type --> <!-- GR Type -->
<div class="mb-16"> <div class="mb-16">
@@ -222,6 +225,7 @@ import Footer from '@/components/common/Footer.astro';
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>
@@ -274,12 +278,14 @@ import Footer from '@/components/common/Footer.astro';
<!-- Usage Examples --> <!-- Usage Examples -->
<section class="section"> <section class="section">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">ตัวอย่างการใช้งาน</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">ตัวอย่างการใช้งาน</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
<img src="/images/pipe-coupling/SMC-Page-11.jpg" alt="ตัวอย่างการใช้งาน" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" /> <img src="/images/pipe-coupling/SMC-Page-11.jpg" alt="ตัวอย่างการใช้งาน" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
<img src="/images/pipe-coupling/SMC-Page-10.jpg" alt="ตัวอย่างการใช้งาน" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" /> <img src="/images/pipe-coupling/SMC-Page-10.jpg" alt="ตัวอย่างการใช้งาน" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
<img src="/images/pipe-coupling/SMC-Page-22.jpg" alt="ตัวอย่างการใช้งาน" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" /> <img src="/images/pipe-coupling/SMC-Page-22.jpg" alt="ตัวอย่างการใช้งาน" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
</div>
</div> </div>
</div> </div>
</section> </section>

View File

@@ -247,6 +247,7 @@ import Footer from '@/components/common/Footer.astro';
</ul> </ul>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -303,6 +304,7 @@ import Footer from '@/components/common/Footer.astro';
<span class="px-4 py-2 bg-white rounded-full text-sm font-medium text-primary-700">FM 1637</span> <span class="px-4 py-2 bg-white rounded-full text-sm font-medium text-primary-700">FM 1637</span>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -349,6 +351,7 @@ import Footer from '@/components/common/Footer.astro';
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</section> </section>

View File

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

View File

@@ -130,7 +130,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Product Photos --> <!-- Product Photos -->
<section class="section bg-secondary-50"> <section class="section bg-secondary-50">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-lg sm:text-xl font-bold text-secondary-900 mb-6">รูปภาพสินค้า</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-lg sm:text-xl font-bold text-secondary-900 mb-6">รูปภาพสินค้า</h2>
<div class="grid grid-cols-2 md:grid-cols-3 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
<div class="image-frame aspect-video"> <div class="image-frame aspect-video">
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PPR ไทย" class="w-full h-full object-cover" width="600" height="400" loading="lazy" decoding="async" /> <img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PPR ไทย" class="w-full h-full object-cover" width="600" height="400" loading="lazy" decoding="async" />
@@ -139,6 +140,7 @@ import Footer from '@/components/common/Footer.astro';
<img src="/images/ppr/TPPR55.jpg" alt="ท่อ PPR ไทย" class="w-full h-full object-cover" width="600" height="400" loading="lazy" decoding="async" /> <img src="/images/ppr/TPPR55.jpg" alt="ท่อ PPR ไทย" class="w-full h-full object-cover" width="600" height="400" loading="lazy" decoding="async" />
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>
@@ -174,7 +176,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Applications Section --> <!-- Applications Section -->
<section id="applications" class="section bg-white"> <section id="applications" class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">การใช้งานท่อ PPR</h2> <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-6"> <div class="grid md:grid-cols-2 gap-6">
<div class="bg-blue-50 p-5 rounded-lg"> <div class="bg-blue-50 p-5 rounded-lg">
<h3 class="font-bold text-secondary-900 mb-3">ระบบน้ำดื่ม</h3> <h3 class="font-bold text-secondary-900 mb-3">ระบบน้ำดื่ม</h3>
@@ -193,6 +196,7 @@ import Footer from '@/components/common/Footer.astro';
<p class="text-secondary-700 text-sm">ใช้ในโรงงานอุตสาหกรรม ระบบท่อลำเลียงน้ำ สารเคมีที่ไม่กัดกร่อน</p> <p class="text-secondary-700 text-sm">ใช้ในโรงงานอุตสาหกรรม ระบบท่อลำเลียงน้ำ สารเคมีที่ไม่กัดกร่อน</p>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>

View File

@@ -213,7 +213,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- UPVC vs CPVC Comparison --> <!-- UPVC vs CPVC Comparison -->
<section id="comparison" class="section bg-white"> <section id="comparison" class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">เปรียบเทียบ UPVC กับ CPVC</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">เปรียบเทียบ UPVC กับ CPVC</h2>
<div class="overflow-x-auto"> <div class="overflow-x-auto">
<table class="w-full border-collapse bg-gray-50 rounded-lg"> <table class="w-full border-collapse bg-gray-50 rounded-lg">
<thead> <thead>
@@ -232,6 +233,7 @@ import Footer from '@/components/common/Footer.astro';
<tr><td class="px-4 py-2 font-medium">เหมาะกับ</td><td class="px-4 py-2 text-center">น้ำเย็น, ระบายน้ำ</td><td class="px-4 py-2 text-center">น้ำร้อน, ไอน้ำ</td></tr> <tr><td class="px-4 py-2 font-medium">เหมาะกับ</td><td class="px-4 py-2 text-center">น้ำเย็น, ระบายน้ำ</td><td class="px-4 py-2 text-center">น้ำร้อน, ไอน้ำ</td></tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -239,7 +241,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Schedule Guide --> <!-- Schedule Guide -->
<section id="schedule" class="section bg-gray-50"> <section id="schedule" class="section bg-gray-50">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">Schedule 40 vs Schedule 80</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">Schedule 40 vs Schedule 80</h2>
<div class="grid md:grid-cols-2 gap-6"> <div class="grid md:grid-cols-2 gap-6">
<div class="bg-white p-5 rounded-lg"> <div class="bg-white p-5 rounded-lg">
<h3 class="font-bold text-secondary-900 mb-3">Schedule 40</h3> <h3 class="font-bold text-secondary-900 mb-3">Schedule 40</h3>
@@ -268,8 +271,9 @@ import Footer from '@/components/common/Footer.astro';
<!-- FAQ Section --> <!-- FAQ Section -->
<section id="faq" class="section bg-white"> <section id="faq" class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2> <div class="max-w-4xl mx-auto">
<div class="space-y-4 max-w-4xl"> <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"> <div class="bg-gray-50 rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: UPVC ใช้กับน้ำร้อนได้ไหม?</h3> <h3 class="font-semibold text-secondary-900 mb-2">Q: UPVC ใช้กับน้ำร้อนได้ไหม?</h3>
<p class="text-secondary-700">ไม่แนะนำ UPVC ทนความร้อนได้สูงสุด 60°C สำหรับน้ำร้อนควรใช้ CPVC หรือ PPR แทน</p> <p class="text-secondary-700">ไม่แนะนำ UPVC ทนความร้อนได้สูงสุด 60°C สำหรับน้ำร้อนควรใช้ CPVC หรือ PPR แทน</p>

View File

@@ -101,113 +101,6 @@ import Footer from '@/components/common/Footer.astro';
</div> </div>
</div> </div>
</div> </div>
</div>
</section>
<!-- Product Details -->
<section class="section">
<div class="container-custom">
<div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
<div class="prose prose-lg max-w-none">
<p class="text-lg text-secondary-700 mb-6">
<strong>ท่อ HDPE (High Density Polyethylene)</strong> เป็นท่อประเภทหนึ่งที่ได้รับความนิยมสูงที่สุดที่มีขายในท้องตลาดปัจจุบัน ผลิตจากโพลิเอทิลีนความหนาแน่นสูง ซึ่งเป็นวัสดุพลาสติกที่แข็งแรงและทนทานอย่างไม่น่าเชื่อ ทนทานต่อการกัดกร่อนของสารเคมีได้หลายชนิด ไม่เป็นสนิม น้ำหนักเบา ง่ายต่อการขนส่ง อายุการใช้งานยาวนานกว่า 50 ปี
</p>
<p class="text-lg text-secondary-700 mb-6">
นิยมใช้เป็นท่อส่งน้ำเพื่อการอุปโภค ท่อมีขนาดเส้นผ่านศูนย์กลางตั้งแต่ 16-1,200 มม. รับแรงดันได้สูงถึง PN25 โดยจัดแบ่งตามเกรดพลาสติกที่ใช้ในการผลิตคือ <strong>PE80</strong> และ <strong>PE100</strong>
</p>
<p class="text-lg text-secondary-700 mb-6">
ผิวมีลักษณะเรียบมันทำให้น้ำหรือของเหลวไหลผ่านได้สะดวก ท่อแบบ HDPE มีความยืดหยุ่นมากกว่าแบบ PVC นิยมใช้แทนท่อ PVC ในงานที่ต้องการความยืดหยุ่นของท่อ เช่นพื้นดินที่ไม่สม่ำเสมอ สามารถใช้กับงานสาธารณูปโภค งานไฟฟ้า และงานเกษตรเป็นต้น
</p>
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่นของท่อ HDPE สำหรับท่อประปา</h3>
<ul class="space-y-3">
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<span><strong>ความทนทาน:</strong> อายุการใช้งานยาวนาน ขั้นต่ำ 50 ปี ทนต่ออุณหภูมิและแรงดันที่รุนแรงได้ ผสมสารป้องกัน UV ทนต่อแสงได้</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<span><strong>ความยืดหยุ่น:</strong> สามารถโค้งงอได้ถึง 45 องศา ทำให้เหมาะสำหรับพื้นที่ติดตั้งจำกัด</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<span><strong>ทนทานต่อสารเคมี:</strong> ทนทานสูงต่อกรดและด่าง เหมาะสำหรับกระบวนการทางเคมีและการใช้งานด้านสิ่งแวดล้อม</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<span><strong>ป้องกันการรั่วซึม:</strong> มีซีลแน่น ป้องกันการรั่วซึม</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<span><strong>ประหยัดค่าใช้จ่าย:</strong> โซลูชันการวางท่อที่คุ้มค่าที่สุด ใช้อุปกรณ์น้อยลง แรงงานและอุปกรณ์น้อยลง</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<span><strong>น้ำหนักเบา:</strong> ง่ายต่อการขนส่งและติดตั้ง</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<span><strong>รับแรงดัน:</strong> 12.5-16 บาร์</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<span><strong>ใช้เป็นท่อน้ำดื่ม:</strong> ปราศจากสารก่อมะเร็ง โลหะหนักต่างๆ</span>
</li>
</ul>
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ยี่ห้อที่มีจำหน่าย</h3>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li>Thai Asia PE Pipe</li>
<li>Thai Gow Gai</li>
<li>PBP</li>
<li>SR PE Pipe</li>
</ul>
</div>
</div>
</div>
</section>
<!-- PE80 vs PE100 Comparison -->
<section id="comparison" class="section bg-white">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">เปรียบเทียบ PE80 กับ PE100</h2>
<div class="overflow-x-auto">
<table class="w-full border-collapse bg-gray-50 rounded-lg">
<thead>
<tr class="bg-primary-600 text-white">
<th class="px-4 py-3 text-left">คุณสมบัติ</th>
<th class="px-4 py-3 text-center">PE80</th>
<th class="px-4 py-3 text-center">PE100</th>
</tr>
</thead>
<tbody class="divide-y">
<tr><td class="px-4 py-2 font-medium">ความหนาแน่น</td><td class="px-4 py-2 text-center">0.94-0.96 g/cm³</td><td class="px-4 py-2 text-center">0.95-0.96 g/cm³</td></tr>
<tr><td class="px-4 py-2 font-medium">ความแข็งแรง (MRS)</td><td class="px-4 py-2 text-center">8 MPa</td><td class="px-4 py-2 text-center">10 MPa</td></tr>
<tr><td class="px-4 py-2 font-medium">ความดันที่ทนได้</td><td class="px-4 py-2 text-center">ต่ำกว่า</td><td class="px-4 py-2 text-center">สูงกว่า</td></tr>
<tr><td class="px-4 py-2 font-medium">ความต้านทานแรงกระแทก</td><td class="px-4 py-2 text-center">ดี</td><td class="px-4 py-2 text-center">ดีเยี่ยม</td></tr>
<tr><td class="px-4 py-2 font-medium">ความต้านทานรอยแตกร้าว</td><td class="px-4 py-2 text-center">ดี</td><td class="px-4 py-2 text-center">ดีเยี่ยม</td></tr>
<tr><td class="px-4 py-2 font-medium">ราคา</td><td class="px-4 py-2 text-center">ถูกกว่า</td><td class="px-4 py-2 text-center">สูงกว่า</td></tr>
<tr><td class="px-4 py-2 font-medium">เหมาะกับ</td><td class="px-4 py-2 text-center">งานแรงดันต่ำ-กลาง</td><td class="px-4 py-2 text-center">งานแรงดันสูง</td></tr>
</tbody>
</table>
</div> </div>
</div> </div>
</section> </section>
@@ -215,7 +108,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Jointing Methods --> <!-- Jointing Methods -->
<section id="jointing" class="section bg-gray-50"> <section id="jointing" class="section bg-gray-50">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">วิธีการต่อท่อ HDPE</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">วิธีการต่อท่อ HDPE</h2>
<div class="grid md:grid-cols-3 gap-6"> <div class="grid md:grid-cols-3 gap-6">
<div class="bg-white p-5 rounded-lg"> <div class="bg-white p-5 rounded-lg">
<h3 class="font-bold text-secondary-900 mb-3">1. Electrofusion</h3> <h3 class="font-bold text-secondary-900 mb-3">1. Electrofusion</h3>
@@ -245,6 +139,7 @@ import Footer from '@/components/common/Footer.astro';
</ul> </ul>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>

View File

@@ -174,7 +174,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- SCG Heritage Section --> <!-- SCG Heritage Section -->
<section id="heritage" class="section bg-white"> <section id="heritage" class="section bg-white">
<div class="container-custom"> <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 class="grid md:grid-cols-2 gap-8">
<div> <div>
<p class="text-lg text-secondary-700 mb-4">ท่อ PPR ตราช้าง เป็นผลิตภัณฑ์จาก <strong>SCG (Siam Cement Group)</strong> ผู้นำด้านวัสดุก่อสร้างและท่อ PVC ชั้นนำของประเทศไทย มีประสบการณ์ในการผลิตท่อมากว่า 40 ปี</p> <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>
<li>• หาซื้อง่าย มีศูนย์บริการทั่วประเทศ</li> <li>• หาซื้อง่าย มีศูนย์บริการทั่วประเทศ</li>
</ul> </ul>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -202,7 +204,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Pressure Rating Guide --> <!-- Pressure Rating Guide -->
<section id="pressure" class="section bg-gray-50"> <section id="pressure" class="section bg-gray-50">
<div class="container-custom"> <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"> <div class="overflow-x-auto">
<table class="w-full border-collapse bg-white rounded-lg"> <table class="w-full border-collapse bg-white rounded-lg">
<thead> <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 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> <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> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -226,8 +230,9 @@ import Footer from '@/components/common/Footer.astro';
<!-- FAQ Section --> <!-- FAQ Section -->
<section id="faq" class="section bg-white"> <section id="faq" class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2> <div class="max-w-4xl mx-auto">
<div class="space-y-4 max-w-4xl"> <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"> <div class="bg-gray-50 rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: ท่อ PPR ตราช้าง ต่างจากท่อ PPR ยี่ห้ออื่นอย่างไร?</h3> <h3 class="font-semibold text-secondary-900 mb-2">Q: ท่อ PPR ตราช้าง ต่างจากท่อ PPR ยี่ห้ออื่นอย่างไร?</h3>
<p class="text-secondary-700">ท่อ PPR ตราช้าง ผลิตจาก SCG ซึ่งมีมาตรฐานการผลิตสูง ผ่านการรับรอง มอก. มีศูนย์บริการและอะไหล่ทั่วประเทศ รับประกันคุณภาพจากผู้ผลิต</p> <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"> <div class="bg-gray-50 rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: มีการรับประกันอย่างไร?</h3> <h3 class="font-semibold text-secondary-900 mb-2">Q: มีการรับประกันอย่างไร?</h3>
<p class="text-secondary-700">ท่อ PPR ตราช้าง มีการรับประกันจาก SCG ตามเงื่อนไขที่กำหนด กรุณาติดต่อศูนย์บริการ SCG สำหรับรายละเอียด</p> <p class="text-secondary-700">ท่อ PPR ตราช้าง มีการรับประกันจาก SCG ตามเงื่อนไขที่กำหนด กรุณาติดต่อศูนย์บริการ SCG สำหรับรายละเอียด</p>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -247,7 +253,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Price List Download --> <!-- Price List Download -->
<section class="section gradient-mesh"> <section class="section gradient-mesh">
<div class="container-custom"> <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> <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"> <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> <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="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 class="text-sm text-secondary-500">PDF - ดาวน์โหลดราคา</div>
</div> </div>
</a> </a>
</div>
</div> </div>
</div> </div>
</section> </section>

View File

@@ -202,7 +202,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Installation Guide --> <!-- Installation Guide -->
<section class="section bg-secondary-50"> <section class="section bg-secondary-50">
<div class="container-custom"> <div class="container-custom">
<h3 class="text-xl font-bold text-secondary-900 mb-6">วิธีการติดตั้ง ท่อ PVC</h3> <div class="max-w-4xl mx-auto">
<h3 class="text-xl font-bold text-secondary-900 mb-6">วิธีการติดตั้ง ท่อ PVC</h3>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="card-glass rounded-xl p-6"> <div class="card-glass rounded-xl p-6">
<div class="w-12 h-12 bg-primary-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">1</div> <div class="w-12 h-12 bg-primary-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">1</div>
@@ -235,8 +236,9 @@ import Footer from '@/components/common/Footer.astro';
<p class="text-secondary-600 text-sm">ก่อนใช้งานควรทิ้งให้น้ำยาประสานท่อแห้งประมาณ 10 นาที</p> <p class="text-secondary-600 text-sm">ก่อนใช้งานควรทิ้งให้น้ำยาประสานท่อแห้งประมาณ 10 นาที</p>
</div> </div>
</div> </div>
<div class="mt-6"> <div class="mt-6">
<img src="/images/products-misc/ติดตั้งท่อPVCมาตรฐานสูง-01.jpg" alt="วิธีการติดตั้งท่อ PVC" class="w-full h-auto rounded-xl shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /> <img src="/images/products-misc/ติดตั้งท่อPVCมาตรฐานสูง-01.jpg" alt="วิธีการติดตั้งท่อ PVC" class="w-full h-auto rounded-xl shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" />
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -244,7 +246,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Size Table --> <!-- Size Table -->
<section class="section bg-white"> <section class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h3 class="text-xl font-bold text-secondary-900 mb-6">ขนาดท่อ PVC กับการใช้งาน</h3> <div class="max-w-4xl mx-auto">
<h3 class="text-xl font-bold text-secondary-900 mb-6">ขนาดท่อ PVC กับการใช้งาน</h3>
<div class="overflow-x-auto"> <div class="overflow-x-auto">
<table class="modern-table w-full"> <table class="modern-table w-full">
<thead class="bg-primary-600 text-white"> <thead class="bg-primary-600 text-white">
@@ -291,7 +294,8 @@ import Footer from '@/components/common/Footer.astro';
<td class="px-6 py-4 border-b border-secondary-200 text-lg">งานเฉพาะทาง ก่อสร้างอาคาร งานเกษตร จ่ายน้ำปริมาณมาก</td> <td class="px-6 py-4 border-b border-secondary-200 text-lg">งานเฉพาะทาง ก่อสร้างอาคาร งานเกษตร จ่ายน้ำปริมาณมาก</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -299,7 +303,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Fitting Types Guide --> <!-- Fitting Types Guide -->
<section id="fittings" class="section bg-white"> <section id="fittings" class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ประเภทข้อต่อ PVC</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ประเภทข้อต่อ PVC</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4"> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
<div class="bg-gray-50 p-4 rounded-lg"> <div class="bg-gray-50 p-4 rounded-lg">
<h3 class="font-bold text-secondary-900 mb-2">ข้อต่อ L (เอล)</h3> <h3 class="font-bold text-secondary-900 mb-2">ข้อต่อ L (เอล)</h3>
@@ -325,6 +330,7 @@ import Footer from '@/components/common/Footer.astro';
<h3 class="font-bold text-secondary-900 mb-2">ข้อลด</h3> <h3 class="font-bold text-secondary-900 mb-2">ข้อลด</h3>
<p class="text-secondary-700 text-sm">ใช้เชื่อมท่อขนาดต่างกัน</p> <p class="text-secondary-700 text-sm">ใช้เชื่อมท่อขนาดต่างกัน</p>
</div> </div>
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -332,7 +338,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Size Selection Chart --> <!-- Size Selection Chart -->
<section id="sizes" class="section bg-gray-50"> <section id="sizes" class="section bg-gray-50">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ตารางขนาดท่อ PVC</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ตารางขนาดท่อ PVC</h2>
<div class="overflow-x-auto"> <div class="overflow-x-auto">
<table class="w-full border-collapse bg-white rounded-lg"> <table class="w-full border-collapse bg-white rounded-lg">
<thead> <thead>
@@ -352,7 +359,8 @@ import Footer from '@/components/common/Footer.astro';
<tr><td class="px-4 py-2 font-medium">3"</td><td class="px-4 py-2 text-center">89</td><td class="px-4 py-2 text-center">5.0</td><td class="px-4 py-2">ท่อระบายน้ำใหญ่</td></tr> <tr><td class="px-4 py-2 font-medium">3"</td><td class="px-4 py-2 text-center">89</td><td class="px-4 py-2 text-center">5.0</td><td class="px-4 py-2">ท่อระบายน้ำใหญ่</td></tr>
<tr><td class="px-4 py-2 font-medium">4"</td><td class="px-4 py-2 text-center">114</td><td class="px-4 py-2 text-center">5.6</td><td class="px-4 py-2">ท่อส่งน้ำ</td></tr> <tr><td class="px-4 py-2 font-medium">4"</td><td class="px-4 py-2 text-center">114</td><td class="px-4 py-2 text-center">5.6</td><td class="px-4 py-2">ท่อส่งน้ำ</td></tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -360,8 +368,9 @@ import Footer from '@/components/common/Footer.astro';
<!-- FAQ Section --> <!-- FAQ Section -->
<section id="faq" class="section bg-white"> <section id="faq" class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2> <div class="max-w-4xl mx-auto">
<div class="space-y-4 max-w-4xl"> <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"> <div class="bg-gray-50 rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: PVC กับ CPVC ต่างกันอย่างไร?</h3> <h3 class="font-semibold text-secondary-900 mb-2">Q: PVC กับ CPVC ต่างกันอย่างไร?</h3>
<p class="text-secondary-700">PVC ทำจากพอลิไวนิลคลอไรด์ ใช้กับน้ำเย็นและระบายน้ำ ส่วน CPVC มีคลอรีนเพิ่มทำให้ทนความร้อนได้สูงกว่า (95°C) เหมาะกับน้ำร้อน</p> <p class="text-secondary-700">PVC ทำจากพอลิไวนิลคลอไรด์ ใช้กับน้ำเย็นและระบายน้ำ ส่วน CPVC มีคลอรีนเพิ่มทำให้ทนความร้อนได้สูงกว่า (95°C) เหมาะกับน้ำร้อน</p>
@@ -373,6 +382,7 @@ import Footer from '@/components/common/Footer.astro';
<div class="bg-gray-50 rounded-lg p-4"> <div class="bg-gray-50 rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: ข้อต่อหลุดง่ายไหม?</h3> <h3 class="font-semibold text-secondary-900 mb-2">Q: ข้อต่อหลุดง่ายไหม?</h3>
<p class="text-secondary-700">ถ้าใช้กาวถูกวิธีและติดตั้งถูกต้อง รอยต่อจะแน่นหนาวไม่หลุด สำคัญคือต้องทำความสะอาดปลายท่อก่อนทากาว</p> <p class="text-secondary-700">ถ้าใช้กาวถูกวิธีและติดตั้งถูกต้อง รอยต่อจะแน่นหนาวไม่หลุด สำคัญคือต้องทำความสะอาดปลายท่อก่อนทากาว</p>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -145,8 +145,9 @@ import Footer from '@/components/common/Footer.astro';
<!-- FAQ Section --> <!-- FAQ Section -->
<section id="faq" class="section bg-white"> <section id="faq" class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2> <div class="max-w-4xl mx-auto">
<div class="space-y-4 max-w-4xl"> <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"> <div class="bg-gray-50 rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: ท่อไซเลอร์ต่างจากท่อ PVC ธรรมดาอย่างไร?</h3> <h3 class="font-semibold text-secondary-900 mb-2">Q: ท่อไซเลอร์ต่างจากท่อ PVC ธรรมดาอย่างไร?</h3>
<p class="text-secondary-700">ท่อไซเลอร์ (Cylinder) มีโครงสร้างเป็นแผ่นเจาะรูแล้วพับเป็นทรงกลม ใช้เป็นท่อระบายน้ำแบบเปิด ส่วนท่อ PVC ธรรมดาเป็นท่อปิดใช้ส่งน้ำหรือระบายน้ำแบบปิด</p> <p class="text-secondary-700">ท่อไซเลอร์ (Cylinder) มีโครงสร้างเป็นแผ่นเจาะรูแล้วพับเป็นทรงกลม ใช้เป็นท่อระบายน้ำแบบเปิด ส่วนท่อ PVC ธรรมดาเป็นท่อปิดใช้ส่งน้ำหรือระบายน้ำแบบปิด</p>
@@ -166,7 +167,8 @@ 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">
<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="grid md:grid-cols-2 gap-6"> <div class="grid md:grid-cols-2 gap-6">
<div> <div>
<h3 class="font-semibold text-secondary-800 mb-3">ขั้นตอนการติดตั้ง</h3> <h3 class="font-semibold text-secondary-800 mb-3">ขั้นตอนการติดตั้ง</h3>
@@ -186,6 +188,7 @@ import Footer from '@/components/common/Footer.astro';
<li class="flex items-start gap-2"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">ตรวจสอบรอยต่อให้แน่น</span></li> <li class="flex items-start gap-2"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">ตรวจสอบรอยต่อให้แน่น</span></li>
</ul> </ul>
</div> </div>
</div>
</div> </div>
</div> </div>
</section> </section>

View File

@@ -89,8 +89,9 @@ import Footer from '@/components/common/Footer.astro';
<!-- ทำไมต้องรั้วตาข่ายเทวดา --> <!-- ทำไมต้องรั้วตาข่ายเทวดา -->
<section class="section bg-white"> <section class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ทำไมต้องรั้วตาข่ายเทวดา</h2> <div class="max-w-4xl mx-auto">
<div class="grid lg:grid-cols-2 gap-8 items-center"> <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ทำไมต้องรั้วตาข่ายเทวดา</h2>
<div class="grid lg:grid-cols-2 gap-8 items-center">
<div> <div>
<img <img
src="/images/products-raw/tevada/TEVADA_002-1024x278.png" src="/images/products-raw/tevada/TEVADA_002-1024x278.png"
@@ -124,6 +125,7 @@ import Footer from '@/components/common/Footer.astro';
<span class="text-secondary-700">สามารถทนแรงกระแทกได้สูง</span> <span class="text-secondary-700">สามารถทนแรงกระแทกได้สูง</span>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -131,19 +133,22 @@ import Footer from '@/components/common/Footer.astro';
<!-- เปรียบเทียบ --> <!-- เปรียบเทียบ -->
<section class="section bg-gray-50"> <section class="section bg-gray-50">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">เปรียบเทียบความแตกต่าง</h2> <div class="max-w-4xl mx-auto">
<img <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">เปรียบเทียบความแตกต่าง</h2>
src="/images/products-raw/tevada/TEVADA_003-1024x647.png" <img
alt="เปรียบเทียบรั้วเทวดา" src="/images/products-raw/tevada/TEVADA_003-1024x647.png"
class="w-full h-auto rounded-xl max-w-4xl mx-auto" alt="เปรียบเทียบรั้วเทวดา"
/> class="w-full h-auto rounded-xl max-w-4xl mx-auto"
/>
</div>
</div> </div>
</section> </section>
<!-- รุ่นสินค้า --> <!-- รุ่นสินค้า -->
<section class="section bg-white"> <section class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">รุ่นสินค้า</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">รุ่นสินค้า</h2>
<!-- รุ่น 8-90-15 --> <!-- รุ่น 8-90-15 -->
<div class="mb-12 p-6 bg-gray-50 rounded-xl"> <div class="mb-12 p-6 bg-gray-50 rounded-xl">
@@ -234,14 +239,16 @@ import Footer from '@/components/common/Footer.astro';
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>
<!-- เสารั้ว Y-Post --> <!-- เสารั้ว Y-Post -->
<section class="section bg-gray-50"> <section class="section bg-gray-50">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">เสารั้ว Y-Post</h2> <div class="max-w-4xl mx-auto">
<div class="grid lg:grid-cols-2 gap-8 items-center"> <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">เสารั้ว Y-Post</h2>
<div class="grid lg:grid-cols-2 gap-8 items-center">
<img <img
src="/images/products-raw/tevada/TEVADA_010-1024x113.png" src="/images/products-raw/tevada/TEVADA_010-1024x113.png"
alt="เสารั้ว Y-Post" alt="เสารั้ว Y-Post"
@@ -253,13 +260,15 @@ import Footer from '@/components/common/Footer.astro';
class="w-full h-auto rounded-xl" class="w-full h-auto rounded-xl"
/> />
</div> </div>
</div>
</div> </div>
</section> </section>
<!-- วิธีติดตั้ง --> <!-- วิธีติดตั้ง -->
<section class="section bg-white"> <section class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">วิธีติดตั้ง</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">วิธีติดตั้ง</h2>
<div class="grid md:grid-cols-4 gap-6"> <div class="grid md:grid-cols-4 gap-6">
<!-- ตั้ง --> <!-- ตั้ง -->
@@ -314,15 +323,17 @@ import Footer from '@/components/common/Footer.astro';
class="w-full max-w-2xl mx-auto h-auto rounded-xl" class="w-full max-w-2xl mx-auto h-auto rounded-xl"
/> />
</div> </div>
</div>
</div> </div>
</section> </section>
<!-- คุณสมบัติเด่นของรั้วเทวดา --> <!-- คุณสมบัติเด่นของรั้วเทวดา -->
<section class="section bg-gray-50"> <section class="section bg-gray-50">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">คุณสมบัติเด่นของรั้วเทวดา</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">คุณสมบัติเด่นของรั้วเทวดา</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- คุณสมบัติ 1 --> <!-- คุณสมบัติ 1 -->
<div class="bg-white p-6 rounded-xl shadow-sm"> <div class="bg-white p-6 rounded-xl shadow-sm">
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4"> <div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
@@ -389,15 +400,17 @@ import Footer from '@/components/common/Footer.astro';
<p class="text-secondary-600 text-sm">ราคาเป็นมิตร คุ้มค่ากับการลงทุน ทนทานใช้งานได้ยาวนานโดยไม่ต้องซ่อมบำรุงบ่อย</p> <p class="text-secondary-600 text-sm">ราคาเป็นมิตร คุ้มค่ากับการลงทุน ทนทานใช้งานได้ยาวนานโดยไม่ต้องซ่อมบำรุงบ่อย</p>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>
<!-- การใช้งานรั้วเทวดา --> <!-- การใช้งานรั้วเทวดา -->
<section class="section bg-white"> <section class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">การใช้งานรั้วเทวดา</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">การใช้งานรั้วเทวดา</h2>
<div class="grid lg:grid-cols-2 gap-8"> <div class="grid lg:grid-cols-2 gap-8">
<div class="space-y-4"> <div class="space-y-4">
<div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-xl"> <div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-xl">
<div class="w-10 h-10 bg-primary-600 rounded-full flex items-center justify-center flex-shrink-0"> <div class="w-10 h-10 bg-primary-600 rounded-full flex items-center justify-center flex-shrink-0">
@@ -462,15 +475,17 @@ import Footer from '@/components/common/Footer.astro';
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>
<!-- คำถามที่พบบ่อย --> <!-- คำถามที่พบบ่อย -->
<section class="section bg-gray-50"> <section class="section bg-gray-50">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับรั้วเทวดา</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับรั้วเทวดา</h2>
<div class="max-w-3xl mx-auto space-y-4"> <div class="space-y-4">
<!-- คำถามที่ 1 --> <!-- คำถามที่ 1 -->
<div class="bg-white rounded-xl overflow-hidden shadow-sm"> <div class="bg-white rounded-xl overflow-hidden shadow-sm">
<details class="group"> <details class="group">
@@ -546,6 +561,7 @@ import Footer from '@/components/common/Footer.astro';
</details> </details>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>

View File

@@ -145,7 +145,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Additional Images --> <!-- Additional Images -->
<section class="section"> <section class="section">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
<div class="grid grid-cols-2 md:grid-cols-3 gap-4"> <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
<img src="/images/valve-In01.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In02.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In03.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In05.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In08.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In10.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In15.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In17.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /> <img src="/images/valve-In01.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In02.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In03.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In05.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In08.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In10.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In15.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In17.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" />
</div> </div>
@@ -155,7 +156,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Valve Selection Guide --> <!-- Valve Selection Guide -->
<section id="selection" class="section bg-white"> <section id="selection" class="section bg-white">
<div class="container-custom"> <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="grid md:grid-cols-2 gap-6"> <div class="grid md:grid-cols-2 gap-6">
<div class="bg-blue-50 p-5 rounded-lg"> <div class="bg-blue-50 p-5 rounded-lg">
<h3 class="font-bold text-secondary-900 mb-3">Ball Valve (บอลวาล์ว)</h3> <h3 class="font-bold text-secondary-900 mb-3">Ball Valve (บอลวาล์ว)</h3>
@@ -178,14 +180,16 @@ import Footer from '@/components/common/Footer.astro';
<p class="text-secondary-600 text-sm">ใช้กับ: งานที่ต้องปรับอัตราการไหล</p> <p class="text-secondary-600 text-sm">ใช้กับ: งานที่ต้องปรับอัตราการไหล</p>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>
<!-- 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">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2> <div class="max-w-4xl mx-auto">
<div class="space-y-4 max-w-4xl"> <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"> <div class="bg-white rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: Ball Valve กับ Gate Valve ต่างกันอย่างไร?</h3> <h3 class="font-semibold text-secondary-900 mb-2">Q: Ball Valve กับ Gate Valve ต่างกันอย่างไร?</h3>
<p class="text-secondary-700">Ball Valve เปิด-ปิดเร็วด้วยการหมุน 90 องศา ส่วน Gate Valve เปิด-ปิดค่อยเป็นค่อยไปด้วยการหมุนบังคับหลายรอบ Gate Valve กันย้อนได้ดีกว่า</p> <p class="text-secondary-700">Ball Valve เปิด-ปิดเร็วด้วยการหมุน 90 องศา ส่วน Gate Valve เปิด-ปิดค่อยเป็นค่อยไปด้วยการหมุนบังคับหลายรอบ Gate Valve กันย้อนได้ดีกว่า</p>
@@ -199,6 +203,7 @@ import Footer from '@/components/common/Footer.astro';
<p class="text-secondary-700">Brass แข็งแรงทนแรงดันสูง เหมาะกับงานที่ต้องการความทนทาน PVC ราคาถูกกว่า เหมาะกับงานทั่วไปแรงดันต่ำ</p> <p class="text-secondary-700">Brass แข็งแรงทนแรงดันสูง เหมาะกับงานที่ต้องการความทนทาน PVC ราคาถูกกว่า เหมาะกับงานทั่วไปแรงดันต่ำ</p>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>

View File

@@ -164,7 +164,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Fire System Types Guide --> <!-- Fire System Types Guide -->
<section class="section bg-gray-50"> <section class="section bg-gray-50">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">ระบบดับเพลิงและอุปกรณ์ป้องกันอัคคีภัย</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">ระบบดับเพลิงและอุปกรณ์ป้องกันอัคคีภัย</h2>
<div class="grid md:grid-cols-3 gap-8"> <div class="grid md:grid-cols-3 gap-8">
<!-- Sprinkler System --> <!-- Sprinkler System -->
@@ -218,6 +219,7 @@ import Footer from '@/components/common/Footer.astro';
</ul> </ul>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>

View File

@@ -137,7 +137,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Welding Type Guide --> <!-- Welding Type Guide -->
<section id="welding-types" class="section bg-white"> <section id="welding-types" class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ประเภทการเชื่อม HDPE</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ประเภทการเชื่อม HDPE</h2>
<div class="grid md:grid-cols-3 gap-6"> <div class="grid md:grid-cols-3 gap-6">
<div class="bg-blue-50 p-5 rounded-lg"> <div class="bg-blue-50 p-5 rounded-lg">
<h3 class="font-bold text-secondary-900 mb-3">Butt Fusion</h3> <h3 class="font-bold text-secondary-900 mb-3">Butt Fusion</h3>
@@ -167,13 +168,15 @@ import Footer from '@/components/common/Footer.astro';
</ul> </ul>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>
<!-- Detailed Specifications --> <!-- Detailed Specifications -->
<section id="specs" class="section bg-gray-50"> <section id="specs" class="section bg-gray-50">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ข้อมูลจำเพาะเครื่องเชื่อม HDPE</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ข้อมูลจำเพาะเครื่องเชื่อม HDPE</h2>
<div class="grid md:grid-cols-2 gap-6"> <div class="grid md:grid-cols-2 gap-6">
<div class="bg-white p-5 rounded-lg"> <div class="bg-white p-5 rounded-lg">
<h3 class="font-bold text-secondary-900 mb-3">สิ่งที่ต้องมี</h3> <h3 class="font-bold text-secondary-900 mb-3">สิ่งที่ต้องมี</h3>
@@ -195,6 +198,7 @@ import Footer from '@/components/common/Footer.astro';
</ul> </ul>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>

View File

@@ -83,92 +83,17 @@ import Footer from '@/components/common/Footer.astro';
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</section>
<!-- Subcategories -->
<section class="section">
<div class="container-custom">
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-6">
<a href="/เครื่องเชื่อม-hdpe" class="product-card group">
<div class="product-card-image">
<img src="/images/HDPE-welding-crop.jpg" alt="เครื่องเชื่อม HDPE" width="600" height="400" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
</div>
<div class="p-4">
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors text-center">เครื่องเชื่อม HDPE</h3>
</div>
</a>
<a href="/เครื่องเชื่อมท่อพีพีอา" class="product-card group">
<div class="product-card-image">
<img src="/images/products-misc/ppr-welding-machine-main.jpg" alt="เครื่องเชื่อม PPR" width="600" height="400" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
</div>
<div class="p-4">
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors text-center">เครื่องเชื่อม PPR</h3>
</div>
</a>
<a href="/groove-coupling" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/mech_000C.jpg" alt="กรู๊ฟท่อ" width="600" height="400" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
</div>
<div class="p-4">
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors text-center">กรู๊ฟท่อ</h3>
</div>
</a>
<a href="/pipe-coupling" class="product-card group">
<div class="product-card-image">
<img src="/images/pipe-coupling/BG-SMC02.png" alt="Pipe Coupling" width="600" height="400" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
</div>
<div class="p-4">
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors text-center">Pipe Coupling</h3>
</div>
</a>
<a href="/dukelarrsen" class="product-card group">
<div class="product-card-image">
<img src="/images/dukelarrsen/dukelarrsen-43.jpg" alt="Dukelarrsen" width="600" height="400" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
</div>
<div class="p-4">
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors text-center">DUKELARRSEN</h3>
</div>
</a>
<a href="/เม็กกรู๊ฟ-คับปลิ้ง" class="product-card group">
<div class="product-card-image">
<img src="/images/products-misc/MECH_001.jpg" alt="เม็กกรู๊ฟ" width="600" height="400" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
</div>
<div class="p-4">
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors text-center">เม็กกรู๊ฟ</h3>
</div>
</a>
</div>
</div>
</section>
<!-- Product Details -->
<section class="section">
<div class="container-custom">
<div class="max-w-4xl mx-auto">
<h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
<div class="prose prose-lg max-w-none">
<p class="text-lg text-secondary-700">จำหน่าย เครื่องเชื่อมท่อ | Pipe Coupling Machine คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
</div> </div>
</div> </div>
</div> </div>
</section> </div>
<!-- Additional Images -->
<section class="section">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
<img src="/images/products-misc/groove-coupling_000C_cropped.jpg" alt="เครื่องเชื่อมท่อ | Pipe Coupling Machine" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/products-misc/groove-coupling_000C_cropped.jpg" alt="เครื่องเชื่อมท่อ | Pipe Coupling Machine" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/products-misc/groove-coupling_000C_cropped.jpg" alt="เครื่องเชื่อมท่อ | Pipe Coupling Machine" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" />
</div>
</div>
</section> </section>
<!-- Applications Section --> <!-- Applications Section -->
<section id="applications" class="section bg-white"> <section id="applications" class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">การใช้งานเครื่องเชื่อม Pipe Coupling</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">การใช้งานเครื่องเชื่อม Pipe Coupling</h2>
<div class="grid md:grid-cols-3 gap-4"> <div class="grid md:grid-cols-3 gap-4">
<div class="bg-blue-50 p-4 rounded-lg"> <div class="bg-blue-50 p-4 rounded-lg">
<h3 class="font-bold text-secondary-900 mb-2">งานท่อน้ำ</h3> <h3 class="font-bold text-secondary-900 mb-2">งานท่อน้ำ</h3>
@@ -184,12 +109,14 @@ import Footer from '@/components/common/Footer.astro';
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<!-- Maintenance Guide --> <!-- Maintenance Guide -->
<section id="maintenance" class="section bg-gray-50"> <section id="maintenance" class="section bg-gray-50">
<div class="container-custom"> <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="grid md:grid-cols-2 gap-6"> <div class="grid md:grid-cols-2 gap-6">
<div> <div>
<h3 class="font-semibold text-secondary-800 mb-3">ข้อแนะนำ</h3> <h3 class="font-semibold text-secondary-800 mb-3">ข้อแนะนำ</h3>
@@ -209,13 +136,15 @@ import Footer from '@/components/common/Footer.astro';
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<!-- FAQ Section --> <!-- FAQ Section -->
<section id="faq" class="section bg-white"> <section id="faq" class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2> <div class="max-w-4xl mx-auto">
<div class="space-y-4 max-w-4xl"> <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"> <div class="bg-gray-50 rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: ใช้กับท่อขนาดไหนได้บ้าง?</h3> <h3 class="font-semibold text-secondary-900 mb-2">Q: ใช้กับท่อขนาดไหนได้บ้าง?</h3>
<p class="text-secondary-700">ขึ้นอยู่กับรุ่นของเครื่อง ส่วนใหญ่ใช้ได้กับท่อขนาด 20-160 มม.</p> <p class="text-secondary-700">ขึ้นอยู่กับรุ่นของเครื่อง ส่วนใหญ่ใช้ได้กับท่อขนาด 20-160 มม.</p>
@@ -225,6 +154,7 @@ import Footer from '@/components/common/Footer.astro';
<p class="text-secondary-700">ประมาณ 15-30 วินาทีต่อรอยต่อ ขึ้นอยู่กับขนาดท่อและอุณหภูมิเครื่อง</p> <p class="text-secondary-700">ประมาณ 15-30 วินาทีต่อรอยต่อ ขึ้นอยู่กับขนาดท่อและอุณหภูมิเครื่อง</p>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>

View File

@@ -133,7 +133,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Product Price Table --> <!-- Product Price Table -->
<section class="section bg-gray-50 py-16"> <section class="section bg-gray-50 py-16">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">เครื่องเชื่อมพร้อมหัวเชื่อม Welding Machine</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">เครื่องเชื่อมพร้อมหัวเชื่อม Welding Machine</h2>
<div style="overflow-x: auto;"> <div style="overflow-x: auto;">
<table style="width: 100%; border-collapse: collapse; background: white; border-radius: 10px; overflow: hidden; font-size: 14px;"> <table style="width: 100%; border-collapse: collapse; background: white; border-radius: 10px; overflow: hidden; font-size: 14px;">
@@ -197,7 +198,8 @@ import Footer from '@/components/common/Footer.astro';
<tr style="background: white;"><td style="padding: 12px; text-align: center;">401W110-000</td><td style="padding: 12px; text-align: center;">D110</td><td style="padding: 12px; text-align: center;">4,078.00</td></tr> <tr style="background: white;"><td style="padding: 12px; text-align: center;">401W110-000</td><td style="padding: 12px; text-align: center;">D110</td><td style="padding: 12px; text-align: center;">4,078.00</td></tr>
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401W125-000</td><td style="padding: 12px; text-align: center;">D125</td><td style="padding: 12px; text-align: center;">7,050.00</td></tr> <tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401W125-000</td><td style="padding: 12px; text-align: center;">D125</td><td style="padding: 12px; text-align: center;">7,050.00</td></tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -205,7 +207,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Temperature Guide --> <!-- Temperature Guide -->
<section id="temperature" class="section bg-white"> <section id="temperature" class="section bg-white">
<div class="container-custom"> <div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">อุณหภูมิการเชื่อม PPR</h2> <div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">อุณหภูมิการเชื่อม PPR</h2>
<div class="overflow-x-auto"> <div class="overflow-x-auto">
<table class="w-full border-collapse bg-gray-50 rounded-lg"> <table class="w-full border-collapse bg-gray-50 rounded-lg">
<thead> <thead>
@@ -224,15 +227,18 @@ import Footer from '@/components/common/Footer.astro';
</tbody> </tbody>
</table> </table>
</div> </div>
<p class="text-sm text-secondary-600 mt-4">* ค่าเป็นเพียงเป็นแนะนำ ควรตรวจสอบตามคำแนะนำของผู้ผลิตเครื่อง</p> <p class="text-sm text-secondary-600 mt-4">* ค่าเป็นเพียงเป็นแนะนำ ควรตรวจสอบตามคำแนะนำของผู้ผลิตเครื่อง</p>
</div>
</div>
</div> </div>
</section> </section>
<!-- 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">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2> <div class="max-w-4xl mx-auto">
<div class="space-y-4 max-w-4xl"> <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"> <div class="bg-white rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: PPR ต้องเชื่อมที่อุณหภูมิเท่าไหร่?</h3> <h3 class="font-semibold text-secondary-900 mb-2">Q: PPR ต้องเชื่อมที่อุณหภูมิเท่าไหร่?</h3>
<p class="text-secondary-700">อุณหภูมิมาตรฐานคือ 260°C สำหรับท่อขนาดเล็ก-กลาง สำหรับท่อขนาดใหญ่อาจต้องเพิ่มเป็น 270-290°C</p> <p class="text-secondary-700">อุณหภูมิมาตรฐานคือ 260°C สำหรับท่อขนาดเล็ก-กลาง สำหรับท่อขนาดใหญ่อาจต้องเพิ่มเป็น 270-290°C</p>
@@ -244,6 +250,7 @@ import Footer from '@/components/common/Footer.astro';
<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: ใช้เวลานานแค่ไหนกว่าจะเชื่อมได้?</h3> <h3 class="font-semibold text-secondary-900 mb-2">Q: ใช้เวลานานแค่ไหนกว่าจะเชื่อมได้?</h3>
<p class="text-secondary-700">ใช้เวลาฝึกฝนประมาณ 1-2 วันก็สามารถเชื่อมได้อย่างมีคุณภาพ สำคัญคือการฝึกฝนและใช้อุปกรณ์ที่ถูกต้อง</p> <p class="text-secondary-700">ใช้เวลาฝึกฝนประมาณ 1-2 วันก็สามารถเชื่อมได้อย่างมีคุณภาพ สำคัญคือการฝึกฝนและใช้อุปกรณ์ที่ถูกต้อง</p>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -225,7 +225,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Product Line Section --> <!-- Product Line Section -->
<section id="product-line" class="section bg-white"> <section id="product-line" class="section bg-white">
<div class="container-custom"> <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-8">เราจำหน่ายผลิตภัณฑ์เทอร์โมเบรคครบทุกประเภทสำหรับทุกการใช้งาน ตั้งแต่งานระบบปรับอากาศ งานอุตสาหกรรม จนถึงงานขนส่ง</p> <p class="text-lg text-secondary-700 mb-8">เราจำหน่ายผลิตภัณฑ์เทอร์โมเบรคครบทุกประเภทสำหรับทุกการใช้งาน ตั้งแต่งานระบบปรับอากาศ งานอุตสาหกรรม จนถึงงานขนส่ง</p>
<!-- Thermal Insulation Products --> <!-- Thermal Insulation Products -->
@@ -392,6 +393,7 @@ import Footer from '@/components/common/Footer.astro';
<p class="text-secondary-700 text-sm">รถไฟ รถบัส เรือ และยานพาหนะขนส่งสินค้าที่ต้องการฉนวน</p> <p class="text-secondary-700 text-sm">รถไฟ รถบัส เรือ และยานพาหนะขนส่งสินค้าที่ต้องการฉนวน</p>
</div> </div>
</div> </div>
</div>
</div> </div>
</section> </section>

View File

@@ -86,100 +86,10 @@ import Footer from '@/components/common/Footer.astro';
</div> </div>
</div> </div>
</div> </div>
</div>
</section>
<!-- Product Details -->
<section class="section">
<div class="container-custom">
<div class="max-w-4xl mx-auto">
<h2 class="section-title">รายละเอียดสินค้า</h2>
<div class="prose prose-lg max-w-none">
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
<strong>เม็กกรู๊ฟ คับปลิ้ง (MECH Grooved Coupling)</strong> ระบบข้อต่อแบบเกรูฟที่ได้รับการยอมรับในระดับสากล ออกแบบมาเพื่อทดแทนการเชื่อมท่อเหล็กและท่อดับเพลิง ด้วยคุณสมบัติพิเศษที่ไม่ก่อให้เกิดประกายไฟ ทำให้เหมาะสำหรับงานที่ต้องการความปลอดภัยสูง โดยเฉพาะในพื้นที่ที่มีวัสดุไวไฟ
</p>
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ข้อดีของระบบ Grooved Coupling</h3>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li>ติดตั้งง่าย สะดวกรวดเร็ว ประหยัดค่าแรงและเวลา</li>
<li>โยกย้าย เปลี่ยนแปลงรูปแบบการติดตั้ง หรือขยายไลน์ท่อเพิ่มเติมได้โดยง่าย</li>
ับเสียงได้ดี</li>
<li>รับแรงดันได้สูง 300-735 psi</li>
<li>ไม่ก่อให้เกิดประกายไฟ เหมาะสำหรับพื้นที่ไวไฟ</li>
<li>ประหยัดพลังงานและค่าบำรุงรักษา</li>
</ul>
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">การใช้งาน</h3>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li>ระบบดับเพลิง</li>
<li>ระบบประปา</li>
<li>ระบบปรับอากาศ</li>
<li>งานอุตสาหกรรม</li>
<li>งานก่อสร้างทั่วไป</li>
</ul>
<!-- Product Images -->
<div class="mt-8 space-y-4">
<img src="/images/products-misc/MECH_001.jpg" alt="เม็กกรู๊ฟ คับปลิ้ง" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
</div>
</div>
</div> </div>
</div> </div>
</section> </section>
<!-- Applications Section -->
<section id="applications" class="section bg-white">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">การใช้งานเม็กกรู๊ฟ คับปลิ้ง</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4">
<div class="bg-blue-50 p-4 rounded-lg">
<h3 class="font-bold text-secondary-900 mb-2">ระบบน้ำ</h3>
<p class="text-secondary-700 text-sm">ท่อประปา ท่อดับเพลิง ระบบท่อน้ำในอาคาร</p>
</div>
<div class="bg-green-50 p-4 rounded-lg">
<h3 class="font-bold text-secondary-900 mb-2">อุตสาหกรรม</h3>
<p class="text-secondary-700 text-sm">โรงงาน ระบบลำเลียง ท่อส่งสารเคมี</p>
</div>
<div class="bg-orange-50 p-4 rounded-lg">
<h3 class="font-bold text-secondary-900 mb-2">งานก่อสร้าง</h3>
<p class="text-secondary-700 text-sm">อาคารสูง สะพาน งานโครงสร้าง</p>
</div>
<div class="bg-gray-50 p-4 rounded-lg">
<h3 class="font-bold text-secondary-900 mb-2">งานซ่อม</h3>
<p class="text-secondary-700 text-sm">เปลี่ยนส่วนที่เสียหาย ไม่ต้องหยุดระบบ</p>
</div>
</div>
</div>
</section>
<!-- 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">ข้อมูลแรงบิดการติดตั้ง</h2>
<div class="overflow-x-auto">
<table class="w-full border-collapse bg-white rounded-lg">
<thead>
<tr class="bg-primary-600 text-white">
<th class="px-4 py-3 text-left">ขนาด (นิ้ว)</th>
<th class="px-4 py-3 text-center">แรงบิด (Nm)</th>
<th class="px-4 py-3 text-center">ขนาดสกรู</th>
</tr>
</thead>
<tbody class="divide-y">
<tr><td class="px-4 py-2 font-medium">1"</td><td class="px-4 py-2 text-center">40-50</td><td class="px-4 py-2 text-center">M8</td></tr>
<tr><td class="px-4 py-2 font-medium">1-1/2"</td><td class="px-4 py-2 text-center">60-70</td><td class="px-4 py-2 text-center">M10</td></tr>
<tr><td class="px-4 py-2 font-medium">2"</td><td class="px-4 py-2 text-center">80-100</td><td class="px-4 py-2 text-center">M10</td></tr>
<tr><td class="px-4 py-2 font-medium">2-1/2"</td><td class="px-4 py-2 text-center">100-120</td><td class="px-4 py-2 text-center">M12</td></tr>
<tr><td class="px-4 py-2 font-medium">3"</td><td class="px-4 py-2 text-center">120-140</td><td class="px-4 py-2 text-center">M12</td></tr>
<tr><td class="px-4 py-2 font-medium">4"</td><td class="px-4 py-2 text-center">150-180</td><td class="px-4 py-2 text-center">M14</td></tr>
<tr><td class="px-4 py-2 font-medium">6"</td><td class="px-4 py-2 text-center">200-250</td><td class="px-4 py-2 text-center">M16</td></tr>
</tbody>
</table>
</div>
<p class="text-sm text-secondary-600 mt-4">* ค่าแรงบิดเป็นค่าแนะนำ ควรตรวจสอบตามคำแนะนำของผู้ผลิตแต่ละยี่ห้อ</p>
</div>
</section>
<!-- FAQ Section --> <!-- FAQ Section -->
<section id="faq" class="section bg-white"> <section id="faq" class="section bg-white">
<div class="container-custom"> <div class="container-custom">