Refactor: Update category structure, mega menu, footer, and remove unused pages
- Move DURGO from ระบบน้ำ to อุปกรณ์ปรับอากาศ - Add -category suffix to อุปกรณ์ดับเพลิง and ฉนวนหุ้มท่อ category pages - Update Header mega menu with correct category slugs - Fix Footer layout: split categories to 2 columns, remove quick links - Delete unused pages: all-projects, join-us, services, product - All product images fixed to 1:1 aspect ratio
This commit is contained in:
Kunthawat
@@ -7,62 +7,69 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<BaseLayout title="ท่อ PVC และข้อต่อท่อพีวีซี | PVC pipe" description="ท่อ PVC และข้อต่อท่อพีวีซี ราคาส่ง มาตรฐานสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล ยี่ห้อท่อตราช้าง ท่อน้ำไทย ท่อตราเสือ">
|
||||
<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">
|
||||
<main class="bg-white min-h-screen">
|
||||
<!-- Product Hero Section -->
|
||||
<section class="hero-gradient py-16">
|
||||
<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">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img
|
||||
src="/images/products-cropped/pvc-standard-01.jpg"
|
||||
alt="ท่อ PVC มาตรฐานสูง ราคาโรงงาน"
|
||||
class="w-full h-auto rounded-xl"
|
||||
width="600" height="400"
|
||||
loading="eager"
|
||||
fetchpriority="high"
|
||||
decoding="sync"
|
||||
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 และข้อต่อท่อพีวีซี | 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">
|
||||
<div class="order-1 lg:order-2">
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
ท่อ PVC
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ท่อ PVC และข้อต่อท่อพีวีซี | PVC pipe</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง 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" />
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<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">
|
||||
<a href="tel:0905551415" class="btn-white flex items-center gap-2">
|
||||
<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">
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<svg class="w-5 h-5 text-white" 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>มาตรฐาน มอก. รับรองคุณภาพ</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">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<svg class="w-5 h-5 text-white" 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>น้ำหนักเบา ติดตั้งง่าย</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">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<svg class="w-5 h-5 text-white" 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>ไม่เป็นสนิม ไม่ลามไฟ</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">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<svg class="w-5 h-5 text-white" 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>ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -70,10 +77,11 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<!-- Product Details -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
<strong>ยี่ห้อที่มีจำหน่าย:</strong> ท่อตราช้าง / ท่อน้ำไทย / ท่อตราเสือ / โรงงานทั่วไป
|
||||
@@ -83,52 +91,52 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<strong>ท่อ PVC</strong> เป็นวัสดุประเภทท่อประปาที่นิยมใช้งานในประเทศไทยมากที่สุดในปัจจุบัน หาซื้อได้ง่ายตามร้านค้าวัสดุก่อสร้างทั่วไป มีหลายคุณภาพและราคาให้เลือกใช้ ปกติแล้วสีของท่อและข้อต่อจะบ่งบอกถึงการใช้งานต่างๆ สีฟ้าใช้สำหรับระบบประปา/ระบายน้ำ สีเหลืองและสีขาวใช้สำหรับเดินท่อสายไฟฟ้า สีเทาใช้สำหรับงานเกษตรกรรม
|
||||
</p>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ลักษณะทั่วไปของท่อ PVC</h3>
|
||||
<h3 class="text-xl 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>
|
||||
<h3 class="text-xl 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">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>การใช้งาน:</strong> ท่อน้ำดี, ท่อน้ำเสีย</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>สี:</strong> ฟ้า เหลือง เทา ขาว</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>การติดตั้ง:</strong> ใช้น้ำยาประสานท่อในการประสานกัน</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>อุณหภูมิที่เหมาะสม:</strong> 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">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>อายุการใช้งาน:</strong> ประมาณ 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">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>ความยาวต่อท่อน:</strong> 4 เมตร (6 เมตร สำหรับงานราชการ)</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ท่อ PVC สีต่างๆ มีความหมายดังนี้</h3>
|
||||
<h3 class="text-xl 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>
|
||||
@@ -148,22 +156,22 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ประเภทท่อ PVC</h3>
|
||||
<h3 class="text-xl 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">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>ท่อ 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">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>ท่อ 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">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>ท่อ PVC เซาะร่อง:</strong> ใช้สำหรับเป็นท่อรับน้ำจากน้ำฝนบนพื้นดินลำเลียงน้ำสู่บ่อบาดาล มีการเซาะร่องเพื่อให้น้ำสามารถไหลผ่าน ขนาด 2"-8"</span>
|
||||
@@ -174,53 +182,55 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section bg-gray-50">
|
||||
<!-- Installation Guide -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-6">วิธีการติดตั้ง ท่อ PVC</h3>
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-6">วิธีการติดตั้ง ท่อ PVC</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="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>
|
||||
<div class="card-glass rounded-xl p-6">
|
||||
<div class="w-12 h-12 bg-primary-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">1</div>
|
||||
<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>
|
||||
<div class="card-glass rounded-xl p-6">
|
||||
<div class="w-12 h-12 bg-primary-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">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>
|
||||
<div class="card-glass rounded-xl p-6">
|
||||
<div class="w-12 h-12 bg-primary-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">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>
|
||||
<div class="card-glass rounded-xl p-6">
|
||||
<div class="w-12 h-12 bg-primary-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">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>
|
||||
<div class="card-glass rounded-xl p-6">
|
||||
<div class="w-12 h-12 bg-primary-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">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>
|
||||
<div class="card-glass rounded-xl p-6">
|
||||
<div class="w-12 h-12 bg-primary-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">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'" />
|
||||
<img src="/images/products-misc/ติดตั้งท่อPVCมาตรฐานสูง-01.jpg" alt="วิธีการติดตั้งท่อ PVC" class="w-full h-auto rounded-xl shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Size Table -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-6">ขนาดท่อ PVC กับการใช้งาน</h3>
|
||||
<h3 class="text-xl 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">
|
||||
<thead class="bg-primary-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">ชื่อเรียก</th>
|
||||
@@ -228,37 +238,37 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="bg-white">
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<tr class="hover:bg-primary-50 transition-colors">
|
||||
<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">
|
||||
<tr class="hover:bg-primary-50 transition-colors">
|
||||
<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">
|
||||
<tr class="hover:bg-primary-50 transition-colors">
|
||||
<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">
|
||||
<tr class="hover:bg-primary-50 transition-colors">
|
||||
<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">
|
||||
<tr class="hover:bg-primary-50 transition-colors">
|
||||
<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">
|
||||
<tr class="hover:bg-primary-50 transition-colors">
|
||||
<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">
|
||||
<tr class="hover:bg-primary-50 transition-colors">
|
||||
<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>
|
||||
@@ -269,38 +279,38 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section bg-gray-50">
|
||||
<!-- Product Photos -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
|
||||
<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'" />
|
||||
<img src="/images/products-misc/ติดตั้งท่อPVCมาตรฐานสูง-01.jpg" alt="ติดตั้งท่อ PVC มาตรฐานสูง" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" />
|
||||
<img src="/images/products-misc/ติดตั้งท่อPVCแรงดัน-01.jpg" alt="ติดตั้งท่อ PVC แรงดัน" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-white">
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<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">
|
||||
<h2 class="text-xl sm:text-2xl font-bold text-white mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-lg text-white/80 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 href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white">
|
||||
Line: @dealplustech
|
||||
</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 href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-lg text-secondary-600 mt-6">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> Jppselection | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> dealplustech | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
</BaseLayout>
|
||||
Reference in New Issue
Block a user