fix: Add max-w-4xl mx-auto to sections for consistent width
This commit is contained in:
OpenCode Agent
@@ -83,204 +83,8 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Factory Section -->
|
||||
<section id="factory" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">FACTORY IN GERMANY</h2>
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_002.png"
|
||||
alt="โรงงาน POLOPLAST ประเทศเยอรมัน"
|
||||
class="w-full h-auto rounded-lg shadow-md"
|
||||
/>
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_003.png"
|
||||
alt="กระบวนการผลิต POLOPLAST"
|
||||
class="w-full h-auto rounded-lg shadow-md"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Specs Section -->
|
||||
<section id="product-specs" class="section bg-gray-50">
|
||||
<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>PP-R / PP-RCT POLOPLAST</strong> ทางเลือกที่ดีกว่า ด้วยประสบการณ์ในการผลิตที่ยาวนานกว่า 30 ปี จึงเข้าใจและเชี่ยวชาญด้านระบบท่อน้ำพีพี-อาร์เป็นอย่างดี นำมาสู่การออกแบบและพัฒนาผลิตภัณฑ์ตามหลักวิศวกรรมศาสตร์ เพื่อแก้ไขปัญหาจากการใช้งานจริง
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
ท่อและข้อต่อผลิตจากประเทศเยอรมนี ติดตั้งง่าย ประสานเป็นเนื้อเดียวกันได้อย่างสมบูรณ์ ผ่านการทดสอบมาตรฐานระดับโลกจาก DVGW, SKZ และ ICC-ES
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
เหมาะสำหรับใช้เป็นท่อน้ำดื่มและท่ออื่นๆ ได้อย่างดี รับประกันอายุการใช้งาน 10 ปี ผลิตตามมาตรฐาน DIN 8077/8078
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Comparison Table 1 - Wide -->
|
||||
<section id="comparison" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-6 text-center">ตารางเปรียบเทียบการใช้งาน</h3>
|
||||
<div class="max-w-5xl mx-auto">
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_004.png"
|
||||
alt="ตารางเปรียบเทียบการใช้งาน PP-R และ PP-RCT"
|
||||
class="w-full h-auto rounded-lg shadow-md"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Comparison Table 2 - Portrait -->
|
||||
<section id="pressure-life" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-6 text-center">ตารางเปรียบเทียบแรงดันกับอายุการใช้งานของ PP-R และ PP-RCT</h3>
|
||||
<div class="max-w-2xl mx-auto">
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_015.png"
|
||||
alt="ตารางเปรียบเทียบแรงดันกับอายุการใช้งาน"
|
||||
class="w-full h-auto rounded-lg shadow-md"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ML5 Technology -->
|
||||
<section id="ml5" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-6 text-center">MULTI LAYER รุ่น ML5 เทคโนโลยีของระบบท่อ</h3>
|
||||
<div class="max-w-3xl mx-auto mb-8">
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_016.png"
|
||||
alt="ML5 Multi Layer Technology"
|
||||
class="w-full h-auto rounded-lg shadow-md"
|
||||
/>
|
||||
</div>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h4 class="text-lg font-bold text-primary-600 mb-2">1. PP-R External Layer</h4>
|
||||
<p class="text-secondary-700">เม็ดพลาสติกคุณภาพสูง ติดตั้งง่าย เชื่อมเป็นเนื้อเดียวกันได้อย่างสมบูรณ์</p>
|
||||
</div>
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h4 class="text-lg font-bold text-primary-600 mb-2">2. HPCE Second Layer</h4>
|
||||
<p class="text-secondary-700">ชั้นไฟเบอร์พิเศษที่คิดค้นโดย POLOPLAST อัตราการยืด (Linear Expansion) ที่น้อยที่สุดเพียง 0.038 mm/mK ทนต่อแรงกระแทกสูงเป็นพิเศษ</p>
|
||||
</div>
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h4 class="text-lg font-bold text-primary-600 mb-2">3. PP-RCT Central Layer</h4>
|
||||
<p class="text-secondary-700">ยืดอายุการใช้งาน ลดการยืดหดขยายตัวถึง 5 เท่า รองรับอุณหภูมิได้สูงถึง 95°C</p>
|
||||
</div>
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h4 class="text-lg font-bold text-primary-600 mb-2">4. HPCE Second Inner Layer</h4>
|
||||
<p class="text-secondary-700">เพิ่มความต้านทานและทนต่อแรงกระแทก</p>
|
||||
</div>
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h4 class="text-lg font-bold text-primary-600 mb-2">5. PP-RCT Inner Layer</h4>
|
||||
<p class="text-secondary-700">แข็งแรง ทนต่อแรงดัน พื้นผิวเรียบ ไม่เกิดตะกรัน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pipe Types -->
|
||||
<section id="pipe-types" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-8 text-center">ประเภทท่อ PP-R / PP-RCT</h3>
|
||||
|
||||
<!-- PP-R PIPE SDR 11 -->
|
||||
<div class="card p-6 bg-white mb-8">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-4">PP-R PIPE SDR 11 / S 5</h4>
|
||||
<p class="text-secondary-600 mb-4">ใช้กับ ท่อประปา / ท่อน้ำอุ่น / อื่นๆ อุณหภูมิ 3-60°C อายุการใช้งาน 50 ปี* ความดัน 10 บาร์ ความยาว/เส้น 4 เมตร</p>
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<img src="/images/poloplast/POLOPLAST_005.png" alt="PP-R PIPE SDR 11" class="w-full h-auto rounded-lg shadow-sm" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/POLOPLAST_006.png" alt="PP-R PIPE SDR 11 Specifications" class="w-full h-auto rounded-lg shadow-sm" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PP-R PIPE SDR 6 -->
|
||||
<div class="card p-6 bg-white mb-8">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-4">PP-R PIPE SDR 6 / S 2.5</h4>
|
||||
<p class="text-secondary-600 mb-4">ใช้กับ ท่อประปา / ท่อน้ำร้อน / อื่นๆ อุณหภูมิ 3-95°C อายุการใช้งาน 50 ปี* ความดัน 20 บาร์ ความยาว/เส้น 4 เมตร</p>
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<img src="/images/poloplast/POLOPLAST_007.png" alt="PP-R PIPE SDR 6" class="w-full h-auto rounded-lg shadow-sm" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/POLOPLAST_008.png" alt="PP-R PIPE SDR 6 Specifications" class="w-full h-auto rounded-lg shadow-sm" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PP-RCT FIBER FASER ML 5 -->
|
||||
<div class="card p-6 bg-white mb-8">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-4">PP-RCT FIBER FASER COMPOSITE PIPE ML 5 / SDR 7.4 / S 3.2</h4>
|
||||
<p class="text-secondary-600 mb-4">ใช้กับ ท่อประปา / ท่อน้ำร้อน / อื่นๆ อุณหภูมิ 3-95°C อายุการใช้งาน 50 ปี* ความดัน 20 บาร์ ความยาว/เส้น 4 เมตร</p>
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<img src="/images/poloplast/POLOPLAST_009.png" alt="PP-RCT FIBER FASER ML 5" class="w-full h-auto rounded-lg shadow-sm" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/POLOPLAST_010.png" alt="PP-RCT FIBER FASER ML 5 Specifications" class="w-full h-auto rounded-lg shadow-sm" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PP-RCT PIPE SDR 11 -->
|
||||
<div class="card p-6 bg-white mb-8">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-4">PP-RCT PIPE SDR 11 / S 5</h4>
|
||||
<p class="text-secondary-600 mb-4">ใช้กับ ท่อประปา / ท่อน้ำร้อน / อื่นๆ อุณหภูมิ 3-95°C อายุการใช้งาน 50 ปี* ความดัน 16 บาร์ ความยาว/เส้น 4 เมตร</p>
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<img src="/images/poloplast/POLOPLAST_011.png" alt="PP-RCT PIPE SDR 11" class="w-full h-auto rounded-lg shadow-sm" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/POLOPLAST_012.png" alt="PP-RCT PIPE SDR 11 Specifications" class="w-full h-auto rounded-lg shadow-sm" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PP-RCT PIPE SDR 7.4 -->
|
||||
<div class="card p-6 bg-white">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-4">PP-RCT PIPE SDR 7.4 / S 3.2</h4>
|
||||
<p class="text-secondary-600 mb-4">ใช้กับ ท่อประปา / ท่อน้ำร้อน / อื่นๆ อุณหภูมิ 3-95°C อายุการใช้งาน 50 ปี* ความดัน 20 บาร์ ความยาว/เส้น 4 เมตร</p>
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<img src="/images/poloplast/POLOPLAST_013.png" alt="PP-RCT PIPE SDR 7.4" class="w-full h-auto rounded-lg shadow-sm" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/POLOPLAST_014.png" alt="PP-RCT PIPE SDR 7.4 Specifications" class="w-full h-auto rounded-lg shadow-sm" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="text-sm text-secondary-500 mt-4">* ความยาวต่อเส้น 4 เมตร</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Fittings Gallery - 3 columns -->
|
||||
<section id="fittings" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-8 text-center">FITTINGS</h3>
|
||||
<div class="grid grid-cols-1 gap-6">
|
||||
<img src="/images/poloplast/MECH_Fitting_001.jpg" alt="Fitting 001" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_002.jpg" alt="Fitting 002" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_003.jpg" alt="Fitting 003" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_004.jpg" alt="Fitting 004" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_005.jpg" alt="Fitting 005" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_006.jpg" alt="Fitting 006" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_007.jpg" alt="Fitting 007" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_008.jpg" alt="Fitting 008" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_009.jpg" alt="Fitting 009" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_010.jpg" alt="Fitting 010" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_011.jpg" alt="Fitting 011" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_012.jpg" alt="Fitting 012" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_013.jpg" alt="Fitting 013" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_014.jpg" alt="Fitting 014" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_015.jpg" alt="Fitting 015" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_016.jpg" alt="Fitting 016" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_017.jpg" alt="Fitting 017" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_018.jpg" alt="Fitting 018" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_019.jpg" alt="Fitting 019" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_020.jpg" alt="Fitting 020" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_021.jpg" alt="Fitting 021" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_022.jpg" alt="Fitting 022" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_023.jpg" alt="Fitting 023" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_024.jpg" alt="Fitting 024" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_025.jpg" alt="Fitting 025" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_026.jpg" alt="Fitting 026" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/poloplast/MECH_Fitting_027.jpg" alt="Fitting 027" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -288,9 +92,10 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<!-- Installation Steps -->
|
||||
<section id="installation" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-8 text-center">การติดตั้ง PP-R และ PP-RCT</h3>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-8 text-center">การติดตั้ง PP-R และ PP-RCT</h3>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<div class="card p-6 bg-white text-center">
|
||||
<img src="/images/poloplast/POLOPLAST_071.png" alt="ขั้นตอนที่ 1" class="w-full h-auto rounded-lg shadow-sm mb-4" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<h4 class="text-lg font-bold text-primary-600 mb-2">1. หลอม (Fusion)</h4>
|
||||
@@ -307,6 +112,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<p class="text-secondary-700 text-sm">นำท่อ-ข้อต่อสวมเข้าด้วยกัน ห้ามบิดหรือหมุน ปล่อยให้เย็นตามระยะเวลาที่กำหนด แล้วนำไปทดสอบแรงดันน้ำ</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -360,7 +166,8 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<!-- Product Features Section -->
|
||||
<section id="product-features" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">คุณสมบัติเด่นของท่อ PP-R และ PP-RCT POLOPLAST</h2>
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">คุณสมบัติเด่นของท่อ PP-R และ PP-RCT POLOPLAST</h2>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="card p-6 bg-white">
|
||||
@@ -424,14 +231,17 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="text-sm text-secondary-500 mt-4 text-center">* อายุการใช้งานขึ้นอยู่กับสภาพการใช้งานจริงและการบำรุงรักษา</p>
|
||||
<p class="text-sm text-secondary-500 mt-4 text-center">* อายุการใช้งานขึ้นอยู่กับสภาพการใช้งานจริงและการบำรุงรักษา</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Application Guide Section -->
|
||||
<section id="application-guide" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">การใช้งานท่อ PP-R และ PP-RCT</h2>
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">การใช้งานท่อ PP-R และ PP-RCT</h2>
|
||||
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="prose prose-lg max-w-none">
|
||||
@@ -536,15 +346,17 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</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 text-center">คำถามที่พบบ่อยเกี่ยวกับท่อ PP-R และ PP-RCT POLOPLAST</h2>
|
||||
|
||||
<div class="max-w-3xl mx-auto space-y-4">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับท่อ PP-R และ PP-RCT POLOPLAST</h2>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="card p-6 bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">1. ท่อ PP-R กับ PP-RCT แตกต่างกันอย่างไร?</h3>
|
||||
<p class="text-secondary-600">PP-RCT เป็นวัสดุที่พัฒนามาจาก PP-R โดยมีส่วนผสมของโมโนเมอร์เพิ่มเติมทำให้มีความทนร้อนและทนแรงดันได้ดีกว่า PP-R ธรรมดา PP-RCT สามารถทนอุณหภูมิได้ถึง 95°C ในขณะที่ PP-R ทนได้ประมาณ 60-70°C และ PP-RCT มีอายุการใช้งานยาวนานกว่าถึง 5 เท่า</p>
|
||||
@@ -570,6 +382,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<p class="text-secondary-600">POLOPLAST รับประกันสินค้าเป็นระยะเวลา 10 ปี ภายใต้เงื่อนไขการใช้งานปกติ และมีอายุการใช้งานที่คาดการณ์ได้ไม่ต่ำกว่า 50 ปี หากติดตั้งและบำรุงรักษาอย่างถูกต้องตามมาตรฐาน สินค้าผ่านการทดสอบมาตรฐานระดับโลกจาก DVGW, SKZ และ ICC-ES</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -95,261 +95,14 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Poloplast Factory Section -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<div class="grid md:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
<img src="/images/products-raw/xylent/XYLENT_002.png" alt="Poloplast Factory" class="w-full h-auto rounded-xl shadow-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<div class="text-center md:text-left">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-4">POLOPLAST FACTORY IN GERMANY & AUSTRIA</h2>
|
||||
<img src="/images/products-raw/xylent/XYLENT_003-1024x185.png" alt="Factory" class="w-full h-auto rounded-xl mb-4" width="600" height="109" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Intro with New Development -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid md:grid-cols-2 gap-12 items-center mb-12">
|
||||
<div>
|
||||
<img src="/images/products-raw/xylent/XYLENT_004-805x1024.png" alt="New Development" class="w-full h-auto rounded-xl shadow-lg mx-auto" style="max-width: 400px;" width="400" height="507" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<div>
|
||||
<img src="/images/products-raw/xylent/XYLENT_005-1024x487.png" alt="New Development" class="w-full h-auto rounded-xl shadow-lg mb-6" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-4">ผู้ผลิตท่อระบายน้ำ 3 ชั้น เป็นรายแรกของโลก</h2>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
ท่อระบายน้ำ 3 ชั้น ไซเลนท์ ผลิตจากโรงงาน Poloplast ผู้ผลิตท่อ 3 ชั้น รายแรกของโลก ที่มีโรงงานอยู่ในประเทศเยอรมัน และออสเตรีย เริ่มผลิตครั้งแรกในปี ค.ศ. 1991
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
ท่อระบายน้ำ 3 ชั้น ไซเลนท์ ผ่านการรับรองคุณภาพจาก SKZ ประเทศเยอรมัน ตามมาตรฐาน EN 1451-1 ได้รับการดูแลตรวจสอบคุณภาพโดย German and Austrian plastic institutes จึงมั่นใจได้ในคุณภาพและความปลอดภัย
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Sound Insulation Section -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-6 text-center">เงียบกว่า เก็บเสียงได้ดี ดังเพียง 22 dB เท่านั้น</h2>
|
||||
<div class="grid md:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
<img src="/images/products-raw/xylent/XYLENT_006.png" alt="Sound Insulation" class="w-full h-auto rounded-xl shadow-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<div>
|
||||
<img src="/images/products-raw/xylent/XYLENT_007-1024x474.png" alt="Sound Level Test" class="w-full h-auto rounded-xl shadow-lg mb-6" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ท่อระบายน้ำ 3 ชั้น ไซเลนท์ มีชั้นพลาสติกพีพี ชนิดพิเศษที่เป็นฉนวนกันเสียง ที่ผ่านการทดสอบจากระดับเสียงจาก Fraunhofer IBP ซึ่งเป็นผู้เชี่ยวชาญด้านการทดสอบผลกายภาพของวัสดุที่ใช้ในการก่อสร้างอาคาร มีความเชี่ยวชาญพิเศษในด้าน Noise control and sound insulation measures ในอาคาร การทดสอบทำด้วยความเข้มงวดแบบ Installation Sound Level ในระบบ Closed Bracket เสียงดังสุดเพียง 22 dB เท่านั้น
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Strength Section -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-6 text-center">แข็งแรง ทนต่อแรงกดทับได้ถึง 6 kN/m² ไม่เปราะแตกง่าย</h2>
|
||||
<div class="grid md:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
<img src="/images/products-raw/xylent/XYLENT_008-1024x357.png" alt="Strength Test" class="w-full h-auto rounded-xl shadow-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ท่อระบายน้ำ ไซเลนท์ มีชั้นพลาสติกพีพี ถึง 3 ชั้น ที่รับแรงกระแทกได้สูง ช่วยปกป้องท่อไม่ให้เกิดปัญหาแตกหัก เมื่อโดนแรงกดทับได้ ในด้านความแข็งแรง ผ่านการทดสอบจาก OKI ตามมาตรฐาน EN ISO 9969
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Chemical Resistance & Temperature -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<div class="grid md:grid-cols-2 gap-8 mb-12">
|
||||
<div>
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-4">ความต้านทานสารเคมี</h2>
|
||||
<img src="/images/products-raw/xylent/XYLENT_009-1024x418.png" alt="Chemical Resistance" class="w-full h-auto rounded-xl shadow-lg mb-4" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
<strong>ท่อและข้อต่อ:</strong> ผลิตจากโพลีโพรพิลีน ตามมาตรฐานเยอรมัน DIN 8087 Supplement 1
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mt-2">
|
||||
<strong>ซีลยาง:</strong> ผลิตจาก SBR หรือ NBR ตามมาตรฐาน ISO TR7620
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-4">ทนอุณหภูมิสูงสุด 95°C อายุการใช้งานยาวนาน 50 ปี</h2>
|
||||
<img src="/images/products-raw/xylent/XYLENT_010-1024x309.png" alt="Temperature Resistance" class="w-full h-auto rounded-xl shadow-lg mb-4" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ในการใช้งานจริง ผู้อยู่อาศัยอาจเทน้ำร้อนหรือน้ำมันจากการทำครัว ลงท่อระบายน้ำทันทีได้ ท่อระบายน้ำ 3 ชั้น ไซเลนท์ ผ่านการทดสอบจาก TGM ตามมาตรฐาน EN 1055 : 11.1996 สามารถรองรับอุณหภูมิได้ตามรายละเอียดในตาราง
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Expansion Rate -->
|
||||
<div class="text-center">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-4">อัตราการยืดตัวของท่อ ต่ำสุดเพียง 0.05 mm / m K</h2>
|
||||
<img src="/images/products-raw/xylent/XYLENT_011-1024x325.png" alt="Expansion Rate" class="w-full max-w-3xl mx-auto h-auto rounded-xl shadow-lg mb-4" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<p class="text-lg text-secondary-700 leading-relaxed max-w-3xl mx-auto">
|
||||
โดยปกติวัตถุจะมีการยืดขยายตัวเมื่อมีอุณหภูมิที่สูงขึ้น สำหรับท่อระบายน้ำนั้น ในแง่ของการใช้งาน มักจะมีการเทน้ำร้อนลงท่อทันที ซึ่งอุณหภูมิที่เปลี่ยนไปจะทำให้ท่อมีการยืดขยายตัวและหดตัวลงเมื่อกลับมาสู่อุณหภูมิห้อง นานไปจะทำให้เกิดปัญหารั่วซึมที่บริเวณข้อต่อได้
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Push Fit Installation -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-6 text-center">ติดตั้งด้วยระบบสวมล็อค (Push Fit)</h2>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed text-center max-w-3xl mx-auto mb-8">
|
||||
ติดตั้งง่าย ด้วยการออกแบบพิเศษ ปลายท่อด้านหนึ่งเป็นปากระฆัง พร้อมซีลยางจากโรงงาน ด้วยระบบสวมล็อค (Push Fit) อีกทั้งท่อยังเบากว่าท่อเหล็กหล่อ แต่มีความแข็งแรงกว่าท่อพีวีซี จึงทำให้ท่อระบายน้ำ ไซเลนท์ ติดตั้งได้อย่างง่ายมาก แม้จะเป็นพื้นที่แคบๆ อย่างในช่องชาร์ป
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-6 text-center">ขั้นตอนง่ายๆ ในการติดตั้งระบบสวมล็อค</h3>
|
||||
|
||||
<div class="text-lg text-secondary-700 leading-relaxed max-w-3xl mx-auto mb-12 space-y-4">
|
||||
<p><strong>ขั้นตอนที่ 1:</strong> ตัดท่อให้ได้ฉาก และแต่งปลายท่อ (มุมที่เหมาะสมในการแต่งปลายท่อคือ 15 องศา ตามตาราง)</p>
|
||||
<p><strong>ขั้นตอนที่ 2:</strong> ทา Lubricant XYLENT ที่ด้านปลายปากระฆังให้ทั่ว</p>
|
||||
<p><strong>ขั้นตอนที่ 3:</strong> สวมท่อเข้ากับปลายปากระฆังจนกว่าจะสุด สามารถหมุนท่อเพื่อให้สวมท่อเข้าได้ง่ายขึ้น</p>
|
||||
<p><strong>ขั้นตอนที่ 4:</strong> ถ้ามีความจำเป็น สามารถดึงท่อขึ้นมาได้โดยดึงได้ 10 มม. (ตามรูปที่ 1)</p>
|
||||
<p><strong>ขั้นตอนที่ 5:</strong> สำหรับการติดตั้งท่อในแนวตั้ง ใช้ตัวรัดท่อรัดที่ด้านล่างของปากระฆังทันทีหลังจากติดตั้ง เพื่อป้องกันท่อหดกลับเข้าไปในปากปลายระฆัง (ตามรูปที่ 2)</p>
|
||||
</div>
|
||||
|
||||
<!-- All Step Images -->
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="grid grid-cols-3 gap-4 mb-4">
|
||||
<img src="/images/products-raw/xylent/XYLENT_012.png" alt="ขั้นตอนที่ 1" class="w-full h-auto rounded-xl shadow-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/xylent/XYLENT_013.png" alt="ขั้นตอนที่ 2" class="w-full h-auto rounded-xl shadow-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/xylent/XYLENT_014.png" alt="ขั้นตอนที่ 3" class="w-full h-auto rounded-xl shadow-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<div class="flex justify-center mb-4">
|
||||
<img src="/images/products-raw/xylent/XYLENT_015.png" alt="ขั้นตอนที่ 4" class="w-full h-auto rounded-xl shadow-lg" style="max-width: 33.333%;" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<div class="flex justify-center">
|
||||
<img src="/images/products-raw/xylent/XYLENT_016-1024x617.png" alt="ขั้นตอนที่ 5" class="w-full h-auto rounded-xl shadow-lg" style="max-width: 33.333%;" width="600" height="361" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Cast Iron Comparison -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-6 text-center">เหตุใดในยุโรป จึงไม่ใช้ท่อเหล็กหล่อ (Cast Iron) เป็นท่อน้ำทิ้ง</h2>
|
||||
<div class="grid md:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
<img src="/images/products-raw/xylent/XYLENT_017.png" alt="Why Not Cast Iron" class="w-full h-auto rounded-xl shadow-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<div>
|
||||
<ul class="list-disc pl-6 space-y-3 text-lg text-secondary-700">
|
||||
<li>เป็นสนิมกัดกร่อน</li>
|
||||
<li>มีความสะสมของตะกรัน รูในท่อจะเล็กลงจนอุดตัน ทำให้ประสิทธิภาพในการระบายน้ำลดลง</li>
|
||||
<li>อายุการใช้งานสั้น ทำให้ต้องมีการรื้อถอนเพื่อซ่อมแซมในส่วนของท่อระบายน้ำ</li>
|
||||
<li>ต้นทุนค่าก่อสร้างแพงกว่า</li>
|
||||
<li>วิธีการติดตั้งทำได้ยาก ต้องใช้แรงงานจำนวนมาก</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Halogen Free -->
|
||||
<section class="section">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-6">ท่อระบายน้ำ 3 ชั้น ไซเลนท์ ปลอดสารฮาโลเจน</h2>
|
||||
<div class="flex justify-center mb-6">
|
||||
<img src="/images/products-raw/xylent/XYLENT_018-1024x848.png" alt="ปลอดสารฮาโลเจน" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed max-w-3xl mx-auto">
|
||||
วัตถุดิบที่ใช้ผลิตท่อและข้อต่อ ทำจากพีพี ซึ่งมีความสะอาดสูง และปลอดสารฮาโลเจน จึงปลอดภัยกว่าเมื่อเกิดอัคคีภัย
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Gallery: Pipe -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">ท่อ / PIPE</h2>
|
||||
<div class="flex justify-center">
|
||||
<img src="/images/products-raw/xylent/XYLENT_022.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Gallery: Fitting -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">ข้อต่อ / FITTING</h2>
|
||||
<div class="flex flex-col items-center gap-8">
|
||||
<img src="/images/products-raw/xylent/XYLENT_023.png" alt="ข้อต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/xylent/XYLENT_024.png" alt="ข้อต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/xylent/XYLENT_025.png" alt="ข้อต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Gallery: Trap -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">อุปกรณ์ดับกลิ่น / TRAP</h2>
|
||||
<div class="flex justify-center">
|
||||
<img src="/images/products-raw/xylent/XYLENT_026.png" alt="อุปกรณ์ดับกลิ่น" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Gallery: Transition Fittings -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">อุปกรณ์ต่อท่อชนิดอื่น / TRANSITION FITTINGS</h2>
|
||||
<div class="flex flex-col items-center gap-8">
|
||||
<img src="/images/products-raw/xylent/XYLENT_027.png" alt="อุปกรณ์ต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/xylent/XYLENT_028.png" alt="อุปกรณ์ต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Gallery: Accessories -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">อุปกรณ์เสริม / ACCESSORIES</h2>
|
||||
<div class="flex flex-col items-center gap-8">
|
||||
<img src="/images/products-raw/xylent/XYLENT_029.png" alt="อุปกรณ์เสริม" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/xylent/XYLENT_030.png" alt="อุปกรณ์เสริม" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/xylent/XYLENT_031-771x1024.png" alt="อุปกรณ์เสริม" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Single vs 3-Layer Comparison -->
|
||||
<section id="comparison" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">เปรียบเทียบท่อ 3 ชั้น กับ ท่อชั้นเดียว</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">ท่อ 3 ชั้น XYLENT</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">โครงสร้าง</td><td class="px-4 py-2 text-center">3 ชั้น (PP-MF-PE)</td><td class="px-4 py-2 text-center">1 ชั้น</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">การดูดซับเสียง</td><td class="px-4 py-2 text-center">ดีเยี่ยม (14-17 dB)</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>
|
||||
</section>
|
||||
@@ -357,9 +110,10 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<!-- Sound Insulation Data -->
|
||||
<section id="sound" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">ผลทดสอบการดูดซับเสียง</h2>
|
||||
<p class="text-lg text-secondary-700 mb-6 text-center max-w-3xl mx-auto">ท่อระบายน้ำ 3 ชั้น XYLENT มีโครงสร้างพิเศษที่ช่วยลดเสียงจากการไหลของน้ำ ผ่านการทดสอบตามมาตรฐาน DIN 4109</p>
|
||||
<div class="grid md:grid-cols-3 gap-4 max-w-4xl mx-auto">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">ผลทดสอบการดูดซับเสียง</h2>
|
||||
<p class="text-lg text-secondary-700 mb-6 text-center max-w-3xl mx-auto">ท่อระบายน้ำ 3 ชั้น XYLENT มีโครงสร้างพิเศษที่ช่วยลดเสียงจากการไหลของน้ำ ผ่านการทดสอบตามมาตรฐาน DIN 4109</p>
|
||||
<div class="grid md:grid-cols-3 gap-4">
|
||||
<div class="bg-white p-4 rounded-lg text-center">
|
||||
<p class="text-3xl font-bold text-primary-600">14-17</p>
|
||||
<p class="text-secondary-700">dB (เสียงดัง)</p>
|
||||
@@ -376,14 +130,16 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<p class="text-sm text-secondary-500">DIN 4109</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4 max-w-4xl mx-auto">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อย</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: ท่อ 3 ชั้น จำเป็นไหม?</h3>
|
||||
<p class="text-secondary-700">สำหรับอพาร์ตเมนต์ โรงแรม อาคารสูง หรือที่ต้องการความเงียบ แนะนำใช้ท่อ 3 ชั้นเพราะช่วยลดเสียงได้มาก สำหรับบ้านพักทั่วไปท่อชั้นเดียวก็เพียงพอ</p>
|
||||
@@ -397,6 +153,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<p class="text-secondary-700">ท่อ XYLENT ทำจาก PP-MF-PE ทนต่อความร้อน ทนต่อสารเคมี และทนต่อแรงกระแทกได้ดี อายุการใช้งานยาวนาน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -78,29 +78,6 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Subcategories -->
|
||||
<section class="section bg-gray-50">
|
||||
<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="/รั้วเทวดา" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-raw/tevada/TEVADA_001-987x1024.png" alt="รั้วเทวดา" width="400" height="300" 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="/ระบบรั้วไวน์แมน-vineman-2" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-raw/vineman/ระบบรั้วไวน์แมน-Vineman-e1613286324569-1024x880.jpg" alt="ระบบรั้วไวน์แมน" width="400" height="300" 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>
|
||||
@@ -108,8 +85,9 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<!-- Fence Types Guide -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ประเภทระบบรั้วที่นิยมใช้งาน</h2>
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
<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-3 gap-8">
|
||||
<!-- Chain Link Fence -->
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mb-4">
|
||||
@@ -185,14 +163,16 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Application Guide -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">การประยุกต์ใช้งานระบบรั้ว</h2>
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<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-3 gap-6">
|
||||
<!-- Industrial -->
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
@@ -247,14 +227,16 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="section bg-white">
|
||||
<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-3xl mx-auto space-y-4">
|
||||
<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="space-y-4">
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">1. ระบบรั้วแบบใดเหมาะกับการใช้งานในโรงงาน?</h3>
|
||||
<p class="text-secondary-600">สำหรับงานโรงงานและอุตสาหกรรม รั้วตาข่ายถักปม (Chain Link) และรั้วตาข่ายเชื่อม (Welded Wire) เป็นที่นิยมมากที่สุด เนื่องจากมีความแข็งแรง ทนทาน และราคาคุ้มค่า นอกจากนี้ยังสามารถติดตั้งลวดหนามเพิ่มความปลอดภัยได้อีกด้วย</p>
|
||||
@@ -280,6 +262,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<p class="text-secondary-600">ระบบรั้วไวน์แมนและรั้วตาข่ายชุบสังกะสีไม่ต้องดูแลรักษามาก เพียงตรวจสอบความแน่นของตะแกรงและเสารั้วเป็นระยะ หากพบสนิมขึ้นบริเวณรอยต่อสามารถทาสีกันสนิมเพิ่มเติมได้ การทำความสะอาดเพียงใช้น้ำฉีดล้างเป็นประจำ</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -217,8 +217,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<p class="text-center text-secondary-700 font-medium mt-4">แข็งแรง ติดตั้งง่าย ได้ทุกภูมิทัศน์</p>
|
||||
<p class="text-secondary-600 text-sm mt-2">ระบบรั้วตาข่ายไวน์แมน สามารถติดตั้งเดินแนวรั้วบนพื้นที่ทุกรูปแบบทั้งขึ้น-ลง เนินส่วนเว้า-ส่วนโค้งได้อย่างแข็งแรงและต่อเนื่อง</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -319,6 +318,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<li>ควรติดตั้งเสารั้วทุก 4-8 เมตร ขึ้นอยู่กับสภาพพื้นดิน และประเภทของเสา</li>
|
||||
<li>กรณีพื้นที่ขึ้น-ลงเนิน มีส่วนเว้า/โค้ง ควรเพิ่มแผง-เสารับแรง เพื่อความแข็งแรงของระบบรั้ว</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -78,41 +78,6 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Products -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="section-title">สินค้าในหมวดนี้</h2>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
|
||||
<a href="/หัวจ่ายแอร์-ball-jet" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-raw/ball-jet/main-ball-jet.jpg" alt="หัวจ่ายแอร์" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">หัวจ่ายแอร์</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/grilles" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-cropped/grilles_000C.jpg" alt="กริลแอร์" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">กริลแอร์</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/durgo-avvs" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-cropped/durgo_000C.jpg" alt="DURGO วาล์วเติมอากาศ" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">DURGO วาล์วเติมอากาศ</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -120,12 +85,13 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<!-- Equipment Types Guide -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="section-title">ประเภทอุปกรณ์ปรับอากาศ</h2>
|
||||
<p class="section-subtitle">คู่มือเลือกซื้ออุปกรณ์กระจายลมเย็นสำหรับระบบปรับอากาศ</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-8">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="section-title">ประเภทอุปกรณ์ปรับอากาศ</h2>
|
||||
<p class="section-subtitle">คู่มือเลือกซื้ออุปกรณ์กระจายลมเย็นสำหรับระบบปรับอากาศ</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-8">
|
||||
<!-- Air Diffuser (หัวจ่ายแอร์) -->
|
||||
<div class="card-hover p-6 bg-gray-50 rounded-xl">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
@@ -267,18 +233,20 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Selection Guide -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="section-title">คู่มือเลือกอุปกรณ์ปรับอากาศ</h2>
|
||||
<p class="section-subtitle">วิธีเลือกอุปกรณ์กระจายลมเย็นที่เหมาะสมกับการใช้งาน</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="section-title">คู่มือเลือกอุปกรณ์ปรับอากาศ</h2>
|
||||
<p class="section-subtitle">วิธีเลือกอุปกรณ์กระจายลมเย็นที่เหมาะสมกับการใช้งาน</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
<!-- Step 1 -->
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-accent-500 text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-4">
|
||||
@@ -354,18 +322,20 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="section-title">คำถามที่พบบ่อยเกี่ยวกับอุปกรณ์ปรับอากาศ</h2>
|
||||
<p class="section-subtitle">คำตอบสำหรับคำถามที่ลูกค้ามักสอบถามเกี่ยวกับอุปกรณ์กระจายลมเย็น</p>
|
||||
</div>
|
||||
|
||||
<div class="max-w-3xl mx-auto space-y-4">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="section-title">คำถามที่พบบ่อยเกี่ยวกับอุปกรณ์ปรับอากาศ</h2>
|
||||
<p class="section-subtitle">คำตอบสำหรับคำถามที่ลูกค้ามักสอบถามเกี่ยวกับอุปกรณ์กระจายลมเย็น</p>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4">
|
||||
<!-- FAQ 1 -->
|
||||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||||
<details class="group">
|
||||
@@ -451,6 +421,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user