Update product pages: รั้วเทวดา, ระบบรั้วไวน์แมน, หัวจ่ายแอร์-ball-jet, ฉนวนหุ้มท่อ - add original images and content

This commit is contained in:
Kunthawat
2026-03-31 10:03:39 +07:00
parent 7ee311ab02
commit dbbd9e22a2
21 changed files with 2083 additions and 2046 deletions

View File

@@ -1,10 +1,10 @@
---
const categories = [
{
name: 'ท่อ | Pipe',
slug: '/pipe',
name: 'ท่อพีพีอาร์',
slug: '/ท่อพีพีอาร์',
subcategories: [
{ name: 'ท่อ PPR', slug: '/ท่อ-ppr-thai-ppr' },
{ name: 'ไทยพีพีอาร์', slug: '/ท่อ-ppr-thai-ppr' },
{ name: 'ท่อ PPR ตราช้าง', slug: '/ท่อพีพีอาร์ตราช้าง' },
{ name: 'ท่อ PP-R Poloplast', slug: '/pp-r-pp-rct-poloplast' },
{ name: 'ท่อ HDPE', slug: '/ท่อhdpe' },
@@ -12,7 +12,6 @@ const categories = [
{ name: 'ท่อไซเลอร์', slug: '/ท่อไซเลอร์' },
{ name: 'ท่อ PVC', slug: '/ท่อและข้อต่อpvc' },
{ name: 'ท่อระบายน้ำ 3 ชั้น', slug: '/ท่อระบายน้ำ-3-ชั้น-ไซเลนท' },
{ name: 'ท่อพีพีอาร์', slug: '/ท่อพีพีอาร์' },
]
},
{
@@ -34,9 +33,14 @@ const categories = [
{ name: 'DURGO วาล์วเติมอากาศ', slug: '/durgo-avvs' },
{ name: 'Realflex', slug: '/realflex' },
{ name: 'ระบบกรองน้ำ', slug: '/water-treatment' },
{ name: 'ระบบรั้ว', slug: '/ระบบรั้ว' },
{
name: 'ระบบรั้ว',
slug: '/ระบบรั้ว',
subcategories: [
{ name: 'รั้วเทวดา', slug: '/รั้วเทวดา' },
{ name: 'ระบบรั้วไวน์แมน', slug: '/ระบบรั้วไวน์แมน-vineman-2' },
]
},
{ name: 'กริลแอร์', slug: '/grilles' },
{ name: 'ฉนวนหุ้มท่อ', slug: '/ฉนวนหุ้มท่อ-pipe-insulation' },
{ name: 'เทอร์โมเบรค', slug: '/เทอร์โมเบรค-thermobreak' },
@@ -115,7 +119,7 @@ const categories = [
<nav class="flex flex-col space-y-2">
<a href="/" class="px-4 py-3 text-lg font-medium text-secondary-700 hover:bg-green-50 hover:text-green-600 rounded-lg transition-colors">หน้าแรก</a>
<a href="/about-us" class="px-4 py-3 text-lg font-medium text-secondary-700 hover:bg-green-50 hover:text-green-600 rounded-lg transition-colors">เกี่ยวกับเรา</a>
<a href="/pipe" class="px-4 py-3 text-lg font-medium text-secondary-700 hover:bg-green-50 hover:text-green-600 rounded-lg transition-colors">สินค้าทั้งหมด</a>
<a href="/ท่อพีพีอาร์" class="px-4 py-3 text-lg font-medium text-secondary-700 hover:bg-green-50 hover:text-green-600 rounded-lg transition-colors">สินค้าทั้งหมด</a>
<a href="/portfolio" class="px-4 py-3 text-lg font-medium text-secondary-700 hover:bg-green-50 hover:text-green-600 rounded-lg transition-colors">ผลงาน</a>
<a href="/contact-us" class="px-4 py-3 text-lg font-medium text-secondary-700 hover:bg-green-50 hover:text-green-600 rounded-lg transition-colors">ติดต่อเรา</a>
</nav>

View File

@@ -36,8 +36,8 @@ const productImages: Record<string, string> = {
const productCategories = [
{
name: 'ท่อ | Pipe',
slug: '/pipe',
name: 'ท่อ',
slug: '/ท่อพีพีอาร์',
image: '/images/products-cropped/foot-ppr1.jpg',
products: [
{ name: 'ท่อ PPR', slug: '/ท่อ-ppr-thai-ppr' },

View File

@@ -111,6 +111,9 @@ import Footer from '@/components/common/Footer.astro';
</div>
</section>
<!-- Product Specifications Section -->
<section id="product-specs" class="section bg-white">
<!-- Fire Incident Section -->
<section id="fire-incident" class="section bg-white">
<div class="container-custom">
@@ -1097,6 +1100,7 @@ import Footer from '@/components/common/Footer.astro';
</div>
</div>
</section>
</section><!-- end product-specs wrapper -->
<section id="contact-cta" class="section bg-gray-50">
<div class="container-custom text-center">

View File

@@ -4,7 +4,7 @@ import Header from '@/components/common/Header.astro';
import Footer from '@/components/common/Footer.astro';
const categories = [
{ name: 'ท่อ PPR', slug: '/ท่อ-ppr-thai-ppr', image: '/images/products-cropped/foot-ppr1.jpg' },
{ name: 'ท่อ PPR', slug: '/ท่อ-ppr-thai-ppr', image: '/images/products-cropped/ppr-pipe_000C.jpg' },
{ name: 'ท่อ HDPE', slug: '/ท่อhdpe', image: '/images/products-cropped/hdpe001.jpg' },
{ name: 'ท่อ UPVC', slug: '/ท่อ-upvc', image: '/images/products-cropped/upvc-pipe_000C.jpg' },
{ name: 'ท่อ PVC', slug: '/ท่อและข้อต่อpvc', image: '/images/products-cropped/pvc-pipe_000C.jpg' },

View File

@@ -67,6 +67,11 @@ import Footer from '@/components/common/Footer.astro';
</div>
</section>
<!-- Product Specs Wrapper -->
<section id="product-specs" class="section bg-white">
<div class="container">
<h2 class="text-2xl font-bold mb-4">รายละเอียดสินค้า</h2>
<!-- Technical Revolution Section -->
<section id="technical-revolution" class="section bg-gray-50">
<div class="container-custom">
@@ -262,6 +267,8 @@ import Footer from '@/components/common/Footer.astro';
<div class="container-custom">
</div>
</section>
</div>
</section>
<section id="contact-cta" class="section bg-white">

View File

@@ -1,171 +0,0 @@
---
import BaseLayout from '@/layouts/BaseLayout.astro';
import Header from '@/components/common/Header.astro';
import Footer from '@/components/common/Footer.astro';
---
<BaseLayout title="ท่อ | Pipe" description="ท่อ | Pipe ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้">
<Header slot="header" />
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
<section id="product-detail" class="section">
<div class="container-custom">
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div class="lg:sticky lg:top-24">
<div class="card p-8 bg-white">
<img src="/images/products-cropped/foot-ppr1.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
</div>
</div>
<div>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อ | Pipe</h1>
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
ท่อ | Pipe ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้
</p>
<div class="flex flex-wrap justify-center gap-4 mt-8">
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
<span>แชท Line</span>
</a>
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
<span> 090-555-1415</span>
</a>
</div>
<div class="mt-12 space-y-4">
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">รับประกันสินค้า</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Subcategories - Cards only, no header text -->
<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="/ท่อ-ppr-thai-ppr" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PPR" 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-green-600 transition-colors text-center">ท่อ PPR</h3>
</div>
</a>
<a href="/ท่อพีพีอาร์ตราช้าง" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PPR ตราช้าง" 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-green-600 transition-colors text-center">ท่อ PPR ตราช้าง</h3>
</div>
</a>
<a href="/pp-r-pp-rct-poloplast" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PP-R Poloplast" 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-green-600 transition-colors text-center">ท่อ PP-R Poloplast</h3>
</div>
</a>
<a href="/ท่อhdpe" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/hdpe001.jpg" alt="ท่อ HDPE" 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-green-600 transition-colors text-center">ท่อ HDPE</h3>
</div>
</a>
<a href="/ท่อ-upvc" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/upvc-pipe_000C.jpg" alt="ท่อ UPVC" 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-green-600 transition-colors text-center">ท่อ UPVC</h3>
</div>
</a>
<a href="/ท่อไซเลอร์" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/SYLER01.jpg" alt="ท่อไซเลอร์" 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-green-600 transition-colors text-center">ท่อไซเลอร์</h3>
</div>
</a>
<a href="/ท่อและข้อต่อpvc" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/pvc-pipe_000C.jpg" alt="ท่อ PVC" 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-green-600 transition-colors text-center">ท่อ PVC</h3>
</div>
</a>
<a href="/ท่อระบายน้ำ-3-ชั้น-ไซเลนท" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/XYLENT_001.png" alt="ท่อระบายน้ำ 3 ชั้น" 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-green-600 transition-colors text-center">ท่อระบายน้ำ 3 ชั้น</h3>
</div>
</a>
<a href="/ท่อพีพีอาร์" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อพีพีอาร์" 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-green-600 transition-colors text-center">ท่อพีพีอาร์</h3>
</div>
</a>
</div>
</div>
</section>
<section id="contact-cta" class="section bg-white">
<div class="container-custom text-center">
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
</p>
<div class="flex flex-wrap justify-center gap-4">
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
<span>แชท Line</span>
</a>
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
<span> 090-555-1415</span>
</a>
</div>
</div>
</section>
</main>
<Footer slot="footer" />
</BaseLayout>

View File

@@ -4,7 +4,7 @@ import Header from '@/components/common/Header.astro';
import Footer from '@/components/common/Footer.astro';
---
<BaseLayout title="PP-R / PP-RCT POLOPLAST" description="PP-R / PP-RCT POLOPLAST ทางเลือกที่ดีกว่า ด้วยประสบการณ์ในการผลิตที่ยาวนานกว่า 30 ปี จึงเข้าใจและเชี่ยวชาญด้านระบบท่อน้ำพีพี-อาร์ เป็นอย่างดี">
<BaseLayout title="PP-R / PP-RCT POLOPLAST" description="PP-R / PP-RCT POLOPLAST ทางเลือกที่ดีกว่า ด้วยประสบการณ์ในการผลิตที่ยาวนานกว่า 30 ปี ผลิตจากประเทศเยอรมัน มาตรฐาน DVGW, SKZ, ICC-ES">
<Header slot="header" />
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
@@ -13,17 +13,21 @@ import Footer from '@/components/common/Footer.astro';
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div class="lg:sticky lg:top-24">
<div class="card p-8 bg-white">
<img src="/images/products-misc/POLOPLAST_001.png" alt="PP-R / PP-RCT POLOPLAST" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
<img
src="/images/poloplast/POLOPLAST_001.png"
alt="PP-R / PP-RCT POLOPLAST"
class="w-full h-auto rounded-xl"
onerror="this.src='/images/logo/dealplustech-logo.png'"
/>
</div>
</div>
<div>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">PP-R / PP-RCT POLOPLAST</h1>
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
PP-R / PP-RCT POLOPLAST ทางเลือกที่ดีกว่า ด้วยประสบการณ์ในการผลิตที่ยาวนานกว่า 30 ปี จึงเข้าใจและเชี่ยวชาญด้านระบบท่อน้ำพีพี-อาร์ เป็นอย่างดี
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
</p>
<div class="flex flex-wrap justify-center gap-4 mt-8">
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
@@ -35,31 +39,36 @@ import Footer from '@/components/common/Footer.astro';
</a>
</div>
<div class="mt-12 space-y-4">
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
<span class="text-lg text-secondary-700">ผลิตจากประเทศเยอรมัน มาตรฐาน DVGW, SKZ, ICC-ES</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
<span class="text-lg text-secondary-700">ติดตั้งง่าย ประสานเป็นเนื้อเดียวกันได้อย่างสมบูรณ์</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
<span class="text-lg text-secondary-700">เหมาะสำหรับท่อน้ำดื่ม สะอาดปราศจากสารตกค้าง</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">รับประกันสินค้า</span>
<span class="text-lg text-secondary-700">รับประกันอายุการใช้งาน 10 ปี</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">ผลิตตามมาตรฐาน DIN 8077/8078</span>
</div>
</div>
</div>
@@ -67,30 +76,104 @@ import Footer from '@/components/common/Footer.astro';
</div>
</section>
<!-- Product Details -->
<section id="product-specs" class="section bg-white">
<!-- Factory Section -->
<section id="factory" class="section bg-white">
<div class="container-custom">
<h2 class="text-3xl 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-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
<div class="prose prose-lg max-w-none">
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
<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 leading-relaxed mb-4">
<p class="text-lg text-secondary-700 mb-6">
ท่อและข้อต่อผลิตจากประเทศเยอรมนี ติดตั้งง่าย ประสานเป็นเนื้อเดียวกันได้อย่างสมบูรณ์ ผ่านการทดสอบมาตรฐานระดับโลกจาก DVGW, SKZ และ ICC-ES
</p>
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
<p class="text-lg text-secondary-700 mb-6">
เหมาะสำหรับใช้เป็นท่อน้ำดื่มและท่ออื่นๆ ได้อย่างดี รับประกันอายุการใช้งาน 10 ปี ผลิตตามมาตรฐาน DIN 8077/8078
</p>
</div>
</div>
</div>
</section>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">เทคโนโลยี MULTI LAYER รุ่น ML5</h3>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li><strong>PP-R External Layer:</strong> เม็ดพลาสติกคุณภาพสูง ติดตั้งง่าย เชื่อมเป็นเนื้อเดียวกันได้อย่างสมบูรณ์</li>
<li><strong>HPCE Second Layer:</strong> ชั้นไฟเบอร์พิเศษที่คิดค้นโดย POLOPLAST อัตราการยืด (Linear Expansion) ที่น้อยที่สุดเพียง 0.038 mm/mK ทนต่อแรงกระแทกสูงเป็นพิเศษ</li>
<li><strong>PP-RCT Central Layer:</strong> ยืดอายุการใช้งาน ลดการยืดหดขยายตัวถึง 5 เท่า รองรับอุณหภูมิได้สูงถึง 95°C</li>
<li><strong>HPCE Second Inner Layer:</strong> เพิ่มความต้านทานและทนต่อแรงกระแทก</li>
<li><strong>PP-RCT Inner Layer:</strong> แข็งแรง ทนต่อแรงดัน พื้นผิวเรียบ ไม่เกิดตะกรัน</li>
</ul>
<!-- Comparison Table 1 - Wide -->
<section id="comparison" class="section bg-white">
<div class="container-custom">
<h3 class="text-2xl 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-2xl 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-2xl 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-green-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-green-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-green-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-green-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-green-600 mb-2">5. PP-RCT Inner Layer</h4>
<p class="text-secondary-700">แข็งแรง ทนต่อแรงดัน พื้นผิวเรียบ ไม่เกิดตะกรัน</p>
</div>
</div>
</div>
@@ -99,81 +182,166 @@ import Footer from '@/components/common/Footer.astro';
<!-- Pipe Types -->
<section id="pipe-types" class="section bg-gray-50">
<div class="container-custom">
<h3 class="text-2xl font-bold text-secondary-900 mb-4">ประเภทท่อ PP-R / PP-RCT</h3>
<div class="overflow-x-auto my-8">
<table class="modern-table w-full">
<thead class="bg-green-600 text-white">
<tr>
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">ประเภท</th>
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">SDR / S</th>
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">อุณหภูมิ (°C)</th>
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">แรงดัน (บาร์)</th>
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">อายุการใช้งาน</th>
</tr>
</thead>
<tbody class="bg-white">
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">PP-R PIPE SDR 11 / S 5</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">SDR 11 / S 5</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3-60</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">10</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">50 ปี</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">PP-R PIPE SDR 6 / S 2.5</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">SDR 6 / S 2.5</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3-95</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">20</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">50 ปี</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">PP-RCT FIBER FASER ML 5 / SDR 7.4 / S 3.2</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">SDR 7.4 / S 3.2</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3-95</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">20</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">50 ปี</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">PP-RCT PIPE SDR 11 / S 5</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">SDR 11 / S 5</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3-95</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">50 ปี</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">PP-RCT PIPE SDR 7.4 / S 3.2</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">SDR 7.4 / S 3.2</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3-95</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">20</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg">50 ปี</td>
</tr>
</tbody>
</table>
<h3 class="text-2xl 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" />
<img src="/images/poloplast/POLOPLAST_006.png" alt="PP-R PIPE SDR 11 Specifications" class="w-full h-auto rounded-lg shadow-sm" />
</div>
<p class="text-sm text-secondary-600">* ความยาวต่อเส้น 4 เมตร</p>
</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" />
<img src="/images/poloplast/POLOPLAST_008.png" alt="PP-R PIPE SDR 6 Specifications" class="w-full h-auto rounded-lg shadow-sm" />
</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" />
<img src="/images/poloplast/POLOPLAST_010.png" alt="PP-RCT FIBER FASER ML 5 Specifications" class="w-full h-auto rounded-lg shadow-sm" />
</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" />
<img src="/images/poloplast/POLOPLAST_012.png" alt="PP-RCT PIPE SDR 11 Specifications" class="w-full h-auto rounded-lg shadow-sm" />
</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" />
<img src="/images/poloplast/POLOPLAST_014.png" alt="PP-RCT PIPE SDR 7.4 Specifications" class="w-full h-auto rounded-lg shadow-sm" />
</div>
</div>
<p class="text-sm text-secondary-500 mt-4">* ความยาวต่อเส้น 4 เมตร</p>
</div>
</section>
<!-- Installation -->
<section id="installation" class="section bg-white">
<!-- Fittings Gallery - 3 columns -->
<section id="fittings" class="section bg-white">
<div class="container-custom">
<h3 class="text-2xl font-bold text-secondary-900 mb-4">ขั้นตอนการติดตั้ง PP-R และ PP-RCT</h3>
<div class="grid md:grid-cols-3 gap-6 my-8">
<div class="card p-6 bg-white">
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">1</div>
<h4 class="text-lg font-bold text-secondary-900 mb-2">หลอม (Fusion)</h4>
<p class="text-secondary-700">ตัดท่อและวัดระยะกำหนดความลึกในการเชื่อม ทำความสะอาดท่อ-ข้อต่อ นำท่อ-ข้อต่อสอดเข้าที่หัวเชื่อม</p>
<h3 class="text-2xl 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" />
<img src="/images/poloplast/MECH_Fitting_002.jpg" alt="Fitting 002" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_003.jpg" alt="Fitting 003" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_004.jpg" alt="Fitting 004" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_005.jpg" alt="Fitting 005" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_006.jpg" alt="Fitting 006" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_007.jpg" alt="Fitting 007" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_008.jpg" alt="Fitting 008" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_009.jpg" alt="Fitting 009" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_010.jpg" alt="Fitting 010" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_011.jpg" alt="Fitting 011" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_012.jpg" alt="Fitting 012" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_013.jpg" alt="Fitting 013" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_014.jpg" alt="Fitting 014" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_015.jpg" alt="Fitting 015" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_016.jpg" alt="Fitting 016" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_017.jpg" alt="Fitting 017" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_018.jpg" alt="Fitting 018" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_019.jpg" alt="Fitting 019" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_020.jpg" alt="Fitting 020" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_021.jpg" alt="Fitting 021" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_022.jpg" alt="Fitting 022" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_023.jpg" alt="Fitting 023" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_024.jpg" alt="Fitting 024" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_025.jpg" alt="Fitting 025" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_026.jpg" alt="Fitting 026" class="w-full h-auto rounded-lg shadow-md" />
<img src="/images/poloplast/MECH_Fitting_027.jpg" alt="Fitting 027" class="w-full h-auto rounded-lg shadow-md" />
</div>
<div class="card p-6 bg-white">
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">2</div>
<h4 class="text-lg font-bold text-secondary-900 mb-2">ประกอบ (Assemble)</h4>
<p class="text-secondary-700">เมื่อเชื่อมท่อ-ข้อต่อตามเวลาที่กำหนด ให้ถอดท่อ-ข้อต่อออกจากหัวเชื่อม</p>
</div>
<div class="card p-6 bg-white">
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">3</div>
<h4 class="text-lg font-bold text-secondary-900 mb-2">ปล่อยให้เย็นตัว (Cool)</h4>
<p class="text-secondary-700">นำท่อ-ข้อต่อสวมเข้าด้วยกัน ห้ามบิดหรือหมุน ปล่อยให้เย็นตามระยะเวลาที่กำหนด</p>
</section>
<!-- Installation Steps -->
<section id="installation" class="section bg-gray-50">
<div class="container-custom">
<h3 class="text-2xl 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" />
<h4 class="text-lg font-bold text-green-600 mb-2">1. หลอม (Fusion)</h4>
<p class="text-secondary-700 text-sm">หลังจากตัดท่อและวัดระยะกำหนดความลึกในการเชื่อมเสร็จแล้ว ให้ทำความสะอาดท่อ-ข้อต่อ จากนั้นจึงนำท่อ-ข้อต่อสอดเข้าที่หัวเชื่อม</p>
</div>
<div class="card p-6 bg-white text-center">
<img src="/images/poloplast/POLOPLAST_072.png" alt="ขั้นตอนที่ 2" class="w-full h-auto rounded-lg shadow-sm mb-4" />
<h4 class="text-lg font-bold text-green-600 mb-2">2. ประกอบ (Assemble)</h4>
<p class="text-secondary-700 text-sm">เมื่อเชื่อมท่อ-ข้อต่อตามเวลาที่กำหนด ให้ถอดท่อ-ข้อต่อออกจากหัวเชื่อม</p>
</div>
<div class="card p-6 bg-white text-center">
<img src="/images/poloplast/POLOPLAST_073.png" alt="ขั้นตอนที่ 3" class="w-full h-auto rounded-lg shadow-sm mb-4" />
<h4 class="text-lg font-bold text-green-600 mb-2">3. ปล่อยให้เย็นตัว (Cool)</h4>
<p class="text-secondary-700 text-sm">นำท่อ-ข้อต่อสวมเข้าด้วยกัน ห้ามบิดหรือหมุน ปล่อยให้เย็นตามระยะเวลาที่กำหนด แล้วนำไปทดสอบแรงดันน้ำ</p>
</div>
</div>
</div>
</section>
<!-- System Requirements - Wide Table -->
<section id="system-requirements" class="section bg-white">
<div class="container-custom">
<h3 class="text-2xl font-bold text-secondary-900 mb-6 text-center">SYSTEM REQUIREMENTS - ตารางการให้ความร้อน PP-R และ PP-RCT</h3>
<div class="max-w-5xl mx-auto">
<img
src="/images/poloplast/POLOPLAST_074.png"
alt="ตารางการให้ความร้อน"
class="w-full h-auto rounded-lg shadow-md"
/>
</div>
</div>
</section>
<!-- Butt Fusion - Wide -->
<section id="butt-fusion" class="section bg-gray-50">
<div class="container-custom">
<h3 class="text-2xl font-bold text-secondary-900 mb-6 text-center">BUTT FUSION (B.F.) - เชื่อมชน (ขนาด 160 250 mm)</h3>
<div class="max-w-5xl mx-auto">
<img
src="/images/poloplast/POLOPLAST_075.png"
alt="Butt Fusion"
class="w-full h-auto rounded-lg shadow-md"
/>
</div>
</div>
</section>
<!-- Electro Fusion -->
<section id="electro-fusion" class="section bg-white">
<div class="container-custom">
<h3 class="text-2xl font-bold text-secondary-900 mb-6 text-center">ELECTRO FUSION (E.F.)</h3>
<div class="max-w-5xl mx-auto space-y-6">
<img
src="/images/poloplast/POLOPLAST_076.png"
alt="Electro Fusion"
class="w-full h-auto rounded-lg shadow-md"
/>
<img
src="/images/poloplast/POLOPLAST_078.png"
alt="Electro Fusion Details"
class="w-full h-auto rounded-lg shadow-md max-w-xl mx-auto"
/>
</div>
</div>
</section>
@@ -194,6 +362,9 @@ import Footer from '@/components/common/Footer.astro';
<span> 090-555-1415</span>
</a>
</div>
<p class="text-lg text-secondary-600 mt-6">
<strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> Jppselection &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
</p>
</div>
</section>
</main>

View File

@@ -67,6 +67,110 @@ import Footer from '@/components/common/Footer.astro';
</div>
</section>
<!-- Product Specifications -->
<section id="product-specs" class="section bg-white">
<div class="container-custom">
<div class="max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">รายละเอียดสินค้า</h2>
<div class="prose prose-lg max-w-none">
<p class="text-lg text-secondary-700 leading-relaxed mb-6">
<strong>ฉนวนหุ้มท่อ (Pipe Insulation)</strong> เป็นฉนวนที่ใช้หุ้มท่อเพื่อป้องกันการสูญเสียความร้อนหรือความเย็นของระบบท่อ ลดการเกิดการควบแน่นของไอน้ำบนผิวท่อ ประหยัดพลังงาน และป้องกันอุบัติเหตุจากผิวท่อที่ร้อน เหมาะสำหรับระบบประปา ระบบปรับอากาศ ระบบท่อน้ำร้อน ระบบท่อน้ำเย็น ระบบท่อส่งน้ำมันร้อน และอุตสาหกรรมต่างๆ
</p>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ประเภทฉนวนหุ้มท่อที่จำหน่าย</h3>
<div class="space-y-6 mb-8">
<div class="card p-6 bg-gray-50">
<h4 class="text-xl font-bold text-green-700 mb-2">Armaflex</h4>
<p class="text-secondary-700 mb-3">ฉนวนยางอีลาสโตเมอริก (Elastomeric Rubber Foam) แบบเซลล์ปิด ผลิตจากยาง NBR/PVC หุ้มท่อและอุปกรณ์ท่อเพื่อป้องกันการสูญเสียความเย็นและความร้อน ลดการเกิดการควบแน่น ทนต่อไอน้ำและความชื้น มีค่าสัมประสิทธิ์การนำความร้อนต่ำ ผิวเรียบสวยงาม ใช้งานง่าย รับประกันคุณภาพมาตรฐาน</p>
<div class="flex flex-wrap gap-2">
<span class="px-3 py-1 bg-green-100 text-green-800 text-sm rounded-full">ทนความเย็น -50°C ถึง +105°C</span>
<span class="px-3 py-1 bg-green-100 text-green-800 text-sm rounded-full">แบบท่อน (Slit Pipe)</span>
<span class="px-3 py-1 bg-green-100 text-green-800 text-sm rounded-full">แบบม้วน (Sheet/Roll)</span>
<span class="px-3 py-1 bg-green-100 text-green-800 text-sm rounded-full">ป้องกันการควบแน่น</span>
</div>
</div>
<div class="card p-6 bg-gray-50">
<h4 class="text-xl font-bold text-blue-700 mb-2">Aeroflex</h4>
<p class="text-secondary-700 mb-3">ฉนวนยางอีลาสโตเมอริกคุณภาพสูง ผลิตจากยาง EPDM หรือ NBR/PVC แบบเซลล์ปิด มีคุณสมบัติยืดหยุ่นสูง ติดตั้งง่าย ทนต่อรังสี UV ทนต่อสภาพอากาศ เหมาะสำหรับงานระบบปรับอากาศ ระบบทำความเย็น ระบบท่อน้ำร้อน ทนอุณหภูมิได้ในช่วงกว้าง มีทั้งแบบท่อนและแบบแผ่น</p>
<div class="flex flex-wrap gap-2">
<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">ทนความร้อน -50°C ถึง +116°C</span>
<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">ยืดหยุ่นสูง</span>
<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">ทนรังสี UV</span>
<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">ติดตั้งง่าย</span>
</div>
</div>
<div class="card p-6 bg-gray-50">
<h4 class="text-xl font-bold text-orange-700 mb-2">Maxflex FR</h4>
<p class="text-secondary-700 mb-3">ฉนวนยางที่มีคุณสมบัติทนไฟ (Fire Retardant) ผลิตตามมาตรฐานความปลอดภัยจากประกายไฟ มีทั้งแบบท่อน (FR ST) และแบบม้วน (FR Roll) เหมาะสำหรับงานที่ต้องการความปลอดภัยจากอัคคีภัย ระบบท่อดับเพลิง ระบบท่อน้ำร้อน ระบบท่อที่ต้องการความทนไฟ</p>
<div class="flex flex-wrap gap-2">
<span class="px-3 py-1 bg-orange-100 text-orange-800 text-sm rounded-full">ทนไฟ (Fire Retardant)</span>
<span class="px-3 py-1 bg-orange-100 text-orange-800 text-sm rounded-full">FR ST แบบท่อน</span>
<span class="px-3 py-1 bg-orange-100 text-orange-800 text-sm rounded-full">FR Roll แบบม้วน</span>
<span class="px-3 py-1 bg-orange-100 text-orange-800 text-sm rounded-full">มาตรฐานความปลอดภัย</span>
</div>
</div>
</div>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่นของฉนวนหุ้มท่อ</h3>
<ul class="list-disc pl-6 mb-6 space-y-2">
<li><strong>ป้องกันการสูญเสียความร้อน/ความเย็น</strong> — ลดการถ่ายเทความร้อนระหว่างตัวท่อกับสิ่งแวดล้อม ช่วยประหยัดพลังงานในระบบทำความเย็นและทำความร้อน</li>
<li><strong>ป้องกันการเกิดการควบแน่น</strong> — ผิวฉนวนที่เป็นเซลล์ปิดไม่ดูดซับความชื้น ป้องกันการเกิดหยดน้ำบนผิวท่อ ลดความเสียหายต่อโครงสร้างและอุปกรณ์</li>
<li><strong>ป้องกันอุบัติเหตุจากผิวท่อร้อน</strong> — ปกป้องผู้สัมผัสจากผิวท่อที่ร้อน เหมาะสำหรับท่อน้ำร้อน ท่อไอน้ำ และท่อที่มีอุณหภูมิสูง</li>
<li><strong>ลดเสียงรบกวน</strong> — ดูดซับเสียงจากการไหลของน้ำและการสั่นสะเทือนของท่อ ลดความเสียหายต่อโครงสร้าง</li>
<li><strong>ทนทานต่อสภาพอากาศและสารเคมี</strong> — ทนต่อรังสี UV ความชื้น และสารเคมีทั่วไป อายุการใช้งานยาวนาน</li>
<li><strong>ติดตั้งง่าย รวดเร็ว</strong> — ฉนวนยางมีความยืดหยุ่นสูง เข้ามุม เข้ารูปอุปกรณ์ท่อได้ง่าย ไม่ต้องใช้เครื่องมือพิเศษ</li>
<li><strong>น้ำหนักเบา ไม่ดูดซับน้ำ</strong> — โครงสร้างเซลล์ปิดไม่ดูดซับน้ำหรือไอน้ำ รักษาประสิทธิภาพฉนวนได้ตลอดอายุการใช้งาน</li>
</ul>
<!-- Application Images -->
<div class="grid md:grid-cols-2 gap-4 my-8">
<img
src="/images/products-raw/pipe-insulation/Insulte_06.png"
alt="การติดตั้งฉนวนหุ้มท่อ"
class="w-full h-auto rounded-xl"
/>
<img
src="/images/products-raw/pipe-insulation/Insulte_07.png"
alt="การประยุกต์ใช้ฉนวนหุ้มท่อ"
class="w-full h-auto rounded-xl"
/>
</div>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">การประยุกต์ใช้งาน</h3>
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
ฉนวนหุ้มท่อ Armaflex, Aeroflex และ Maxflex FR เหมาะสำหรับใช้ในงานต่างๆ ดังนี้:
</p>
<ul class="list-disc pl-6 mb-6 space-y-2">
<li>ระบบปรับอากาศและระบบทำความเย็น (HVAC/R) — ท่อน้ำเย็น ท่อน้ำย้อนกลับ คอยล์ระเหย</li>
<li>ระบบท่อน้ำร้อนและท่อไอน้ำ — ป้องกันการสูญเสียความร้อน ป้องกันอุบัติเหตุ</li>
<li>ระบบประปา — ป้องกันการแตกจากน้ำแข็งในท่อ ป้องกันการควบแน่น</li>
<li>ระบบดับเพลิง — ท่อน้ำดับเพลิงที่ต้องการความทนไฟ</li>
<li>อุตสาหกรรมอาหารและเครื่องดื่ม — รักษาอุณหภูมิผลิตภัณฑ์</li>
<li>อุตสาหกรรมเคมีและปิโตรเคมี — ป้องกันการเกิดปฏิกิริยาทางเคมี</li>
</ul>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ขนาดและความหนาที่จำหน่าย</h3>
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
ฉนวนหุ้มท่อมีให้เลือกหลายขนาด ตั้งแต่ท่อขนาดเล็ก เช่น 1/2 นิ้ว ถึงท่อขนาดใหญ่ 6 นิ้วขึ้นไป และมีความหนาตั้งแต่ 9 มม. ถึง 50 มม. ตามความต้องการในการใช้งาน สามารถสอบถามขนาดและความหนาที่ต้องการได้ที่ Line หรือโทรศัพท์
</p>
<div class="bg-green-50 border-l-4 border-green-600 p-4 mt-6">
<p class="text-secondary-700">
<strong>สอบถามราคาและสั่งซื้อ:</strong> ติดต่อเราได้ที่ Line: <a href="https://line.me/ti/p/~dealplustech" class="text-green-700 underline">@dealplustech</a> หรือโทร <a href="tel:0905551415" class="text-green-700 underline">090-555-1415</a> ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
</p>
</div>
</div>
</div>
</div>
</section>
<section id="product-prices" class="section bg-gradient-to-br from-primary-50 to-accent-50">
<div class="container-custom">
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">📥 ดาวน์โหลดราคาสินค้า</h2>

File diff suppressed because it is too large Load Diff

View File

@@ -4,26 +4,30 @@ import Header from '@/components/common/Header.astro';
import Footer from '@/components/common/Footer.astro';
---
<BaseLayout title="ท่อ PVC (Polyvinyl Chloride)" description="จำหน่ายท่อ PVC (Polyvinyl Chloride)คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
<BaseLayout title="ท่อ UPVC (Unplasticized Polyvinyl Chloride)" description="ท่อ UPVC ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อยูพีวีซี ทนสารเคมี ทนความร้อน สำหรับงานอุตสาหกรรม">
<Header slot="header" />
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
<section id="product-detail" class="section">
<div class="container-custom">
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div class="lg:sticky lg:top-24">
<div class="card p-8 bg-white">
<img src="/images/products-cropped/upvc-pipe_000C.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
<img
src="/images/products-cropped/upvc-pipe_000C.jpg"
alt="ท่อ UPVC (Unplasticized Polyvinyl Chloride)"
class="w-full h-auto rounded-xl"
onerror="this.src='/images/logo/dealplustech-logo.png'"
/>
</div>
</div>
<div>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อ PVC (Polyvinyl Chloride)</h1>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อ UPVC (Unplasticized Polyvinyl Chloride)</h1>
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
จำหน่ายท่อ PVC (Polyvinyl Chloride)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
</p>
<div class="flex flex-wrap justify-center gap-4 mt-8">
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
@@ -35,37 +39,41 @@ import Footer from '@/components/common/Footer.astro';
</a>
</div>
<div class="mt-12 space-y-4">
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
<span class="text-lg text-secondary-700">ทนสารเคมีได้ดี</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
<span class="text-lg text-secondary-700">ทนต่อสภาพอากาศ</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
<span class="text-lg text-secondary-700">ทนความร้อนได้ถึง 60°C</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">รับประกันสินค้า</span>
<span class="text-lg text-secondary-700">เชื่อมต่อด้วยกาว UPVC ง่ายต่อการติดตั้ง</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">ทนการกัดกร่อน</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="product-specs" class="section bg-white">
@@ -73,54 +81,110 @@ import Footer from '@/components/common/Footer.astro';
<div class="max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
<div class="prose prose-lg max-w-none">
<p class="text-lg text-secondary-700 leading-relaxed mb-4">ท่อ PVC และข้อต่อ เป็นท่อพลาสติกที่นิยมใช้กันแพร่หลายสำหรับงานระบบน้ำในบ้านและอาคาร ผลิตจากพลาสติก PVC คุณภาพสูง มีทั้งท่อ PVC สีฟ้า (งานประปา) และท่อ PVC สีเหลือง (งานไฟฟ้า)</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>คุณสมบัติเด่น:</strong></p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- น้ำหนักเบา ติดตั้งง่าย</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- ทนสารเคมีได้ดี</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- ราคาประหยัด</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- ไม่เป็นสนิม</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- อายุการใช้งานยาวนาน</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ประเภทท่อ PVC:</strong></p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>ท่อ PVC สีฟ้า:</strong> งานประปา น้ำดื่ม (มอก.17)</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>ท่อ PVC สีเหลือง:</strong> งานร้อยสายไฟฟ้า (มอก.870)</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>ท่อ PVC สีเทา:</strong> งานระบายน้ำ (มอก.1237)</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ขนาด:</strong> 1/2" - 24"</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>การใช้งาน:</strong></p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานประปาในบ้าน</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานระบบน้ำในอาคาร</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานร้อยสายไฟ</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานระบายน้ำ</p>
<p class="text-lg text-secondary-700 mb-6">
<strong>ท่อ UPVC (Unplasticized Polyvinyl Chloride)</strong> หรือ ท่อยูพีวีซี เป็นท่อพลาสติกที่มีความแข็งแรงและทนทานต่อสารเคมี ใช้ในงานเดินระบบน้ำทิ้ง ระบายน้ำเสีย ทนเคมีใช้ในโรงงานอุตสาหกรรมเคมี หรือเป็นระบบเดินของเหลวที่มีสารเคมีเจือปน สามารถทนอุณหภูมิได้ถึง 60 องศาเซลเซียส มีลักษณะ <strong>สีเทาเข้ม / สีเทาอ่อน</strong> ต่างจากท่อ PVC ทั่วไปที่มักเป็นสีฟ้า
</p>
<p class="text-lg text-secondary-700 mb-6">
ท่อและอุปกรณ์ยูพีวีซี สามารถใช้กาวทาท่อ UPVC ในการเชื่อมต่อ ซึ่งมีความรวดเร็วและง่ายต่อการติดตั้ง
</p>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">การใช้งาน ท่อ UPVC (UPVC Pipe)</h3>
<ul class="space-y-3">
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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>งานท่อน้ำเคมี</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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>โรงงานอุตสาหกรรม ห้องเย็น ห้องแช่แข็ง ห้องปฏิบัติการ ห้องแล็บ</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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>ท่อน้ำเสีย ท่อน้ำทิ้ง</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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>ท่อน้ำที่มีสารเคมีปนเปื้อน</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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>สระว่ายน้ำ (มีคลอรีนหรือสารเคมี)</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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>งานทนสารเคมีเข้มข้น</span>
</li>
</ul>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่นของท่อ UPVC</h3>
<ul class="space-y-3">
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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-green-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-green-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>ทนความร้อนได้ถึง 60°C</strong></span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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-green-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>ติดตั้งง่ายด้วยกาว UPVC</strong></span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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-2xl font-bold text-secondary-900 mt-8 mb-4">มาตรฐานและการเลือกใช้</h3>
<p class="text-lg text-secondary-700 mb-4">
ปัจจุบันยังไม่มีมาตรฐาน มอก. รองรับท่อและวาล์ว UPVC โดยตรง แต่สามารถใช้มาตรฐาน <strong>ASTM</strong> และมาตรฐาน <strong>Sch.80</strong> ตามมาตรฐานที่ยุโรปและเอเชียใช้ ซึ่งมีทั้งท่อและวาล์ว UPVC ที่ผลิตในยุโรปและผลิตในเอเชีย
</p>
<p class="text-lg text-secondary-700 mb-4">
การเลือกใช้ท่อและวาล์ว UPVC ควรปรึกษาวิศวกรออกแบบ และควรใช้ตามแบบที่ถูกออกแบบโดยมีวิศวกรเซ็นสำนักงานกำกับ เพื่อเป็นการประหยัดงบประมาณและไม่ Over Design
</p>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ขนาดท่อ UPVC</h3>
<p class="text-lg text-secondary-700 mb-4">
ท่อ UPVC มีขนาดตั้งแต่ <strong>1/2"</strong> ไปจนถึง <strong>12"</strong> เหมาะสำหรับงานอุตสาหกรรมและงานระบายน้ำทิ้ง
</p>
</div>
</div>
</div>
</section>
<section id="product-specs" class="section bg-gray-50">
<div class="container-custom">
<h3 class="text-2xl font-bold text-secondary-900 mb-4">ขนาดท่อ PVC (PVC Pipe Sizes)</h3>
<div class="overflow-x-auto my-8">
<table class="modern-table w-full">
<thead class="bg-green-600 text-white">
<tr>
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (นิ้ว)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">Class</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความหนา (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความยาว (m)</th>
</tr>
</thead>
<tbody class="bg-white">
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1/2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">21</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3/4"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">27</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.2</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">34</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.4</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1 1/2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">42</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.6</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">60</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">89</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.8</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">4"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">114</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4.5</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">6"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">168</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">5.5</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section id="contact-cta" class="section bg-gray-50">
<div class="container-custom text-center">
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
@@ -137,6 +201,9 @@ import Footer from '@/components/common/Footer.astro';
<span> 090-555-1415</span>
</a>
</div>
<p class="text-lg text-secondary-600 mt-6">
<strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> Jppselection &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
</p>
</div>
</section>
</main>

View File

@@ -4,31 +4,30 @@ import Header from '@/components/common/Header.astro';
import Footer from '@/components/common/Footer.astro';
---
<BaseLayout title="ท่อ HDPE (High Density Polyethylene Pipe)" description="จำหน่ายท่อ HDPE (High Density Polyethylene Pipe)คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
<BaseLayout title="ท่อ HDPE (High Density Polyethylene)" description="ท่อ HDPE ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อ HDPE คุณภาพสูง ทนทาน อายุการใช้งาน 50 ปี">
<Header slot="header" />
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
<section id="product-detail" class="section">
<div class="container-custom">
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div class="lg:sticky lg:top-24">
<div class="card p-8 bg-white">
<img src="/images/products-cropped/hdpe001.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
</div>
</div>
</div>
</div>
</div>
<img
src="/images/products-cropped/hdpe001.png"
alt="ท่อ HDPE (High Density Polyethylene)"
class="w-full h-auto rounded-xl"
onerror="this.src='/images/logo/dealplustech-logo.png'"
/>
</div>
</div>
<div>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อ HDPE (High Density Polyethylene Pipe)</h1>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อ HDPE (High Density Polyethylene)</h1>
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
จำหน่ายท่อ HDPE (High Density Polyethylene Pipe)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
</p>
<div class="flex flex-wrap justify-center gap-4 mt-8">
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
@@ -40,37 +39,41 @@ import Footer from '@/components/common/Footer.astro';
</a>
</div>
<div class="mt-12 space-y-4">
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
<span class="text-lg text-secondary-700">อายุการใช้งานยาวนานกว่า 50 ปี</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
<span class="text-lg text-secondary-700">ทนต่อสารเคมี กรด และด่า</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
<span class="text-lg text-secondary-700">ทนต่อรังสี UV ไม่เป็นสนิม</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">รับประกันสินค้า</span>
<span class="text-lg text-secondary-700">น้ำหนักเบา ติดตั้งง่าย</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">รับแรงดันได้สูงถึง PN25</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="product-specs" class="section bg-white">
@@ -78,125 +81,82 @@ import Footer from '@/components/common/Footer.astro';
<div class="max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
<div class="prose prose-lg max-w-none">
<p class="text-lg text-secondary-700 leading-relaxed mb-4">ท่อ HDPE (High Density Polyethylene) เป็นท่อพลาสติกคุณภาพสูงที่ผลิตจากเม็ดพลาสติก HDPE เกรด A มีคุณสมบัติเด่นคือ ความเหนียว ทนทานต่อการกระแทก และทนสารเคมีได้ดี เหมาะสำหรับงานระบบประปา งานชลประทาน งานระบายน้ำ และงานร้อยสายไฟ</p>
<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>
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>คุณสมบัติเด่นของท่อ HDPE:</strong></p>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li>ผลิตจากเม็ดพลาสติก HDPE เกรด A</li>
<li>มีความเหนียว ทนทานต่อการกระแทกสูง</li>
<li>ทนสารเคมีและกรด-ด่างได้ดีเยี่ยม</li>
<li>ทนต่อการกัดกร่อน</li>
<li>น้ำหนักเบา ติดตั้งง่าย</li>
<li>ผิวด้านในเรียบ ลื่น ลดการสูญเสียแรงเสียดทาน</li>
<li>ต่อเชื่อมด้วยความร้อน (Butt Fusion) ได้ 100% ไม่มีรอยรั่ว</li>
<li>อายุการใช้งานมากกว่า 50 ปี</li>
<li>ทนต่อรังสี UV</li>
<h3 class="text-2xl 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-green-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-green-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-green-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-green-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-green-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-green-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-green-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-green-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>
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>มาตรฐาน:</strong></p>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ยี่ห้อที่มีจำหน่าย</h3>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li>มอก.982-2533 (ท่อ HDPE สำหรับงานประปา)</li>
<li>ISO 4427</li>
<li>DIN 8074/8075</li>
<li>Thai Asia PE Pipe</li>
<li>Thai Gow Gai</li>
<li>PBP</li>
<li>SR PE Pipe</li>
</ul>
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>การใช้งาน:</strong></p>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li>งานระบบประปา</li>
<li>งานชลประทาน</li>
<li>งานระบายน้ำทิ้ง</li>
<li>งานร้อยสายไฟ</li>
<li>งานส่งน้ำโรงงานอุตสาหกรรม</li>
<li>งานท่อส่งก๊าซ</li>
</ul>
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>มาตรฐาน:</strong> มอก.982-2533</p>
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ขนาด:</strong> 16 มม. - 1,200 มม.</p>
</div>
</div>
</div>
</section>
<section id="product-specs" class="section bg-gray-50">
<div class="container-custom">
<h3 class="text-2xl font-bold text-secondary-900 mb-4">ขนาดท่อ HDPE (HDPE Pipe Sizes)</h3>
<div class="overflow-x-auto my-8">
<table class="modern-table w-full">
<thead class="bg-green-600 text-white">
<tr>
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">SDR</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">PN</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความหนา (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">น้ำหนัก (kg/m)</th>
</tr>
</thead>
<tbody class="bg-white">
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">20</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.3</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">0.13</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">25</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.3</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">0.17</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">32</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.9</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">0.27</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">40</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.7</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">0.42</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">50</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4.6</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">0.65</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">63</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">5.8</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">1.04</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">75</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">6.8</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">1.46</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">90</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">8.2</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.12</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">110</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">10.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.16</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">160</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">14.6</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">6.71</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">200</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">18.2</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">10.45</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">250</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">22.7</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16.29</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">315</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">28.6</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">25.90</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section class="section bg-white">
<div class="container-custom">
<h2 class="text-2xl 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/HDPE2.jpg" alt="ท่อ HDPE (High Density Polyethylene Pipe)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/HDPE4.jpg" alt="ท่อ HDPE (High Density Polyethylene Pipe)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/HDPE.jpg" alt="ท่อ HDPE (High Density Polyethylene Pipe)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/HDPE-Welding2.jpg" alt="ท่อ HDPE (High Density Polyethylene Pipe)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
</div>
</div>
</section>
<section id="product-prices" class="section bg-gradient-to-br from-primary-50 to-accent-50">
<div class="container-custom">
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">📥 ดาวน์โหลดราคาสินค้า</h2>
<div class="max-w-md mx-auto">
<a href="/documents/Price List HDPE TAP.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow">
<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>
<div><div class="font-medium text-secondary-900">Price List HDPE TAP</div><div class="text-sm text-secondary-500">PDF - ดาวน์โหลดราคา</div></div>
</a>
</div>
</div>
</section>
<section id="contact-cta" class="section bg-gray-50">
<section id="contact-cta" class="section bg-white">
<div class="container-custom text-center">
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
@@ -212,6 +172,9 @@ import Footer from '@/components/common/Footer.astro';
<span> 090-555-1415</span>
</a>
</div>
<p class="text-lg text-secondary-600 mt-6">
<strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> Jppselection &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
</p>
</div>
</section>
</main>

View File

@@ -4,7 +4,7 @@ import Header from '@/components/common/Header.astro';
import Footer from '@/components/common/Footer.astro';
---
<BaseLayout title="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" description="ท่อพีพีอาร์ ตราช้าง เหมาะแก่การทำท่อน้ำดื่ม ท่อน้ำร้อน ท่อน้ำเย็น ระบบประปา เพราะการติดตั้งท่อจะใช้วิธีให้ความร้อนทำให้ท่อประสานเป็นเนื้อเดียวกันจึงไม่รั่วซึม">
<BaseLayout title="ท่อพีพีอาร์" description="ท่อพีพีอาร์ ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้">
<Header slot="header" />
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
@@ -13,14 +13,14 @@ import Footer from '@/components/common/Footer.astro';
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div class="lg:sticky lg:top-24">
<div class="card p-8 bg-white">
<img src="/images/products-misc/ppr-pipe_000C_cropped.jpg" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
</div>
</div>
<div>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง</h1>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อพีพีอาร์</h1>
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
ท่อพีพีอาร์ ตราช้าง เหมาะแก่การทำท่อน้ำดื่ม ท่อน้ำร้อน ท่อน้ำเย็น ระบบประปา เพราะการติดตั้งท่อจะใช้วิธีให้ความร้อนทำให้ท่อประสานเป็นเนื้อเดียวกันจึงไม่รั่วซึม
ท่อพีพีอาร์ ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้
</p>
@@ -67,7 +67,79 @@ import Footer from '@/components/common/Footer.astro';
</div>
</section>
<section id="contact-cta" class="section bg-gray-50">
<!-- Subcategories - Cards only, no header text -->
<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="/ท่อ-ppr-thai-ppr" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PPR" 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-green-600 transition-colors text-center">ไทยพีพีอาร์</h3>
</div>
</a>
<a href="/ท่อพีพีอาร์ตราช้าง" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PPR ตราช้าง" 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-green-600 transition-colors text-center">ท่อ PPR ตราช้าง</h3>
</div>
</a>
<a href="/pp-r-pp-rct-poloplast" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PP-R Poloplast" 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-green-600 transition-colors text-center">ท่อ PP-R Poloplast</h3>
</div>
</a>
<a href="/ท่อhdpe" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/hdpe001.jpg" alt="ท่อ HDPE" 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-green-600 transition-colors text-center">ท่อ HDPE</h3>
</div>
</a>
<a href="/ท่อ-upvc" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/upvc-pipe_000C.jpg" alt="ท่อ UPVC" 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-green-600 transition-colors text-center">ท่อ UPVC</h3>
</div>
</a>
<a href="/ท่อไซเลอร์" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/SYLER01.jpg" alt="ท่อไซเลอร์" 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-green-600 transition-colors text-center">ท่อไซเลอร์</h3>
</div>
</a>
<a href="/ท่อและข้อต่อpvc" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/pvc-pipe_000C.jpg" alt="ท่อ PVC" 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-green-600 transition-colors text-center">ท่อ PVC</h3>
</div>
</a>
<a href="/ท่อระบายน้ำ-3-ชั้น-ไซเลนท" class="product-card group">
<div class="product-card-image">
<img src="/images/products-cropped/XYLENT_001.png" alt="ท่อระบายน้ำ 3 ชั้น" 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-green-600 transition-colors text-center">ท่อระบายน้ำ 3 ชั้น</h3>
</div>
</a>
</div>
</div>
</section>
<section id="contact-cta" class="section bg-white">
<div class="container-custom text-center">
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">

View File

@@ -4,26 +4,25 @@ import Header from '@/components/common/Header.astro';
import Footer from '@/components/common/Footer.astro';
---
<BaseLayout title="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" description="จำหน่ายท่อพีพีอาร์ (ท่อ PPR) ตราช้างคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
<BaseLayout title="ท่อ PPR ตราช้าง (SCG)" description="ท่อ PPR ตราช้าง (SCG) ผลิตจากเม็ดพลาสติก PP-R 80 มาตรฐานยุโรป ทนแรงดัน 20 บาร์ ทนอุณหภูมิ 95°C ราคาถูก ส่งฟรี กทม. ปริมณฑล">
<Header slot="header" />
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
<section id="product-detail" class="section">
<div class="container-custom">
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div class="lg:sticky lg:top-24">
<div class="card p-8 bg-white">
<img src="/images/products-misc/Screenshot-2023-03-08-at-10.39.16-AM.png" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
<img src="/images/products-cropped/ppr-scg.jpg" alt="ท่อ PPR ตราช้าง (SCG)" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
</div>
</div>
<div>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง</h1>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อ PPR ตราช้าง (SCG)</h1>
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
จำหน่ายท่อพีพีอาร์ (ท่อ PPR) ตราช้างคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
</p>
<div class="flex flex-wrap justify-center gap-4 mt-8">
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
@@ -35,31 +34,42 @@ import Footer from '@/components/common/Footer.astro';
</a>
</div>
<div class="mt-12 space-y-4">
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
<span class="text-lg text-secondary-700">ทนแรงดันได้สูงสุด 20 บาร์</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
<span class="text-lg text-secondary-700">ทนต่ออุณหภูมิได้สูงถึง 95°C</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
<span class="text-lg text-secondary-700">วัตถุดิบคุณภาพสูงมาตรฐานยุโรปจาก LyondellBasell</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">รับประกันสินค้า</span>
<span class="text-lg text-secondary-700">เชื่อมต่อด้วยความร้อน ไม่รั่วซึม</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">น้ำหนักเบา ราคาคุ้มค่ากว่าท่อโลหะ</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">รับประกันสินค้า อายุการใช้งานยาวนาน</span>
</div>
</div>
</div>
@@ -72,23 +82,69 @@ import Footer from '@/components/common/Footer.astro';
<div class="max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
<div class="prose prose-lg max-w-none">
<p class="text-lg text-secondary-700">จำหน่าย ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
<p class="text-lg text-secondary-700 mb-6">
ท่อ PPR ตราช้าง ผลิตจากเม็ดพลาสติก <strong>PP-R 80 (Polypropylene Random Copolymer 80)</strong> วัตถุดิบคุณภาพสูงมาตรฐานยุโรปจาก LyondellBasell สามารถทนแรงดันได้สูงสุด 20 บาร์ ทนต่ออุณหภูมิได้สูงถึง 95°C เชื่อมต่อด้วยความร้อน หลอมท่อและข้อต่อเป็นเนื้อเดียวกัน ไม่มีปัญหารั่วซึม น้ำหนักเบา และราคาคุ้มค่ากว่าเมื่อเทียบกับท่อโลหะ
</p>
<p class="text-lg text-secondary-700 mb-6">
เหมาะสำหรับระบบประปา ระบบประปาน้ำอุ่น ระบบประปาน้ำร้อน ระบบท่อน้ำเย็นในการปรับอากาศ ระบบท่อลมร้อน เป็นต้น ทั้งในบ้าน โรงแรม โรงพยาบาล ห้างสรรพสินค้า อาคารสำนักงาน และอาคารสูง
</p>
<p class="text-lg text-secondary-700 mb-6">
ท่อพีพีอาร์ตราช้าง เป็นท่อที่มีความแข็งแรงสูง ผลิตตามคุณภาพมาตรฐานของเยอรมัน <strong>DIN8077</strong> และ <strong>DIN8078</strong> สามารถเลือกท่อในการใช้งานได้ตามความเหมาะสม
</p>
<p class="text-lg text-secondary-700 mb-6">
ข้อต่อพีพีอาร์ตราช้าง ผลิตตามมาตรฐาน <strong>DIN16962-5</strong> สามารถติดตั้งร่วมกับท่อประเภทอื่นๆ ได้ตามลักษณะงาน เนื่องจากมีข้อต่อประเภทเกลียวชนิดต่างๆ มากมายจึงทำให้สะดวก และไม่มีปัญหาในการใช้งานร่วมกัน รวมทั้งเกลียวเป็นชนิดทำจากทองเหลืองและชนิดทำจากทองเหลืองชุบนิเกิลทำให้ไม่เป็นสนิม อีกทั้งข้อต่อพีพีอาร์สามารถทนต่อแรงดันได้สูงสุด 20 บาร์
</p>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่น</h3>
<ul class="space-y-3">
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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>ทนแรงดันได้สูง 20 บาร์</strong> - ผลิตจากวัตถุดิบคุณภาพเยี่ยมมาตรฐานยุโรป กระบวนการผลิตตามมาตรฐาน DIN 8077 และ DIN 8078 ของประเทศเยอรมัน</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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>ทนต่ออุณหภูมิได้สูงสุดถึง 95°C</strong> - เหมาะกับการใช้เป็นท่อน้ำร้อนเพื่อการอุปโภคบริโภค</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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-green-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-green-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-green-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-green-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>
</div>
</div>
</div>
</section>
<section class="section bg-white">
<div class="container-custom">
<h2 class="text-2xl 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/Screenshot-2023-03-08-at-10.42.41-AM.png" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/Screenshot-2023-03-08-at-10.44.22-AM.png" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/Screenshot-2023-03-08-at-10.44.28-AM.png" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/Screenshot-2023-03-08-at-10.44.36-AM.png" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/Screenshot-2023-03-08-at-10.44.44-AM.png" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/Screenshot-2023-03-08-at-10.44.51-AM.png" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
</div>
</div>
</section>
<section id="product-prices" class="section bg-gradient-to-br from-primary-50 to-accent-50">
<div class="container-custom">
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">📥 ดาวน์โหลดราคาสินค้า</h2>
@@ -101,7 +157,7 @@ import Footer from '@/components/common/Footer.astro';
</div>
</section>
<section id="contact-cta" class="section bg-gray-50">
<section id="contact-cta" class="section bg-white">
<div class="container-custom text-center">
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
@@ -117,6 +173,9 @@ import Footer from '@/components/common/Footer.astro';
<span> 090-555-1415</span>
</a>
</div>
<p class="text-lg text-secondary-600 mt-6">
<strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> Jppselection &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
</p>
</div>
</section>
</main>

View File

@@ -4,7 +4,7 @@ import Header from '@/components/common/Header.astro';
import Footer from '@/components/common/Footer.astro';
---
<BaseLayout title="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" description="จำหน่ายท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENTคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
<BaseLayout title="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" description="จำหน่ายท่อระบายน้ำ 3 ชั้น ไซเลนท์ (XYLENT) คุณภาพสูง ผลิตจาก Poloplast ประเทศเยอรมัน-ออสเตรีย มาตรฐาน EN 1451-1 ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
<Header slot="header" />
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
@@ -13,17 +13,16 @@ import Footer from '@/components/common/Footer.astro';
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div class="lg:sticky lg:top-24">
<div class="card p-8 bg-white">
<img src="/images/products-cropped/XYLENT_001.png" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
<img src="/images/products-cropped/XYLENT_001.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
</div>
</div>
<div>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT</h1>
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
จำหน่ายท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENTคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สอบถามราคาพิเศษได้ที่ Line หรือโทรติดต่อ Deal Plus Tech
</p>
<div class="flex flex-wrap justify-center gap-4 mt-8">
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
@@ -31,35 +30,52 @@ import Footer from '@/components/common/Footer.astro';
</a>
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
<span> 090-555-1415</span>
<span>090-555-1415</span>
</a>
</div>
<div class="mt-12 space-y-4">
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
<span class="text-lg text-secondary-700"><strong>เงียบ</strong> — ดังเพียง 22 dB เท่านั้น ด้วยชั้นพลาสติกพีพีชนิดพิเศษที่เป็นฉนวนกันเสียง</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
<span class="text-lg text-secondary-700"><strong>แข็งแรง</strong> — ทนต่อแรงกดทับได้ถึง 6 kN/m² ไม่เปราะแตกง่าย</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
<span class="text-lg text-secondary-700"><strong>ทนสารเคมี</strong> — ผลิตจากโพลีโพรพิลีนตามมาตรฐาน DIN 8087</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">รับประกันสินค้า</span>
<span class="text-lg text-secondary-700"><strong>ทนความร้อน</strong> — ได้สูงสุด 95°C อายุการใช้งานยาวนาน 50 ปี</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700"><strong>ติดตั้งง่าย</strong> — ด้วยระบบ Push Fit สวมล็อค ประหยัดเวลาและแรงงาน</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700"><strong>ปลอดสารฮาโลเจน</strong> — ปลอดภัยกว่าเมื่อเกิดอัคคีภัย</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700"><strong>ประหยัด</strong> — กว่าท่อเหล็กหล่อ (Cast Iron Pipe)</span>
</div>
</div>
</div>
@@ -67,65 +83,240 @@ import Footer from '@/components/common/Footer.astro';
</div>
</section>
<section id="product-specs" class="section bg-white">
<!-- Poloplast Factory Section -->
<section class="section bg-gray-50">
<div class="container-custom">
<div class="max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
<div class="prose prose-lg max-w-none">
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
<strong>ท่อระบายน้ำ 3 ชั้น ไซเลนท์ (XYLENT)</strong> ผลิตจากโรงงาน Poloplast ผู้ผลิตท่อ 3 ชั้น รายแรกของโลก มีโรงงานในเยอรมันและออสเตรียา เริ่มผลิตครั้งแรกในปี ค.ศ. 1991 ผ่านการรับรองคุณภาพจาก SKZ ประเทศเยอรมัน ตามมาตรฐาน EN 1451-1
</p>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่น</h3>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li><strong>เงียบกว่า</strong> — ดังเพียง 22 dB เท่านั้น ด้วยชั้นพลาสติกพีพีชนิดพิเศษที่เป็นฉนวนกันเสียง</li>
<li><strong>แข็งแรง ทนต่อแรงกดทับได้ถึง 6 kN/m²</strong> ไม่เปราะแตกง่าย</li>
<li><strong>ทนต่อสารเคมี</strong> ผลิตจากโพลีโพรพิลีนตามมาตรฐาน DIN 8087</li>
<li><strong>ทนความร้อนได้สูงสุด 95°C</strong> อายุการใช้งานยาวนาน 50 ปี</li>
<li><strong>ติดตั้งง่าย</strong> ด้วยระบบ Push Fit สวมล็อค ประหยัดเวลาและแรงงาน</li>
<li><strong>ปลอดสารฮาโลเจน</strong> ปลอดภัยกว่าเมื่อเกิดอัคคีภัย</li>
<li><strong>ประหยัดกว่าท่อเหล็กหล่อ</strong> (Cast Iron Pipe)</li>
</ul>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ข้อดีเทียบกับท่อเหล็กหล่อ (Cast Iron)</h3>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li>ไม่เป็นสนิมกัดกร่อน</li>
<li>ไม่มีสะสมของตะกรัน รูในท่อไม่เล็กลงจนอุดตัน</li>
<li>อายุการใช้งานยาวนาน ต้นทุนค่าก่อสร้างถูกกว่า</li>
<li>ติดตั้งง่าย ใช้แรงงานน้อยกว่า</li>
</ul>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ขั้นตอนการติดตั้งระบบ Push Fit</h3>
<ol class="list-decimal pl-6 mb-4 space-y-2">
<li>ตัดท่อให้ได้ฉาก และแต่งปลายท่อ (มุมที่เหมาะสมคือ 15 องศา)</li>
<li>ทา Lubricant XYLENT ที่ด้านปลายปากระฆังให้ทั่ว</li>
<li>สวมท่อเข้ากับปลายปากระฆังจนกว่าจะสุด สามารถหมุนท่อเพื่อให้สวมเข้าได้ง่ายขึ้น</li>
<li>สามารถดึงท่อขึ้นมาได้สูงสุด 10 มม. หากจำเป็น</li>
<li>สำหรับการติดตั้งท่อในแนวตั้ง ใช้ตัวรัดท่อรัดที่ด้านล่างของปากระฆังทันทีหลังติดตั้ง</li>
</ol>
<h3 class="text-2xl 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>สามารถจัดเก็บกลางแจ้งได้สูงสุม 2 ปี หากเกินกว่านั้นสีจะซีดจางลง</li>
</ul>
<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" />
</div>
<div class="text-center md:text-left">
<h2 class="text-3xl 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" />
</div>
</div>
</div>
</section>
<!-- Product Intro with New Development -->
<section class="section bg-white">
<div class="container-custom">
<h2 class="text-2xl 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/XYLENT_002.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/XYLENT_003.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/XYLENT_004.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/XYLENT_005.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/XYLENT_006.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/XYLENT_007.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
<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;" />
</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" />
<h2 class="text-3xl 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-primary-50">
<div class="container-custom">
<h2 class="text-3xl 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" />
</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" />
<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 bg-white">
<div class="container-custom">
<h2 class="text-3xl 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" />
</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-gray-50">
<div class="container-custom">
<div class="grid md:grid-cols-2 gap-8 mb-12">
<div>
<h2 class="text-3xl 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" />
<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-3xl 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" />
<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-3xl 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" />
<p class="text-lg text-secondary-700 leading-relaxed max-w-3xl mx-auto">
โดยปกติวัตถุจะมีการยืดขยายตัวเมื่อมีอุณหภูมิที่สูงขึ้น สำหรับท่อระบายน้ำนั้น ในแง่ของการใช้งาน มักจะมีการเทน้ำร้อนลงท่อทันที ซึ่งอุณหภูมิที่เปลี่ยนไปจะทำให้ท่อมีการยืดขยายตัวและหดตัวลงเมื่อกลับมาสู่อุณหภูมิห้อง นานไปจะทำให้เกิดปัญหารั่วซึมที่บริเวณข้อต่อได้
</p>
</div>
</div>
</section>
<!-- Push Fit Installation - Original Layout -->
<section class="section bg-white">
<div class="container-custom">
<h2 class="text-3xl 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-2xl font-bold text-secondary-900 mb-6 text-center">ขั้นตอนง่ายๆ ในการติดตั้งระบบสวมล็อค</h3>
<!-- All Steps as One Text -->
<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: Row 1 = 3 cols, Row 2-3 = 1 col centered -->
<div class="max-w-4xl mx-auto">
<!-- Row 1: 3 columns -->
<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" />
<img src="/images/products-raw/xylent/XYLENT_013.png" alt="ขั้นตอนที่ 2" class="w-full h-auto rounded-xl shadow-lg" />
<img src="/images/products-raw/xylent/XYLENT_014.png" alt="ขั้นตอนที่ 3" class="w-full h-auto rounded-xl shadow-lg" />
</div>
<!-- Row 2: 1 column centered -->
<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%;" />
</div>
<!-- Row 3: 1 column centered -->
<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%;" />
</div>
</div>
</div>
</section>
<!-- Cast Iron Comparison -->
<section class="section bg-primary-50">
<div class="container-custom">
<h2 class="text-3xl 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" />
</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 with XYLENT_018 -->
<section class="section bg-white">
<div class="container-custom text-center">
<h2 class="text-3xl 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" />
</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-gray-50">
<div class="container-custom">
<h2 class="text-3xl 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" />
</div>
</div>
</section>
<!-- Product Gallery: Fitting - 1 Column -->
<section class="section bg-white">
<div class="container-custom">
<h2 class="text-3xl 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" />
<img src="/images/products-raw/xylent/XYLENT_024.png" alt="ข้อต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
<img src="/images/products-raw/xylent/XYLENT_025.png" alt="ข้อต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
</div>
</div>
</section>
<!-- Product Gallery: Trap -->
<section class="section bg-gray-50">
<div class="container-custom">
<h2 class="text-3xl 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" />
</div>
</div>
</section>
<!-- Product Gallery: Transition Fittings - 1 Column -->
<section class="section bg-white">
<div class="container-custom">
<h2 class="text-3xl 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" />
<img src="/images/products-raw/xylent/XYLENT_028.png" alt="อุปกรณ์ต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
</div>
</div>
</section>
<!-- Product Gallery: Accessories - 1 Column -->
<section class="section bg-gray-50">
<div class="container-custom">
<h2 class="text-3xl 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" />
<img src="/images/products-raw/xylent/XYLENT_030.png" alt="อุปกรณ์เสริม" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
<img src="/images/products-raw/xylent/XYLENT_031-771x1024.png" alt="อุปกรณ์เสริม" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
</div>
</div>
</section>
<!-- PDF Price List -->
<section id="product-prices" class="section bg-gradient-to-br from-primary-50 to-accent-50">
<div class="container-custom">
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">📥 ดาวน์โหลดราคาสินค้า</h2>
@@ -142,6 +333,7 @@ import Footer from '@/components/common/Footer.astro';
</div>
</section>
<!-- Contact CTA -->
<section id="contact-cta" class="section bg-gray-50">
<div class="container-custom text-center">
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
@@ -155,7 +347,7 @@ import Footer from '@/components/common/Footer.astro';
</a>
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
<span> 090-555-1415</span>
<span>090-555-1415</span>
</a>
</div>
</div>

View File

@@ -4,26 +4,30 @@ import Header from '@/components/common/Header.astro';
import Footer from '@/components/common/Footer.astro';
---
<BaseLayout title="ท่อ PVC (Polyvinyl Chloride)" description="จำหน่ายท่อ PVC (Polyvinyl Chloride)คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
<BaseLayout title="ท่อ PVC และข้อต่อท่อพีวีซี | PVC pipe" description="ท่อ PVC และข้อต่อท่อพีวีซี ราคาส่ง มาตรฐานสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล ยี่ห้อท่อตราช้าง ท่อน้ำไทย ท่อตราเสือ">
<Header slot="header" />
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
<section id="product-detail" class="section">
<div class="container-custom">
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div class="lg:sticky lg:top-24">
<div class="card p-8 bg-white">
<img src="/images/products-cropped/pvc-pipe_000C.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
<img
src="/images/products-cropped/pvc-standard-01.jpg"
alt="ท่อ PVC มาตรฐานสูง ราคาโรงงาน"
class="w-full h-auto rounded-xl"
onerror="this.src='/images/logo/dealplustech-logo.png'"
/>
</div>
</div>
<div>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อ PVC (Polyvinyl Chloride)</h1>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อ PVC และข้อต่อท่อพีวีซี | PVC pipe</h1>
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
จำหน่ายท่อ PVC (Polyvinyl Chloride)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
</p>
<div class="flex flex-wrap justify-center gap-4 mt-8">
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
@@ -35,13 +39,24 @@ import Footer from '@/components/common/Footer.astro';
</a>
</div>
<div class="mt-12 space-y-4">
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
<span class="text-lg text-secondary-700">มาตรฐาน มอก. รับรองคุณภาพ</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">น้ำหนักเบา ติดตั้งง่าย</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">ไม่เป็นสนิม ไม่ลามไฟ</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -49,23 +64,10 @@ import Footer from '@/components/common/Footer.astro';
</svg>
<span class="text-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">รับประกันสินค้า</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="product-specs" class="section bg-white">
@@ -73,46 +75,193 @@ import Footer from '@/components/common/Footer.astro';
<div class="max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
<div class="prose prose-lg max-w-none">
<p class="text-lg text-secondary-700 leading-relaxed mb-4">ท่อ PVC และข้อต่อ เป็นท่อพลาสติกที่นิยมใช้กันแพร่หลายสำหรับงานระบบน้ำในบ้านและอาคาร ผลิตจากพลาสติก PVC คุณภาพสูง มีทั้งท่อ PVC สีฟ้า (งานประปา) และท่อ PVC สีเหลือง (งานไฟฟ้า)</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>คุณสมบัติเด่น:</strong></p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- น้ำหนักเบา ติดตั้งง่าย</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- ทนสารเคมีได้ดี</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- ราคาประหยัด</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- ไม่เป็นสนิม</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- อายุการใช้งานยาวนาน</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ประเภทท่อ PVC:</strong></p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>ท่อ PVC สีฟ้า:</strong> งานประปา น้ำดื่ม (มอก.17)</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>ท่อ PVC สีเหลือง:</strong> งานร้อยสายไฟฟ้า (มอก.870)</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>ท่อ PVC สีเทา:</strong> งานระบายน้ำ (มอก.1237)</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ขนาด:</strong> 1/2" - 24"</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>การใช้งาน:</strong></p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานประปาในบ้าน</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานระบบน้ำในอาคาร</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานร้อยสายไฟ</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานระบายน้ำ</p>
<p class="text-lg text-secondary-700 mb-6">
<strong>ยี่ห้อที่มีจำหน่าย:</strong> ท่อตราช้าง / ท่อน้ำไทย / ท่อตราเสือ / โรงงานทั่วไป
</p>
<p class="text-lg text-secondary-700 mb-6">
<strong>ท่อ PVC</strong> เป็นวัสดุประเภทท่อประปาที่นิยมใช้งานในประเทศไทยมากที่สุดในปัจจุบัน หาซื้อได้ง่ายตามร้านค้าวัสดุก่อสร้างทั่วไป มีหลายคุณภาพและราคาให้เลือกใช้ ปกติแล้วสีของท่อและข้อต่อจะบ่งบอกถึงการใช้งานต่างๆ สีฟ้าใช้สำหรับระบบประปา/ระบายน้ำ สีเหลืองและสีขาวใช้สำหรับเดินท่อสายไฟฟ้า สีเทาใช้สำหรับงานเกษตรกรรม
</p>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ลักษณะทั่วไปของท่อ PVC</h3>
<p class="text-lg text-secondary-700 mb-4">
น้ำหนักเบา บิดงอได้พอสมควร ราคาถูก แข็งแรง ไม่ลามไฟ ไม่เป็นสนิม มีข้อเสียที่สำคัญคือเมื่อโดนความร้อนหรือโดนแดดเป็นระยะเวลาหนึ่ง เนื้อ PVC จะเปราะแตกง่าย สามารถยืดเวลาการใช้งานท่อ PVC ได้ถึง 50 ปี หากปรึกษากับผู้เชี่ยวชาญด้านท่อ
</p>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติและการใช้งาน</h3>
<ul class="space-y-3">
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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-green-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-green-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-green-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> 3-50 องศาเซลเซียส</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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> ประมาณ 30-50 ปี ในอุณหภูมิและแรงดันมาตรฐาน</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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> 4 เมตร (6 เมตร สำหรับงานราชการ)</span>
</li>
</ul>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ท่อ PVC สีต่างๆ มีความหมายดังนี้</h3>
<ul class="space-y-3">
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-blue-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>
<span><strong>ท่อ PVC สีฟ้า:</strong> ใช้เป็นท่อประปา น้ำดื่ม</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-yellow-400 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>
<span><strong>ท่อสีเหลือง:</strong> ใช้กับงานไฟฟ้า</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-gray-300 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>
<span><strong>ท่อสีขาว:</strong> ใช้กับงานไฟฟ้า และร้อยสายโทรศัพท์</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-gray-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>
<span><strong>ท่อสีเทา:</strong> ใช้เป็นท่อระบายน้ำทิ้ง หรืองานชลประทาน</span>
</li>
</ul>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ประเภทท่อ PVC</h3>
<ul class="space-y-3">
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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>ท่อ PVC ปลายเรียบ:</strong> เป็นท่อพีวีซีทั่วไป สามารถต่อกับท่อเส้นอื่นผ่านด้วยข้อต่อพีวีซี หรืออุปกรณ์พีวีซีอื่นๆ ทนความดันได้ดี</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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>ท่อ PVC ปลายบาน:</strong> สามารถเชื่อมต่อกับท่ออื่นได้โดยไม่ต้องผ่านข้อต่อ แต่ยังต้องใช้น้ำยาประสานเพื่อกันรั่วซึม</span>
</li>
<li class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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>ท่อ PVC เซาะร่อง:</strong> ใช้สำหรับเป็นท่อรับน้ำจากน้ำฝนบนพื้นดินลำเลียงน้ำสู่บ่อบาดาล มีการเซาะร่องเพื่อให้น้ำสามารถไหลผ่าน ขนาด 2"-8"</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="product-specs" class="section bg-gray-50">
<section class="section bg-gray-50">
<div class="container-custom">
<h3 class="text-2xl font-bold text-secondary-900 mb-4">ขนาดท่อ PVC (PVC Pipe Sizes)</h3>
<div class="overflow-x-auto my-8">
<h3 class="text-2xl 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="bg-white rounded-xl p-6 shadow-sm">
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">1</div>
<h4 class="font-bold text-lg mb-2">ตัดท่อ</h4>
<p class="text-secondary-600 text-sm">ตัดให้ตั้งฉาก ใช้กรรไกรตัดท่อหรือเลื่อยหากเป็นท่อขนาดใหญ่ แต่งปลายท่อให้เรียบร้อย ปัดเศษขุยออกให้หมด</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm">
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">2</div>
<h4 class="font-bold text-lg mb-2">วัดระยะความลึก</h4>
<p class="text-secondary-600 text-sm">วัดระยะความลึกในการสวมท่อเข้ากับข้อต่อ</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm">
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">3</div>
<h4 class="font-bold text-lg mb-2">ทำความสะอาด</h4>
<p class="text-secondary-600 text-sm">ใช้น้ำยาทำความสะอาดท่อ เช็ดทำความสะอาดภายในข้อต่อและท่อ เพื่อลบคราบฝุ่น น้ำมัน หรือสิ่งสกปรก</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm">
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">4</div>
<h4 class="font-bold text-lg mb-2">ทาน้ำยาประสานท่อ</h4>
<p class="text-secondary-600 text-sm">ทาน้ำยาประสานท่อด้านในข้อต่อก่อน แล้วจึงทาภายนอกท่อ</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm">
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">5</div>
<h4 class="font-bold text-lg mb-2">สวมปลายท่อ</h4>
<p class="text-secondary-600 text-sm">สวมปลายท่อเข้ากับข้อต่อ ดันให้สุดถึงตำแหน่งที่ทำเครื่องหมายไว้ ดันทิ้งไว้ประมาณ 15 วินาที</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm">
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">6</div>
<h4 class="font-bold text-lg mb-2">รอใช้งาน</h4>
<p class="text-secondary-600 text-sm">ก่อนใช้งานควรทิ้งให้น้ำยาประสานท่อแห้งประมาณ 10 นาที</p>
</div>
</div>
<div class="mt-6">
<img src="/images/products-misc/ติดตั้งท่อPVCมาตรฐานสูง-01.jpg" alt="วิธีการติดตั้งท่อ PVC" class="w-full h-auto rounded-xl shadow-md" onerror="this.style.display='none'" />
</div>
</div>
</section>
<section class="section bg-white">
<div class="container-custom">
<h3 class="text-2xl font-bold text-secondary-900 mb-6">ขนาดท่อ PVC กับการใช้งาน</h3>
<div class="overflow-x-auto">
<table class="modern-table w-full">
<thead class="bg-green-600 text-white">
<tr>
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (นิ้ว)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">Class</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความหนา (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความยาว (m)</th>
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด</th>
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">ชื่อเรียก</th>
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">การใช้งาน</th>
</tr>
</thead>
<tbody class="bg-white">
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1/2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">21</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg font-semibold">½"</td>
<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 class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3/4"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">27</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.2</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg font-semibold">¾"</td>
<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 class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">34</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.4</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg font-semibold">1"</td>
<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 class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1 1/2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">42</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.6</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg font-semibold">1 ¼"</td>
<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 class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">60</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg font-semibold">1 ½"</td>
<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 class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">89</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.8</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg font-semibold">2"</td>
<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 class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">4"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">114</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4.5</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
</tr>
<tr class="hover:bg-green-50 transition-colors">
<td class="px-6 py-4 border-b border-secondary-200 text-lg">6"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">168</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">5.5</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
<td class="px-6 py-4 border-b border-secondary-200 text-lg font-semibold">2 ½" ขึ้นไป</td>
<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>
</tbody>
</table>
@@ -120,18 +269,17 @@ import Footer from '@/components/common/Footer.astro';
</div>
</section>
<section class="section bg-white">
<section class="section bg-gray-50">
<div class="container-custom">
<h2 class="text-2xl 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/ติดตั้งท่อPVCมาตรฐานสูง-01.jpg" alt="ท่อ PVC (Polyvinyl Chloride)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/ติดตั้งท่อPVCแรงดัน-01.jpg" alt="ท่อ PVC (Polyvinyl Chloride)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<img src="/images/products-misc/ติดตั้งท่อPVCมาตรฐานสูง-01.jpg" alt="ติดตั้งท่อ PVC มาตรฐานสูง" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
<img src="/images/products-misc/ติดตั้งท่อPVCแรงดัน-01.jpg" alt="ติดตั้งท่อ PVC แรงดัน" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
</div>
</div>
</section>
<section id="contact-cta" class="section bg-gray-50">
<section id="contact-cta" class="section bg-white">
<div class="container-custom text-center">
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
@@ -147,6 +295,9 @@ import Footer from '@/components/common/Footer.astro';
<span> 090-555-1415</span>
</a>
</div>
<p class="text-lg text-secondary-600 mt-6">
<strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> Jppselection &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
</p>
</div>
</section>
</main>

View File

@@ -13,7 +13,7 @@ import Footer from '@/components/common/Footer.astro';
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div class="lg:sticky lg:top-24">
<div class="card p-8 bg-white">
<img src="/images/products-cropped/SYLER01.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
<img src="/images/products-cropped/syler-pipe-cold-water.jpg" alt="ท่อไซเลอร์ (Syler)" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
</div>
</div>

View File

@@ -4,7 +4,7 @@ import Header from '@/components/common/Header.astro';
import Footer from '@/components/common/Footer.astro';
---
<BaseLayout title="ระบบรั้ว" description="ระบบรั้ว ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที">
<BaseLayout title="ระบบรั้ว" description="ระบบรั้ว รั้วเทวดา ระบบรั้วไวน์แมน คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
<Header slot="header" />
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
@@ -13,17 +13,16 @@ import Footer from '@/components/common/Footer.astro';
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div class="lg:sticky lg:top-24">
<div class="card p-8 bg-white">
<img src="/images/products-cropped/vineman_000C.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
<img src="/images/products-cropped/vineman_000C.jpg" alt="ระบบรั้ว" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
</div>
</div>
<div>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ระบบรั้ว</h1>
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
ระบบรั้ว ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที
ระบบรั้ว รั้วเทวดา ระบบรั้วไวน์แมน คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
</p>
<div class="flex flex-wrap justify-center gap-4 mt-8">
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
@@ -31,11 +30,10 @@ import Footer from '@/components/common/Footer.astro';
</a>
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
<span> 090-555-1415</span>
<span>090-555-1415</span>
</a>
</div>
<div class="mt-12 space-y-4">
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -67,7 +65,31 @@ import Footer from '@/components/common/Footer.astro';
</div>
</section>
<section id="contact-cta" class="section bg-gray-50">
<!-- 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-cropped/Banner-TDV2.jpg" alt="รั้วเทวดา" 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-green-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-cropped/vineman_000C.jpg" alt="ระบบรั้วไวน์แมน" 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-green-600 transition-colors text-center">ระบบรั้วไวน์แมน</h3>
</div>
</a>
</div>
</div>
</section>
<section id="contact-cta" class="section bg-white">
<div class="container-custom text-center">
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
@@ -80,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
</a>
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
<span> 090-555-1415</span>
<span>090-555-1415</span>
</a>
</div>
</div>

View File

@@ -8,21 +8,53 @@ import Footer from '@/components/common/Footer.astro';
<Header slot="header" />
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
<!-- Hero Section -->
<section id="product-detail" class="section">
<div class="container-custom">
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div class="lg:sticky lg:top-24">
<div class="card p-8 bg-white">
<img src="/images/products-misc/vineman_000C.jpg" alt="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
<img
src="/images/products-raw/vineman/ระบบรั้วไวน์แมน-Vineman-e1613286324569-1024x880.jpg"
alt="ระบบรั้วไวน์แมน Vineman"
class="w-full h-auto rounded-xl"
/>
</div>
</div>
<div>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม</h1>
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ระบบรั้วไวน์แมน | Vineman</h1>
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
จำหน่ายระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนามคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
</p>
<!-- Feature Bullets -->
<div class="grid grid-cols-2 gap-4 mb-8">
<div class="flex items-center space-x-2">
<svg class="w-5 h-5 text-green-600" 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 class="text-secondary-700 text-sm">ลวดแรงดึงสูง เหนียว ทนต่อแรงกระแทก</span>
</div>
<div class="flex items-center space-x-2">
<svg class="w-5 h-5 text-green-600" 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 class="text-secondary-700 text-sm">ชุบสังกะสีหนา ตามมาตรฐาน ASTM</span>
</div>
<div class="flex items-center space-x-2">
<svg class="w-5 h-5 text-green-600" 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 class="text-secondary-700 text-sm">อายุการใช้งานมากกว่า 50 ปี</span>
</div>
<div class="flex items-center space-x-2">
<svg class="w-5 h-5 text-green-600" 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 class="text-secondary-700 text-sm">ติดตั้งง่าย รวดเร็ว</span>
</div>
</div>
<div class="flex flex-wrap justify-center gap-4 mt-8">
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
@@ -34,62 +66,353 @@ import Footer from '@/components/common/Footer.astro';
<span> 090-555-1415</span>
</a>
</div>
<div class="mt-12 space-y-4">
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" 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 class="text-lg text-secondary-700">รับประกันสินค้า</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="product-specs" class="section bg-white">
<!-- Products Overview -->
<section class="section bg-gray-50">
<div class="container-custom">
<div class="max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
<div class="prose prose-lg max-w-none">
<p class="text-lg text-secondary-700">จำหน่าย ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">ลวดหนาม/เสารั้ว/เสารับแรง</h2>
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
<div class="text-center">
<img
src="/images/products-raw/vineman/ระบบรั้วไวน์แมน.jpg"
alt="ระบบรั้วไวน์แมน"
class="w-full h-auto rounded-xl mb-3"
/>
<p class="text-secondary-700 font-medium">ระบบรั้วไวน์แมน</p>
</div>
<div class="text-center">
<img
src="/images/products-raw/vineman/ลวดหนาม.jpg"
alt="ลวดหนาม"
class="w-full h-auto rounded-xl mb-3"
/>
<p class="text-secondary-700 font-medium">ลวดหนาม</p>
</div>
<div class="text-center">
<img
src="/images/products-raw/vineman/ตาข่ายถักปม.jpg"
alt="ตาข่ายถักปม"
class="w-full h-auto rounded-xl mb-3"
/>
<p class="text-secondary-700 font-medium">ตาข่ายถักปม</p>
</div>
<div class="text-center">
<img
src="/images/products-raw/vineman/ฟิคซ์ล็อค.jpg"
alt="ฟิคซ์ล็อค"
class="w-full h-auto rounded-xl mb-3"
/>
<p class="text-secondary-700 font-medium">ฟิคซ์ล็อค</p>
</div>
</div>
</div>
</section>
<!-- 6 Techniques -->
<section class="section bg-white">
<div class="container-custom">
<h2 class="text-2xl 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/ระบบรั้วไวน์แมน.jpg" alt="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/ลวดหนาม.jpg" alt="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/ตาข่ายถักปม.jpg" alt="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/ฟิคซ์ล็อค.jpg" alt="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/เทคนิคน่ารู้-ก่อนเลือกใช้-ระบบรั้วตาข่าย.jpg" alt="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/จุดเชื่อมของเสาค้ำยันไม่คงทน.jpg" alt="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">6 เทคนิคน่ารู้ ก่อนเลือกใช้ ระบบรั้วตาข่าย</h2>
<div class="grid lg:grid-cols-2 gap-8 items-center">
<div>
<img
src="/images/products-raw/vineman/เทคนิคน่ารู้-ก่อนเลือกใช้-ระบบรั้วตาข่าย-488x1024.jpg"
alt="6 เทคนิคน่ารู้"
class="w-full h-auto rounded-xl max-w-md mx-auto"
/>
</div>
<div class="space-y-4">
<div class="flex items-start space-x-3">
<span class="flex-shrink-0 w-8 h-8 bg-green-600 text-white rounded-full flex items-center justify-center font-bold">01</span>
<span class="text-secondary-700">ทนทาน ด้วยลวดแรงดึงสูง เหนียว ทนต่อแรงกระแทก ไม่ขาดง่าย</span>
</div>
<div class="flex items-start space-x-3">
<span class="flex-shrink-0 w-8 h-8 bg-green-600 text-white rounded-full flex items-center justify-center font-bold">02</span>
<span class="text-secondary-700">คุ้มค่า ราคาถูกกว่า รั้วลวดหนาม รั้วคอนกรีต รั้วคาวบอย รั้วตาข่ายถัก CHAINLINK</span>
</div>
<div class="flex items-start space-x-3">
<span class="flex-shrink-0 w-8 h-8 bg-green-600 text-white rounded-full flex items-center justify-center font-bold">03</span>
<span class="text-secondary-700">หนากว่า ด้วยลวดขนาด 2.50 มม. ชุบสังกะสีหนา ตามมาตรฐานอเมริกา (ASTM) อายุการใช้งานมากกว่า 50 ปี</span>
</div>
<div class="flex items-start space-x-3">
<span class="flex-shrink-0 w-8 h-8 bg-green-600 text-white rounded-full flex items-center justify-center font-bold">04</span>
<span class="text-secondary-700">ดีไซน์เหนือกว่า ด้านล่างตีช่องถี่ ด้านบนช่องกว้าง ป้องกันสัตว์เล็กและสัตว์ใหญ่ได้พร้อมกัน</span>
</div>
<div class="flex items-start space-x-3">
<span class="flex-shrink-0 w-8 h-8 bg-green-600 text-white rounded-full flex items-center justify-center font-bold">05</span>
<span class="text-secondary-700">ติดตั้งง่าย สะดวก รวดเร็ว พร้อมใช้งานเพียงตอกเสาเทปูน ขึงตึง</span>
</div>
<div class="flex items-start space-x-3">
<span class="flex-shrink-0 w-8 h-8 bg-green-600 text-white rounded-full flex items-center justify-center font-bold">06</span>
<span class="text-secondary-700">สวยกว่า โปร่งโล่งสบายตา ไม่บดบังทัศนียภาพ ลมโกรก ถ่ายเทได้สะดวก</span>
</div>
</div>
</div>
</div>
</section>
<!-- Problems & Solutions -->
<section class="section bg-gray-50">
<div class="container-custom">
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">ทุกปัญหา! ระบบรั้วเสาปูน แก้ไขด้วยระบบรั้วไวน์แมน</h2>
<section id="contact-cta" class="section bg-gray-50">
<!-- Problems -->
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 mb-8">
<div class="text-center">
<img src="/images/products-raw/vineman/จุดเชื่อมของเสาค้ำยันไม่คงทน.jpg" alt="จุดเชื่อมของเสาค้ำยันไม่คงทน" class="w-full h-auto rounded-lg mb-2" />
<p class="text-sm text-secondary-700">จุดเชื่อมของเสาค้ำยันไม่คงทน</p>
</div>
<div class="text-center">
<img src="/images/products-raw/vineman/เปราะ-แตกหักง่าย.jpg" alt="เปราะ แตกหักง่าย" class="w-full h-auto rounded-lg mb-2" />
<p class="text-sm text-secondary-700">เปราะ แตกหักง่าย</p>
</div>
<div class="text-center">
<img src="/images/products-raw/vineman/ตัวยึดลวดหนาม-หลุดง่าย.jpg" alt="ตัวยึดลวดหนาม หลุดง่าย" class="w-full h-auto rounded-lg mb-2" />
<p class="text-sm text-secondary-700">ตัวยึดลวดหนาม หลุดง่าย</p>
</div>
<div class="text-center">
<img src="/images/products-raw/vineman/เสาค้ำยันไม่แข็งแรง.jpg" alt="เสาค้ำยันไม่แข็งแรง" class="w-full h-auto rounded-lg mb-2" />
<p class="text-sm text-secondary-700">เสาค้ำยันไม่แข็งแรง</p>
</div>
<div class="text-center">
<img src="/images/products-raw/vineman/เกิดรอยร้าวง่าย.jpg" alt="เกิดรอยร้าวง่าย" class="w-full h-auto rounded-lg mb-2" />
<p class="text-sm text-secondary-700">เกิดรอยร้าวง่าย</p>
</div>
<div class="text-center">
<img src="/images/products-raw/vineman/ต้องหล่อปูนทำฐานรากทุกต้น.jpg" alt="ต้องหล่อปูนทำฐานรากทุกต้น" class="w-full h-auto rounded-lg mb-2" />
<p class="text-sm text-secondary-700">ต้องหล่อปูนทำฐานรากทุกต้น</p>
</div>
</div>
<!-- Solutions -->
<div class="grid md:grid-cols-2 gap-6">
<div>
<img src="/images/products-raw/vineman/รั้วโปร่งโล่งสบายตา-1024x1013.jpg" alt="รั้วโปร่งโล่งสบายตา" class="w-full h-auto rounded-xl" />
</div>
<div>
<img src="/images/products-raw/vineman/แข็งแรง-ติดตั้งง่าย-ได้ทุกภูมิทัศน์.jpg" alt="แข็งแรง ติดตั้งง่าย ได้ทุกภูมิทัศน์" class="w-full h-auto rounded-xl" />
<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>
</section>
<!-- Pole Types -->
<section class="section bg-white">
<div class="container-custom">
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">รั้วตาข่ายไวน์แมน ใช้ได้กับเสาทุกประเภท</h2>
<div class="grid md:grid-cols-3 gap-6">
<div class="text-center">
<img src="/images/products-raw/vineman/ระบบรั้วไวน์แมน-ระยะห่างของเสา-5-8-เมตร-1024x302.jpg" alt="ระยะห่างของเสา 5-8 เมตร" class="w-full h-auto rounded-xl mb-3" />
<p class="text-secondary-700 font-medium">เสาไวน์แมน ระยะห่าง 5-8 เมตร</p>
</div>
<div class="text-center">
<img src="/images/products-raw/vineman/เสาปูน-ระยะห่างของเสา-4-6-เมตร-1024x299.jpg" alt="เสาปูน ระยะห่าง 4-6 เมตร" class="w-full h-auto rounded-xl mb-3" />
<p class="text-secondary-700 font-medium">เสาปูน ระยะห่าง 4-6 เมตร</p>
</div>
<div class="text-center">
<img src="/images/products-raw/vineman/เสาไม้เนื้อแข็ง-ระยะห่างของเสา-4-6-เมตร-1024x295.jpg" alt="เสาไม้เนื้อแข็ง ระยะห่าง 4-6 เมตร" class="w-full h-auto rounded-xl mb-3" />
<p class="text-secondary-700 font-medium">เสาไม้เนื้อแข็ง ระยะห่าง 4-6 เมตร</p>
</div>
</div>
</div>
</section>
<!-- Semi-Spring -->
<section class="section bg-gray-50">
<div class="container-custom">
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">ไวน์แมน รั้วตาข่ายกึ่งสปริง</h2>
<div class="grid lg:grid-cols-2 gap-8 items-center">
<div>
<img src="/images/products-raw/vineman/ไวน์แมน-รั้วตาข่ายกึ่งสปริง.jpg" alt="รั้วตาข่ายกึ่งสปริง" class="w-full h-auto rounded-xl" />
</div>
<div class="space-y-4">
<p class="text-secondary-700 leading-relaxed">
รั้วตาข่ายไวน์แมน ผลิตจากลวดกึ่งสปริง คิดค้นและออกแบบรอยหยักบนเส้นลวดในแนวนอน สามารถสปริงตัวได้ รั้วไม่ยืด หรือหย่อยตัวง่าย มีความแข็งแรง ยืดหยุ่นสูง คืนตัวกลับได้ดี เมื่อโดนแรงกระแทก
</p>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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 class="text-secondary-700">ยืดหยุ่นสูง เดินแนวรั้วขึ้น/ลงเนินได้อย่างต่อเนื่อง</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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 class="text-secondary-700">เส้นแนวนอนมีแรงดึงสูง 750-900 นิวตัน/ตร.มม.</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-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 class="text-secondary-700">ทนสนิมด้วยชุบสังกะสีตามมาตรฐาน ASTM</span>
</div>
</div>
</div>
</div>
</section>
<!-- Buying Guide -->
<section class="section bg-white">
<div class="container-custom">
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">VINEMAN Buying Guide</h2>
<div class="grid lg:grid-cols-2 gap-8">
<div>
<img src="/images/products-raw/vineman/VINEMAN-Buying-Guide.jpg" alt="VINEMAN Buying Guide" class="w-full h-auto rounded-xl" />
</div>
<div class="space-y-4">
<p class="text-secondary-700 font-medium">สูตรคำนวณความยาวรอบพื้นที่โดยประมาณ</p>
<div class="bg-green-50 p-6 rounded-xl text-center">
<p class="text-2xl font-bold text-green-700">√ไร่ × 40 × 4</p>
</div>
<p class="text-secondary-600 text-sm">ตัวอย่าง: พื้นที่ขนาด 2 ไร่ มีความยาวรอบพื้นที่ = √2 × 40 × 4 = <strong>226 เมตร</strong></p>
<p class="text-secondary-500 text-xs">(สูตรในการคำนวณพื้นที่นี้ สามารถนำไปคำนวณกับพื้นที่รูปทรงสี่เหลี่ยมจตุรัส และพื้นที่รูปทรงอื่นๆ ได้โดยประมาณ)</p>
</div>
</div>
</div>
</section>
<!-- Calculation Table -->
<section class="section bg-gray-50">
<div class="container-custom">
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">ตาราง การคำนวณปริมาณเบื้องต้น</h2>
<img src="/images/products-raw/vineman/ตารางการคำนวณปริมาณเบื้องต้น-1024x322.jpg" alt="ตารางการคำนวณปริมาณเบื้องต้น" class="w-full max-w-3xl mx-auto h-auto rounded-xl" />
<div class="mt-6 p-4 bg-yellow-50 rounded-xl max-w-3xl mx-auto">
<p class="text-secondary-700 text-sm"><strong>หมายเหตุ:</strong></p>
<ul class="text-secondary-600 text-sm list-disc list-inside space-y-1 mt-2">
<li>ตารางข้างต้น เป็นเพียงตัวอย่างในการคำนวณปริมาณเบื้องต้น สำหรับพื้นที่ราบ เส้นตรง รูปสี่เหลี่ยม (ไม่มีประตู) เท่านั้น</li>
<li>ควรติดตั้งเสารั้วทุก 4-8 เมตร ขึ้นอยู่กับสภาพพื้นดิน และประเภทของเสา</li>
<li>กรณีพื้นที่ขึ้น-ลงเนิน มีส่วนเว้า/โค้ง ควรเพิ่มแผง-เสารับแรง เพื่อความแข็งแรงของระบบรั้ว</li>
</ul>
</div>
</div>
</section>
<!-- Specifications -->
<section class="section bg-white">
<div class="container-custom">
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">Specification</h2>
<!-- ตาข่ายถักปม -->
<div class="mb-12 p-6 bg-gray-50 rounded-xl">
<h3 class="text-xl font-bold text-secondary-900 mb-4">ตาข่ายถักปม (ยาวม้วนละ 100 เมตร)</h3>
<div class="grid lg:grid-cols-2 gap-6">
<img src="/images/products-raw/vineman/ยืดหยุ่นสูง-300x294.jpg" alt="ยืดหยุ่นสูง" class="w-full h-auto rounded-xl" />
<div>
<p class="text-secondary-700 mb-4">ตาข่ายที่มีความยืดหยุ่นสูง แข็งแรง รับแรงกระแทกได้ดี ทนสนิมมากขึ้น ด้วยการชุบสังกะสีตามมาตรฐานสหรัฐอเมริกา (ASTM) มี 5 รุ่น แบ่งตามระดับความสูง</p>
<div class="grid grid-cols-5 gap-2 mb-4">
<img src="/images/products-raw/vineman/8-90-15.jpg" alt="8-90-15" class="w-full h-auto rounded-lg" />
<img src="/images/products-raw/vineman/10-107-15.jpg" alt="10-107-15" class="w-full h-auto rounded-lg" />
<img src="/images/products-raw/vineman/11-142-15.jpg" alt="11-142-15" class="w-full h-auto rounded-lg" />
<img src="/images/products-raw/vineman/13-175-15.jpg" alt="13-175-15" class="w-full h-auto rounded-lg" />
<img src="/images/products-raw/vineman/14-200-15.jpg" alt="14-200-15" class="w-full h-auto rounded-lg" />
</div>
<div class="grid grid-cols-2 gap-4 text-sm">
<div>
<p class="font-medium text-secondary-800">รุ่น Standard:</p>
<p class="text-secondary-600">ลวดชุบสังกะสีตามมาตรฐาน ASTM อายุการใช้งานนานสิบปี</p>
</div>
<div>
<p class="font-medium text-secondary-800">รุ่น Premium:</p>
<p class="text-secondary-600">ลวดชุบสังกะสี Hot-dipped Heavy Galvanized ASTM Class 3 ชุบสังกะสีหนาพิเศษ เพิ่มอายุการใช้งาน</p>
</div>
</div>
<img src="/images/products-raw/vineman/รั้วใช้กับฟาร์มปศุสัตว์ทั่วไป.jpg" alt="รั้วใช้กับฟาร์มปศุสัตว์ทั่วไป" class="w-full h-auto rounded-xl mt-4" />
</div>
</div>
</div>
<!-- ตาข่ายฟิคซ์ล็อค -->
<div class="mb-12 p-6 bg-gray-50 rounded-xl">
<h3 class="text-xl font-bold text-secondary-900 mb-4">ตาข่ายฟิคซ์ล็อค (ยาวม้วนละ 100 เมตร)</h3>
<div class="grid lg:grid-cols-2 gap-6">
<img src="/images/products-raw/vineman/ตาข่ายฟิคซ์ล็อค.jpg" alt="ตาข่ายฟิคซ์ล็อค" class="w-full h-auto rounded-xl" />
<div>
<p class="text-secondary-700 mb-4">ตัวล็อคที่ออกแบบมาเป็นพิเศษ ช่วยทำให้รั้วตาข่ายมีความแข็งแรง ทนทาน และทนแรงกระแทกได้ดี</p>
<div class="grid grid-cols-3 gap-2 mb-4">
<img src="/images/products-raw/vineman/12-120-15.jpg" alt="12-120-15" class="w-full h-auto rounded-lg" />
<img src="/images/products-raw/vineman/11-155-15.jpg" alt="11-155-15" class="w-full h-auto rounded-lg" />
<img src="/images/products-raw/vineman/17-190-15.jpg" alt="17-190-15" class="w-full h-auto rounded-lg" />
</div>
<img src="/images/products-raw/vineman/นิยมใช้ฟาร์ม-แพะ-แกะ-กวาง-จิงโจ้-นกอีมู-นกกระจอกเทศ-หรือสัตว์.jpg" alt="นิยมใช้ฟาร์มสัตว์" class="w-full h-auto rounded-xl" />
</div>
</div>
</div>
<!-- ลวดหนามซิงค์อลูมิเนียม & ไวน์แมน -->
<div class="p-6 bg-gray-50 rounded-xl">
<h3 class="text-xl font-bold text-secondary-900 mb-4">ลวดหนามซิงค์อลูมิเนียม / ไวน์แมน</h3>
<div class="grid lg:grid-cols-2 gap-6">
<div class="text-center">
<img src="/images/products-raw/vineman/ลวดหนามซิงค์อลูมิเนียม.jpg" alt="ลวดหนามซิงค์อลูมิเนียม" class="w-full h-auto rounded-xl mb-4" />
<p class="text-secondary-700 font-medium">ลวดหนามซิงค์อลูมิเนียม</p>
</div>
<div>
<img src="/images/products-raw/vineman/ลวด.png" alt="ลวดไวน์แมน" class="w-32 mx-auto h-auto mb-4" />
<div class="space-y-3 text-secondary-700">
<div class="flex items-start space-x-3">
<svg class="w-5 h-5 text-green-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> รับแรงดึงสูงถึง 1,100-1,200 นิวตัน/ตร.มม.</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-5 h-5 text-green-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> หนามพันไขว้สลับสวนทางกันถึง 4 แฉก ชุบซิงค์อลูมิเนียม เคลือบสีดำ</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-5 h-5 text-green-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> ใช้เสาระยะห่างเฉลี่ย 4 เมตร/ต้น</span>
</div>
</div>
<p class="text-green-700 font-medium mt-4">ล้อมพื้นที่ ทนสนิม อายุการใช้งานยาวนานกว่า 80 ปี*</p>
</div>
</div>
<img src="/images/products-raw/vineman/ลวดหนามซิงค์อลูมิเนียม-ไวน์แมน-1024x673.jpg" alt="ลวดหนามซิงค์อลูมิเนียมไวน์แมน" class="w-full h-auto rounded-xl mt-4" />
</div>
</div>
</section>
<!-- Salt Spray Test -->
<section class="section bg-gray-50">
<div class="container-custom">
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-6 text-center">สภาวะกัดกร่อนของละอองเกลือ (Salt Spray Test)</h2>
<p class="text-secondary-600 text-center mb-6 max-w-3xl mx-auto">ตามมาตรฐาน DIN SS 5021, ASTM B117, ISO 9227 มาตรฐานการทดสอบด้วยละอองน้ำเกลือ เพื่อพิสูจน์ความทนทานของวัตถุที่ชุบหรือเคลือบสารโลหะ</p>
<div class="mb-6">
<img src="/images/products-raw/vineman/ผลการทดสอบความทนทาน.jpg" alt="ผลการทดสอบความทนทาน" class="w-full max-w-2xl mx-auto h-auto rounded-xl" />
</div>
<div class="grid md:grid-cols-2 gap-6 mb-6">
<img src="/images/products-raw/vineman/กราฟเปรียบเทียบผลการทดสอบ-1.jpg" alt="กราฟเปรียบเทียบผลการทดสอบ 1" class="w-full h-auto rounded-xl" />
<img src="/images/products-raw/vineman/กราฟเปรียบเทียบผลการทดสอบ-2.jpg" alt="กราฟเปรียบเทียบผลการทดสอบ 2" class="w-full h-auto rounded-xl" />
</div>
<div class="grid grid-cols-5 gap-2 mb-6">
<img src="/images/products-raw/vineman/result-1-1024x355.jpg" alt="ผลการทดสอบ 1" class="w-full h-auto rounded-lg" />
<img src="/images/products-raw/vineman/result-2-1024x355.jpg" alt="ผลการทดสอบ 2" class="w-full h-auto rounded-lg" />
<img src="/images/products-raw/vineman/result-3-1024x355.jpg" alt="ผลการทดสอบ 3" class="w-full h-auto rounded-lg" />
<img src="/images/products-raw/vineman/result-4-1024x355.jpg" alt="ผลการทดสอบ 4" class="w-full h-auto rounded-lg" />
<img src="/images/products-raw/vineman/result-5-1024x355.jpg" alt="ผลการทดสอบ 5" class="w-full h-auto rounded-lg" />
</div>
<div class="text-center">
<img src="/images/products-raw/vineman/ผลการทดสอบ-16-ปี.jpg" alt="ผลการทดสอบ 16 ปี" class="w-full max-w-3xl mx-auto h-auto rounded-xl" />
</div>
</div>
</section>
<!-- Contact CTA -->
<section id="contact-cta" class="section bg-white">
<div class="container-custom text-center">
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">

View File

@@ -8,12 +8,17 @@ import Footer from '@/components/common/Footer.astro';
<Header slot="header" />
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
<!-- Hero Section -->
<section id="product-detail" class="section">
<div class="container-custom">
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div class="lg:sticky lg:top-24">
<div class="card p-8 bg-white">
<img src="/images/products-cropped/Banner-TDV2.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
<img
src="/images/products-raw/tevada/TEVADA_001-987x1024.png"
alt="รั้วเทวดา"
class="w-full h-auto rounded-xl"
/>
</div>
</div>
@@ -23,6 +28,33 @@ import Footer from '@/components/common/Footer.astro';
รั้วเทวดา แข็งแรง ทนทาน เหนียวกว่า ลวดแรงดึงสูง หนา 2.5 มม. สามารถทนแรงกระแทกได้สูง ทนสนิม ลวดชุบสังกะสีหนาพิเศษ ด้วยกระบวนการแบบจุ่มร้อน ตามมาตรฐานออสเตรเลีย
</p>
<!-- Feature Bullets -->
<div class="grid grid-cols-2 gap-4 mb-8">
<div class="flex items-center space-x-2">
<svg class="w-5 h-5 text-green-600" 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 class="text-secondary-700 text-sm">ลวดหนา 2.5 มม.</span>
</div>
<div class="flex items-center space-x-2">
<svg class="w-5 h-5 text-green-600" 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 class="text-secondary-700 text-sm">ชุบสังกะสีจุ่มร้อน</span>
</div>
<div class="flex items-center space-x-2">
<svg class="w-5 h-5 text-green-600" 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 class="text-secondary-700 text-sm">มาตรฐานออสเตรเลีย</span>
</div>
<div class="flex items-center space-x-2">
<svg class="w-5 h-5 text-green-600" 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 class="text-secondary-700 text-sm">ทนสนิม ทนทาน</span>
</div>
</div>
<div class="flex flex-wrap justify-center gap-4 mt-8">
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
@@ -34,39 +66,243 @@ import Footer from '@/components/common/Footer.astro';
<span> 090-555-1415</span>
</a>
</div>
</div>
</div>
</div>
</section>
<div class="mt-12 space-y-4">
<!-- ทำไมต้องรั้วตาข่ายเทวดา -->
<section class="section bg-white">
<div class="container-custom">
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">ทำไมต้องรั้วตาข่ายเทวดา</h2>
<div class="grid lg:grid-cols-2 gap-8 items-center">
<div>
<img
src="/images/products-raw/tevada/TEVADA_002-1024x278.png"
alt="ทำไมต้องรั้วเทวดา"
class="w-full h-auto rounded-xl"
/>
</div>
<div class="space-y-4">
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<svg class="w-6 h-6 text-green-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 class="text-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
<span class="text-secondary-700">ลวดแรงดึงสูง หนา 2.5 มม. เหนียวกว่ารั้วทั่วไป</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<svg class="w-6 h-6 text-green-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 class="text-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
<span class="text-secondary-700">ลวดชุบสังกะสีหนาพิเศษ ด้วยกระบวนการแบบจุ่มร้อน</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<svg class="w-6 h-6 text-green-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 class="text-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
<span class="text-secondary-700">ทนสนิมได้ดีเยี่ยม ตามมาตรฐานออสเตรเลีย</span>
</div>
<div class="flex items-start space-x-3">
<svg class="w-6 h-6 text-green-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<svg class="w-6 h-6 text-green-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 class="text-lg text-secondary-700">รับประกันสินค้า</span>
</div>
<span class="text-secondary-700">สามารถทนแรงกระแทกได้สูง</span>
</div>
</div>
</div>
</div>
</section>
<!-- เปรียบเทียบ -->
<section class="section bg-gray-50">
<div class="container-custom">
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">เปรียบเทียบความแตกต่าง</h2>
<img
src="/images/products-raw/tevada/TEVADA_003-1024x647.png"
alt="เปรียบเทียบรั้วเทวดา"
class="w-full h-auto rounded-xl max-w-4xl mx-auto"
/>
</div>
</section>
<!-- รุ่นสินค้า -->
<section class="section bg-white">
<div class="container-custom">
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">รุ่นสินค้า</h2>
<!-- รุ่น 8-90-15 -->
<div class="mb-12 p-6 bg-gray-50 rounded-xl">
<h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 8-90-15</h3>
<div class="grid md:grid-cols-2 gap-6 items-center">
<img
src="/images/products-raw/tevada/TEVADA_004.png"
alt="รุ่น 8-90-15"
class="w-full h-auto rounded-lg"
/>
<div class="space-y-2 text-secondary-700">
<p><strong>ความสูง:</strong> 90 ซม.</p>
<p><strong>ระยะห่างเสา:</strong> 3 ม.</p>
<p><strong>ขนาดลวด:</strong> 8 มม.</p>
</div>
</div>
</div>
<!-- รุ่น 10-120-15 -->
<div class="mb-12 p-6 bg-gray-50 rounded-xl">
<h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 10-120-15</h3>
<div class="grid md:grid-cols-2 gap-6 items-center">
<img
src="/images/products-raw/tevada/TEVADA_005.png"
alt="รุ่น 10-120-15"
class="w-full h-auto rounded-lg"
/>
<div class="space-y-2 text-secondary-700">
<p><strong>ความสูง:</strong> 120 ซม.</p>
<p><strong>ระยะห่างเสา:</strong> 3 ม.</p>
<p><strong>ขนาดลวด:</strong> 10 มม.</p>
</div>
</div>
</div>
<!-- รุ่น 12-165-15 -->
<div class="mb-12 p-6 bg-gray-50 rounded-xl">
<h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 12-165-15</h3>
<div class="grid md:grid-cols-2 gap-6 items-center">
<img
src="/images/products-raw/tevada/TEVADA_006-766x1024.png"
alt="รุ่น 12-165-15"
class="w-full h-auto rounded-lg"
/>
<div class="space-y-2 text-secondary-700">
<p><strong>ความสูง:</strong> 165 ซม.</p>
<p><strong>ระยะห่างเสา:</strong> 3 ม.</p>
<p><strong>ขนาดลวด:</strong> 12 มม.</p>
</div>
</div>
</div>
<!-- รุ่น 12-120-10 -->
<div class="mb-12 p-6 bg-gray-50 rounded-xl">
<h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 12-120-10</h3>
<div class="grid md:grid-cols-2 gap-6 items-center">
<img
src="/images/products-raw/tevada/TEVADA_007.png"
alt="รุ่น 12-120-10"
class="w-full h-auto rounded-lg"
/>
<div class="space-y-2 text-secondary-700">
<p><strong>ความสูง:</strong> 120 ซม.</p>
<p><strong>ระยะห่างเสา:</strong> 2.5 ม.</p>
<p><strong>ขนาดลวด:</strong> 12 มม.</p>
</div>
</div>
</div>
<!-- รุ่น 13-150-10 -->
<div class="mb-12 p-6 bg-gray-50 rounded-xl">
<h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 13-150-10</h3>
<div class="grid md:grid-cols-3 gap-4">
<img
src="/images/products-raw/tevada/TEVADA_008.png"
alt="รุ่น 13-150-10 ด้านหน้า"
class="w-full h-auto rounded-lg"
/>
<img
src="/images/products-raw/tevada/TEVADA_009-658x1024.png"
alt="รุ่น 13-150-10 ด้านข้าง"
class="w-full h-auto rounded-lg"
/>
<div class="space-y-2 text-secondary-700 flex flex-col justify-center">
<p><strong>ความสูง:</strong> 150 ซม.</p>
<p><strong>ระยะห่างเสา:</strong> 2.5 ม.</p>
<p><strong>ขนาดลวด:</strong> 13 มม.</p>
</div>
</div>
</div>
</div>
</section>
<!-- เสารั้ว Y-Post -->
<section class="section bg-gray-50">
<div class="container-custom">
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">เสารั้ว Y-Post</h2>
<div class="grid lg:grid-cols-2 gap-8 items-center">
<img
src="/images/products-raw/tevada/TEVADA_010-1024x113.png"
alt="เสารั้ว Y-Post"
class="w-full h-auto rounded-xl"
/>
<img
src="/images/products-raw/tevada/TEVADA_011-990x1024.png"
alt="เสารั้ว Y-Post"
class="w-full h-auto rounded-xl"
/>
</div>
</div>
</section>
<!-- วิธีติดตั้ง -->
<section class="section bg-white">
<div class="container-custom">
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">วิธีติดตั้ง</h2>
<div class="grid md:grid-cols-4 gap-6">
<!-- ตั้ง -->
<div class="text-center">
<img
src="/images/products-raw/tevada/TEVADA_012.png"
alt="ตั้งเสา"
class="w-full h-auto rounded-xl mb-4"
/>
<h3 class="text-lg font-bold text-secondary-900 mb-2">1. ตั้ง</h3>
<p class="text-secondary-600 text-sm">ปักเสา Y-Post ลงดิน</p>
</div>
<!-- ผูก -->
<div class="text-center">
<img
src="/images/products-raw/tevada/TEVADA_013.png"
alt="ผูกลวด"
class="w-full h-auto rounded-xl mb-4"
/>
<h3 class="text-lg font-bold text-secondary-900 mb-2">2. ผูก</h3>
<p class="text-secondary-600 text-sm">ผูกลวดรั้วเข้ากับเสา</p>
</div>
<!-- ดึง -->
<div class="text-center">
<img
src="/images/products-raw/tevada/TEVADA_014.png"
alt="ดึงลวด"
class="w-full h-auto rounded-xl mb-4"
/>
<h3 class="text-lg font-bold text-secondary-900 mb-2">3. ดึง</h3>
<p class="text-secondary-600 text-sm">ดึงลวดให้ตึง</p>
</div>
<!-- มัด -->
<div class="text-center">
<img
src="/images/products-raw/tevada/TEVADA_015.png"
alt="มัดลวด"
class="w-full h-auto rounded-xl mb-4"
/>
<h3 class="text-lg font-bold text-secondary-900 mb-2">4. มัด</h3>
<p class="text-secondary-600 text-sm">มัดลวดรั้วให้แน่น</p>
</div>
</div>
<div class="mt-8 text-center">
<img
src="/images/products-raw/tevada/TEVADA_016-1024x819.png"
alt="ตัวอย่างการติดตั้ง"
class="w-full max-w-2xl mx-auto h-auto rounded-xl"
/>
</div>
</div>
</section>
<!-- Contact CTA -->
<section id="contact-cta" class="section bg-gray-50">
<div class="container-custom text-center">
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>

View File

@@ -13,7 +13,7 @@ import Footer from '@/components/common/Footer.astro';
<div class="grid lg:grid-cols-2 gap-12 items-start">
<div class="lg:sticky lg:top-24">
<div class="card p-8 bg-white">
<img src="/images/products-cropped/Eye-Ball.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
<img src="/images/products-raw/ball-jet/main-ball-jet.jpg" alt="หัวจ่ายแอร์ BALL JET" class="w-full h-auto rounded-xl" />
</div>
</div>
@@ -67,6 +67,75 @@ import Footer from '@/components/common/Footer.astro';
</div>
</section>
<!-- Product Specifications -->
<section id="product-specs" class="section bg-white">
<div class="container-custom">
<div class="max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
<div class="prose prose-lg max-w-none">
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
<strong>หัวจ่ายแอร์บอลเจ็ต (Ball Jet / Eye Ball)</strong> เป็นอุปกรณ์กระจายลม (Air Diffuser) ที่ใช้ในระบบปรับอากาศและระบบระบายอากาศ มีลักษณะเป็นทรงกลมหรือวงกลมปรับทิศทางได้ ช่วยกระจายลมเย็นหรือลมร้อนให้ทั่วถึงพื้นที่อย่างสม่ำเสมอ ลดการเกิดจุดร้อน-จุดเย็นในห้อง
</p>
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
หัวจ่ายแอร์บอลเจ็ต ผลิตจากวัสดุคุณภาพสูง ทนทานต่อการใช้งาน ติดตั้งง่าย เหมาะสำหรับใช้ในอาคารสำนักงาน โรงแรม ห้างสรรพสินค้า โรงพยาบาล และบ้านพักอาศัย สามารถปรับทิศทางการจ่ายลมได้ตามต้องการ
</p>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่นของหัวจ่ายแอร์บอลเจ็ต</h3>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li><strong>กระจายลมสม่ำเสมอ</strong> - ออกแบบให้ลมกระจายตัวอย่างทั่วถึง ลดจุดร้อน-จุดเย็นในพื้นที่</li>
<li><strong>ปรับทิศทางได้</strong> - หมุนปรับทิศทางการจ่ายลมได้ตามต้องการ ควบคุมทิศทางลมได้อิสระ</li>
<li><strong>ติดตั้งง่าย</strong> - รูปแบบมาตรฐาน ติดตั้งกับท่อลมหรือคอยล์เย็นได้สะดวก</li>
<li><strong>ทนทาน ดูแลง่าย</strong> - ผลิตจากวัสดุคุณภาพสูง ใช้งานได้ยาวนาน ทำความสะอาดง่าย</li>
<li><strong>ดีไซน์เรียบง่าย</strong> - รูปทรงกลมกระทัดรัด สวยงาม เข้ากับทุกสไตล์การตกแต่ง</li>
<li><strong>ราคาคุ้มค่า</strong> - ราคาเหมาะสม คุ้มค่าการลงทุน</li>
</ul>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">วัสดุและขนาด</h3>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li><strong>วัสดุ:</strong> พลาสติก ABS คุณภาพสูง ทนความร้อนและสารเคมี</li>
<li><strong>สี:</strong> ขาว มาตรฐาน</li>
<li><strong>ขนาด:</strong> มีหลายขนาดตามขนาดท่อลมและความต้องการใช้งาน</li>
</ul>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">การประยุกต์ใช้งาน</h3>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li>ระบบปรับอากาศ Central Air Conditioning</li>
<li>ระบบระบายอากาศ (Ventilation System)</li>
<li>ห้องประชุมและห้องทำงาน</li>
<li>ล็อบบี้โรงแรมและห้างสรรพสินค้า</li>
<li>โรงพยาบาลและคลินิก</li>
<li>บ้านพักอาศัยและคอนโดมิเนียม</li>
</ul>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">วิธีการติดตั้ง</h3>
<ol class="list-decimal pl-6 mb-4 space-y-2">
<li>เลือกตำแหน่งที่ต้องการติดตั้งบนเพดานหรือผนัง</li>
<li>เชื่อมต่อท่อลมหรือคอยล์เย็นเข้ากับหัวจ่ายแอร์บอลเจ็ต</li>
<li>ยึดหัวจ่ายให้แน่นด้วยสกรูหรือตะแกรงยึด</li>
<li>ปรับทิศทางลมตามต้องการหลังติดตั้งเสร็จ</li>
</ol>
<p class="text-lg text-secondary-700 leading-relaxed mt-6">
<strong>สอบถามราคาและขนาดที่มีจำหน่าย</strong> ได้ที่ Line หรือโทรศัพท์ติดต่อเราได้ตลอดเวลาทำการ
</p>
<div class="mt-8 text-center">
<img
src="/images/products-raw/ball-jet/231947_0-875x1024.jpg"
alt="หัวจ่ายแอร์ BALL JET"
class="w-full max-w-md mx-auto h-auto rounded-xl"
/>
</div>
</div>
</div>
</div>
</section>
<section id="contact-cta" class="section bg-gray-50">
<div class="container-custom text-center">
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>

View File

@@ -67,6 +67,52 @@ import Footer from '@/components/common/Footer.astro';
</div>
</section>
<!-- Product Specifications -->
<section id="product-specs" class="section bg-white">
<div class="container-custom">
<div class="max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</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>
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
ระบบ MECH Grooved Coupling ใช้หลักการจับยึดท่อด้วยร่องเกรูฟ (Groove) ที่ผลิตไว้ล่วงหน้าที่ปลายท่อ ทำให้การติดตั้งง่าย สะดวก และรวดเร็ว ลดเวลาและค่าใช้จ่ายในการติดตั้งอย่างมากเมื่อเทียบกับการเชื่อมแบบดั้งเดิม
</p>
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
เหมาะสำหรับระบบท่อดับเพลิง (Fire Protection System) ระบบประปา ระบบน้ำอุตสาหกรรม ระบบปรับอากาศ (HVAC) และงานก่อสร้างทั่วไป ใช้กับท่อเหล็กและท่อสแตนเลสได้หลากหลายขนาด
</p>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่นของเม็กกรู๊ฟ คับปลิ้ง</h3>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li><strong>ติดตั้งง่าย รวดเร็ว</strong> - ไม่ต้องเชื่อม ไม่ต้องใช้เครื่องมือพิเศษ ประหยัดเวลาติดตั้งได้ถึง 50%</li>
<li><strong>ไม่ก่อให้เกิดประกายไฟ</strong> - ปลอดภัยสูง เหมาะสำหรับพื้นที่ที่มีวัสดุไวไฟและพื้นที่ห้ามเชื่อม</li>
<li><strong>รับแรงดันได้สูง</strong> - สามารถรับแรงดันน้ำได้ตามมาตรฐาน ANSI/AWWA C606</li>
<li><strong>ยืดหยุ่นในการรับการขยายตัว</strong> - ดูดซับการสั่นสะเทือนและการเคลื่อนตัวของท่อได้ดี</li>
<li><strong>ดูแลรักษาง่าย</strong> - สามารถถอดประกอบเพื่อซ่อมบำรุงได้โดยไม่ต้องตัดท่อ</li>
<li><strong>ทนการกัดกร่อน</strong> - ผิวเคลือบพิเศษป้องกันสนิมและการกัดกร่อน</li>
<li><strong>มาตรฐานสากล</strong> - ผลิตตามมาตรฐาน UL, FM, VdS และ ISO 9001</li>
</ul>
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ประเภทของเม็กกรู๊ฟ คับปลิ้ง</h3>
<ul class="list-disc pl-6 mb-4 space-y-2">
<li><strong>Rigid Coupling</strong> - ข้อต่อแบบแข็ง ใช้รับแรงดันสูง ควบคุมการขยายตัวของท่อ</li>
<li><strong>Flexible Coupling</strong> - ข้อต่อแบบยืดหยุ่น รับการสั่นสะเทือนและการเคลื่อนตัวได้ดี</li>
<li><strong>Grooved Flange</strong> - ข้อต่อแบบจาน ใช้เชื่อมต่อกับอุปกรณ์อื่น</li>
<li><strong>Elbow / Tee / Reducer</strong> - ข้อต่อเลี้ยว สามทาง ลดขนาด แบบเกรูฟ</li>
<li><strong>Mechanical Tee</strong> - ข้อต่อสามทางแบบเจาะท่อ ติดตั้งง่าย ไม่ต้องเชื่อม</li>
<li><strong>Cap</strong> - ฝาปิดปลายท่อแบบเกรูฟ</li>
<li><strong>Gasket</strong> - ประเกทยาง ทนความร้อนและสารเคมี</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Product Images Section -->
<section id="product-images" class="section bg-gray-50 py-16">
<div class="container-custom">