Add source code - layouts, components, pages, styles
This commit is contained in:
86
src/components/common/Footer.astro
Normal file
86
src/components/common/Footer.astro
Normal file
@@ -0,0 +1,86 @@
|
||||
---
|
||||
const currentYear = new Date().getFullYear();
|
||||
const mainCategories = [
|
||||
{ name: 'ท่อพีพีอาร์', slug: '/ท่อพีพีอาร์' },
|
||||
{ name: 'เครื่องเชื่อมท่อ', slug: '/เครื่องเชื่อมท่อ-pipe-coupling-machine' },
|
||||
{ name: 'ระบบน้ำ', slug: '/ระบบน้ำ' },
|
||||
{ name: 'อุปกรณ์ปรับอากาศ', slug: '/อุปกรณ์ปรับอากาศ' },
|
||||
{ name: 'อุปกรณ์ดับเพลิง', slug: '/อุปกรณ์ดับเพลิง-category' },
|
||||
{ name: 'ฉนวนหุ้มท่อ', slug: '/ฉนวนหุ้มท่อ-category' },
|
||||
{ name: 'ระบบรั้ว', slug: '/ระบบรั้ว' },
|
||||
];
|
||||
---
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container-custom">
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-12 mb-12">
|
||||
<div>
|
||||
<div class="flex items-center mb-6">
|
||||
<img src="/images/logo/dealplustech-logo.png" alt="Deal Plus Tech" class="h-12 w-auto" width="200" height="56" loading="lazy" />
|
||||
</div>
|
||||
<p class="text-secondary-600 text-base mb-6 leading-relaxed">
|
||||
ผู้เชี่ยวชาญด้านระบบน้ำ ให้คำแนะนำและจำหน่ายท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ HDPE รั้วตาข่าย คุณภาพสูง ราคาถูก
|
||||
</p>
|
||||
<div class="flex space-x-3">
|
||||
<a href="https://www.facebook.com/Dealplustech/" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-lg bg-primary-600 hover:bg-primary-700 flex items-center justify-center transition-all duration-200">
|
||||
<svg class="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
|
||||
</a>
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-lg bg-primary-600 hover:bg-primary-700 flex items-center justify-center transition-all duration-200">
|
||||
<svg class="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="footer-title">หมวดหมู่สินค้า</h3>
|
||||
<div class="grid grid-cols-2 gap-x-8 gap-y-3">
|
||||
{mainCategories.map(cat => (
|
||||
<a href={cat.slug} class="text-secondary-600 hover:text-primary-600 transition-colors text-base">{cat.name}</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="footer-title">ติดต่อเรา</h3>
|
||||
<ul class="space-y-4">
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-5 h-5 text-primary-600 mt-0.5 flex-shrink-0" 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>
|
||||
<div>
|
||||
<span class="text-secondary-700 text-base block font-medium">090-555-1415</span>
|
||||
<span class="text-secondary-500 text-sm">วันจันทร์-เสาร์ 08:30-17:30</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-5 h-5 text-primary-600 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
|
||||
</svg>
|
||||
<span class="text-secondary-700 text-base">dealplustech@gmail.com</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-5 h-5 text-primary-600 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
|
||||
</svg>
|
||||
<span class="text-secondary-700 text-base break-words">9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กรุงเทพมหานคร 10160</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="border-t border-secondary-200 pt-8">
|
||||
<div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
|
||||
<p class="text-secondary-500 text-sm">
|
||||
© {currentYear} Deal Plus Tech. สงวนลิขสิทธิ์
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-6">
|
||||
<a href="/privacy-policy" class="text-secondary-500 hover:text-primary-600 transition-colors text-sm">นโยบายความเป็นส่วนตัว</a>
|
||||
<a href="/terms-and-conditions" class="text-secondary-500 hover:text-primary-600 transition-colors text-sm">ข้อกำหนดการใช้งาน</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
189
src/components/common/Header.astro
Normal file
189
src/components/common/Header.astro
Normal file
@@ -0,0 +1,189 @@
|
||||
---
|
||||
const categories = [
|
||||
{
|
||||
name: 'ท่อพีพีอาร์',
|
||||
slug: '/ท่อพีพีอาร์',
|
||||
subcategories: [
|
||||
{ name: 'ไทยพีพีอาร์', slug: '/ท่อ-ppr-thai-ppr' },
|
||||
{ name: 'ท่อ PPR ตราช้าง', slug: '/ท่อพีพีอาร์ตราช้าง' },
|
||||
{ name: 'ท่อ PP-R Poloplast', slug: '/pp-r-pp-rct-poloplast' },
|
||||
{ name: 'ท่อ HDPE', slug: '/ท่อhdpe' },
|
||||
{ name: 'ท่อ UPVC', slug: '/ท่อ-upvc' },
|
||||
{ name: 'ท่อ Syler', slug: '/ท่อไซเลอร์' },
|
||||
{ name: 'ท่อ PVC', slug: '/ท่อและข้อต่อpvc' },
|
||||
{ name: 'ท่อ XYLENT', slug: '/ท่อระบายน้ำ-3-ชั้น-ไซเลนท' },
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'เครื่องเชื่อมท่อ',
|
||||
slug: '/เครื่องเชื่อมท่อ-pipe-coupling-machine',
|
||||
subcategories: [
|
||||
{ name: 'เครื่องเชื่อม HDPE', slug: '/เครื่องเชื่อม-hdpe' },
|
||||
{ name: 'เครื่องเชื่อม PPR', slug: '/เครื่องเชื่อมท่อพีพีอา' },
|
||||
{ name: 'Pipe Coupling', slug: '/pipe-coupling' },
|
||||
{ name: 'Dukelarrsen', slug: '/dukelarrsen' },
|
||||
{ name: 'เม็กกรู๊ฟ', slug: '/เม็กกรู๊ฟ-คับปลิ้ง' },
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'ระบบน้ำ',
|
||||
slug: '/ระบบน้ำ',
|
||||
subcategories: [
|
||||
{ name: 'วาล์ว', slug: '/วาล์ว-valve' },
|
||||
{ name: 'ปั๊มน้ำ', slug: '/water-pump' },
|
||||
{ name: 'ระบบกรองน้ำ', slug: '/water-treatment' },
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'อุปกรณ์ปรับอากาศ',
|
||||
slug: '/อุปกรณ์ปรับอากาศ',
|
||||
subcategories: [
|
||||
{ name: 'หัวจ่ายแอร์', slug: '/หัวจ่ายแอร์-ball-jet' },
|
||||
{ name: 'กริลแอร์', slug: '/grilles' },
|
||||
{ name: 'DURGO วาล์วเติมอากาศ', slug: '/durgo-avvs' },
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'อุปกรณ์ดับเพลิง',
|
||||
slug: '/อุปกรณ์ดับเพลิง-category',
|
||||
subcategories: [
|
||||
{ name: 'อุปกรณ์ดับเพลิง', slug: '/อุปกรณ์ดับเพลิง' },
|
||||
{ name: 'Realflex', slug: '/realflex' },
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'ฉนวนหุ้มท่อ',
|
||||
slug: '/ฉนวนหุ้มท่อ-category',
|
||||
subcategories: [
|
||||
{ name: 'ฉนวนหุ้มท่อ', slug: '/ฉนวนหุ้มท่อ-pipe-insulation' },
|
||||
{ name: 'เทอร์โมเบรค', slug: '/เทอร์โมเบรค-thermobreak' },
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'ระบบรั้ว',
|
||||
slug: '/ระบบรั้ว',
|
||||
subcategories: [
|
||||
{ name: 'รั้วเทวดา', slug: '/รั้วเทวดา' },
|
||||
{ name: 'ระบบรั้วไวน์แมน', slug: '/ระบบรั้วไวน์แมน-vineman-2' },
|
||||
]
|
||||
},
|
||||
];
|
||||
---
|
||||
|
||||
<header id="header" class="navbar">
|
||||
<div class="container-custom">
|
||||
<div class="flex items-center justify-between h-20">
|
||||
<a href="/" class="flex items-center group">
|
||||
<img src="/images/logo/dealplustech-logo.png" alt="Deal Plus Tech" class="h-10 sm:h-14 w-auto transition-transform duration-300 group-hover:scale-105" width="200" height="56" loading="eager" fetchpriority="high" />
|
||||
</a>
|
||||
|
||||
<nav class="hidden lg:flex items-center space-x-1">
|
||||
<a href="/" class="nav-link">หน้าแรก</a>
|
||||
<a href="/about-us" class="nav-link">เกี่ยวกับเรา</a>
|
||||
|
||||
<div class="relative group">
|
||||
<button class="nav-link flex items-center space-x-1">
|
||||
<span>สินค้า</span>
|
||||
<svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
||||
</svg>
|
||||
</button>
|
||||
<div class="absolute top-full left-0 lg:left-1/2 lg:-translate-x-1/2 mt-0 w-[320px] sm:w-[500px] lg:w-[720px] max-w-[95vw] bg-white rounded-2xl shadow-2xl border border-secondary-100 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50">
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 p-4 lg:p-6">
|
||||
{categories.map(cat => (
|
||||
<div class="space-y-3">
|
||||
<a href={cat.slug} class="block text-sm font-bold text-secondary-800 hover:text-accent-500 transition-colors">
|
||||
{cat.name}
|
||||
</a>
|
||||
{cat.subcategories && (
|
||||
<ul class="space-y-2">
|
||||
{cat.subcategories.map(sub => (
|
||||
<li>
|
||||
<a href={sub.slug} class="block text-sm text-secondary-500 hover:text-accent-500 transition-colors">
|
||||
{sub.name}
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<div class="border-t border-secondary-100 px-6 py-4 bg-secondary-50 rounded-b-2xl">
|
||||
<a href="/all-products" class="text-sm font-semibold text-accent-500 hover:text-accent-600 transition-colors">
|
||||
ดูสินค้าทั้งหมด
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="/portfolio" class="nav-link">ผลงาน</a>
|
||||
<a href="/contact-us" class="nav-link">ติดต่อเรา</a>
|
||||
</nav>
|
||||
|
||||
<div class="hidden lg:flex items-center space-x-4">
|
||||
<a href="tel:0905551415" class="flex items-center space-x-2 text-secondary-700 hover:text-accent-500 transition-colors">
|
||||
<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 class="font-semibold">090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<button id="mobile-menu-btn" class="lg:hidden p-3 min-w-[44px] min-h-[44px] flex items-center justify-center rounded-lg hover:bg-secondary-100 transition-colors" aria-label="เปิดเมนู" aria-expanded="false" aria-controls="mobile-menu">
|
||||
<svg class="w-6 h-6 text-secondary-700" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div id="mobile-backdrop" class="fixed inset-0 bg-black/50 z-40 hidden transition-opacity duration-300" aria-hidden="true"></div>
|
||||
|
||||
<div id="mobile-menu" class="lg:hidden hidden pb-4 absolute top-full left-0 right-0 bg-white z-50 shadow-lg rounded-b-xl border-t border-secondary-100">
|
||||
<nav class="flex flex-col space-y-2 p-4">
|
||||
<a href="/" class="mobile-nav-link">หน้าแรก</a>
|
||||
<a href="/about-us" class="mobile-nav-link">เกี่ยวกับเรา</a>
|
||||
<a href="/all-products" class="mobile-nav-link">สินค้าทั้งหมด</a>
|
||||
<a href="/portfolio" class="mobile-nav-link">ผลงาน</a>
|
||||
<a href="/contact-us" class="mobile-nav-link">ติดต่อเรา</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<script>
|
||||
const menuBtn = document.getElementById('mobile-menu-btn');
|
||||
const mobileMenu = document.getElementById('mobile-menu');
|
||||
const mobileBackdrop = document.getElementById('mobile-backdrop');
|
||||
const header = document.getElementById('header');
|
||||
|
||||
function toggleMenu() {
|
||||
if (!menuBtn || !mobileMenu || !mobileBackdrop) return;
|
||||
|
||||
const isOpen = !mobileMenu.classList.contains('hidden');
|
||||
mobileMenu.classList.toggle('hidden');
|
||||
mobileBackdrop.classList.toggle('hidden');
|
||||
document.body.classList.toggle('overflow-hidden', !isOpen);
|
||||
menuBtn.setAttribute('aria-expanded', String(!isOpen));
|
||||
}
|
||||
|
||||
menuBtn?.addEventListener('click', toggleMenu);
|
||||
mobileBackdrop?.addEventListener('click', toggleMenu);
|
||||
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Escape' && mobileMenu && !mobileMenu.classList.contains('hidden')) {
|
||||
toggleMenu();
|
||||
}
|
||||
});
|
||||
|
||||
let lastScroll = 0;
|
||||
window.addEventListener('scroll', () => {
|
||||
const currentScroll = window.scrollY;
|
||||
if (currentScroll > 50) {
|
||||
header?.classList.add('navbar-scrolled');
|
||||
} else {
|
||||
header?.classList.remove('navbar-scrolled');
|
||||
}
|
||||
lastScroll = currentScroll;
|
||||
}, { passive: true });
|
||||
</script>
|
||||
1
src/env.d.ts
vendored
Normal file
1
src/env.d.ts
vendored
Normal file
@@ -0,0 +1 @@
|
||||
/// <reference path="../.astro/types.d.ts" />
|
||||
91
src/layouts/BaseLayout.astro
Normal file
91
src/layouts/BaseLayout.astro
Normal file
@@ -0,0 +1,91 @@
|
||||
---
|
||||
import '../styles/global.css';
|
||||
|
||||
interface Props {
|
||||
title: string;
|
||||
description?: string;
|
||||
image?: string;
|
||||
canonicalURL?: string;
|
||||
}
|
||||
|
||||
const { title, description = 'ผู้เชี่ยวชาญระบบน้ำ ให้คำแนะนำและจำหน่ายท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ PPR ท่อ HDPE Thai PPR รั้วตาข่าย คุณภาพสูง ราคาถูก', image = '/images/logo/dealplustech-logo.png', canonicalURL = Astro.url } = Astro.props;
|
||||
|
||||
const siteName = 'Deal Plus Tech';
|
||||
const siteUrl = 'https://dealplustech.co.th';
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="th">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
|
||||
<title>{title} | {siteName}</title>
|
||||
<meta name="title" content={`${title} | ${siteName}`} />
|
||||
<meta name="description" content={description} />
|
||||
<meta name="keywords" content="ท่อ PPR, ท่อ HDPE, ท่อ PVC, ระบบน้ำ, รั้วตาข่าย, อุปกรณ์ท่อ, วาล์ว, ปั๊มน้ำ" />
|
||||
<link rel="canonical" href={canonicalURL} />
|
||||
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content={canonicalURL} />
|
||||
<meta property="og:title" content={`${title} | ${siteName}`} />
|
||||
<meta property="og:description" content={description} />
|
||||
<meta property="og:image" content={new URL(image, siteUrl)} />
|
||||
|
||||
<meta property="twitter:card" content="summary_large_image" />
|
||||
<meta property="twitter:url" content={canonicalURL} />
|
||||
<meta property="twitter:title" content={`${title} | ${siteName}`} />
|
||||
<meta property="twitter:description" content={description} />
|
||||
<meta property="twitter:image" content={new URL(image, siteUrl)} />
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Organization",
|
||||
"name": "Deal Plus Tech",
|
||||
"alternateName": "ดีล พลัส เทค",
|
||||
"url": "https://dealplustech.co.th",
|
||||
"logo": "https://dealplustech.co.th/images/logo/dealplustech-logo.png",
|
||||
"description": "ผู้เชี่ยวชาญระบบน้ำ ให้คำแนะนำและจำหน่ายท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ HDPE รั้วตาข่าย คุณภาพสูง ราคาถูก",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"streetAddress": "9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค",
|
||||
"addressLocality": "กรุงเทพมหานคร",
|
||||
"postalCode": "10160",
|
||||
"addressCountry": "TH"
|
||||
},
|
||||
"telephone": "+6690-555-1415",
|
||||
"email": "dealplustech@gmail.com"
|
||||
}
|
||||
</script>
|
||||
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
</head>
|
||||
<body class="flex flex-col min-h-screen">
|
||||
<slot name="header" />
|
||||
|
||||
<main class="flex-grow">
|
||||
<slot />
|
||||
</main>
|
||||
|
||||
<slot name="footer" />
|
||||
|
||||
<script>
|
||||
document.querySelectorAll('.stagger-item').forEach(el => {
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.classList.add('revealed');
|
||||
observer.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
}, { rootMargin: '0px 0px -50px 0px', threshold: 0.1 });
|
||||
|
||||
observer.observe(el);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
144
src/pages/about-us/index.astro
Normal file
144
src/pages/about-us/index.astro
Normal file
@@ -0,0 +1,144 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="เกี่ยวกับเรา | About US" description="เกี่ยวกับเรา บริษัท ดีล พลัส เทค จำกัด ผู้เชี่ยวชาญด้านระบบน้ำ ท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ HDPE">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="bg-white min-h-screen">
|
||||
<!-- Hero Section -->
|
||||
<section class="hero-gradient py-16">
|
||||
<div class="container-custom">
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
เกี่ยวกับเรา
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">บริษัท ดีล พลัส เทค จำกัด</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 max-w-2xl">ผู้เชี่ยวชาญด้านระบบน้ำ คุณภาพสูง ราคาโรงงาน บริการจัดส่งฟรี กรุงเทพฯ และปริมณฑล</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About Content -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="card-glass p-8 md:p-12">
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-6">
|
||||
<strong>บริษัท ดีล พลัส เทค จำกัด</strong> เราเป็นผู้เชี่ยวชาญด้านระบบน้ำ ให้คำแนะนำและจำหน่าย ท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ PPR ท่อ HDPE Thai PPR รั้วตาข่าย คุณภาพสูง ราคาถูก
|
||||
</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-6">
|
||||
บริษัท ดีล พลัส เทค จำกัด ได้ก่อตั้งเพื่อดำเนินธุรกิจจัดจำหน่าย ท่อน้ำ อุปกรณ์ท่อน้ำ ในระบบประปาทั่วไป (ระบบน้ำดี น้ำเสีย ระบบรับแรงดัน ระบบระบายน้ำ) ระบบประปาอุตสาหกรรมเคมี ระบบประปาเกษตร ระบบการชลประทาน โดยทางบริษัทได้จัดจำหน่ายสินค้าที่ได้รับความนิยมอย่างแพร่หลาย สินค้าที่มีนวัตกรรมใหม่ๆ คุณภาพสูง มีมาตรฐานเป็นที่ยอมรับ
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-4 mt-10">สินค้าหลักของเรา</h2>
|
||||
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2 text-secondary-700">
|
||||
<li>ท่อ PP-R (Polypropylene copolymer random), เครื่องเชื่อมท่อ PP-R</li>
|
||||
<li>ท่อดับเพลิง และ Groove Coupling</li>
|
||||
<li>ท่อ Syler</li>
|
||||
<li>Water Pump</li>
|
||||
<li>แผ่นความร้อนและเครื่องเชื่อมท่อ HDPE</li>
|
||||
<li>งานระบบ งานแอร์ ฉนวน Insulation</li>
|
||||
<li>ระบบ Water Treatment, UV, RO, UF Water, DI&EDI Water, Softener, Sand Filter, Carbon Filter</li>
|
||||
<li>Pipe Coupling อุปกรณ์ซ่อมท่อที่ชำรุดหรือท่อรั่ว</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-4 mt-10">ทำไมต้องเลือกเรา</h2>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div class="flex items-start gap-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center flex-shrink-0">
|
||||
<svg class="w-6 h-6 text-primary-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>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-semibold text-secondary-900">คุณภาพสูง</h3>
|
||||
<p class="text-secondary-600 text-sm">สินค้ามาตรฐานอุตสาหกรรม</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start gap-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center flex-shrink-0">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-semibold text-secondary-900">ราคาโรงงาน</h3>
|
||||
<p class="text-secondary-600 text-sm">คุ้มค่าต่อการลงทุน</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start gap-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center flex-shrink-0">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-semibold text-secondary-900">จัดส่งรวดเร็ว</h3>
|
||||
<p class="text-secondary-600 text-sm">ส่งฟรี กทม. ปริมณฑล</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start gap-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center flex-shrink-0">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-semibold text-secondary-900">บริการดี</h3>
|
||||
<p class="text-secondary-600 text-sm">ให้คำปรึกษาฟรี</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Stats Section -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<div class="grid grid-cols-1 sm:grid-cols-3 gap-6 sm:gap-8 text-center">
|
||||
<div>
|
||||
<div class="text-4xl sm:text-5xl font-bold text-primary-600 mb-2">10+</div>
|
||||
<div class="text-secondary-600">ปีประสบการณ์</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-4xl sm:text-5xl font-bold text-primary-600 mb-2">1000+</div>
|
||||
<div class="text-secondary-600">โปรเจคต์สำเร็จ</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-4xl sm:text-5xl font-bold text-primary-600 mb-2">500+</div>
|
||||
<div class="text-secondary-600">สินค้าในคลัง</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-2xl sm:text-3xl 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="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
175
src/pages/all-products/index.astro
Normal file
175
src/pages/all-products/index.astro
Normal file
@@ -0,0 +1,175 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
|
||||
const productImages: Record<string, string> = {
|
||||
'/ท่อ-ppr-thai-ppr': '/images/products-cropped/ppr-pipe_000C.jpg',
|
||||
'/ท่อพีพีอาร์ตราช้าง': '/images/products-cropped/ppr-scg.jpg',
|
||||
'/pp-r-pp-rct-poloplast': '/images/poloplast/POLOPLAST_001.png',
|
||||
'/ท่อhdpe': '/images/products-cropped/hdpe001.png',
|
||||
'/ท่อ-upvc': '/images/products-cropped/upvc-pipe_000C.jpg',
|
||||
'/ท่อไซเลอร์': '/images/products-cropped/syler-pipe-cold-water.jpg',
|
||||
'/ท่อและข้อต่อpvc': '/images/products-cropped/pvc-standard-01.jpg',
|
||||
'/ท่อระบายน้ำ-3-ชั้น-ไซเลนท': '/images/products-cropped/XYLENT_001.png',
|
||||
'/ท่อพีพีอาร์': '/images/products-cropped/ppr-pipe_000C.jpg',
|
||||
'/เครื่องเชื่อม-hdpe': '/images/HDPE-welding-crop.jpg',
|
||||
'/เครื่องเชื่อมท่อพีพีอา': '/images/products-misc/ppr-welding-machine-main.jpg',
|
||||
'/pipe-coupling': '/images/pipe-coupling/BG-SMC02.png',
|
||||
'/dukelarrsen': '/images/dukelarrsen/dukelarrsen-43.jpg',
|
||||
'/เม็กกรู๊ฟ-คับปลิ้ง': '/images/products-misc/MECH_001.jpg',
|
||||
'/วาล์ว-valve': '/images/products-cropped/valve_000C.jpg',
|
||||
'/durgo-avvs': '/images/products-cropped/durgo_000C.jpg',
|
||||
'/water-pump': '/images/products-cropped/water-pump_000C.jpg',
|
||||
'/หัวจ่ายแอร์-ball-jet': '/images/products-raw/ball-jet/main-ball-jet.jpg',
|
||||
'/grilles': '/images/products-cropped/grilles_000C.jpg',
|
||||
'/อุปกรณ์ดับเพลิง': '/images/products-cropped/extinguishers_000C.jpg',
|
||||
'/ฉนวนหุ้มท่อ-pipe-insulation': '/images/thermobreak/thermobreak-solarblock.png',
|
||||
'/เทอร์โมเบรค-thermobreak': '/images/thermobreak/thermobreak-solarblock.png',
|
||||
'/realflex': '/images/products-cropped/realflex_000C.jpg',
|
||||
'/water-treatment': '/images/products-cropped/water-treatment_000C.jpg',
|
||||
'/ระบบรั้ว': '/images/products-cropped/vineman_000C.jpg',
|
||||
'/ระบบรั้วไวน์แมน-vineman-2': '/images/products-raw/vineman/ระบบรั้วไวน์แมน-Vineman-e1613286324569-1024x880.jpg',
|
||||
'/รั้วเทวดา': '/images/products-raw/tevada/TEVADA_001-987x1024.png',
|
||||
};
|
||||
|
||||
const productCategories = [
|
||||
{
|
||||
name: 'ท่อพีพีอาร์',
|
||||
image: '/images/products-cropped/ppr-pipe_000C.jpg',
|
||||
products: [
|
||||
{ name: 'ไทยพีพีอาร์', slug: '/ท่อ-ppr-thai-ppr' },
|
||||
{ name: 'ท่อ PPR ตราช้าง', slug: '/ท่อพีพีอาร์ตราช้าง' },
|
||||
{ name: 'ท่อ PP-R Poloplast', slug: '/pp-r-pp-rct-poloplast' },
|
||||
{ name: 'ท่อ HDPE', slug: '/ท่อhdpe' },
|
||||
{ name: 'ท่อ UPVC', slug: '/ท่อ-upvc' },
|
||||
{ name: 'ท่อไซเลอร์', slug: '/ท่อไซเลอร์' },
|
||||
{ name: 'ท่อ PVC', slug: '/ท่อและข้อต่อpvc' },
|
||||
{ name: 'ท่อระบายน้ำ 3 ชั้น', slug: '/ท่อระบายน้ำ-3-ชั้น-ไซเลนท' },
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'เครื่องเชื่อมท่อ',
|
||||
image: '/images/HDPE-welding-crop.jpg',
|
||||
products: [
|
||||
{ name: 'เครื่องเชื่อม HDPE', slug: '/เครื่องเชื่อม-hdpe' },
|
||||
{ name: 'เครื่องเชื่อม PPR', slug: '/เครื่องเชื่อมท่อพีพีอา' },
|
||||
{ name: 'Pipe Coupling', slug: '/pipe-coupling' },
|
||||
{ name: 'Dukelarrsen', slug: '/dukelarrsen' },
|
||||
{ name: 'เม็กกรู๊ฟ', slug: '/เม็กกรู๊ฟ-คับปลิ้ง' },
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'ระบบน้ำ',
|
||||
image: '/images/products-cropped/water-pump_000C.jpg',
|
||||
products: [
|
||||
{ name: 'วาล์ว', slug: '/วาล์ว-valve' },
|
||||
{ name: 'ปั๊มน้ำ', slug: '/water-pump' },
|
||||
{ name: 'ระบบกรองน้ำ', slug: '/water-treatment' },
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'อุปกรณ์ปรับอากาศ',
|
||||
image: '/images/products-raw/ball-jet/main-ball-jet.jpg',
|
||||
products: [
|
||||
{ name: 'หัวจ่ายแอร์', slug: '/หัวจ่ายแอร์-ball-jet' },
|
||||
{ name: 'กริลแอร์', slug: '/grilles' },
|
||||
{ name: 'DURGO วาล์วเติมอากาศ', slug: '/durgo-avvs' },
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'อุปกรณ์ดับเพลิง',
|
||||
image: '/images/products-cropped/extinguishers_000C.jpg',
|
||||
products: [
|
||||
{ name: 'อุปกรณ์ดับเพลิง', slug: '/อุปกรณ์ดับเพลิง' },
|
||||
{ name: 'Realflex', slug: '/realflex' },
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'ฉนวนหุ้มท่อ',
|
||||
image: '/images/thermobreak/thermobreak-solarblock.png',
|
||||
products: [
|
||||
{ name: 'ฉนวนหุ้มท่อ', slug: '/ฉนวนหุ้มท่อ-pipe-insulation' },
|
||||
{ name: 'เทอร์โมเบรค', slug: '/เทอร์โมเบรค-thermobreak' },
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'ระบบรั้ว',
|
||||
image: '/images/products-raw/tevada/TEVADA_001-987x1024.png',
|
||||
products: [
|
||||
{ name: 'ระบบรั้วไวน์แมน', slug: '/ระบบรั้วไวน์แมน-vineman-2' },
|
||||
{ name: 'รั้วเทวดา', slug: '/รั้วเทวดา' },
|
||||
]
|
||||
},
|
||||
];
|
||||
---
|
||||
|
||||
<BaseLayout title="สินค้าทั้งหมด | All Products" description="สินค้าทั้งหมด ของ บริษัท ดีล พลัส เทค จำกัด ผู้เชี่ยวชาญด้านระบบน้ำ">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="bg-white min-h-screen">
|
||||
<!-- Hero Section -->
|
||||
<section class="hero-gradient py-16">
|
||||
<div class="container-custom">
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
สินค้าทั้งหมด
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">สินค้าทั้งหมด</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 max-w-2xl">
|
||||
รวมสินค้าคุณภาพสูงของเราทั้งหมด จำหน่ายท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ HDPE รั้วตาข่าย และอุปกรณ์ระบบน้ำครบวงจร
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Categories -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="space-y-8">
|
||||
{productCategories.map(category => (
|
||||
<div class="card-glass overflow-hidden">
|
||||
<div class="bg-primary-600 px-6 py-4">
|
||||
<h2 class="text-xl font-bold text-white">{category.name}</h2>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4">
|
||||
{category.products.map(product => (
|
||||
<a href={product.slug} class="block p-4 rounded-xl bg-white border border-gray-200 hover:border-primary-500 hover:bg-primary-50 transition-all text-center">
|
||||
<div class="w-full aspect-square overflow-hidden rounded-lg mb-3 bg-gray-100">
|
||||
<img src={productImages[product.slug] || category.image} alt={product.name} class="w-full h-full object-cover" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<span class="text-sm sm:text-base text-secondary-700 font-medium">{product.name}</span>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
152
src/pages/contact-us/index.astro
Normal file
152
src/pages/contact-us/index.astro
Normal file
@@ -0,0 +1,152 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ติดต่อเรา" description="ติดต่อเรา บริษัท ดีล พลัส เทค จำกัด โทร 090-555-1415">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="bg-white min-h-screen">
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero-gradient py-20">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto text-center">
|
||||
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-4">ติดต่อเรา</h1>
|
||||
<p class="text-xl text-white/80">พร้อมให้คำปรึกษาคุณตลอดเวลาทำการ</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Main Contact Section -->
|
||||
<section class="section py-16">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-5xl mx-auto">
|
||||
|
||||
<!-- Why Contact Us -->
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-4">ทำไมต้องติดต่อเรา?</h2>
|
||||
<p class="text-lg text-secondary-600 max-w-2xl mx-auto">เราพร้อมให้คำปรึกษาฟรี! ช่วยคุณเลือกสินค้าที่เหมาะสมกับงานของคุณ</p>
|
||||
</div>
|
||||
|
||||
<!-- Benefits Grid -->
|
||||
<div class="grid md:grid-cols-4 gap-6 mb-12">
|
||||
<div class="card-glass p-6 text-center">
|
||||
<div class="w-14 h-14 bg-primary-100 rounded-2xl flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-7 h-7 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-secondary-900 mb-2">สินค้าคุณภาพ</h3>
|
||||
<p class="text-secondary-600 text-sm">มาตรฐานอุตสาหกรรม</p>
|
||||
</div>
|
||||
|
||||
<div class="card-glass p-6 text-center">
|
||||
<div class="w-14 h-14 bg-primary-100 rounded-2xl flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-7 h-7 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-secondary-900 mb-2">ราคาโรงงาน</h3>
|
||||
<p class="text-secondary-600 text-sm">คุ้มค่าต่อการลงทุน</p>
|
||||
</div>
|
||||
|
||||
<div class="card-glass p-6 text-center">
|
||||
<div class="w-14 h-14 bg-primary-100 rounded-2xl flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-7 h-7 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-secondary-900 mb-2">จัดส่งรวดเร็ว</h3>
|
||||
<p class="text-secondary-600 text-sm">ส่งฟรี กทม. ปริมณฑล</p>
|
||||
</div>
|
||||
|
||||
<div class="card-glass p-6 text-center">
|
||||
<div class="w-14 h-14 bg-primary-100 rounded-2xl flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-7 h-7 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-secondary-900 mb-2">ให้คำปรึกษาฟรี</h3>
|
||||
<p class="text-secondary-600 text-sm"> specialists พร้อมช่วย</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Contact Details -->
|
||||
<div class="card-glass p-4 sm:p-6 md:p-10">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 text-center mb-8">ช่องทางติดต่อ</h2>
|
||||
|
||||
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 sm:gap-6 items-stretch">
|
||||
|
||||
<!-- Phone -->
|
||||
<div class="flex flex-col items-center text-center p-4 sm:p-6 bg-gray-50 rounded-2xl h-full">
|
||||
<div class="w-12 h-12 sm:w-16 sm:h-16 bg-blue-100 rounded-2xl flex items-center justify-center mb-3 sm:mb-4">
|
||||
<svg class="w-6 h-6 sm:w-8 sm:h-8 text-blue-600" 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>
|
||||
</div>
|
||||
<h3 class="font-bold text-secondary-900 text-base sm:text-lg mb-1 sm:mb-2">โทรศัพท์</h3>
|
||||
<a href="tel:0905551415" class="text-lg sm:text-2xl font-bold text-primary-600 hover:text-primary-700 mb-1 sm:mb-2">090-555-1415</a>
|
||||
<p class="text-secondary-500 text-xs sm:text-sm">วันจันทร์-เสาร์ 08:30-17:30</p>
|
||||
</div>
|
||||
|
||||
<!-- Line -->
|
||||
<div class="flex flex-col items-center text-center p-4 sm:p-6 bg-green-50 rounded-2xl h-full">
|
||||
<div class="w-12 h-12 sm:w-16 sm:h-16 bg-green-100 rounded-2xl flex items-center justify-center mb-3 sm:mb-4">
|
||||
<svg class="w-6 h-6 sm:w-8 sm:h-8 text-green-600" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-secondary-900 text-base sm:text-lg mb-1 sm:mb-2">ไลน์</h3>
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="text-base sm:text-xl font-bold text-green-600 hover:text-green-700 mb-1 sm:mb-2">@JPPSELECTION</a>
|
||||
<p class="text-secondary-500 text-xs sm:text-sm mb-3">แชทได้ตลอด 24 ชม.</p>
|
||||
<img
|
||||
src="/images/dealplustechlineqr.png"
|
||||
alt="Line QR Code"
|
||||
class="w-28 h-28 sm:w-32 sm:h-32 rounded-lg border-2 border-green-200 object-contain bg-white"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<!-- Email -->
|
||||
<div class="flex flex-col items-center text-center p-4 sm:p-6 bg-gray-50 rounded-2xl h-full">
|
||||
<div class="w-12 h-12 sm:w-16 sm:h-16 bg-primary-100 rounded-2xl flex items-center justify-center mb-3 sm:mb-4">
|
||||
<svg class="w-6 h-6 sm:w-8 sm:h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-secondary-900 text-base sm:text-lg mb-1 sm:mb-2">อีเมล</h3>
|
||||
<a href="mailto:dealplustech@gmail.com" class="text-base sm:text-xl font-bold text-primary-600 hover:text-primary-700 mb-1 sm:mb-2 break-all">dealplustech@gmail.com</a>
|
||||
<p class="text-secondary-500 text-xs sm:text-sm">ตอบกลับภายใน 24 ชม.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Address -->
|
||||
<div class="mt-6 sm:mt-8 pt-6 sm:pt-8 border-t border-gray-200">
|
||||
<div class="flex flex-col sm:flex-row items-center gap-3 sm:gap-4 text-center sm:text-left">
|
||||
<div class="w-12 h-12 sm:w-14 sm:h-14 bg-primary-100 rounded-xl flex items-center justify-center flex-shrink-0">
|
||||
<svg class="w-6 h-6 sm:w-7 sm:h-7 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-bold text-secondary-900 mb-1">ที่อยู่</h3>
|
||||
<p class="text-secondary-600 text-sm sm:text-base break-words">9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กรุงเทพมหานคร 10160</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
1318
src/pages/dukelarrsen/index.astro
Normal file
1318
src/pages/dukelarrsen/index.astro
Normal file
File diff suppressed because it is too large
Load Diff
489
src/pages/durgo-avvs/index.astro
Normal file
489
src/pages/durgo-avvs/index.astro
Normal file
@@ -0,0 +1,489 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ระบบวาล์วเติมอากาศ DURGO AVVs",
|
||||
"description": "จำหน่ายระบบวาล์วเติมอากาศ DURGO AVVsคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/durgo_000C.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/durgo-avvs",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ระบบวาล์วเติมอากาศ DURGO AVVs" description="จำหน่ายระบบวาล์วเติมอากาศ DURGO AVVsคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/products-cropped/durgo_000C.jpg" alt="DURGO AVVs" 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 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">
|
||||
วาล์วเติมอากาศ
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ระบบวาล์วเติมอากาศ DURGO AVVs</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
จำหน่ายระบบวาล์วเติมอากาศ DURGO AVVsคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
<strong>ระบบวาล์วเติมอากาศ DURGO AVVs</strong> นวัตกรรมระดับโลก ที่ประเทศชั้นนําเลือกใช้ ด้วยผลิตภัณฑ์คุณภาพจากยุโรป เชียวชาญเทคโนโลยีระบบวาล์ว ทั้งด้านการผลิต การออกแบบวางระบบ ทางด้านอุตสาหกรรมทําความร้อน และระบบสุขาภิบาลตั้งแต่ปี 1921 จนเป็นที่ยอมรับ ได้สิทธิบัตรมากมายจากทุกทวีปทั่วโลก จึงมั่นใจได้ในคุณภาพของ <strong>ระบบวาล์วเติมอากาศ DURGO AVVs</strong> ที่สามารถตอบโจทย์แก้ปัณหาระบบท่ออากาศแบบเก่า ได้อย่างแท้จริง
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/durgo-avvs/durgo-002.jpg" alt="DURGO AVVs" class="max-w-md w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/durgo-avvs/durgo-003.jpg" alt="DURGO AVVs" class="max-w-md w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">เหตุผลที่ควรเลือกใช้ DURGO AVVs</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ระบบระบายน้ำฝน และนํ้าทิ้ง เป็นระบบที่มีความสําคัญอย่างมากในโครงการที่พักอาศัย โรงแรม และอาคารสํานักงานต่างๆ ดังนั้น การเลือกระบบวาล์วเติมอากาศ DURGO AVVs ทดแทนท่ออากาศแบบเก่า จะทำให้เจ้าของโครงการตลอดจนผู้อาศัย ได้รับประโยชน์มากมาย
|
||||
</p>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-8 my-8">
|
||||
<div class="text-center">
|
||||
<img src="/images/durgo-avvs/durgo-004.jpg" alt="ลดค่าใช้จ่าย" class="w-16 h-16 mx-auto mb-3 object-contain" width="64" height="64" loading="lazy" decoding="async" />
|
||||
<h4 class="text-lg font-bold text-secondary-900 mb-2">ลดค่าใช้จ่าย</h4>
|
||||
<p class="text-base text-secondary-700">วัสดุท่อนํ้าทิ้ง ค่าแรง และลดระยะเวลาในการก่อสร้าง</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="/images/durgo-avvs/durgo-008.jpg" alt="มั่นใจได้" class="w-16 h-16 mx-auto mb-3 object-contain" width="64" height="64" loading="lazy" decoding="async" />
|
||||
<h4 class="text-lg font-bold text-secondary-900 mb-2">มั่นใจได้</h4>
|
||||
<p class="text-base text-secondary-700">จากการยอมรับ และการใช้งานในต่างประเทศมานาน กว่า 50 ปี</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="/images/durgo-avvs/durgo-005.jpg" alt="เพิ่มมูลค่า" class="w-16 h-16 mx-auto mb-3 object-contain" width="64" height="64" loading="lazy" decoding="async" />
|
||||
<h4 class="text-lg font-bold text-secondary-900 mb-2">เพิ่มมูลค่า</h4>
|
||||
<p class="text-base text-secondary-700">สามารถลดปริมาณ หรือไม่ต้องใช้ท่ออากาศภายในอาคาร ลดขนาดช่องชาร์ปทําให้เพิ่มพื้นที่ขาย และพื้นที่ใช้สอยได้มากขึ้น</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="/images/durgo-avvs/durgo-009.jpg" alt="ยับยั้งการลามไฟ" class="w-16 h-16 mx-auto mb-3 object-contain" width="64" height="64" loading="lazy" decoding="async" />
|
||||
<h4 class="text-lg font-bold text-secondary-900 mb-2">ยับยั้งการลามไฟ</h4>
|
||||
<p class="text-base text-secondary-700">เมื่อเกิดเหตุเพลิงไหม้ เพราะอากาศเข้าในอาคารน้อยลง เมื่อเทียบกับระบบเก่า</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="/images/durgo-avvs/durgo-006.jpg" alt="ลดกลิ่น" class="w-16 h-16 mx-auto mb-3 object-contain" width="64" height="64" loading="lazy" decoding="async" />
|
||||
<h4 class="text-lg font-bold text-secondary-900 mb-2">ลดกลิ่น</h4>
|
||||
<p class="text-base text-secondary-700">ในระบบเก่ามักมีปัญหากลิ่นเหม็นจากระบบท่อนํ้าทิ้ง ทั้งภายในอาคาร และนอกอาคาร</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="/images/durgo-avvs/durgo-010.jpg" alt="ตอบโจทย์ทุกการใช้งาน" class="w-16 h-16 mx-auto mb-3 object-contain" width="64" height="64" loading="lazy" decoding="async" />
|
||||
<h4 class="text-lg font-bold text-secondary-900 mb-2">ตอบโจทย์ทุกการใช้งาน</h4>
|
||||
<p class="text-base text-secondary-700">สินค้าหลากหลายติดตั้งกับท่อประเภทต่างๆ (มาตรฐาน EN/JIS) ได้ทุกชนิด</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="/images/durgo-avvs/durgo-007.jpg" alt="ป้องกันเชื้อโรค" class="w-16 h-16 mx-auto mb-3 object-contain" width="64" height="64" loading="lazy" decoding="async" />
|
||||
<h4 class="text-lg font-bold text-secondary-900 mb-2">ป้องกันเชื้อโรค</h4>
|
||||
<p class="text-base text-secondary-700">ที่ปะปนมากับอากาศภายในท่อนํ้าทิ้งระบบเก่าไม่ให้แพร่กระจายเข้าสู่ห้องพักส่วนต่างๆ ภายในอาคารได้</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="/images/durgo-avvs/durgo-011.jpg" alt="ลดอัตราการถ่ายเทอากาศ" class="w-16 h-16 mx-auto mb-3 object-contain" width="64" height="64" loading="lazy" decoding="async" />
|
||||
<h4 class="text-lg font-bold text-secondary-900 mb-2">ลดอัตราการถ่ายเทอากาศ</h4>
|
||||
<p class="text-base text-secondary-700">ในขณะที่ระบบไม่ถูกใช้งานจึงทําให้น้ำใน Trap (ตัวดักกลิ่น) ระเหยช้าลง และไม่ถูกดูดออกไป ซึ่งจะเป็นสาเหตุหลักของการเกิดกลิ่นเหม็น</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="my-8 max-w-2xl mx-auto">
|
||||
<img src="/images/durgo-avvs/durgo-012.jpg" alt="INTERNATIONAL STANDARD" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">หลักการทำงานของวาล์วเติมอากาศ DURGO AVVs</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
<strong>ระบบวาล์วเติมอากาศ DURGO AVVs</strong> ทดแทนท่อระบายอากาศของระบบท่อน้ำทิ้งแบบเก่า จะช่วยเพิ่มประสิทธิภาพของการเติมอากาศเข้าระบบ และช่วยป้องกันไม่ให้น้าถูกดึงออกจาก Trap (ตัวดักกลิ่น) ซึ่งเป็นสาเหตุหลักของการเกิดกลิ่นเหม็น และลดการแพร่เชื้อโรคที่มากับอากาศภายในระบบท่อน้้าทิ้งได้อย่างดี
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ซึ่งอาศัยแรงดันที่เกิดขึ้นจากการระบายน้ำในระบบน้ำทิ้ง ทั้งแรงดันบวก (Positive Pressure) และแรงดันลบ (Negative Pressure) โดยมีขั้นตอนการทํางาน ดังนี้
|
||||
</p>
|
||||
<ul class="list-disc pl-6 space-y-2 text-lg text-secondary-700">
|
||||
<li>ขณะที่แรงดันของระบบสมดุล ยังไม่มีการระบายน้ำเสีย แรงดันของอากาศปกติจะกดแผ่น Disc Valve และแผ่นซีลยาง EPDM ให้ปิดสนิท กลิ่นเหม็น และเชื้อโรคภายในท่อระบายน้ำเสีย จะไม่สามารถแพร่ออกสู่ภายนอกได้</li>
|
||||
<li>เมื่อมีการระบายน้ำจะทําให้แรงดันในระบบเสียสมดุล และเกิดแรงดันลบในระบบ เมื่อแรงดันลบมีค่ามากพอจะทําให้แผ่นชีลยาง EPDM และแผ่น Disc Valve ยกต้วขึ้น (วาล์วเปิด) และเติมอากาศเข้าไปในระบบ</li>
|
||||
<li>เมื่อการระบายน้ำเสร็จสิ้น แรงดันลบในระบบลดน้อยลง ระบบกลับสู่สมดุล แผ่นซีลยาง EPDM และแผ่น Disc Valve จะตกมาที่ตําแหน่งเดิม (วาล์วปิด) กลับสู่สภาวะปกติ</li>
|
||||
</ul>
|
||||
|
||||
<div class="my-8">
|
||||
<img src="/images/durgo-avvs/durgo-013.jpg" alt="หลักการทำงาน" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">เปรียบเทียบการออกแบบระบบระบายน้ำทิ้ง</h3>
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/durgo-avvs/durgo-014.jpg" alt="ระบบเดิม" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/durgo-avvs/durgo-015.jpg" alt="ระบบ DURGO" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/durgo-avvs/durgo-016.jpg" alt="เปรียบเทียบ" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">หลักการออกแบบระบบระบายน้ำ และเติมอากาศที่สมบูรณ์</h3>
|
||||
<div class="my-8">
|
||||
<img src="/images/durgo-avvs/durgo-017.jpg" alt="หลักการออกแบบ" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
กราฟแรงดันลบของระบบระบายน้ำแบบเก่า (สีน้ำเงิน) แสดงลักษณะการเปลี่ยนแปลงของแรงดันอากาศภายในท่อระบายน้ำหลักแนวดิ่งขณะที่มีการระบายน้ำสําหรับระบบระบายน้ำทิ้งแบบใช้ท่ออากาศ เมื่อมีการระบายน้ำภายในท่อระบายน้ำหลักแนวดึ่ง แรงดันลบจะเกิดขึ้นและเพิ่มขึ้นตามปริมาณของน้ำที่ระบายภายในท่อ
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
กราฟแรงดันลบของระบบระบายน้ำที่ใช้ DURGO AVVs (สีฟ้า) เมื่อติดตั้ง <strong>วาล์วเติมอากาศ DURGO AVVs</strong> แทนระบบท่ออากาศเดิม จากกราฟจะเห็นว่า ลักษณะการเปลี่ยนแปลงของแรงดันลบและบวกภายในท่อน้ำทิ้งมีความสมดุลมากขึ้น
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">กระบวนการจัดการกับแรงดันบวก</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
การจัดการกับแรงดันบวกในระบบของ <strong>วาล์วเติมอากาศ DURGO AVVs</strong> เป็นวิธีอันชาญฉลาด ประหยัด และมีระสิทธิภาพดีที่สุด ได้การรับรองมาตรฐาน SHASE ของประเทศญี่ปุ่น
|
||||
</p>
|
||||
<div class="my-8">
|
||||
<img src="/images/durgo-avvs/durgo-018.jpg" alt="กระบวนการจัดการแรงดันบวก" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
โดยหลักการคือ ขยายขนาดข้องอ 45 ที่ตำแหน่งข้องอสุดท้าย ก่อนที่จะเปลี่ยนทิศทางการไหลจากแนวดิ่งเป็นแนวราบ โดยขยายขนาดให้ใหญ่กว่าท่อระบายน้ำหลักแนวดิ่ง (Main Stack) 1 ขนาด เช่น จากท่อขนาด 4 นิ้ว ขยายเป็นข้องอและท่อขนาด 5 นิ้ว
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ในกรณีที่มีความจำเป็นต้องต่อท่อระบายน้ำเสียจากจุดอื่นเข้ากับท่อระบายน้ำหลักแนวนอน ให้เว้นระยะห่างจากตำแหน่งข้องอสุดท้าย 3 เมตร
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
หากมีการออกแบบระบบท่อน้ำทิ้งเป็นแบบ Single Stack คือระบบที่รวมท่อน้ำโสโครก (Soil) และท่อน้ำเสีย (Waste) เข้าด้วยกัน ให้ใช้หลักการขยายขนาดข้องอสุดท้าย โดยขยายขนาดให้ใหญ่กว่าท่อระบายน้ำหลักแนวดิ่ง 2 ขนาด เช่น จากท่อขนาด 4 นิ้ว ขยายเป็นข้องอและท่อขนาด 6 นิ้ว
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">NEW DEVELOPMENT</h3>
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/durgo-avvs/durgo-019.jpg" alt="NEW DEVELOPMENT 1" class="max-w-md w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/durgo-avvs/durgo-020.jpg" alt="NEW DEVELOPMENT 2" class="max-w-md w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
<strong>วาล์วเติมอากาศ DURGO AVVs</strong> ผลิตจากพลาสติก ABS ทำให้มีความแข็งแรง และซีลยางผลิตจาก EPDM เพื่ออายุการใช้งานที่ยาวนาน
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">PRODUCT RANGE</h3>
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/durgo-avvs/durgo-021.jpg" alt="PRODUCT RANGE 1" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/durgo-avvs/durgo-022.jpg" alt="PRODUCT RANGE 2" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ขนาดของวาล์วเติมอากาศ DURGO AVVs</h3>
|
||||
<div class="my-8">
|
||||
<img src="/images/durgo-avvs/durgo-023.jpg" alt="ขนาด" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">เกณฑ์การเลือกใช้วาล์วเติมอากาศ DURGO AVVs</h3>
|
||||
<div class="my-8">
|
||||
<img src="/images/durgo-avvs/durgo-024.jpg" alt="เกณฑ์การเลือกใช้" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">เทคนิคและข้อกำหนดขั้นต้นในการติดตั้งวาล์วเติมอากาศ DURGO AVVs</h3>
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/durgo-avvs/durgo-025.jpg" alt="การติดตั้ง 1" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/durgo-avvs/durgo-026.jpg" alt="การติดตั้ง 2" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<ul class="list-disc pl-6 space-y-2 text-lg text-secondary-700">
|
||||
<li>การติดตั้งวาล์วเติมอากาศ DURGO AVVs จะต้องตั้งฉากกับระดับนํ้า ค่าความคลาดเคลื่อนในการติดตั้งไม่ควรเอียงเกิน 5 องศา และห้ามติดตั้งในแนวนอนเด็ดขาด</li>
|
||||
<li>ในการออกแบบ ต้องคํานึงถึงตําแหน่งในการติดตั้ง ไม่ควรติดตั้งวาล์วเติมอากาศ DURGO AVVs ในบริเวณที่อับอากาศและไม่ควรติดตั้งในที่ที่มีอากาศเสีย ปล่องควัน หรือที่ที่มีก๊าซอันตราย</li>
|
||||
<li>วาส์วเติมอากาศ DURGO AVVs ควรติดตั้งในอาคาร หากติดตั้งภายนอกอาคาร ต้องมีวัสดุกันแสงแดดหรืออลูมิเนียมอัลลอยป้องกันบริเวณหัววาล์วเติมอากาศ DURGO AVVs</li>
|
||||
<li>การติดตั้งวาล์วเติมอากาศ DURGO AVVs ห้ามติดตั้งตํากว่าระดับ Flood Level ของอุปกรณ์สุขภัณฑ์ 1 เมตร</li>
|
||||
<li>ในการติดตั้งวาล์วเติมอากาศ DURGO AVVs เมื่อประกอบวาล์วเข้ากับท่อระบายนํ้าเรียบร้อยแล้ว และยังอยู่ในระหว่างการก่อสร้าง ต้องครอบด้วยถุงพลาสติก รัดให้แน่น เพื่อป้องกันฝุ่นหรือเศษผงที่เกิดขึ้นระหว่างการก่อสร้างไปติดบริเวณซีลยาง EPDM เมื่อการก่อสร้างเสร็จเรียบร้อยจึงถอดถุงพลาสติกออกเพื่อการใช้งาน</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">การบำรุงรักษา</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
<strong>วาล์วเติมอากาศ DURGO AVVs</strong> ใช้หลักการตามธรรมชาติของความสมคุลแรงดันในระบบ ไม่ใช้ระบบไฟฟ้าหรือเครื่องกล จึงไม่มีความจําเป็นต้องบํารุงรักษาเป็นพิเศษ แต่ในกรณีที่คํานึงถึงการใช้งานที่มีปัจจัยไม่แน่นอน ควรเตรียมช่องเปิดสําหรับการบํารุงรักษา ขนาด 300 mm x 300 mm ขึ้นไป
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">SOME OF OUR PROJECT REFERENCES</h3>
|
||||
<div class="my-8">
|
||||
<img src="/images/durgo-avvs/durgo-027.jpg" alt="Project References" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Range Section -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-8 text-center">ผลิตภัณฑ์วาล์วเติมอากาศ DURGO AVVs</h2>
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-6">
|
||||
<strong>วาล์วเติมอากาศ DURGO AVVs</strong> มีหลากหลายรุ่นและขนาดเพื่อตอบสนองความต้องการในการใช้งานที่แตกต่างกัน ผลิตจากวัสดุคุณภาพสูงได้มาตรฐานสากล รองรับการใช้งานทั้งในอาคารที่พักอาศัย อาคารสำนักงาน โรงแรม โรงงานอุตสาหกรรม และโครงการขนาดใหญ่
|
||||
</p>
|
||||
<div class="grid md:grid-cols-2 gap-6 my-8">
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">DURGO Air Valve (Standard)</h3>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
<li>• ขนาด: 1" - 6" (DN25 - DN150)</li>
|
||||
<li>• วัสดุ: ABS Body + EPDM Seal</li>
|
||||
<li>• มาตรฐาน: EN/JIS Compliant</li>
|
||||
<li>• อุณหภูมิใช้งาน: -20°C ถึง +60°C</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">DURGO AVVs (Anti-Siphon)</h3>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
<li>• ป้องกันการดูดน้ำจาก Trap</li>
|
||||
<li>• รองรับ Negative Pressure สูง</li>
|
||||
<li>• ซีลยาง EPDM ทนทาน</li>
|
||||
<li>• อายุการใช้งานยาวนาน</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">DURGO Mini Valve</h3>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
<li>• ขนาดเล็ก สำหรับท่อขนาด 1" - 2"</li>
|
||||
<li>• เหมาะสำหรับอาคารที่พักอาศัย</li>
|
||||
<li>• ติดตั้งง่าย น้ำหนักเบา</li>
|
||||
<li>• ราคาคุ้มค่า</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">DURGO Waste Air Valve</h3>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
<li>• ออกแบบสำหรับระบบ Waste Line</li>
|
||||
<li>• รองรับอัตราการไหลสูง</li>
|
||||
<li>• ทนต่อแรงดันบวก (Positive Pressure)</li>
|
||||
<li>• ได้รับมาตรฐาน SHASE (ญี่ปุ่น)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-8">
|
||||
<img src="/images/durgo-avvs/durgo-021.jpg" alt="DURGO Product Range" class="w-full h-auto rounded-lg shadow-md" width="800" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Application Guide Section -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-8 text-center">การประยุกต์ใช้งานวาล์วเติมอากาศ DURGO AVVs</h2>
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-8">
|
||||
<strong>วาล์วเติมอากาศ DURGO AVVs</strong> ถูกออกแบบมาเพื่อแก้ปัญหาระบบท่อระบายน้ำทิ้งแบบดั้งเดิม ใช้งานได้หลากหลายรูปแบบในอุตสาหกรรมและการก่อสร้างต่างๆ
|
||||
</p>
|
||||
<div class="grid md:grid-cols-3 gap-6 my-8">
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 mx-auto mb-4 bg-primary-100 rounded-full flex items-center justify-center">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">อาคารที่พักอาศัย</h3>
|
||||
<p class="text-secondary-700">บ้านเดี่ยว คอนโด อพาร์ตเมนต์ ทาวน์เฮาส์ ที่ต้องการระบบระบายน้ำทิ้งที่มีประสิทธิภาพและไม่มีกลิ่นเหม็น</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 mx-auto mb-4 bg-primary-100 rounded-full flex items-center justify-center">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">อาคารสำนักงานและโรงแรม</h3>
|
||||
<p class="text-secondary-700">อาคารสำนักงาน โรงแรม ห้างสรรพสินค้า ศูนย์การค้า ที่ต้องการระบบสุขาภิบาลที่เชื่อถือได้</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 mx-auto mb-4 bg-primary-100 rounded-full flex items-center justify-center">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">โรงงานอุตสาหกรรม</h3>
|
||||
<p class="text-secondary-700">โรงงานผลิต โรงงานแปรรูปอาหาร โรงงานเคมี ที่ต้องการระบบระบายน้ำทิ้งที่ทนทานและได้มาตรฐาน</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 mx-auto mb-4 bg-primary-100 rounded-full flex items-center justify-center">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">โรงพยาบาลและสถานพยาบาล</h3>
|
||||
<p class="text-secondary-700">โรงพยาบาล คลินิก ศูนย์ดูแลผู้สูงอายุ ที่ต้องการความสะอาดและป้องกันการแพร่กระจายของเชื้อโรค</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 mx-auto mb-4 bg-primary-100 rounded-full flex items-center justify-center">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">สถานศึกษา</h3>
|
||||
<p class="text-secondary-700">โรงเรียน มหาวิทยาลัย สถาบันการศึกษา ที่มีผู้ใช้งานจำนวนมากต้องการระบบสุขาภิบาลที่มีประสิทธิภาพ</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 mx-auto mb-4 bg-primary-100 rounded-full flex items-center justify-center">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">โครงการก่อสร้างใหม่</h3>
|
||||
<p class="text-secondary-700">โครงการอาคารชุด โครงการหมู่บ้านจัดสรร โครงการพัฒนาพื้นที่ ที่ต้องการระบบระบายน้ำที่ทันสมัย</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-primary-50 p-6 rounded-xl border border-primary-200 my-8">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ข้อดีในการใช้ DURGO AVVs แทนท่ออากาศแบบเดิม</h3>
|
||||
<ul class="space-y-3 text-secondary-700">
|
||||
<li class="flex items-start gap-3">
|
||||
<svg class="w-6 h-6 text-primary-600 flex-shrink-0 mt-0.5" 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 gap-3">
|
||||
<svg class="w-6 h-6 text-primary-600 flex-shrink-0 mt-0.5" 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 gap-3">
|
||||
<svg class="w-6 h-6 text-primary-600 flex-shrink-0 mt-0.5" 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 gap-3">
|
||||
<svg class="w-6 h-6 text-primary-600 flex-shrink-0 mt-0.5" 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 gap-3">
|
||||
<svg class="w-6 h-6 text-primary-600 flex-shrink-0 mt-0.5" 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับวาล์วเติมอากาศ DURGO AVVs</h2>
|
||||
<div class="max-w-3xl mx-auto">
|
||||
<div class="space-y-4">
|
||||
<div class="bg-white rounded-xl shadow-sm overflow-hidden">
|
||||
<div class="p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">1. วาล์วเติมอากาศ DURGO AVVs ต่างจากท่ออากาศแบบเดิมอย่างไร?</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
วาล์วเติมอากาศ DURGO AVVs ทำงานด้วยหลักการสมดุลแรงดันในระบบ (Pressure Balance) โดยจะเปิดเมื่อมีแรงดันลบ (Negative Pressure) เกิดขึ้นในระบบท่อระบายน้ำ และปิดอัตโนมัติเมื่อระบบกลับสู่สภาวะปกติ ต่างจากท่ออากาศแบบเดิมที่เปิดอยู่ตลอดเวลา ทำให้กลิ่นเหม็นและเชื้อโรคสามารถแพร่กระจายเข้าสู่อาคารได้
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm overflow-hidden">
|
||||
<div class="p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">2. DURGO AVVs มีอายุการใช้งานนานเท่าไหร่?</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
วาล์วเติมอากาศ DURGO AVVs ผลิตจากพลาสติก ABS ที่มีความแข็งแรงสูง ร่วมกับซีลยาง EPDM ที่ทนทานต่อการเสื่อมสภาพ สามารถใช้งานได้นานกว่า 20 ปี ขึ้นอยู่กับสภาพการใช้งานและการบำรุงรักษา โดยไม่ต้องเปลี่ยนชิ้นส่วนหรือบำรุงรักษาเป็นพิเศษ
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm overflow-hidden">
|
||||
<div class="p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">3. DURGO AVVs เหมาะกับอาคารประเภทใด?</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
วาล์วเติมอากาศ DURGO AVVs เหมาะสำหรับอาคารทุกประเภท ไม่ว่าจะเป็นอาคารที่พักอาศัย อาคารสำนักงาน โรงแรม ห้างสรรพสินค้า โรงงานอุตสาหกรรม โรงพยาบาล และสถานศึกษา สามารถติดตั้งกับท่อระบายน้ำทิ้งที่ใช้มาตรฐาน EN หรือ JIS ได้ทุกชนิด
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm overflow-hidden">
|
||||
<div class="p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">4. การติดตั้ง DURGO AVVs ต้องใช้ขนาดท่อเท่าไหร่?</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
การเลือกขนาดวาล์วเติมอากาศ DURGO AVVs ขึ้นอยู่กับขนาดของท่อระบายน้ำหลัก (Main Stack) โดยทั่วไปสามารถเลือกใช้ได้ตั้งแต่ขนาด 1 นิ้ว ถึง 6 นิ้ว (DN25 - DN150) ตามขนาดของท่อระบายน้ำที่ใช้งาน สำหรับอาคารที่พักอาศัยมักใช้ขนาด 3-4 นิ้ว สำหรับอาคารขนาดใหญ่อาจใช้ขนาด 5-6 นิ้ว
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl shadow-sm overflow-hidden">
|
||||
<div class="p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">5. DURGO AVVs ได้รับมาตรฐานอะไรบ้าง?</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
วาล์วเติมอากาศ DURGO AVVs ได้รับการรับรองมาตรฐานหลายระดับ ได้แก่ มาตรฐาน EN (ยุโรป) และมาตรฐาน JIS (ญี่ปุ่น) สำหรับขนาดและการติดตั้ง นอกจากนี้ยังได้รับการรับรองมาตรฐาน SHASE จากประเทศญี่ปุ่นสำหรับการจัดการกับแรงดันบวก (Positive Pressure) ซึ่งเป็นมาตรฐานที่โรงงานและโครงการขนาดใหญ่ในญี่ปุ่นนิยมใช้
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
360
src/pages/grilles/index.astro
Normal file
360
src/pages/grilles/index.astro
Normal file
@@ -0,0 +1,360 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "กริลแอร์พลาสติก Grilles",
|
||||
"description": "จำหน่ายกริลแอร์พลาสติก (Grilles air plastic) คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/grilles_000C.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/grilles",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="กริลแอร์พลาสติก (Grilles air plastic)" description="จำหน่ายกริลแอร์พลาสติก (Grilles air plastic)คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/products-cropped/grilles_000C.jpg" alt="กริลแอร์พลาสติก" 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 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">
|
||||
กริลแอร์
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">กริลแอร์ (Grilles air)</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
จำหน่ายกริลแอร์พลาสติก (ABS) และอลูมิเนียม คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 bg-green-500/20 rounded px-3 py-1">
|
||||
<svg class="w-5 h-5 text-green-300" 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-green-300 font-semibold">ไม่เกิดหยดน้ำ</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none space-y-8 mb-8">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
หลายคนอาจเรียกอุปกรณ์นี้ว่า "ตะแกรงแอร์" หรือ "หน้ากากช่องลม" แต่ชื่อที่ถูกต้องและเป็นทางการคือ <strong>หน้ากากแอร์ (Air Grille and Diffuser)</strong> อุปกรณ์นี้ทำหน้าที่เป็นจุดเชื่อมต่อระหว่างระบบท่อส่งลมเย็นกับพื้นที่ใช้งาน หน้ากากแอร์ไม่ได้เป็นเพียงแค่ส่วนตกแต่ง แต่ยังมีบทบาทสำคัญในการกระจายลมเย็นให้ทั่วถึงและมีประสิทธิภาพ
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">หน้าที่หลักของหน้ากากแอร์</h3>
|
||||
|
||||
<h4 class="text-xl font-semibold text-secondary-800 mt-6 mb-2">1. ควบคุมทิศทางลม</h4>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
หน้ากากแอร์มีบานเกล็ด (Louver) ที่สามารถปรับได้ ทำให้เราสามารถควบคุมทิศทางการกระจายลมเย็นได้ตามต้องการ
|
||||
</p>
|
||||
|
||||
<h4 class="text-xl font-semibold text-secondary-800 mt-6 mb-2">2. กระจายลมอย่างสม่ำเสมอ</h4>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
หน้ากากแอร์ถูกออกแบบมาเพื่อกระจายลมเย็นจากท่อให้ครอบคลุมพื้นที่กว้างขึ้น ไม่ให้ลมพุ่งแรงไปที่จุดใดจุดหนึ่งเพียงอย่างเดียว
|
||||
</p>
|
||||
|
||||
<h4 class="text-xl font-semibold text-secondary-800 mt-6 mb-2">3. กรองฝุ่นเบื้องต้น</h4>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
หน้ากากแอร์บางรุ่นมีช่องสำหรับใส่แผ่นกรองอากาศ ช่วยดักจับฝุ่นละอองขนาดใหญ่ก่อนที่ลมจะถูกส่งเข้าไปในห้อง
|
||||
</p>
|
||||
|
||||
<h4 class="text-xl font-semibold text-secondary-800 mt-6 mb-2">4. ความสวยงาม</h4>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
หน้ากากแอร์มีหลายรูปแบบและหลายวัสดุให้เลือกใช้ สามารถติดตั้งให้เข้ากับการออกแบบภายในของอาคารได้อย่างลงตัว
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/grilles/fresh-air1-content-1.jpg" alt="Fresh Air" class="max-w-md w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/grilles/grilles-plastic-content.jpg" alt="กริลแอร์พลาสติก" class="max-w-md w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ประเภทของหน้ากากแอร์</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
หน้ากากแอร์แบ่งออกเป็นหลายประเภทตามลักษณะการใช้งานและการติดตั้ง แต่ที่นิยมใช้กันทั่วไปได้แก่
|
||||
</p>
|
||||
<ul class="list-disc pl-6 space-y-2 text-lg text-secondary-700">
|
||||
<li><strong>หน้ากากแอร์แบบสี่เหลี่ยมจัตุรัส (Square Diffuser):</strong> เหมาะสำหรับห้องทั่วไปและสำนักงาน มีลักษณะเป็นช่องตารางสี่เหลี่ยม ช่วยกระจายลมเย็นออกไปในหลายทิศทาง</li>
|
||||
<li><strong>หน้ากากแอร์แบบสี่เหลี่ยมผืนผ้า (Linear Diffuser):</strong> นิยมใช้ในพื้นที่ยาว เช่น ทางเดินหรือห้องโถง ทำให้ลมกระจายไปตามแนวขนานอย่างสม่ำเสมอ</li>
|
||||
<li><strong>หน้ากากแอร์แบบกลม (Round Diffuser):</strong> เหมาะสำหรับการติดตั้งในเพดานที่ต้องการความกลมกลืน เช่น ห้องประชุมหรือพื้นที่ที่มีการออกแบบเป็นทรงโค้ง</li>
|
||||
<li><strong>หน้ากากแอร์แบบหัวเจ็ต (Jet Diffuser):</strong> ออกแบบมาเพื่อส่งลมเย็นได้ไกลกว่าปกติ เหมาะสำหรับพื้นที่ที่มีเพดานสูง เช่น โกดังหรือโรงงานอุตสาหกรรม</li>
|
||||
</ul>
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/grilles/linear-slot-content.jpg" alt="Linear Slot" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/grilles/air-grille-content.jpg" alt="หน้ากากแอร์" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ทำไมต้องเลือกหน้ากากแอร์จากเรา?</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ในฐานะผู้ผลิต <strong>หน้ากากแอร์</strong> ที่มีประสบการณ์ยาวนาน เราเข้าใจถึงความต้องการที่แตกต่างกันของลูกค้า เราจึงใส่ใจในทุกขั้นตอนการผลิต ตั้งแต่การเลือกใช้วัสดุคุณภาพสูง เช่น อลูมิเนียมเกรดดีที่ทนทานต่อการกัดกร่อน ไปจนถึงการออกแบบที่พิถีพิถันเพื่อให้หน้ากากแอร์ทุกชิ้นของเราทำงานได้อย่างเต็มประสิทธิภาพ
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
<strong>หน้ากากแอร์ของเรา</strong> ไม่เพียงแต่ช่วยให้ระบบปรับอากาศทำงานได้อย่างราบรื่นและประหยัดพลังงานเท่านั้น แต่ยังช่วยยกระดับความสวยงามของพื้นที่ให้ดูทันสมัยและเป็นมืออาชีพ
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ถ้าคุณกำลังมองหาหน้ากากแอร์ที่ตอบโจทย์ทั้งด้านคุณภาพ ดีไซน์ และประสิทธิภาพ อย่าลังเลที่จะติดต่อเรา เราพร้อมให้คำปรึกษาและนำเสนอโซลูชันที่ดีที่สุดสำหรับคุณ
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/grilles/fresh-air1-content-2.jpg" alt="Fresh Air" class="max-w-md w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/grilles/supply-air-content.jpg" alt="Supply Air" class="max-w-md w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">หน้ากากแอร์: รู้จักประเภทก่อนเลือกซื้อ</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
หน้ากากแอร์ (Air Grille) ไม่ได้มีแค่รูปแบบเดียว แต่มีหลายชนิดที่ถูกออกแบบมาเพื่อการใช้งานที่แตกต่างกัน การเลือกชนิดที่เหมาะสมจะช่วยเพิ่มประสิทธิภาพของระบบปรับอากาศและยกระดับความสวยงามของพื้นที่ได้อย่างลงตัว
|
||||
</p>
|
||||
|
||||
<h4 class="text-xl font-semibold text-secondary-800 mt-6 mb-2">ประเภทของหน้ากากแอร์ตามการใช้งาน</h4>
|
||||
<ul class="list-disc pl-6 space-y-2 text-lg text-secondary-700">
|
||||
<li><strong>Supply Air Grille (หน้ากากลมส่ง):</strong> เป็นหน้ากากแอร์ที่ทำหน้าที่จ่ายลมเย็นจากระบบปรับอากาศเข้าสู่พื้นที่ใช้งานโดยตรง หน้ากากชนิดนี้จึงถูกออกแบบมาให้สามารถควบคุมทิศทางและปริมาณลมได้อย่างแม่นยำ เพื่อให้ลมเย็นกระจายทั่วถึงทั้งห้องโดยไม่ทำให้เกิดลมปะทะที่แรงเกินไป</li>
|
||||
<li><strong>Return Air Grille (หน้ากากลมกลับ):</strong> ทำหน้าที่ดูดอากาศในห้องกลับเข้าสู่ระบบปรับอากาศเพื่อนำไปผ่านกระบวนการทำความเย็นอีกครั้ง หน้ากากชนิดนี้มักมีขนาดใหญ่กว่าหน้ากากลมส่ง เพื่อให้สามารถดูดลมกลับได้อย่างมีประสิทธิภาพ</li>
|
||||
<li><strong>Exhaust Air Grille (หน้ากากระบายอากาศ):</strong> ทำหน้าที่ระบายอากาศเสียหรืออากาศที่ไม่ต้องการออกจากพื้นที่ มักใช้ในห้องน้ำ ห้องครัว หรือพื้นที่ที่มีกลิ่นและความชื้นสะสม เพื่อช่วยให้อากาศภายในห้องหมุนเวียนและสะอาดขึ้น</li>
|
||||
</ul>
|
||||
|
||||
<h4 class="text-xl font-semibold text-secondary-800 mt-6 mb-2">ประเภทของหน้ากากแอร์ตามรูปแบบ</h4>
|
||||
|
||||
<h5 class="text-lg font-semibold text-secondary-800 mt-4 mb-2">Ceiling Diffuser (หน้ากากแอร์แบบติดเพดาน)</h5>
|
||||
<ul class="list-disc pl-6 space-y-2 text-lg text-secondary-700">
|
||||
<li><strong>Square Diffuser (แบบสี่เหลี่ยมจัตุรัส):</strong> เป็นที่นิยมอย่างมากในอาคารสำนักงานและที่พักอาศัย เพราะสามารถติดตั้งบนเพดานได้อย่างกลมกลืน สามารถจ่ายลมได้ 1, 2, 3 หรือ 4 ทิศทาง ทำให้ควบคุมทิศทางลมได้ง่าย</li>
|
||||
<li><strong>Round Diffuser (แบบกลม):</strong> ให้ความรู้สึกที่ดูนุ่มนวลและทันสมัย เหมาะกับพื้นที่ที่ต้องการการออกแบบที่โดดเด่น</li>
|
||||
</ul>
|
||||
|
||||
<h5 class="text-lg font-semibold text-secondary-800 mt-4 mb-2">Linear Diffuser (หน้ากากแอร์แบบแนวยาว)</h5>
|
||||
<ul class="list-disc pl-6 space-y-2 text-lg text-secondary-700">
|
||||
<li><strong>Linear Slot Diffuser (แบบช่องยาว):</strong> มีลักษณะเป็นช่องแคบๆ ยาวๆ ให้ความสวยงามและทันสมัย นิยมใช้ในโรงแรมหรืออาคารที่เน้นดีไซน์ มักถูกติดตั้งเป็นแนวยาวไปตามเพดานหรือผนัง</li>
|
||||
<li><strong>Linear Bar Grille (แบบซี่บาร์ยาว):</strong> มีลักษณะเป็นซี่บาร์เรียงต่อกันเป็นแนวยาว ให้ความรู้สึกเรียบหรูและมินิมอล สามารถติดตั้งได้ทั้งบนเพดานและผนัง</li>
|
||||
<li><strong>Jet Diffuser (หน้ากากแอร์แบบหัวเจ็ต):</strong> เป็นหน้ากากแอร์ที่สามารถส่งลมได้ไกลและพุ่งเป็นลำ เหมาะสำหรับพื้นที่ที่มีเพดานสูงมาก เช่น โกดัง โรงภาพยนตร์ หรือโรงงานอุตสาหกรรม</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">สรุป: เลือกหน้ากากแอร์ให้ตอบโจทย์การใช้งาน</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
การเลือกใช้หน้ากากแอร์ที่เหมาะสม ไม่เพียงแค่ช่วยให้ระบบปรับอากาศทำงานได้อย่างเต็มประสิทธิภาพ แต่ยังช่วยประหยัดพลังงานและเสริมความสวยงามให้แก่อาคารของคุณอีกด้วย ในฐานะผู้ผลิต เราพร้อมให้คำปรึกษาและผลิตหน้ากากแอร์คุณภาพสูงที่หลากหลาย เพื่อให้ตอบสนองความต้องการของทุกโครงการอย่างแท้จริง
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mt-4">
|
||||
<strong>สนใจหน้ากากแอร์คุณภาพสูง? ติดต่อ Deal Plus Tech วันนี้</strong> เพื่อรับคำแนะนำจากผู้เชี่ยวชาญ และพบกับผลิตภัณฑ์ที่จะยกระดับระบบปรับอากาศของคุณได้อย่างที่ต้องการ
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mt-4">
|
||||
<strong>ฟรี ไม่มีค่าใช้จ่าย</strong> แม้ว่าจะสั่งมากสั่งน้อย เราเป็นผู้ผลิตสามารถเสนอราคาที่เหมาะสมโดนใจแน่นอนครับ
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- ข้อมูลจำเพาะทางเทคนิค -->
|
||||
<div class="bg-gray-50 -mx-4 px-4 py-6 rounded-lg">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-4">ข้อมูลจำเพาะทางเทคนิค</h2>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-lg shadow-sm text-lg">
|
||||
<thead>
|
||||
<tr class="bg-primary-600 text-white">
|
||||
<th class="px-4 py-3 text-left">ประเภท</th>
|
||||
<th class="px-4 py-3 text-center">ขนาด</th>
|
||||
<th class="px-4 py-3 text-center">CFM</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y text-lg">
|
||||
<tr><td colspan="3" class="px-4 py-2 bg-gray-100 font-semibold">หน้ากากลมส่ง</td></tr>
|
||||
<tr><td class="px-4 py-3">Square Diffuser</td><td class="px-4 py-3 text-center">6x6 - 24x24"</td><td class="px-4 py-3 text-center">200-800</td></tr>
|
||||
<tr><td class="px-4 py-3">Linear Slot</td><td class="px-4 py-3 text-center">12" - 48"</td><td class="px-4 py-3 text-center">150-600</td></tr>
|
||||
<tr><td class="px-4 py-3">Jet Diffuser</td><td class="px-4 py-3 text-center">8" - 12"</td><td class="px-4 py-3 text-center">300-1200</td></tr>
|
||||
<tr><td colspan="3" class="px-4 py-2 bg-gray-100 font-semibold">หน้ากากลมกลับ</td></tr>
|
||||
<tr><td class="px-4 py-3">Standard</td><td class="px-4 py-3 text-center">10x10 - 36x36"</td><td class="px-4 py-3 text-center">300-1500</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- วิธีเลือกขนาด -->
|
||||
<div class="bg-white px-4 py-6">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-4">วิธีเลือกขนาด</h2>
|
||||
<div class="bg-blue-50 p-4 rounded-lg mb-4">
|
||||
<p class="font-mono text-secondary-900 text-lg">CFM ÷ 2 = พื้นที่ (ตร.นิ้ว)</p>
|
||||
<p class="text-secondary-600 mt-1">ตัวอย่าง: 400 CFM ÷ 2 = 200 ตร.นิ้ว → 14x14</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-3 gap-2 text-lg">
|
||||
<div><strong>6x6"</strong> - ห้องน้ำ</div>
|
||||
<div><strong>8x8"</strong> - ห้องนอน</div>
|
||||
<div><strong>10x10"</strong> - ห้องประชุมเล็ก</div>
|
||||
<div><strong>12x12"</strong> - ห้องรับแขก</div>
|
||||
<div><strong>14x14"</strong> - ห้องประชุมใหญ่</div>
|
||||
<div><strong>24x24"</strong> - พื้นที่ใหญ่</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- เปรียบเทียบวัสดุ -->
|
||||
<div class="bg-gray-50 -mx-4 px-4 py-6 rounded-lg">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-4">เปรียบเทียบวัสดุ</h2>
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<div class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<h3 class="font-bold text-secondary-900 mb-2 flex items-center gap-2">
|
||||
<span class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center">
|
||||
<svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4z"/></svg>
|
||||
</span>
|
||||
ABS Plastic
|
||||
</h3>
|
||||
<ul class="space-y-2 text-lg text-secondary-700">
|
||||
<li class="flex items-start gap-2"><span class="text-green-500">✓</span> ราคาประหยัด</li>
|
||||
<li class="flex items-start gap-2"><span class="text-green-500">✓</span> น้ำหนักเบา</li>
|
||||
<li class="flex items-start gap-2 bg-green-50 rounded px-2 py-1 border border-green-200"><span class="text-green-600 font-bold">★</span> <strong class="text-green-700">ไม่เกิดหยดน้ำ</strong></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<h3 class="font-bold text-secondary-900 mb-2 flex items-center gap-2">
|
||||
<span class="w-8 h-8 bg-gray-200 rounded-full flex items-center justify-center">
|
||||
<svg class="w-4 h-4 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg>
|
||||
</span>
|
||||
Aluminum
|
||||
</h3>
|
||||
<ul class="space-y-2 text-lg text-secondary-700">
|
||||
<li class="flex items-start gap-2"><span class="text-green-500">✓</span> ทนทานต่อการกัดกร่อน</li>
|
||||
<li class="flex items-start gap-2"><span class="text-green-500">✓</span> ดีไซน์หลากหลาย</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- คำถามที่พบบ่อย -->
|
||||
<div class="bg-white px-4 py-6">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-4">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-3 text-lg">
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">เลือก ABS หรือ Aluminum ดี?</h3>
|
||||
<p class="text-secondary-700">ABS ราคาถูกกว่า เหมาะกับบ้านเรือนทั่วไป ส่วน Aluminum แข็งแรงทนทานกว่า เหมาะกับอาคารสำนักงานหรือโรงงาน</p>
|
||||
</div>
|
||||
<div class="bg-primary-50 rounded-lg p-4 border border-primary-200">
|
||||
<h3 class="font-semibold text-primary-800 mb-2">ทำไม ABS ถึงไม่มีหยดน้ำขัง?</h3>
|
||||
<p class="text-primary-700">พื้นผิวพลาสติกเรียบลื่น ไม่มีรอยตะเข็บให้น้ำควบแน่นเกาะ ต่างจากโลหะที่อุณหภูมิเย็นกว่าจะทำให้เกิดหยดน้ำขังที่ผิว</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">สั่งทำขนาดพิเศษได้ไหม?</h3>
|
||||
<p class="text-secondary-700">ได้ครับ รับสั่งทำขนาดพิเศษตามต้องการ สอบถามราคาและระยะเวลาการผลิตได้เลย</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ข้อแนะนำการติดตั้ง -->
|
||||
<div class="bg-gray-50 -mx-4 px-4 py-6 rounded-lg">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-4">ข้อแนะนำการติดตั้ง</h2>
|
||||
<div class="grid md:grid-cols-2 gap-8">
|
||||
<div>
|
||||
<h3 class="text-lg font-semibold text-secondary-800 mb-4">ขั้นตอนการติดตั้ง</h3>
|
||||
<ol class="space-y-3 text-lg">
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-7 h-7 bg-primary-600 text-white rounded-full flex items-center justify-center">1</span><span class="text-secondary-700">วัดและทำเครื่องหมายตำแหน่งที่จะติดตั้ง</span></li>
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-7 h-7 bg-primary-600 text-white rounded-full flex items-center justify-center">2</span><span class="text-secondary-700">ตัดช่องเปิดตามขนาดหน้ากาก (เผื่อความกว้าง 1-2 ซม.)</span></li>
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-7 h-7 bg-primary-600 text-white rounded-full flex items-center justify-center">3</span><span class="text-secondary-700">ตรวจสอบระดับให้ตรง</span></li>
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-7 h-7 bg-primary-600 text-white rounded-full flex items-center justify-center">4</span><span class="text-secondary-700">ยึดกรอบหน้ากากด้วยสกรูหรือคลิปยึด</span></li>
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-7 h-7 bg-primary-600 text-white rounded-full flex items-center justify-center">5</span><span class="text-secondary-700">ติดตั้งตัวหน้ากากเข้ากับกรอบ</span></li>
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-7 h-7 bg-primary-600 text-white rounded-full flex items-center justify-center">6</span><span class="text-secondary-700">ปรับบานเกล็ดให้ได้ทิศทางลมที่ต้องการ</span></li>
|
||||
</ol>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-semibold text-secondary-800 mb-4">ข้อควรระวัง</h3>
|
||||
<ul class="space-y-3 text-lg">
|
||||
<li class="flex items-start gap-3"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">อย่าติดตั้งหน้ากากใกล้ม่านบังตาหรือผ้ามากเกินไป เพราะจะขวางทางลม</span></li>
|
||||
<li class="flex items-start gap-3"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">ควรเว้นระยะห่างจากผนังอย่างน้อย 15 ซม. เพื่อให้ลมกระจายได้ดี</span></li>
|
||||
<li class="flex items-start gap-3"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">ตรวจสอบความดันสถิตของระบบก่อนเลือกขนาด</span></li>
|
||||
<li class="flex items-start gap-3"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">อย่าใช้หน้ากากขนาดเล็กเกินไป เพราะจะทำให้ลมแรงและเกิดเสียงดัง</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- รูปภาพสินค้าเพิ่มเติม -->
|
||||
<div class="bg-white px-4 py-6">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
|
||||
<img src="/images/grilles/fresh-air-hing-type.jpg" alt="Fresh Air Hing Type" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/grilles/eye-ball.jpg" alt="Eye Ball" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/grilles/perforate.jpg" alt="Perforate" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/grilles/return-air-hing-type.jpg" alt="Return Air Hing Type" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/grilles/hi-flo-jet-diffuser.jpg" alt="Hi-Flo Jet Diffuser" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/grilles/louver-2.jpg" alt="Louver 2" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/grilles/rectangular.jpg" alt="Rectangular" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/grilles/round-ceiling.jpg" alt="Round Ceiling" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/grilles/linear-bar.jpg" alt="Linear Bar" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/grilles/louver-4.jpg" alt="Louver 4" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/grilles/return-air.jpg" alt="Return Air" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/grilles/square-ceiling.jpg" alt="Square Ceiling" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
248
src/pages/index.astro
Normal file
248
src/pages/index.astro
Normal file
@@ -0,0 +1,248 @@
|
||||
---
|
||||
import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
import Header from '../components/common/Header.astro';
|
||||
import Footer from '../components/common/Footer.astro';
|
||||
|
||||
const categories = [
|
||||
{ name: 'ไทยพีพีอาร์', slug: '/ท่อ-ppr-thai-ppr', image: '/images/products-cropped/ppr-pipe_000C.jpg' },
|
||||
{ name: 'ท่อ PPR ตราช้าง', slug: '/ท่อพีพีอาร์ตราช้าง', image: '/images/products-cropped/ppr-scg.jpg' },
|
||||
{ name: 'PP-R Poloplast', slug: '/pp-r-pp-rct-poloplast', image: '/images/poloplast/POLOPLAST_001.png' },
|
||||
{ name: 'ท่อ HDPE', slug: '/ท่อhdpe', image: '/images/products-cropped/hdpe001.png' },
|
||||
{ name: 'ท่อ UPVC', slug: '/ท่อ-upvc', image: '/images/products-cropped/upvc-pipe_000C.jpg' },
|
||||
{ name: 'ท่อ Syler', slug: '/ท่อไซเลอร์', image: '/images/products-cropped/syler-pipe-cold-water.jpg' },
|
||||
{ name: 'ท่อ PVC', slug: '/ท่อและข้อต่อpvc', image: '/images/products-cropped/pvc-standard-01.jpg' },
|
||||
{ name: 'ท่อ XYLENT', slug: '/ท่อระบายน้ำ-3-ชั้น-ไซเลนท', image: '/images/products-cropped/XYLENT_001.png' },
|
||||
{ name: 'เครื่องเชื่อม HDPE', slug: '/เครื่องเชื่อม-hdpe', image: '/images/HDPE-welding-crop.jpg' },
|
||||
{ name: 'เครื่องเชื่อม PPR', slug: '/เครื่องเชื่อมท่อพีพีอา', image: '/images/products-misc/ppr-welding-machine-main.jpg' },
|
||||
{ name: 'Pipe Coupling', slug: '/pipe-coupling', image: '/images/pipe-coupling/BG-SMC02.png' },
|
||||
{ name: 'DUKELARRSEN', slug: '/dukelarrsen', image: '/images/dukelarrsen/dukelarrsen-43.jpg' },
|
||||
{ name: 'เม็กกรู๊ฟ คับปลิ้ง', slug: '/เม็กกรู๊ฟ-คับปลิ้ง', image: '/images/products-misc/MECH_001.jpg' },
|
||||
{ name: 'วาล์ว', slug: '/วาล์ว-valve', image: '/images/products-cropped/valve_000C.jpg' },
|
||||
{ name: 'ปั๊มน้ำ', slug: '/water-pump', image: '/images/products-cropped/water-pump_000C.jpg' },
|
||||
{ name: 'ระบบกรองน้ำ', slug: '/water-treatment', image: '/images/products-cropped/water-treatment_000C.jpg' },
|
||||
{ name: 'หัวจ่ายแอร์', slug: '/หัวจ่ายแอร์-ball-jet', image: '/images/products-raw/ball-jet/main-ball-jet.jpg' },
|
||||
{ name: 'กริลแอร์', slug: '/grilles', image: '/images/products-cropped/grilles_000C.jpg' },
|
||||
{ name: 'DURGO วาล์วเติมอากาศ', slug: '/durgo-avvs', image: '/images/products-cropped/durgo_000C.jpg' },
|
||||
{ name: 'อุปกรณ์ดับเพลิง', slug: '/อุปกรณ์ดับเพลิง', image: '/images/products-cropped/extinguishers_000C.jpg' },
|
||||
{ name: 'Realflex', slug: '/realflex', image: '/images/products-cropped/realflex_000C.jpg' },
|
||||
{ name: 'ฉนวนหุ้มท่อ', slug: '/ฉนวนหุ้มท่อ-pipe-insulation', image: '/images/thermobreak/thermobreak-solarblock.png' },
|
||||
{ name: 'เทอร์โมเบรค', slug: '/เทอร์โมเบรค-thermobreak', image: '/images/thermobreak/thermobreak-solarblock.png' },
|
||||
{ name: 'รั้วเทวดา', slug: '/รั้วเทวดา', image: '/images/products-raw/tevada/TEVADA_001-987x1024.png' },
|
||||
{ name: 'ระบบรั้วไวน์แมน', slug: '/ระบบรั้วไวน์แมน-vineman-2', image: '/images/products-cropped/vineman_000C.jpg' },
|
||||
];
|
||||
|
||||
const featuredProducts = [
|
||||
{ name: 'ไทยพีพีอาร์', slug: '/ท่อ-ppr-thai-ppr', image: '/images/products-cropped/ppr-pipe_000C.jpg', description: 'ท่อ PPR คุณภาพสูง มาตรฐาน สำหรับงานประปาและอุตสาหกรรม' },
|
||||
{ name: 'กริลแอร์', slug: '/grilles', image: '/images/products-cropped/grilles_000C.jpg', description: 'กริลแอร์พลาสติก ระบายอากาศดี ทนทาน เหมาะสำหรับงานระบบปรับอากาศ' },
|
||||
{ name: 'เทอร์โมเบรค', slug: '/เทอร์โมเบรค-thermobreak', image: '/images/thermobreak/thermobreak-solarblock.png', description: 'ฉนวนหุ้มท่อกันความร้อน ประหยัดพลังงาน' },
|
||||
];
|
||||
---
|
||||
|
||||
<BaseLayout title="หน้าแรก">
|
||||
<Header slot="header" />
|
||||
|
||||
<!-- Hero Section with AI-Generated Industrial Image -->
|
||||
<section class="relative min-h-[600px] lg:min-h-[700px] flex items-center overflow-hidden">
|
||||
<!-- Background Image -->
|
||||
<div class="absolute inset-0 z-0">
|
||||
<img
|
||||
src="/images/hero-industrial-1.jpg"
|
||||
alt="Modern Industrial Warehouse"
|
||||
class="w-full h-full object-cover"
|
||||
loading="eager"
|
||||
fetchpriority="high"
|
||||
/>
|
||||
<!-- Dark Overlay for Text Readability -->
|
||||
<div class="absolute inset-0 bg-gradient-to-r from-steel-900/90 via-steel-900/70 to-steel-900/50"></div>
|
||||
<!-- Industrial Pattern Overlay -->
|
||||
<div class="absolute inset-0 opacity-10" style="background-image: url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%23ffffff" fill-opacity="0.4"%3E%3Cpath d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"></div>
|
||||
</div>
|
||||
|
||||
<!-- Hero Content -->
|
||||
<div class="container-custom relative z-10 py-16">
|
||||
<div class="max-w-3xl">
|
||||
<div class="stagger-container">
|
||||
<div class="stagger-item" data-delay="1">
|
||||
<span class="inline-flex items-center gap-2 px-4 py-1.5 bg-accent-500/90 text-white rounded-full text-sm font-medium mb-6">
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
|
||||
</svg>
|
||||
ผู้เชี่ยวชาญระบบน้ำ
|
||||
</span>
|
||||
</div>
|
||||
<h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold text-white mb-6 leading-tight stagger-item" data-delay="2">
|
||||
ระบบน้ำ คุณภาพสูง<br/>
|
||||
<span class="text-accent-400">ราคาโรงงาน</span>
|
||||
</h1>
|
||||
<p class="text-lg sm:text-xl text-white/90 mb-8 leading-relaxed max-w-2xl stagger-item" data-delay="3">
|
||||
บริษัท ดีล พลัส เทค จำกัด เราเป็นผู้เชี่ยวชาญด้านระบบน้ำ ให้คำแนะนำและจำหน่ายท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ HDPE รั้วตาข่าย คุณภาพสูง ราคาถูก
|
||||
</p>
|
||||
<div class="flex flex-wrap gap-4 stagger-item" data-delay="4">
|
||||
<a href="/all-products" class="inline-flex items-center gap-2 bg-accent-500 hover:bg-accent-600 text-white px-8 py-4 rounded-lg font-semibold transition-all duration-200 shadow-lg hover:shadow-xl hover:-translate-y-0.5">
|
||||
ดูสินค้าทั้งหมด
|
||||
<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="M17 8l4 4m0 0l-4 4m4-4H3" />
|
||||
</svg>
|
||||
</a>
|
||||
<a href="/contact-us" class="inline-flex items-center gap-2 bg-white/10 hover:bg-white/20 text-white px-8 py-4 rounded-lg font-semibold transition-all duration-200 border border-white/30 backdrop-blur-sm">
|
||||
<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>
|
||||
ติดต่อเรา
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Scroll Indicator -->
|
||||
<div class="absolute bottom-8 left-1/2 -translate-x-1/2 z-10 animate-bounce">
|
||||
<svg class="w-6 h-6 text-white/60" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3" />
|
||||
</svg>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-gray-100 py-12">
|
||||
<div class="container-custom">
|
||||
<div class="grid grid-cols-1 sm:grid-cols-3 gap-6 sm:gap-8 text-center">
|
||||
<div>
|
||||
<div class="text-4xl sm:text-5xl font-bold text-primary-600 tracking-tight">10+</div>
|
||||
<div class="text-sm sm:text-base text-steel-600 uppercase tracking-wider mt-2">ปีประสบการณ์</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-4xl sm:text-5xl font-bold text-primary-600 tracking-tight">1000+</div>
|
||||
<div class="text-sm sm:text-base text-steel-600 uppercase tracking-wider mt-2">โปรเจคต์สำเร็จ</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-4xl sm:text-5xl font-bold text-primary-600 tracking-tight">500+</div>
|
||||
<div class="text-sm sm:text-base text-steel-600 uppercase tracking-wider mt-2">สินค้าในคลัง</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="text-center mb-12">
|
||||
<span class="inline-block px-4 py-1.5 bg-primary-100 text-primary-700 rounded-full text-sm font-medium mb-4">
|
||||
สินค้าแนะนำ
|
||||
</span>
|
||||
<h2 class="section-title">สินค้ายอดนิยม</h2>
|
||||
<p class="section-subtitle mx-auto mt-4">สินค้าคุณภาพสูงจาก ดีล พลัส เทค</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-8 stagger-container">
|
||||
{featuredProducts.map((product, index) => (
|
||||
<a href={product.slug} class="card-hover group overflow-hidden block stagger-item" data-delay={index + 1}>
|
||||
<div class="relative h-72 overflow-hidden img-zoom">
|
||||
<img src={product.image} alt={product.name} class="w-full h-full object-cover" width="400" height="288" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<div class="absolute inset-0 bg-gradient-to-t from-steel-900/80 via-transparent to-transparent"></div>
|
||||
<div class="absolute bottom-0 left-0 right-0 p-6">
|
||||
<h3 class="text-lg font-bold text-white">{product.name}</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<p class="text-steel-600 mb-4">{product.description}</p>
|
||||
<span class="inline-flex items-center text-primary-600 font-semibold group-hover:text-primary-700 link-animate">
|
||||
ดูรายละเอียด
|
||||
<svg class="w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section gradient-mesh">
|
||||
<div class="container-custom">
|
||||
<div class="text-center mb-12">
|
||||
<span class="inline-block px-4 py-1.5 bg-primary-100 text-primary-700 rounded-full text-sm font-medium mb-4">
|
||||
หมวดหมู่สินค้า
|
||||
</span>
|
||||
<h2 class="section-title">สินค้าทั้งหมด</h2>
|
||||
<p class="section-subtitle mx-auto mt-4">เราจำหน่ายสินค้าระบบน้ำคุณภาพสูง ครบวงจร</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-6 stagger-container">
|
||||
{categories.map((cat, index) => (
|
||||
<a href={cat.slug} class="product-card group stagger-item" data-delay={((index % 8) + 1)}>
|
||||
<div class="product-card-image">
|
||||
<img src={cat.image} alt={cat.name} width="300" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h3 class="text-base font-bold text-steel-800 group-hover:text-primary-600 transition-colors text-center">{cat.name}</h3>
|
||||
</div>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section-dark">
|
||||
<div class="container-custom">
|
||||
<div class="text-center mb-12">
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
ทำไมเลือกเรา
|
||||
</span>
|
||||
<h2 class="section-title text-white">ความมุ่งมั่นของเรา</h2>
|
||||
<p class="section-subtitle mx-auto mt-4 text-white/70">ต่อคุณภาพและบริการที่ดีที่สุด</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-8 stagger-container">
|
||||
<div class="bg-white/10 backdrop-blur-lg rounded-2xl p-8 text-center border border-white/20 stagger-item" data-delay="1">
|
||||
<div class="w-16 h-16 bg-white rounded-2xl flex items-center justify-center mx-auto mb-6">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-white mb-4">คุณภาพสูง</h3>
|
||||
<p class="text-white/80">สินค้าคุณภาพมาตรฐาน มั่นใจได้ในความทนทาน</p>
|
||||
</div>
|
||||
<div class="bg-white/10 backdrop-blur-lg rounded-2xl p-8 text-center border border-white/20 stagger-item" data-delay="2">
|
||||
<div class="w-16 h-16 bg-white rounded-2xl flex items-center justify-center mx-auto mb-6">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-white mb-4">ราคาโรงงาน</h3>
|
||||
<p class="text-white/80">ราคาแข่งขันได้ คุ้มค่าต่อการลงทุน</p>
|
||||
</div>
|
||||
<div class="bg-white/10 backdrop-blur-lg rounded-2xl p-8 text-center border border-white/20 stagger-item" data-delay="3">
|
||||
<div class="w-16 h-16 bg-white rounded-2xl flex items-center justify-center mx-auto mb-6">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-white mb-4">จัดส่งรวดเร็ว</h3>
|
||||
<p class="text-white/80">จัดส่งทันใจ ส่งฟรี กทม. ปริมณฑล</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cta-gradient py-20">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-6">
|
||||
พร้อมให้คำปรึกษาฟรี
|
||||
</h2>
|
||||
<p class="text-xl text-white/80 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำเกี่ยวกับระบบน้ำที่เหมาะสมกับโปรเจคต์ของคุณ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
668
src/pages/pipe-coupling/index.astro
Normal file
668
src/pages/pipe-coupling/index.astro
Normal file
@@ -0,0 +1,668 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ข้อต่อท่อ SMC (Pipe Coupling)",
|
||||
"description": "จำหน่ายข้อต่อท่อ SMC (Pipe Coupling) คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/pipe-coupling/BG-SMC02.png",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/pipe-coupling",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ข้อต่อท่อ SMC (Pipe Coupling)" description="จำหน่ายข้อต่อท่อ SMC (Pipe Coupling) คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-glass p-8">
|
||||
<img src="/images/pipe-coupling/BG-SMC02.png" alt="ข้อต่อท่อ SMC" 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>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
ข้อต่อท่อ
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ข้อต่อท่อ SMC (Pipe Coupling)</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-4 leading-relaxed">
|
||||
จำหน่ายข้อต่อท่อ SMC (Pipe Coupling) คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Details -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-4">รายละเอียดสินค้า</h2>
|
||||
|
||||
<!-- Key Feature Text -->
|
||||
<div class="bg-primary-50 border-2 border-primary-200 rounded-xl p-6 mt-4 mb-6">
|
||||
<p class="text-xl sm:text-2xl font-bold text-primary-700 text-center">
|
||||
ไม่เชื่อม • ไม่กรู๊ฟ • ติดตั้งง่าย • แค่ขันน็อต
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h2 class="text-xl 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">
|
||||
<strong>ข้อต่อท่อ SMC</strong> เป็นระบบข้อต่อท่อที่ได้รับการพัฒนามาเพื่อทดแทนการเชื่อมท่อด้วยไฟฟ้าแบบเดิม โดยใช้หลักการบีบอัด (Compression) เข้ากับวงแหวน O-Ring ที่อยู่ภายในตัวข้อต่อ ทำให้สามารถประกอบท่อได้อย่างรวดเร็วและมีความแข็งแรงทนทาน
|
||||
</p>
|
||||
|
||||
<div class="bg-blue-50 border-l-4 border-blue-500 rounded-r-xl p-6 mt-6">
|
||||
<h3 class="font-bold text-blue-800 mb-3 text-xl">ข้อดีเด่นของข้อต่อท่อ SMC</h3>
|
||||
<ul class="text-blue-700 space-y-2">
|
||||
<li>✓ ไม่ต้องใช้เครื่องเชื่อมท่อ - ประหยัดค่าเครื่องมือ</li>
|
||||
<li>✓ ไม่ต้องใช้ช่างที่มีประสบการณ์สูง - ทำเองได้ง่ายๆ</li>
|
||||
<li>✓ ไม่เกิดประกายไฟ - ปลอดภัยในพื้นที่อันตราย</li>
|
||||
<li>✓ ติดตั้งในพื้นที่แคบได้ - คล่องตัวสูง</li>
|
||||
<li>✓ สามารถใช้ซ้ำได้ - ประหยัดค่าใช้จ่ายระยะยาว</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Certificates -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">มาตรฐานและการรับรอง</h2>
|
||||
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<img src="/images/pipe-coupling/Certificates-smc.png" alt="มาตรฐานและการรับรองข้อต่อท่อ SMC" class="w-full h-auto rounded-xl shadow-lg mb-8" width="800" height="600" loading="lazy" decoding="async" />
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed text-center">
|
||||
ข้อต่อท่อ SMC ได้รับการรับรองมาตรฐานจากสถาบันระดับสากล สามารถใช้งานได้กับมาตรฐาน มอก. และมาตรฐานสากลอื่นๆ
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Overview -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<img src="/images/pipe-coupling/SMC-Page-03.jpg" alt="ภาพรวมข้อต่อท่อ SMC" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<img src="/images/pipe-coupling/SMC-Page-04.jpg" alt="ภาพรวมข้อต่อท่อ SMC" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Types -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">รุ่นของสินค้า</h2>
|
||||
|
||||
<!-- GR Type -->
|
||||
<div class="mb-16">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-6 flex items-center">
|
||||
<span class="bg-primary-600 text-white w-10 h-10 rounded-full flex items-center justify-center mr-4">GR</span>
|
||||
รุ่น GR / Grip Ring (สำหรับติดตั้งใหม่)
|
||||
</h3>
|
||||
<div class="grid md:grid-cols-2 gap-8 items-start">
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
<strong>รุ่น GR / Grip Ring</strong> เป็นข้อต่อท่อแบบถอดได้ (Disassembly) เหมาะสำหรับการติดตั้งท่อใหม่ มีวงแหวนกันการเคลื่อนที่ (Grip) อยู่ภายใน ช่วยให้ท่อยึดติดแน่นไม่หลุดแม้ในสภาพแรงดันสูง สามารถถอดประกอบใหม่ได้หลังการติดตั้ง เหมาะสำหรับงานที่ต้องการความยืดหยุ่นในการปรับเปลี่ยนระบบท่อภายหลังและงานที่ต้องการความแข็งแรงพิเศษ
|
||||
</p>
|
||||
</div>
|
||||
<img src="/images/pipe-coupling/SMC-Page-05.jpg" alt="รุ่น GR / Grip Ring" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- RCH Type -->
|
||||
<div class="mb-16">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-6 flex items-center">
|
||||
<span class="bg-blue-600 text-white w-10 h-10 rounded-full flex items-center justify-center mr-4">RCH</span>
|
||||
รุ่น RCH (สำหรับงานซ่อม)
|
||||
</h3>
|
||||
<div class="grid md:grid-cols-2 gap-8 items-start">
|
||||
<img src="/images/pipe-coupling/SMC-Page-07.jpg" alt="รุ่น RCH" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
รุ่น RCH เป็นข้อต่อท่อแบบถอดได้เช่นกัน แต่ออกแบบมาเพื่อการซ่อมแซมท่อที่รั่วซึมหรือเสียหาย สามารถติดตั้งได้โดยไม่ต้องตัดท่อส่วนที่เสียหายออก ช่วยประหยัดเวลาและค่าใช้จ่ายในการซ่อมแซม
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Multi-Flex -->
|
||||
<div class="mb-16">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-6">Multi-Flex</h3>
|
||||
<div class="grid md:grid-cols-2 gap-8 items-start">
|
||||
<img src="/images/pipe-coupling/SMC-Page-06.jpg" alt="Multi-Flex" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
Multi-Flex เป็นข้อต่อท่อแบบยืดหยุ่นได้ สามารถรับการเคลื่อนที่ของท่อได้ดี เหมาะสำหรับการติดตั้งในพื้นที่ที่มีการสั่นสะเทือนหรือการเคลื่อนตัวเล็กน้อย
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Repair Clamp -->
|
||||
<div class="mb-16">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-6">Repair Clamp</h3>
|
||||
<div class="grid md:grid-cols-2 gap-8 items-start">
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
Repair Clamp เป็นอุปกรณ์ซ่อมท่อแบบเร่งด่วน สามารถใช้ห้ามรั่วซึมของท่อได้ทันทีโดยไม่ต้องหยุดระบบน้ำ เหมาะสำหรับการซ่อมฉุกเฉิน
|
||||
</p>
|
||||
</div>
|
||||
<img src="/images/pipe-coupling/SMC-Page-08.jpg" alt="Repair Clamp" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Y.N. Pipe Coupling -->
|
||||
<div class="mb-16">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-6">Y.N. Pipe Coupling</h3>
|
||||
<div class="grid md:grid-cols-2 gap-8 items-start">
|
||||
<img src="/images/pipe-coupling/SMC-Page-09.jpg" alt="Y.N. Pipe Coupling" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
Y.N. Pipe Coupling เป็นข้อต่อท่อรูปตัว Y สำหรับการเชื่อมต่อท่อแยก ออกแบบมาเพื่อการติดตั้งระบบท่อที่ต้องการแยกทิศทางการไหลของน้ำหรือก๊าซ
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Installation -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">วิธีการติดตั้ง</h2>
|
||||
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="bg-white rounded-xl p-8 shadow-md">
|
||||
<p class="text-secondary-700 leading-relaxed mb-4">
|
||||
<strong>ขั้นตอนที่ 1:</strong> ตัดท่อให้ได้ขนาดที่ต้องการ จากนั้นใช้กระดาษทรายหรือเครื่องขัดทำความสะอาดผิวท่อบริเวณที่จะติดตั้งข้อต่อ ให้ผิวท่อเรียบและสะอาด ตรวจสอบว่าปากท่อเรียบไม่มีรอยแตกร้าว และไม่บวมจากความร้อน
|
||||
</p>
|
||||
<p class="text-secondary-700 leading-relaxed mb-4">
|
||||
<strong>ขั้นตอนที่ 2:</strong> สวมข้อต่อท่อ SMC เข้ากับปากท่อที่เตรียมไว้ จากนั้นใช้ประแจเลื้อยหรือประแจที่เหมาะสมขันสกรูที่อยู่บนข้อต่อให้แน่น ควรขันสกรูทั้งสองข้างให้สม่ำเสมอกัน เพื่อให้แรงกดกระจายตัวอย่างเท่าเทียม
|
||||
</p>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
<strong>ขั้นตอนที่ 3:</strong> หลังจากติดตั้งเสร็จ ให้เปิดน้ำหรือก๊าซเพื่อทดสอบการรั่วซึม ตรวจสอบบริเวณข้อต่อทั้งหมดว่ามีน้ำหรือก๊าซรั่วซึมหรือไม่ หากพบการรั่วซึม ให้ขันสกรูให้แน่นขึ้นอีกเล็กน้อย หรือถอดออกแล้วติดตั้งใหม่
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-8">
|
||||
<img src="/images/pipe-coupling/SMC-Page-17.jpg" alt="วิธีการติดตั้งข้อต่อท่อ SMC" class="w-full h-auto rounded-xl shadow-lg mb-6" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<img src="/images/pipe-coupling/SMC-Page-16.jpg" alt="วิธีการติดตั้งข้อต่อท่อ SMC" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<img src="/images/pipe-coupling/SMC-Page-21.jpg" alt="วิธีการติดตั้งข้อต่อท่อ SMC" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Specifications -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">ข้อมูลจำเพาะ</h2>
|
||||
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<img src="/images/pipe-coupling/SMC-Page-12.jpg" alt="ข้อมูลจำเพาะ" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<img src="/images/pipe-coupling/SMC-Page-14.jpg" alt="ข้อมูลจำเพาะ" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<img src="/images/pipe-coupling/SMC-Page-18.jpg" alt="ข้อมูลจำเพาะ" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<img src="/images/pipe-coupling/SMC-Page-20.jpg" alt="ข้อมูลจำเพาะ" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<img src="/images/pipe-coupling/SMC-Page-15.jpg" alt="ข้อมูลจำเพาะ" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Usage Examples -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">ตัวอย่างการใช้งาน</h2>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<img src="/images/pipe-coupling/SMC-Page-11.jpg" alt="ตัวอย่างการใช้งาน" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<img src="/images/pipe-coupling/SMC-Page-10.jpg" alt="ตัวอย่างการใช้งาน" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<img src="/images/pipe-coupling/SMC-Page-22.jpg" alt="ตัวอย่างการใช้งาน" class="w-full h-auto rounded-xl shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Coupling Types Guide -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">ความแตกต่างของข้อต่อท่อประเภทต่างๆ</h2>
|
||||
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="grid md:grid-cols-2 gap-8">
|
||||
<!-- Rigid Coupling -->
|
||||
<div class="bg-white rounded-xl p-6 shadow-md">
|
||||
<div class="flex items-center mb-4">
|
||||
<div class="bg-primary-600 text-white w-12 h-12 rounded-full flex items-center justify-center mr-4">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900">Rigid Coupling (ข้อต่อแข็ง)</h3>
|
||||
</div>
|
||||
<p class="text-secondary-700 leading-relaxed mb-4">
|
||||
<strong>ข้อต่อแบบ Rigid</strong> เป็นข้อต่อท่อที่ไม่มีการเคลื่อนตัวหรือยืดหยุ่น มีความแข็งแรงสูงและรักษาตำแหน่งท่อให้ตรงตามแนว
|
||||
</p>
|
||||
<h4 class="font-bold text-secondary-800 mb-2">การใช้งาน:</h4>
|
||||
<ul class="text-secondary-700 space-y-1 text-sm">
|
||||
<li>• ระบบท่อน้ำดื่มและน้ำประปา</li>
|
||||
<li>• ระบบท่อก๊าซธรรมชาติ</li>
|
||||
<li>• ระบบท่อส่งน้ำในอาคาร</li>
|
||||
<li>• ระบบท่อดับเพลิง</li>
|
||||
<li>• งานที่ต้องการความแม่นยำในการจัดตำแหน่งท่อ</li>
|
||||
</ul>
|
||||
<div class="mt-4 bg-green-50 rounded-lg p-3">
|
||||
<span class="text-green-800 text-sm font-medium">✓ เหมาะสำหรับ: งานติดตั้งถาวร ที่ต้องการความแข็งแรงสูง</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Flexible Coupling -->
|
||||
<div class="bg-white rounded-xl p-6 shadow-md">
|
||||
<div class="flex items-center mb-4">
|
||||
<div class="bg-blue-600 text-white w-12 h-12 rounded-full flex items-center justify-center mr-4">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900">Flexible Coupling (ข้อต่อยืดหยุ่น)</h3>
|
||||
</div>
|
||||
<p class="text-secondary-700 leading-relaxed mb-4">
|
||||
<strong>ข้อต่อแบบ Flexible</strong> สามารถรองรับการสั่นสะเทือนและการเคลื่อนตัวของท่อได้ดี ช่วยลดแรงสั่นสะเทือน
|
||||
</p>
|
||||
<h4 class="font-bold text-secondary-800 mb-2">การใช้งาน:</h4>
|
||||
<ul class="text-secondary-700 space-y-1 text-sm">
|
||||
<li>• ระบบท่อที่มีการสั่นสะเทือน</li>
|
||||
<li>• ระบบท่อในโรงงานที่มีเครื่องจักร</li>
|
||||
<li>• ระบบท่อที่ต้องการความยืดหยุ่นในการติดตั้ง</li>
|
||||
<li>• ระบบท่อที่อยู่บนพื้นที่ไม่เสถียร</li>
|
||||
<li>• ระบบท่อที่ต้องการการชดเชยการขยายตัว</li>
|
||||
</ul>
|
||||
<div class="mt-4 bg-blue-50 rounded-lg p-3">
|
||||
<span class="text-blue-800 text-sm font-medium">✓ เหมาะสำหรับ: งานที่ต้องการความยืดหยุ่นและลดแรงสั่น</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 bg-amber-50 border-l-4 border-amber-500 rounded-r-xl p-6">
|
||||
<h3 class="font-bold text-amber-800 mb-3 text-lg">💡 เคล็ดลับการเลือกข้อต่อท่อ</h3>
|
||||
<p class="text-amber-700 leading-relaxed">
|
||||
การเลือกข้อต่อท่อให้เหมาะสมกับการใช้งานขึ้นอยู่กับหลายปัจจัย เช่น ประเภทของท่อ ขนาดท่อ แรงดันในระบบ และสภาพแวดล้อมการใช้งาน หากไม่แน่ใจควรปรึกษาผู้เชี่ยวชาญเพื่อรับคำแนะนำที่เหมาะสม
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Size Selection Guide -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">คู่มือการเลือกขนาดข้อต่อท่อ</h2>
|
||||
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="bg-white rounded-xl p-8 shadow-md">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-6">วิธีการเลือกขนาดข้อต่อท่อที่ถูกต้อง</h3>
|
||||
|
||||
<div class="space-y-6">
|
||||
<div class="flex items-start">
|
||||
<div class="bg-primary-600 text-white w-8 h-8 rounded-full flex items-center justify-center mr-4 flex-shrink-0 font-bold">1</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-secondary-800 mb-2">วัดขนาดเส้นผ่านศูนย์กลางนอกของท่อ (Outside Diameter)</h4>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
ใช้ตลับวัดหรือเวอร์เนียร์วัดขนาดเส้นผ่านศูนย์กลางนอกของท่อที่ต้องการเชื่อมต่อ ควรวัดหลายจุดเพื่อให้แน่ใจว่าได้ขนาดที่ถูกต้อง
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="bg-primary-600 text-white w-8 h-8 rounded-full flex items-center justify-center mr-4 flex-shrink-0 font-bold">2</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-secondary-800 mb-2">ตรวจสอบมาตรฐานของท่อ (Pipe Standard)</h4>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
ท่อแต่ละประเภทมีมาตรฐานขนาดที่แตกต่างกัน เช่น ISO, DIN, JIS, หรือ Thai Industrial Standards ควรตรวจสอบให้ตรงกับมาตรฐานที่ใช้
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="bg-primary-600 text-white w-8 h-8 rounded-full flex items-center justify-center mr-4 flex-shrink-0 font-bold">3</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-secondary-800 mb-2">เลือกขนาดข้อต่อให้ตรงกับขนาดท่อ</h4>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
ข้อต่อท่อ SMC มีขนาดตั้งแต่ DN15 (ขนาด 1/2 นิ้ว) จนถึง DN300 (ขนาด 12 นิ้ว) เลือกขนาดที่ตรงกับขนาดท่อที่ใช้งาน
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start">
|
||||
<div class="bg-primary-600 text-white w-8 h-8 rounded-full flex items-center justify-center mr-4 flex-shrink-0 font-bold">4</div>
|
||||
<div>
|
||||
<h4 class="font-bold text-secondary-800 mb-2">พิจารณาความหนาของผนังท่อ</h4>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
ท่อที่มีความหนาผนังต่างกัน (Schedule 40, Schedule 80) อาจต้องใช้ข้อต่อที่ออกแบบเฉพาะ ควรตรวจสอบกับผู้ผลิตหากไม่แน่ใจ
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 bg-gray-100 rounded-lg p-6">
|
||||
<h4 class="font-bold text-secondary-900 mb-3">📋 ตารางขนาดข้อต่อท่อที่นิยมใช้งาน</h4>
|
||||
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 text-sm">
|
||||
<div class="bg-white rounded p-3 text-center">
|
||||
<div class="font-bold text-primary-600">DN15</div>
|
||||
<div class="text-secondary-600">1/2" (21.3 mm)</div>
|
||||
</div>
|
||||
<div class="bg-white rounded p-3 text-center">
|
||||
<div class="font-bold text-primary-600">DN20</div>
|
||||
<div class="text-secondary-600">3/4" (26.7 mm)</div>
|
||||
</div>
|
||||
<div class="bg-white rounded p-3 text-center">
|
||||
<div class="font-bold text-primary-600">DN25</div>
|
||||
<div class="text-secondary-600">1" (33.4 mm)</div>
|
||||
</div>
|
||||
<div class="bg-white rounded p-3 text-center">
|
||||
<div class="font-bold text-primary-600">DN32</div>
|
||||
<div class="text-secondary-600">1.1/4" (42.2 mm)</div>
|
||||
</div>
|
||||
<div class="bg-white rounded p-3 text-center">
|
||||
<div class="font-bold text-primary-600">DN40</div>
|
||||
<div class="text-secondary-600">1.1/2" (48.3 mm)</div>
|
||||
</div>
|
||||
<div class="bg-white rounded p-3 text-center">
|
||||
<div class="font-bold text-primary-600">DN50</div>
|
||||
<div class="text-secondary-600">2" (60.3 mm)</div>
|
||||
</div>
|
||||
<div class="bg-white rounded p-3 text-center">
|
||||
<div class="font-bold text-primary-600">DN65</div>
|
||||
<div class="text-secondary-600">2.1/2" (73.0 mm)</div>
|
||||
</div>
|
||||
<div class="bg-white rounded p-3 text-center">
|
||||
<div class="font-bold text-primary-600">DN80</div>
|
||||
<div class="text-secondary-600">3" (88.9 mm)</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pressure Rating Guide -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">คู่มือความดันที่ข้อต่อท่อรับได้ (Pressure Rating)</h2>
|
||||
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="bg-white rounded-xl p-8 shadow-md">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-6">การเข้าใจความดันในการทำงานของข้อต่อท่อ</h3>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-8">
|
||||
<div>
|
||||
<div class="bg-green-50 rounded-xl p-6 border border-green-200">
|
||||
<h4 class="font-bold text-green-800 text-lg mb-4">ความดันต่ำ (Low Pressure)</h4>
|
||||
<p class="text-green-700 leading-relaxed mb-3">
|
||||
<strong>≤ 10 bar (150 psi)</strong>
|
||||
</p>
|
||||
<ul class="text-green-700 space-y-2 text-sm">
|
||||
<li>✓ ระบบน้ำในครัวเรือน</li>
|
||||
<li>✓ ระบบน้ำประปาในอาคาร</li>
|
||||
<li>✓ ระบบรดน้ำต้นไม้</li>
|
||||
<li>✓ ระบบน้ำดื่ม</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="bg-blue-50 rounded-xl p-6 border border-blue-200">
|
||||
<h4 class="font-bold text-blue-800 text-lg mb-4">ความดันปานกลาง (Medium Pressure)</h4>
|
||||
<p class="text-blue-700 leading-relaxed mb-3">
|
||||
<strong>10-25 bar (150-350 psi)</strong>
|
||||
</p>
|
||||
<ul class="text-blue-700 space-y-2 text-sm">
|
||||
<li>✓ ระบบน้ำอุตสาหกรรม</li>
|
||||
<li>✓ ระบบดับเพลิง</li>
|
||||
<li>✓ ระบบน้ำหล่อเย็น</li>
|
||||
<li>✓ ระบบน้ำมันหล่อลื่น</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="bg-orange-50 rounded-xl p-6 border border-orange-200">
|
||||
<h4 class="font-bold text-orange-800 text-lg mb-4">ความดันสูง (High Pressure)</h4>
|
||||
<p class="text-orange-700 leading-relaxed mb-3">
|
||||
<strong>25-50 bar (350-700 psi)</strong>
|
||||
</p>
|
||||
<ul class="text-orange-700 space-y-2 text-sm">
|
||||
<li>✓ ระบบไอน้ำ</li>
|
||||
<li>✓ ระบบก๊าซอุตสาหกรรม</li>
|
||||
<li>✓ ระบบน้ำมันความดันสูง</li>
|
||||
<li>✓ ระบบเคมีภัณฑ์</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="bg-red-50 rounded-xl p-6 border border-red-200">
|
||||
<h4 class="font-bold text-red-800 text-lg mb-4">ความดันพิเศษ (Special Pressure)</h4>
|
||||
<p class="text-red-700 leading-relaxed mb-3">
|
||||
<strong>> 50 bar (> 700 psi)</strong>
|
||||
</p>
|
||||
<ul class="text-red-700 space-y-2 text-sm">
|
||||
<li>✓ ระบบท่อส่งน้ำมันดิบ</li>
|
||||
<li>✓ ระบบท่อก๊าซธรรมชาติระยะไกล</li>
|
||||
<li>✓ ระบบขนส่งสารเคมี</li>
|
||||
<li>✓ อุตสาหกรรมปิโตรเลียม</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 bg-yellow-50 border-l-4 border-yellow-500 rounded-r-xl p-6">
|
||||
<h4 class="font-bold text-yellow-800 mb-3 text-lg">⚠️ ข้อควรระวังในการเลือกใช้ข้อต่อท่อตามความดัน</h4>
|
||||
<ul class="text-yellow-700 space-y-2">
|
||||
<li>• ควรเลือกข้อต่อท่อที่มีความดันทำงานสูงกว่าแรงดันในระบบจริงอย่างน้อย 25%</li>
|
||||
<li>• ตรวจสอบอุณหภูมิในการทำงานร่วมกับความดัน (Pressure-Temperature Rating)</li>
|
||||
<li>• หลีกเลี่ยงการใช้ข้อต่อท่อเกินขีดจำกัดที่กำหนด</li>
|
||||
<li>• ตรวจสอบการรับรองมาตรฐานของผลิตภัณฑ์ก่อนซื้อ</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">คำถามที่พบบ่อยเกี่ยวกับข้อต่อท่อ (FAQ)</h2>
|
||||
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="space-y-4">
|
||||
<!-- FAQ 1 -->
|
||||
<div class="bg-white rounded-xl shadow-md overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-6 cursor-pointer bg-white hover:bg-gray-50 transition-colors">
|
||||
<h3 class="text-lg font-bold text-secondary-900 pr-4">1. ข้อต่อท่อ SMC แตกต่างจากข้อต่อท่อแบบเดิมอย่างไร?</h3>
|
||||
<svg class="w-6 h-6 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="px-6 pb-6">
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
ข้อต่อท่อ SMC ใช้หลักการบีบอัด (Compression) กับวงแหวน O-Ring ภายใน ทำให้ไม่ต้องใช้เครื่องเชื่อมท่อ สามารถติดตั้งได้ง่ายและรวดเร็วกว่าการเชื่อมท่อด้วยไฟฟ้าแบบเดิม นอกจากนี้ยังสามารถถอดประกอบใหม่ได้ และไม่เกิดประกายไฟขณะติดตั้ง ทำให้ปลอดภัยในพื้นที่อันตราย
|
||||
</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- FAQ 2 -->
|
||||
<div class="bg-white rounded-xl shadow-md overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-6 cursor-pointer bg-white hover:bg-gray-50 transition-colors">
|
||||
<h3 class="text-lg font-bold text-secondary-900 pr-4">2. ข้อต่อท่อ SMC สามารถใช้กับท่อประเภทใดได้บ้าง?</h3>
|
||||
<svg class="w-6 h-6 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="px-6 pb-6">
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
ข้อต่อท่อ SMC สามารถใช้ได้กับท่อหลายประเภท เช่น ท่อเหล็กกล้า (Steel), ท่อสแตนเลส (Stainless Steel), ท่อเหล็กอาร์ค (M.S.), ท่อทองแดง (Copper) และท่อ PVC/UPVC ขึ้นอยู่กับรุ่นและขนาดที่เหมาะสมกับการใช้งาน
|
||||
</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- FAQ 3 -->
|
||||
<div class="bg-white rounded-xl shadow-md overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-6 cursor-pointer bg-white hover:bg-gray-50 transition-colors">
|
||||
<h3 class="text-lg font-bold text-secondary-900 pr-4">3. อายุการใช้งานของข้อต่อท่อ SMC นานเท่าไหร่?</h3>
|
||||
<svg class="w-6 h-6 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="px-6 pb-6">
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
อายุการใช้งานของข้อต่อท่อ SMC ขึ้นอยู่กับการใช้งานและสภาพแวดล้อม โดยทั่วไปสามารถใช้งานได้นาน 10-20 ปีหรือมากกว่าหากติดตั้งและบำรุงรักษาอย่างถูกต้อง ควรตรวจสอบและบำรุงรักษาเป็นระยะตามคำแนะนำของผู้ผลิต
|
||||
</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- FAQ 4 -->
|
||||
<div class="bg-white rounded-xl shadow-md overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-6 cursor-pointer bg-white hover:bg-gray-50 transition-colors">
|
||||
<h3 class="text-lg font-bold text-secondary-900 pr-4">4. ข้อต่อท่อ SMC ทนต่อสภาพแวดล้อมได้ดีเพียงใด?</h3>
|
||||
<svg class="w-6 h-6 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="px-6 pb-6">
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
ข้อต่อท่อ SMC มีความทนทานต่อการกัดกร่อนและสภาพแวดล้อมได้ดี ขึ้นอยู่กับวัสดุที่ใช้ผลิต สามารถทนต่อน้ำเกลือ สารเคมี และรังสี UV ได้ในระดับที่เหมาะสม สำหรับการใช้งานในสภาพแวดล้อมพิเศษควรปรึกษาผู้ผลิตเพื่อเลือกวัสดุที่เหมาะสม
|
||||
</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- FAQ 5 -->
|
||||
<div class="bg-white rounded-xl shadow-md overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-6 cursor-pointer bg-white hover:bg-gray-50 transition-colors">
|
||||
<h3 class="text-lg font-bold text-secondary-900 pr-4">5. การติดตั้งข้อต่อท่อ SMC ต้องใช้เครื่องมือพิเศษหรือไม่?</h3>
|
||||
<svg class="w-6 h-6 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="px-6 pb-6">
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
การติดตั้งข้อต่อท่อ SMC ไม่ต้องใช้เครื่องเชื่อมท่อหรือเครื่องมือพิเศษ เพียงใช้ประแจเลื้อย (Wrench) หรือประแจที่เหมาะสมในการขันสกรูให้แน่น สามารถติดตั้งได้ด้วยตัวเองโดยไม่ต้องมีช่างที่มีประสบการณ์สูง ทำให้ประหยัดค่าใช้จ่ายในการติดตั้ง
|
||||
</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 text-center">
|
||||
<p class="text-secondary-600 mb-4">หากมีคำถามเพิ่มเติมเกี่ยวกับข้อต่อท่อ SMC?</p>
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-primary inline-flex items-center gap-2">
|
||||
<span>สอบถามผู้เชี่ยวชาญ</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl 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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
81
src/pages/portfolio/index.astro
Normal file
81
src/pages/portfolio/index.astro
Normal file
@@ -0,0 +1,81 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
|
||||
const projects = [
|
||||
{ name: 'Cyber World', slug: '/cyber-world', image: 'https://www.dealplustech.co.th/wp-content/uploads/2021/02/IMG_3089.jpg' },
|
||||
{ name: 'Toyox', slug: '/toyox', image: 'https://www.dealplustech.co.th/wp-content/uploads/2021/02/IMG_2226-768x1024.jpg' },
|
||||
{ name: 'โรงงานเอธานอล', slug: '/โรงงานเอธานอล', image: 'https://www.dealplustech.co.th/wp-content/uploads/2021/02/ลพบุรี5.jpg' },
|
||||
{ name: 'บจก.หยั่น หว่อ หยุ่น', slug: '/บจกหยั่นหว่อหยุ่น', image: 'https://www.dealplustech.co.th/wp-content/uploads/2021/02/สมุทรสาคร2.jpg' },
|
||||
{ name: 'ซีคอนบางแค', slug: '/ซีคอนบางแค', image: 'https://www.dealplustech.co.th/wp-content/uploads/2021/02/บางแค1.jpg' },
|
||||
{ name: 'ซีพีแรม ลาดกระบัง', slug: '/ซีพีแรมลาดกระบัง', image: 'https://www.dealplustech.co.th/wp-content/uploads/2021/02/ลาดกระบัง1.jpg' },
|
||||
{ name: 'ซีพีแรม (บ่อเงิน)', slug: '/ซีพีแรมบ่อเงิน', image: 'https://www.dealplustech.co.th/wp-content/uploads/2021/02/บ่อเงิน3.jpg' },
|
||||
{ name: 'บริษัท บีกริม', slug: '/บริษัทบีกริม', image: 'https://www.dealplustech.co.th/wp-content/uploads/2021/02/บีกริม-จำกัด-e1503304339753.jpg' },
|
||||
{ name: 'เอฟแอนด์เอฟ ฟูด', slug: '/เอฟแอนด์เอฟฟูด', image: 'https://www.dealplustech.co.th/wp-content/uploads/2021/02/เอฟแอนดืเอฟ2-horz.jpg' },
|
||||
{ name: 'Eminent Air Factory', slug: '/eminent-air-factory', image: 'https://www.dealplustech.co.th/wp-content/uploads/2021/02/บางพลี1-horz.jpg' },
|
||||
{ name: 'ไทยน้ำทิพย์', slug: '/ไทยน้ำทิพย์', image: 'https://www.dealplustech.co.th/wp-content/uploads/2021/02/ไทยน้ำทิพย์1-horz.jpg' },
|
||||
{ name: 'Essilor Factory', slug: '/essilor-factory', image: 'https://www.dealplustech.co.th/wp-content/uploads/2021/02/Essilor1-horz.jpg' },
|
||||
{ name: 'โครงการประชารัฐ', slug: '/โครงการประชารัฐ', image: 'https://www.dealplustech.co.th/wp-content/uploads/2021/02/ประชารัฐ1-e1503323597848.jpg' },
|
||||
];
|
||||
---
|
||||
|
||||
<BaseLayout title="ผลงาน | Portfolio" description="ผลงานของบริษัท ดีล พลัส เทค จำกัด ติดตั้งท่อ PPR ท่อ HDPE ระบบประปา">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="bg-white min-h-screen">
|
||||
<!-- Hero Section -->
|
||||
<section class="hero-gradient py-16">
|
||||
<div class="container-custom">
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
ผลงาน
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ผลงานของเรา</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 max-w-2xl">ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ปรึกษา Dealplustech ได้ตลอดเวลาทำการ</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="portfolio-content" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{projects.map(project => (
|
||||
<div class="card-glass overflow-hidden group">
|
||||
<div class="relative aspect-[4/3] overflow-hidden bg-secondary-100">
|
||||
<img
|
||||
src={project.image}
|
||||
alt={project.name}
|
||||
class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500"
|
||||
loading="lazy" decoding="async"
|
||||
onerror="this.src='/images/logo/dealplustech-logo.png'"
|
||||
/>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<h3 class="text-xl font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">{project.name}</h3>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta-gradient py-16 mt-16 rounded-xl">
|
||||
<div class="text-center">
|
||||
<h2 class="text-2xl sm:text-3xl 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="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
<a href="/contact-us" class="btn-white">
|
||||
ติดต่อเรา
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
412
src/pages/pp-r-pp-rct-poloplast/index.astro
Normal file
412
src/pages/pp-r-pp-rct-poloplast/index.astro
Normal file
@@ -0,0 +1,412 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "PP-R / PP-RCT POLOPLAST",
|
||||
"description": "PP-R / PP-RCT POLOPLAST ทางเลือกที่ดีกว่า ด้วยประสบการณ์ในการผลิตที่ยาวนานกว่า 30 ปี ผลิตจากประเทศเยอรมัน มาตรฐาน DVGW, SKZ, ICC-ES",
|
||||
"image": "https://dealplustech.co.th/images/poloplast/POLOPLAST_001.png",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/pp-r-pp-rct-poloplast",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="PP-R / PP-RCT POLOPLAST" description="PP-R / PP-RCT POLOPLAST ทางเลือกที่ดีกว่า ด้วยประสบการณ์ในการผลิตที่ยาวนานกว่า 30 ปี ผลิตจากประเทศเยอรมัน มาตรฐาน DVGW, SKZ, ICC-ES">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_001.png"
|
||||
alt="PP-R / PP-RCT POLOPLAST"
|
||||
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 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">
|
||||
ท่อ PPR
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">PP-R / PP-RCT POLOPLAST</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ผลิตจากประเทศเยอรมัน มาตรฐาน DVGW, SKZ, ICC-ES</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ติดตั้งง่าย ประสานเป็นเนื้อเดียวกันได้อย่างสมบูรณ์</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>เหมาะสำหรับท่อน้ำดื่ม สะอาดปราศจากสารตกค้าง</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Installation Steps -->
|
||||
<section id="installation" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-8 text-center">การติดตั้ง PP-R และ PP-RCT</h3>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<div class="card p-6 bg-white text-center">
|
||||
<img src="/images/poloplast/POLOPLAST_071.png" alt="ขั้นตอนที่ 1" class="w-full h-auto rounded-lg shadow-sm mb-4" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<h4 class="text-lg font-bold text-primary-600 mb-2">1. หลอม (Fusion)</h4>
|
||||
<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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<h4 class="text-lg font-bold text-primary-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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<h4 class="text-lg font-bold text-primary-600 mb-2">3. ปล่อยให้เย็นตัว (Cool)</h4>
|
||||
<p class="text-secondary-700 text-sm">นำท่อ-ข้อต่อสวมเข้าด้วยกัน ห้ามบิดหรือหมุน ปล่อยให้เย็นตามระยะเวลาที่กำหนด แล้วนำไปทดสอบแรงดันน้ำ</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- System Requirements - Wide Table -->
|
||||
<section id="system-requirements" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-xl 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-xl 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-xl 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>
|
||||
|
||||
<!-- Product Features Section -->
|
||||
<section id="product-features" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">คุณสมบัติเด่นของท่อ PP-R และ PP-RCT POLOPLAST</h2>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="card p-6 bg-white">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ทนความร้อนสูง</h3>
|
||||
<p class="text-secondary-600">รองรับอุณหภูมิได้ถึง 95°C สำหรับ PP-RCT เหมาะสำหรับระบบน้ำร้อนในครัวเรือนและอุตสาหกรรม</p>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 bg-white">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ปลอดภัยสำหรับน้ำดื่ม</h3>
|
||||
<p class="text-secondary-600">ผลิตจากเม็ดพลาสติกคุณภาพสูง ไม่มีสารตกค้าง ไม่เปลี่ยนแปลงกลิ่นและรสชาติของน้ำ เหมาะสำหรับระบบน้ำดื่ม</p>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 bg-white">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ทนแรงดันสูง</h3>
|
||||
<p class="text-secondary-600">ทนความดันได้ถึง 20 บาร์ (PP-R SDR 6) มั่นใจได้ในความแข็งแรงและความปลอดภัยของระบบท่อ</p>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 bg-white">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">อายุการใช้งานยาวนาน</h3>
|
||||
<p class="text-secondary-600">อายุการใช้งานไม่ต่ำกว่า 50 ปี* ภายใต้เงื่อนไขการใช้งานปกติ รับประกัน 10 ปีโดยผู้ผลิต</p>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 bg-white">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-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>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ติดตั้งง่าย เชื่อมติดแน่น</h3>
|
||||
<p class="text-secondary-600">ใช้เทคนิคการเชื่อมหลอม (Heat Fusion) สร้างรอยเชื่อมที่เป็นเนื้อเดียวกันกับตัวท่อ ไม่รั่วซึม</p>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 bg-white">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ไม่เกิดตะกรัน</h3>
|
||||
<p class="text-secondary-600">พื้นผิวด้านในเรียบลื่น ไม่สะสมคราบและตะกรัน รักษาอัตราการไหลของน้ำได้อย่างคงที่ตลอดอายุการใช้งาน</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="text-sm text-secondary-500 mt-4 text-center">* อายุการใช้งานขึ้นอยู่กับสภาพการใช้งานจริงและการบำรุงรักษา</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Application Guide Section -->
|
||||
<section id="application-guide" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">การใช้งานท่อ PP-R และ PP-RCT</h2>
|
||||
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
ท่อ PP-R (Polypropylene Random) และ PP-RCT (Polypropylene Random Copolymer Terpolymer) เป็นระบบท่อน้ำยอดนิยมที่ใช้กันอย่างแพร่หลายทั่วโลก ด้วยคุณสมบัติที่เหนือกว่าท่อพลาสติกชนิดอื่นๆ จึงเหมาะสำหรับการใช้งานหลากหลายรูปแบบ
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-6 mt-8">
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h3 class="text-lg font-bold text-primary-600 mb-4">🏠 การใช้งานในครัวเรือน</h3>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
<li class="flex items-start gap-2">
|
||||
<svg class="w-5 h-5 text-primary-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4" />
|
||||
</svg>
|
||||
<span>ระบบท่อน้ำประปาภายในบ้าน</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-2">
|
||||
<svg class="w-5 h-5 text-primary-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4" />
|
||||
</svg>
|
||||
<span>ระบบท่อน้ำร้อน-น้ำเย็น</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-2">
|
||||
<svg class="w-5 h-5 text-primary-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4" />
|
||||
</svg>
|
||||
<span>ระบบท่อน้ำดื่ม</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-2">
|
||||
<svg class="w-5 h-5 text-primary-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4" />
|
||||
</svg>
|
||||
<span>ระบบปรับอากาศ (Air Conditioning)</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-2">
|
||||
<svg class="w-5 h-5 text-primary-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4" />
|
||||
</svg>
|
||||
<span>ระบบท่อในห้องน้ำและครัว</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h3 class="text-lg font-bold text-primary-600 mb-4">🏭 การใช้งานในอุตสาหกรรม</h3>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
<li class="flex items-start gap-2">
|
||||
<svg class="w-5 h-5 text-primary-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4" />
|
||||
</svg>
|
||||
<span>โรงงานผลิตอาหารและเครื่องดื่ม</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-2">
|
||||
<svg class="w-5 h-5 text-primary-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4" />
|
||||
</svg>
|
||||
<span>โรงแรม รีสอร์ท อพาร์ตเมนต์</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-2">
|
||||
<svg class="w-5 h-5 text-primary-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4" />
|
||||
</svg>
|
||||
<span>โรงพยาบาลและสถานพยาบาล</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-2">
|
||||
<svg class="w-5 h-5 text-primary-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4" />
|
||||
</svg>
|
||||
<span>อาคารสำนักงานและห้างสรรพสินค้า</span>
|
||||
</li>
|
||||
<li class="flex items-start gap-2">
|
||||
<svg class="w-5 h-5 text-primary-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4" />
|
||||
</svg>
|
||||
<span>โรงงานอุตสาหกรรมทั่วไป</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 bg-primary-50 mt-8">
|
||||
<h3 class="text-lg font-bold text-primary-700 mb-4">ความแตกต่างระหว่าง PP-R กับ PP-RCT</h3>
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<h4 class="font-semibold text-secondary-900 mb-2">PP-R (Polypropylene Random)</h4>
|
||||
<ul class="text-secondary-700 text-sm space-y-1">
|
||||
<li>• ทนอุณหภูมิสูงสุด 60°C ( SDR 11 ) หรือ 70°C ( SDR 6 )</li>
|
||||
<li>• เหมาะสำหรับงานท่อน้ำเย็นและน้ำร้อนอุณหภูมิต่ำ</li>
|
||||
<li>• ราคาประหยัดกว่า</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="font-semibold text-secondary-900 mb-2">PP-RCT (Polypropylene Random Copolymer Terpolymer)</h4>
|
||||
<ul class="text-secondary-700 text-sm space-y-1">
|
||||
<li>• ทนอุณหภูมิได้ถึง 95°C</li>
|
||||
<li>• อายุการใช้งานยาวกว่า 5 เท่า เมื่อเทียบกับ PP-R</li>
|
||||
<li>• ทนแรงดันได้สูงขึ้น ลดการยืดหดขยายตัว</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับท่อ PP-R และ PP-RCT POLOPLAST</h2>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="card p-6 bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">1. ท่อ PP-R กับ PP-RCT แตกต่างกันอย่างไร?</h3>
|
||||
<p class="text-secondary-600">PP-RCT เป็นวัสดุที่พัฒนามาจาก PP-R โดยมีส่วนผสมของโมโนเมอร์เพิ่มเติมทำให้มีความทนร้อนและทนแรงดันได้ดีกว่า PP-R ธรรมดา PP-RCT สามารถทนอุณหภูมิได้ถึง 95°C ในขณะที่ PP-R ทนได้ประมาณ 60-70°C และ PP-RCT มีอายุการใช้งานยาวนานกว่าถึง 5 เท่า</p>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">2. ท่อ PP-R POLOPLAST ผลิตที่ไหน?</h3>
|
||||
<p class="text-secondary-600">ท่อและข้อต่อ PP-R และ PP-RCT POLOPLAST ผลิตจากประเทศเยอรมนี ภายใต้มาตรฐาน DVGW, SKZ และ ICC-ES ซึ่งเป็นมาตรฐานระดับสากลที่ได้รับการยอมรับทั่วโลก สินค้ามีคุณภาพและได้มาตรฐานสูงสุด</p>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">3. ท่อ PP-R เหมาะกับการใช้งานน้ำดื่มหรือไม่?</h3>
|
||||
<p class="text-secondary-600">เหมาะสมอย่างยิ่ง ท่อ PP-R และ PP-RCT POLOPLAST ได้รับการรับรองว่าปลอดภัยสำหรับน้ำดื่ม ไม่มีสารตกค้างที่เป็นอันตราย ไม่เปลี่ยนแปลงกลิ่นและรสชาติของน้ำ จึงเป็นทางเลือกที่ดีที่สุดสำหรับระบบท่อน้ำดื่มในครัวเรือนและอุตสาหกรรม</p>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">4. การติดตั้งท่อ PP-R ต้องใช้อุปกรณ์อะไรบ้าง?</h3>
|
||||
<p class="text-secondary-600">การติดตั้งท่อ PP-R ต้องใช้เครื่องเชื่อมท่อพลาสติก (Heat Fusion Machine) ที่ควบคุมอุณหภูมิอย่างแม่นยำ โดยกระบวนการหลักมี 3 ขั้นตอน: 1) หลอม (Fusion) นำท่อและข้อต่อเข้าหัวเชื่อมที่อุณหภูมิ 260°C 2) ประกอบ (Assemble) สวมท่อและข้อต่อเข้าด้วยกัน 3) ปล่อยให้เย็นตัว (Cool) ตามเวลาที่กำหนด</p>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">5. ท่อ PP-R POLOPLAST มีการรับประกอนอย่างไร?</h3>
|
||||
<p class="text-secondary-600">POLOPLAST รับประกันสินค้าเป็นระยะเวลา 10 ปี ภายใต้เงื่อนไขการใช้งานปกติ และมีอายุการใช้งานที่คาดการณ์ได้ไม่ต่ำกว่า 50 ปี หากติดตั้งและบำรุงรักษาอย่างถูกต้องตามมาตรฐาน สินค้าผ่านการทดสอบมาตรฐานระดับโลกจาก DVGW, SKZ และ ICC-ES</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
158
src/pages/privacy-policy/index.astro
Normal file
158
src/pages/privacy-policy/index.astro
Normal file
@@ -0,0 +1,158 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="นโยบายความเป็นส่วนตัว | Privacy Policy" description="นโยบายความเป็นส่วนตัวของ บริษัท ดีล พลัส เทค จำกัด">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-primary-50 min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h1 class="text-2xl md:text-3xl lg:text-5xl font-bold text-secondary-900 mb-8">นโยบายความเป็นส่วนตัว</h1>
|
||||
<div class="card p-6 md:p-12 bg-white">
|
||||
<div class="prose prose-lg max-w-none text-secondary-700">
|
||||
<p>
|
||||
<strong>ชื่อเว็บไซต์:</strong> Deal Plus Tech<br>
|
||||
<strong>เว็บไซต์:</strong> https://dealplustech.co.th
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">1. บทนำ</h2>
|
||||
<p class="mb-6">
|
||||
บริษัท ดีล พลัส เทค จำกัด ("เรา", "ของเรา" หรือ "บริษัท") ให้คำมั่นสัญญาที่จะปกป้องข้อมูลส่วนบุคคลของผู้ใช้บริการ ("ผู้ใช้", "ของคุณ" หรือ "ท่าน") ที่ใช้งานเว็บไซต์ https://dealplustech.co.th ("เว็บไซต์") นโยบายความเป็นส่วนตัวฉบับนี้อธิบายถึงวิธีการเก็บรวบรวม ใช้ เปิดเผย และคุ้มครองข้อมูลส่วนบุคคลของท่าน
|
||||
</p>
|
||||
<p class="mb-6">
|
||||
นโยบายนี้จัดทำขึ้นตามกฎหมายคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562 (PDPA) และกฎหมายที่เกี่ยวข้องของประเทศไทย
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">2. ข้อมูลส่วนบุคคลที่เก็บรวบรวม</h2>
|
||||
|
||||
<h3 class="text-lg font-semibold text-secondary-900 mt-6 mb-3">2.1 ข้อมูลที่ท่านให้โดยตรง</h3>
|
||||
<p class="mb-4">เราอาจเก็บรวบรวมข้อมูลส่วนบุคคลต่อไปนี้ที่ท่านให้โดยตรง:</p>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li><strong>ข้อมูลการติดต่อ:</strong> ชื่อและนามสกุล, ที่อยู่อีเมล, เบอร์โทรศัพท์, ที่อยู่สำหรับติดต่อ</li>
|
||||
<li><strong>ข้อมูลการสั่งซื้อ:</strong> รายละเอียดสินค้าที่สนใจ, ข้อมูลการจัดส่ง</li>
|
||||
<li><strong>ข้อมูลการชำระเงิน:</strong> ข้อมูลบัตรเครดิต/เดบิต, ข้อมูลบัญชีธนาคาร</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-lg font-semibold text-secondary-900 mt-6 mb-3">2.2 ข้อมูลที่เก็บรวบรวมโดยอัตโนมัติ</h3>
|
||||
<p class="mb-4">เมื่อท่านใช้งานเว็บไซต์ เราอาจเก็บรวบรวมข้อมูลต่อไปนี้โดยอัตโนมัติ:</p>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li><strong>ข้อมูลอุปกรณ์:</strong> ประเภทของอุปกรณ์, ระบบปฏิบัติการ, เบราว์เซอร์ที่ใช้, ที่อยู่ IP</li>
|
||||
<li><strong>ข้อมูลการใช้งาน:</strong> หน้าเว็บที่ท่านเข้าชม, เวลาและวันที่เข้าชม, ระยะเวลาการใช้งาน, ลิงก์ที่ท่านคลิก</li>
|
||||
<li><strong>ข้อมูล Cookie:</strong> ตามการตั้งค่า Cookie ของท่าน</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">3. วัตถุประสงค์ในการใช้ข้อมูล</h2>
|
||||
<p class="mb-4">เราใช้ข้อมูลส่วนบุคคลของท่านเพื่อวัตถุประสงค์ดังต่อไปนี้:</p>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li>ให้บริการและตอบกลับคำถามของท่าน</li>
|
||||
<li>จัดการคำสั่งซื้อและธุรกรรม</li>
|
||||
<li>จัดส่งสินค้าที่ท่านสั่งซื้อ</li>
|
||||
<li>ปรับปรุงและพัฒนาเว็บไซต์</li>
|
||||
<li>ส่งข้อมูลข่าวสารและโปรโมชั่น (หากท่านยินยอม)</li>
|
||||
<li>วิเคราะห์การใช้งานเว็บไซต์</li>
|
||||
<li>ระบุและป้องกันภัยคุกคามด้านความปลอดภัย</li>
|
||||
<li>ปฏิบัติตามข้อกำหนดทางกฎหมาย</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">4. ฐานทางกฎหมายในการประมวลผลข้อมูล</h2>
|
||||
<p class="mb-4">เราประมวลผลข้อมูลส่วนบุคคลของท่านบนฐานทางกฎหมายดังต่อไปนี้:</p>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li><strong>ความยินยอม:</strong> การส่งข่าวสารทางอีเมล, การใช้ Cookie เพื่อการตลาด</li>
|
||||
<li><strong>การปฏิบัติตามสัญญา:</strong> การประมวลผลคำสั่งซื้อ, การจัดส่งสินค้า</li>
|
||||
<li><strong>หน้าที่ทางกฎหมาย:</strong> การเก็บรักษาบันทึกทางการเงิน</li>
|
||||
<li><strong>ผลประโยชน์โดยชอบด้วยกฎหมาย:</strong> การป้องกันและตรวจสอบการฉ้อโกง</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">5. การเปิดเผยข้อมูลให้กับบุคคลที่สาม</h2>
|
||||
<p class="mb-4">เราไม่ขายหรือให้เช่าข้อมูลส่วนบุคคลของท่านให้กับบุคคลที่สาม อย่างไรก็ตาม เราอาจเปิดเผยข้อมูลของท่านในกรณีต่อไปนี้:</p>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li><strong>ผู้ให้บริการ:</strong> ผู้ให้บริการชำระเงิน, ผู้ให้บริการจัดส่ง, ผู้ให้บริการคลาวด์</li>
|
||||
<li><strong>หน่วยงานราชการ:</strong> ศาล, หน่วยงานบังคับใช้กฎหมาย, หน่วยงานกำกับดูแล</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">6. การเก็บรักษาข้อมูล</h2>
|
||||
<p class="mb-6">เราเก็บรักษาข้อมูลส่วนบุคคลของท่านไว้เท่าที่จำเป็น:</p>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li><strong>ข้อมูลลูกค้า:</strong> ตลอดระยะเวลาการเป็นลูกค้า และ 5 ปีหลังจากนั้น</li>
|
||||
<li><strong>ข้อมูลธุรกรรม:</strong> 10 ปี ตามข้อกำหนดของกฎหมายภาษี</li>
|
||||
<li><strong>ข้อมูล Cookie:</strong> ตามการตั้งค่า Cookie ของท่าน</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">7. สิทธิของท่าน</h2>
|
||||
<p class="mb-4">ภายใต้ PDPA ท่านมีสิทธิดังต่อไปนี้:</p>
|
||||
<ol class="list-decimal 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> คัดค้านการประมวลผลเพื่อผลประโยชน์โดยชอบด้วยกฎหมาย</li>
|
||||
<li><strong>สิทธิในการถอนความยินยอม:</strong> ถอนความยินยอมเมื่อใดก็ได้</li>
|
||||
<li><strong>สิทธิในการร้องเรียน:</strong> ร้องเรียนต่อสำนักงานคณะกรรมการคุ้มครองข้อมูลส่วนบุคคล (สคส.)</li>
|
||||
</ol>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">8. Cookie และเทคโนโลยีการติดตาม</h2>
|
||||
<p class="mb-4">เราใช้ Cookie และเทคโนโลยีการติดตามดังนี้:</p>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li><strong>Cookie ที่จำเป็น:</strong> จำเป็นสำหรับการทำงานของเว็บไซต์</li>
|
||||
<li><strong>Cookie เพื่อประสิทธิภาพ:</strong> รวบรวมข้อมูลการใช้เว็บไซต์เพื่อปรับปรุง</li>
|
||||
<li><strong>Cookie เพื่อการทำงาน:</strong> จดจำการตั้งค่าของท่าน</li>
|
||||
<li><strong>Cookie เพื่อการตลาด:</strong> ติดตามกิจกรรมการท่องเว็บเพื่อแสดงโฆษณาที่เกี่ยวข้อง (ต้องได้รับความยินยอม)</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">9. ความปลอดภัยของข้อมูล</h2>
|
||||
<p class="mb-6">เราใช้มาตรการรักษาความปลอดภัยที่เหมาะสม:</p>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li>การเข้ารหัสข้อมูลระหว่างการส่ง (SSL/TLS)</li>
|
||||
<li>การควบคุมการเข้าถึงข้อมูลเฉพาะผู้ที่จำเป็น</li>
|
||||
<li>Firewall ป้องกันการเข้าถึงโดยไม่ได้รับอนุญาต</li>
|
||||
<li>การสำรองข้อมูลเป็นประจำ</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">10. การแจ้งเหตุละเมิดข้อมูล</h2>
|
||||
<p class="mb-6">ในกรณีที่มีการละเมิดข้อมูลส่วนบุคคล เราจะแจ้งสำนักงานคณะกรรมการคุ้มครองข้อมูลส่วนบุคคลภายใน 72 ชั่วโมง และแจ้งให้ท่านทราบหากมีความเสี่ยงสูงต่อสิทธิและเสรีภาพของท่าน</p>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">11. เด็กและเยาวชน</h2>
|
||||
<p class="mb-6">เว็บไซต์ของเราไม่ได้ออกแบบมาสำหรับเด็กอายุต่ำกว่า 20 ปี หากท่านอายุต่ำกว่า 20 ปี กรุณาให้ผู้ปกครองอ่านและยินยอมแทน</p>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">12. การติดต่อ</h2>
|
||||
<p class="mb-4">หากท่านมีคำถามเกี่ยวกับนโยบายความเป็นส่วนตัวนี้ หรือต้องการใช้สิทธิใดๆ กรุณาติดต่อเราที่:</p>
|
||||
<ul class="list-disc pl-6 space-y-2">
|
||||
<li><strong>อีเมล:</strong> dealplustech@gmail.com</li>
|
||||
<li><strong>โทรศัพท์:</strong> 090-555-1415</li>
|
||||
<li><strong>ที่อยู่:</strong> 338 หมู่ 3 ตำบลดอนตะโก อำเภอเมืองราชบุรี จังหวัดราชบุรี 70000</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-lg font-semibold text-secondary-900 mt-6 mb-3">หน่วยงานกำกับดูแล</h3>
|
||||
<p class="mb-4">หากท่านไม่พอใจกับการตอบสนองของเรา ท่านสามารถติดต่อ:</p>
|
||||
<ul class="list-disc pl-6 space-y-2">
|
||||
<li><strong>สำนักงานคณะกรรมการคุ้มครองข้อมูลส่วนบุคคล (สคส.)</strong></li>
|
||||
<li>ที่อยู่: 120 ถนนแจ้งวัฒนะ แขวงทุ่งสองห้อง เขตหลักสี่ กรุงเทพมหานคร 10210</li>
|
||||
<li>โทรศัพท์: 0-2141-6900</li>
|
||||
<li>อีเมล: ocppd@pdpc.or.th</li>
|
||||
<li>เว็บไซต์: www.pdpc.or.th</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">13. กฎหมายที่ใช้บังคับ</h2>
|
||||
<p class="mb-6">นโยบายความเป็นส่วนตัวนี้ตีความและบังคับใช้ตามกฎหมายแห่งราชอาณาจักรไทย:</p>
|
||||
<ul class="list-disc pl-6 space-y-2">
|
||||
<li>พระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล พ.ศ. 2562</li>
|
||||
<li>พระราชบัญญัติว่าด้วยการกระทำความผิดเกี่ยวกับคอมพิวเตอร์</li>
|
||||
<li>กฎหมายคุ้มครองผู้บริโภค</li>
|
||||
</ul>
|
||||
|
||||
<p class="mt-8 text-sm text-secondary-500">
|
||||
อัปเดตล่าสุด: เมษายน 2569
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
382
src/pages/realflex/index.astro
Normal file
382
src/pages/realflex/index.astro
Normal file
@@ -0,0 +1,382 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "Realflex | สายอ่อนสแตนเลส",
|
||||
"description": "จำหน่ายRealflex สายอ่อนสแตนเลสคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/realflex_000C.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/realflex",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="Realflex | สายอ่อนสแตนเลส" description="จำหน่ายRealflex สายอ่อนสแตนเลสคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/products-cropped/realflex_000C.jpg" alt="Realflex" 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 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">
|
||||
สายอ่อนสแตนเลส
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">Realflex | สายอ่อนสแตนเลส</h1>
|
||||
<h2 class="text-xl sm:text-xl md:text-2xl text-white/80 mb-8">Stainless Steel Flexible Hose Fitting</h2>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/realflex/realflex-001.png" alt="Realflex" class="max-w-md w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
<strong>Realflex®</strong> สายอ่อนสแตนเลส ผลิตโดยบริษัท Realflex Pipetec Co Ltd นำเสนอโซลูชันที่เป็นเอกลักษณ์สำหรับอุตสาหกรณ์ดับเพลิงแบบสเปร์เกลอร์ สาย Realflex® ผลิตจากสแตนเลส AISI Grade 304 ที่ทนต่อการกัดกร่อน มีความยืดหยุ่นสูง พร้อมน็อตหกเหลี่ยมสองตัวและโอริงซีลคุณภาพสูง ทดสอบแรงดันแตกที่ 70 bar/875 psi ที่อุณหภูมิห้อง ให้ความยืดหยุ่น ความทนทาน และความน่าเชื่อถือสูง
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
เพื่อความสะดวกในการติดตั้ง ชุดสาย Realflex® มาพร้อมระบบแบร็คเก็ตโลหะชุบสังกะสีน้ำหนักเบาออกแบบพิเศษ ทำให้การติดตั้งรวดเร็ว ปลอดภัย และคุ้มค่าสำหรับทุกโครงการ
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
<strong>สายอ่อน Realflex®</strong> เป็นอนาคตของอุตสาหกรรมสเปร์เกลอร์ — ที่เชื่อถือได้ ใช้งานง่าย คุ้มค่า ปลอดภัย และเป็นมิตรกับสิ่งแวดล้อม
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ระบบสายอ่อน Realflex® สำหรับระบบดับเพลิงอัตโนมัติสามารถติดตั้งเข้ากับท่อน้ำประปาหลักและปลายหัวสเปร์เกลอร์ได้โดยตรง โดยไม่ต้องใช้เครื่องมือพิเศษ สามารถติดตั้งได้รวดเร็วในการใช้งานสเปร์เกลอร์หลากหลายรูปแบบ รวมถึง:
|
||||
</p>
|
||||
<ul class="list-disc pl-6 space-y-2 text-lg text-secondary-700">
|
||||
<li>อาคารที่มีระบบเพดานแขวน เช่น อาคารราชการ สำนักงาน ห้างสรรพสินค้า โรงเรียน โรงพยาบาล ร้านอาหาร ฯลฯ</li>
|
||||
<li>ระบบสเปร์เกลอร์ห้องปลอดเชื้อในอุตสาหกรรมเครื่องจักรแม่นยำสูง อิเล็กทรอนิกส์ คอมพิวเตอร์และอุตสาหกรรมเซมิคอนดักเตอร์ อุตสาหกรรมอวกาศ อุตสาหกรรมเคมีบริสุทธิ์ อุตสาหกรรมนิวเคลียร์ อุตสาหกรรมอาหารและเครื่องดื่ม อุตสาหกรรมการแพทย์ และห้องปฏิบัติการชีววิทยา</li>
|
||||
<li>ระบบดับเพลิงแบบท่อในโรงงานพลังงาน โรงรีดเหล็ก อุตสาหกรรมถ่านหินและเหมืองแร่ อุตสาหกรรมเคมี อุตสาหกรรมไม้และกระดาษ และอุตสาหกรรมสิ่งแวดล้อม</li>
|
||||
</ul>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
สายอ่อน Realflex® สำหรับระบบดับเพลิงอัตโนมัติออกแบบตามมาตรฐาน NFPA13/13D/13R และ EN12845 ผลิตภัณฑ์ผ่านการทดสอบตามมาตรฐาน UL 2443 และ FM 1637
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/realflex/realflex-003.png" alt="Realflex Detail" class="max-w-sm w-full h-auto rounded-lg shadow-md" width="350" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/realflex/realflex-002.png" alt="Realflex Application" class="max-w-md w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่น</h3>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-6 my-8">
|
||||
<div class="bg-gray-50 p-6 rounded-lg">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-3">ปลอดภัยและน่าเชื่อถือ</h4>
|
||||
<p class="text-base text-secondary-700">สายอ่อน Realflex® ผลิตจากสแตนเลส AISI 304 ที่ทนต่อการกัดกร่อนพร้อมข้อต่อและซีลคุณภาพสูง สายทุกเส้นผ่านการทดสอบการรั่วซึม 100% ก่อนออกจากโรงงาน แรงดันใช้งาน 14bar/200psi ทดสอบแรงดันแตกที่ 70bar/875psi และทนอุณหภูมิสิ่งแวดล้อมถึง 107°C/225°F</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-6 rounded-lg">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-3">ติดตั้งง่าย</h4>
|
||||
<p class="text-base text-secondary-700">ไม่ต้องใช้เครื่องมือพิเศษในการติดตั้งสาย Realflex® ไม่ต้องตัด ไม่ต้องเกลียว เพียงใช้ประแจ <20>ไขควง และเทปซีลท่อ ก็สามารถติดตั้งสาย Realflex® ได้อย่างรวดเร็ว สายอ่อนที่มีเอกลักษณ์ของ Realflex® ร่วมกับข้อต่อลด 90° และตัวลดขนาด ช่วยให้ติดตั้งในพื้นที่จำกัดได้ง่าย</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-6 rounded-lg">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-3">ประหยัดค่าใช้จ่าย</h4>
|
||||
<p class="text-base text-secondary-700">การออกแบบสายอ่อน Realflex® ที่เป็นเอกลักษณ์ช่วยประหยัดค่าใช้จ่ายด้านเวลาเมื่อเทียบกับระบบท่อแข็งแบบดั้งเดิม การทดสอบในโรงงานแสดงให้เห็นว่าการติดตั้งสาย Realflex® ลดเวลาการติดตั้งอย่างมีนัยสำคัญเมื่อเทียบกับระบบท่อแข็ง ช่วยประหยัดเวลาและค่าใช้จ่ายในพื้นที่ก่อสร้าง</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-6 rounded-lg">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-3">เป็นมิตรกับสิ่งแวดล้อม</h4>
|
||||
<p class="text-base text-secondary-700">ไม่มีของเสีย ไม่ต้องตัด สายอ่อน Realflex® สามารถปรับรูปร่างและย้ายตำแหน่งให้เหมาะกับตำแหน่งสเปร์เกลอร์บนเพดานได้โดยไม่ต้องระบายน้ำออกจากระบบ ไม่มีการเคลื่อนตัวของสเปร์เกลอร์หลังการทดสอบแรงดัน ขจัดความจำเป็นของแหวนขนาดใหญ่รอบสเปร์เกลอร์</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-6 rounded-lg col-span-2">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-3">ทนแผ่นดินไหว</h4>
|
||||
<p class="text-base text-secondary-700">สายอ่อนสแตนเลส Realflex® ในกรณีเกิดแผ่นดินไหวสามารถดูดซับแรงสั่นสะเทือนจากแผ่นดินไหว ช่วยให้ระบบสเปร์เกลอร์รักษาการทำงานปกติ</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-base text-secondary-600 italic mt-4">
|
||||
*หมายเหตุ: ก่อนการติดตั้งและบำรุงรักษา กรุณาอ่านและทำความเข้าใจคำแนะนำการติดตั้ง (รหัสสิ่งพิมพ์ RF-Pub-100) อย่างละเอียด การงอสายต้องปฏิบัติตามคำแนะนำการติดตั้ง
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/realflex/realflex-005.png" alt="Why Realflex" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ทำไมต้องเลือก Realflex?</h3>
|
||||
<ul class="list-disc pl-6 space-y-3 text-lg text-secondary-700">
|
||||
<li>Realflex® ให้ความยาวเพิ่มอีก 25% สำหรับท่อปล่อย (สูงสุด 140 มม.) และความสูงเพิ่มอีก 50% สำหรับแบร็คเก็ตด้านข้าง (102 มม.) สร้างโซลูชันสำหรับการติดตั้งสเปร์เกลอร์ทุกรูปแบบ รวมถึงสเปร์เกลอร์แบบเพนเดนต์เรียบหรือซ่อน</li>
|
||||
<li>ท่อปล่อยที่มีร่องเก็บและการออกแบบแบร็คเก็ตด้านข้างที่เป็นเอกลักษณ์ ทำงานกับระบบเพดาน T-bar และโครงไม้หรือโลหะทุกรูปแบบ</li>
|
||||
<li>สกรูและโบลท์ยึดทุกตัวมีหัวปีก ช่วยเพิ่มความเร็วในการติดตั้ง</li>
|
||||
<li>เพียงเติมสกรูแผ่นโลหะ 4 ตัว ก็สร้างการติดตั้งที่ทนการงัดแงะได้</li>
|
||||
<li>บาร์สี่เหลี่ยมรองรับที่หนากว่าคู่แข่ง 50% ด้วยความหนา 1.20 มม. / 3/64 นิ้ว ให้ความแข็งแรงและความเสถียรที่ดีกว่าของหัวสเปร์เกลอร์ระหว่างการติดตั้ง การเพิ่มแรงดัน หรือการทำงาน</li>
|
||||
<li>สาย Realflex® แต่ละเส้นสามารถตรวจสอบย้อนกลับได้ถึงวันที่ผลิตและกะการผลิต</li>
|
||||
<li>แบร็คเกัตประกอบสำเร็จพร้อมบาร์สี่เหลี่ยมมีจำหน่ายตามคำขอ</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ข้อมูลจำเพาะทางเทคนิค</h3>
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/realflex/realflex-030.png" alt="Technical Spec 1" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/realflex/realflex-031.png" alt="Technical Spec 2" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/realflex/realflex-032.png" alt="Technical Spec 3" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/realflex/realflex-033.png" alt="Technical Spec 4" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/realflex/realflex-034.png" alt="Technical Spec 5" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">โครงสร้างและข้อมูลวัสดุ</h3>
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/realflex/realflex-035.png" alt="Structure & Material" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">อุปกรณ์เสริม</h3>
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/realflex/realflex-020.png" alt="Accessories 1" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/realflex/realflex-021.png" alt="Accessories 2" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ข้อมูลจำเพาะทางเทคนิค (ต่อ)</h3>
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/realflex/realflex-023.png" alt="Technical Spec Continued 1" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/realflex/realflex-024.png" alt="Technical Spec Continued 2" class="max-w-2xl w-full h-auto rounded-lg shadow-md" width="700" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ใช้ Realflex® Radius Gauge ตรวจสอบการงอของสาย</h3>
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/realflex/realflex-025.png" alt="Radius Gauge" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">การงอสาย ถูกต้องหรือไม่ถูกต้อง?</h3>
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/realflex/realflex-026.png" alt="Hose Bending" class="max-w-2xl w-full h-auto rounded-lg shadow-md" width="700" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Overview Section -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-6">ผลิตภัณฑ์ Realflex®</h2>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-8">
|
||||
Realflex® นำเสนอผลิตภัณฑ์สายอ่อนสแตนเลสหลากหลายรุ่นสำหรับอุตสาหกรรมดับเพลิงและระบบท่อส่งน้ำ แต่ละรุ่นออกแบบเพื่อตอบโจทย์การใช้งานที่แตกต่างกัน
|
||||
</p>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div class="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">Realflex® Standard</h3>
|
||||
<p class="text-base text-secondary-700">สายอ่อนสแตนเลสรุ่นมาตรฐาน เหมาะสำหรับระบบสเปร์เกลอร์ทั่วไปในอาคารพาณิชย์และที่พักอาศัย</p>
|
||||
<ul class="mt-3 text-sm text-secondary-600 space-y-1">
|
||||
<li>• ขนาด: DN15 - DN32 (1/2" - 1 1/4")</li>
|
||||
<li>• แรงดันใช้งาน: 14 bar (200 psi)</li>
|
||||
<li>• วัสดุ: AISI 304 Stainless Steel</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">Realflex® High Pressure</h3>
|
||||
<p class="text-base text-secondary-700">สายอ่อนสำหรับระบบที่ต้องการแรงดันสูง เหมาะสำหรับโรงงานอุตสาหกรรมหนัก</p>
|
||||
<ul class="mt-3 text-sm text-secondary-600 space-y-1">
|
||||
<li>• ขนาด: DN15 - DN40 (1/2" - 1 1/2")</li>
|
||||
<li>• แรงดันใช้งาน: 20 bar (290 psi)</li>
|
||||
<li>• วัสดุ: AISI 316L Stainless Steel</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">Realflex® Quick Connect</h3>
|
||||
<p class="text-base text-secondary-700">รุ่นติดตั้งรวดเร็วด้วยระบบแบร็คเก็ตในตัว ลดเวลาการติดตั้งอย่างมาก</p>
|
||||
<ul class="mt-3 text-sm text-secondary-600 space-y-1">
|
||||
<li>• ระบบ Bracket ในตัว</li>
|
||||
<li>• เข้ากันได้กับ T-bar Ceiling</li>
|
||||
<li>• ปรับระดับได้ง่าย</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="bg-white p-6 rounded-lg shadow-sm">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">อุปกรณ์เสริม Realflex®</h3>
|
||||
<p class="text-base text-secondary-700">อุปกรณ์ติดตั้งครบวงจรสำหรับทุกโครงการ</p>
|
||||
<ul class="mt-3 text-sm text-secondary-600 space-y-1">
|
||||
<li>• Bracket Mounting Kit</li>
|
||||
<li>• Radius Gauge (ตรวจสอบการงอ)</li>
|
||||
<li>• reducer และ Elbow 90°</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Application Guide Section -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-6">การประยุกต์ใช้งานในอุตสาหกรรม</h2>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-8">
|
||||
สายอ่อน Realflex® ถูกออกแบบและทดสอบเพื่อรองรับการใช้งานหลากหลายรูปแบบ ตั้งแต่อาคารทั่วไปจนถึงโรงงานอุตสาหกรรมพิเศษ
|
||||
</p>
|
||||
|
||||
<div class="space-y-6">
|
||||
<div class="border-l-4 border-primary-500 pl-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ระบบดับเพลิงอัตโนมัติ (Sprinkler System)</h3>
|
||||
<p class="text-base text-secondary-700">เชื่อมต่อระหว่างท่อน้ำประปาหลักและหัวสเปร์เกลอร์ ใช้ในอาคารทุกประเภทที่ต้องการระบบดับเพลิงอัตโนมัติ</p>
|
||||
</div>
|
||||
|
||||
<div class="border-l-4 border-primary-500 pl-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">อาคารพาณิชย์</h3>
|
||||
<p class="text-base text-secondary-700">ห้างสรรพสินค้า โรงแรม อาคารสำนักงาน โรงพยาบาล โรงเรียน ศูนย์การค้า และอาคารที่พักอาศัยขนาดใหญ่</p>
|
||||
</div>
|
||||
|
||||
<div class="border-l-4 border-primary-500 pl-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">โรงงานอุตสาหกรรมพิเศษ</h3>
|
||||
<p class="text-base text-secondary-700">โรงงานผลิตอิเล็กทรอนิกส์ เซมิคอนดักเตอร์ อุตสาหกรรมเคมีบริสุทธิ์ นิวเคลียร์ อาหารและเครื่องดื่ม ยา และห้องปฏิบัติการชีววิทยา</p>
|
||||
</div>
|
||||
|
||||
<div class="border-l-4 border-primary-500 pl-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">โรงงานพลังงาน</h3>
|
||||
<p class="text-base text-secondary-700">โรงไฟฟ้า โรงกลั่นน้ำมัน โรงรีดเหล็ก และโรงงานประมวลผลพลังงานทุกประเภท</p>
|
||||
</div>
|
||||
|
||||
<div class="border-l-4 border-primary-500 pl-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">พื้นที่เสี่ยงภัย</h3>
|
||||
<p class="text-base text-secondary-700">โรงงานเคมี โรงงานถ่านหิน เหมืองแร่ โรงไม้และกระดาษ ที่ต้องการระบบดับเพลิงพิเศษ</p>
|
||||
</div>
|
||||
|
||||
<div class="border-l-4 border-primary-500 pl-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">การใช้งานพิเศษ</h3>
|
||||
<p class="text-base text-secondary-700">รองรับการสั่นสะเทือนจากแผ่นดินไหว ใช้ในพื้นที่ที่ต้องการความยืดหยุ่นสูง และติดตั้งในพื้นที่จำกัด</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 p-6 bg-primary-50 rounded-lg">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">มาตรฐานที่ได้รับ</h3>
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<span class="px-4 py-2 bg-white rounded-full text-sm font-medium text-primary-700">NFPA 13</span>
|
||||
<span class="px-4 py-2 bg-white rounded-full text-sm font-medium text-primary-700">NFPA 13D</span>
|
||||
<span class="px-4 py-2 bg-white rounded-full text-sm font-medium text-primary-700">NFPA 13R</span>
|
||||
<span class="px-4 py-2 bg-white rounded-full text-sm font-medium text-primary-700">EN 12845</span>
|
||||
<span class="px-4 py-2 bg-white rounded-full text-sm font-medium text-primary-700">UL 2443</span>
|
||||
<span class="px-4 py-2 bg-white rounded-full text-sm font-medium text-primary-700">FM 1637</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-6">คำถามที่พบบ่อยเกี่ยวกับ Realflex®</h2>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="bg-white rounded-lg shadow-sm overflow-hidden">
|
||||
<div class="p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">1. Realflex® ทนแรงดันได้เท่าไหร่?</h3>
|
||||
<p class="text-base text-secondary-700">สายอ่อน Realflex® มีแรงดันใช้งานที่ 14 bar (200 psi) และทดสอบแรงดันแตกที่ 70 bar (875 psi) ที่อุณหภูมิห้อง ทนอุณหภูมิสิ่งแวดล้อมได้ถึง 107°C (225°F)</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-lg shadow-sm overflow-hidden">
|
||||
<div class="p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">2. ติดตั้ง Realflex® ยากไหม?</h3>
|
||||
<p class="text-base text-secondary-700">การติดตั้ง Realflex® ง่ายและรวดเร็ว ไม่ต้องใช้เครื่องมือพิเศษ ไม่ต้องตัด ไม่ต้องเกลียว เพียงใช้ประแจ ขวาน และเทปซีลท่อ สามารถติดตั้งได้ทันทีโดยไม่ต้องระบายน้ำออกจากระบบ</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-lg shadow-sm overflow-hidden">
|
||||
<div class="p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">3. Realflex® เหมาะกับการใช้งานในอาคารประเภทใด?</h3>
|
||||
<p class="text-base text-secondary-700">เหมาะสำหรับอาคารทุกประเภทที่ติดตั้งระบบสเปร์เกลอร์ รวมถึงอาคารพาณิชย์ โรงงานอุตสาหกรรม โรงพยาบาล ห้างสรรพสินค้า และโรงแรม รองรับการติดตั้งกับเพดาน T-bar และโครงสร้างทุกรูปแบบ</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-lg shadow-sm overflow-hidden">
|
||||
<div class="p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">4. Realflex® มีความทนทานเท่าไหร่?</h3>
|
||||
<p class="text-base text-secondary-700">สายอ่อน Realflex® ผลิตจากสแตนเลส AISI 304 ที่ทนต่อการกัดกร่อน และผ่านการทดสอบการรั่วซึม 100% ก่อนออกจากโรงงาน แต่ละเส้นสามารถตรวจสอบย้อนกลับได้ถึงวันที่ผลิตและกะการผลิต นอกจากนี้ยังสามารถดูดซับแรงสั่นสะเทือนจากแผ่นดินไหวได้</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-lg shadow-sm overflow-hidden">
|
||||
<div class="p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">5. ซื้อ Realflex® จากที่ไหนได้?</h3>
|
||||
<p class="text-base text-secondary-700">จำหน่าย Realflex® ผ่านตัวแทนจำหน่ายที่ได้รับอนุญาตทั่วประเทศ สามารถติดต่อผ่าน Line @JPPSELECTION หรือโทร 090-555-1415 เพื่อสอบถามราคาและข้อมูลผลิตภัณฑ์ จัดส่งสินค้าฟรีในกรุงเทพฯ และปริมณฑล</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
154
src/pages/terms-and-conditions/index.astro
Normal file
154
src/pages/terms-and-conditions/index.astro
Normal file
@@ -0,0 +1,154 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ข้อกำหนดการใช้งาน | Terms and Conditions" description="ข้อกำหนดการใช้งานเว็บไซต์ บริษัท ดีล พลัส เทค จำกัด">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-primary-50 min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h1 class="text-2xl md:text-3xl lg:text-5xl font-bold text-secondary-900 mb-8">ข้อกำหนดการใช้งาน</h1>
|
||||
<div class="card p-6 md:p-12 bg-white">
|
||||
<div class="prose prose-lg max-w-none text-secondary-700">
|
||||
<p>
|
||||
<strong>ชื่อเว็บไซต์:</strong> Deal Plus Tech<br>
|
||||
<strong>เว็บไซต์:</strong> https://dealplustech.co.th
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">1. การยอมรับเงื่อนไข</h2>
|
||||
<p class="mb-4">
|
||||
ด้วยการเข้าถึงและใช้งานเว็บไซต์ https://dealplustech.co.th ("เว็บไซต์") ของบริษัท ดีล พลัส เทค จำกัด ("เรา", "ของเรา" หรือ "บริษัท") ท่าน ("ผู้ใช้", "ท่าน" หรือ "ของคุณ") ยอมรับและตกลงที่จะถูกผูกมัดด้วยข้อกำหนดการใช้งานฉบับนี้ ("เงื่อนไข")
|
||||
</p>
|
||||
<p class="mb-6">
|
||||
หากท่านไม่เห็นด้วยกับข้อกำหนดใดๆ กรุณาไม่ใช้งานเว็บไซต์นี้
|
||||
</p>
|
||||
|
||||
<h3 class="text-lg font-semibold text-secondary-900 mt-6 mb-3">1.1 อายุขั้นต่ำ</h3>
|
||||
<p class="mb-6">
|
||||
ท่านต้องมีอายุไม่ต่ำกว่า 20 ปีบริบูรณ์เพื่อใช้งานเว็บไซต์ หากท่านอายุต่ำกว่า 20 ปี ท่านต้องได้รับความยินยอมจากผู้ปกครองและผู้ปกครองต้องตกลงที่จะผูกพันด้วยเงื่อนไขนี้
|
||||
</p>
|
||||
|
||||
<h3 class="text-lg font-semibold text-secondary-900 mt-6 mb-3">1.2 การแก้ไขเงื่อนไข</h3>
|
||||
<p class="mb-6">
|
||||
เราขอสงวนสิทธิในการแก้ไขเงื่อนไขนี้เมื่อใดก็ได้ การแก้ไขจะมีผลทันทีเมื่อโพสต์บนเว็บไซต์ ท่านควรตรวจสอบเงื่อนไขนี้เป็นประจำ การใช้งานเว็บไซต์ต่อเนื่องแสดงว่าท่านยอมรับการแก้ไข
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">2. บริการของเรา</h2>
|
||||
<p class="mb-4">
|
||||
บริษัท ดีล พลัส เทค จำกัด ให้บริการ <strong>จำหน่ายอุปกรณ์ก่อสร้างทุกชนิด</strong> รวมถึง:
|
||||
</p>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li>ท่อ PPR, HDPE, UPVC และท่อสำหรับระบบประปา</li>
|
||||
<li>ข้อต่อ วาล์ว และอุปกรณ์ประกอบ</li>
|
||||
<li>ฉนวนท่อและระบบงานรับประกัน</li>
|
||||
<li>เครื่องมือและอุปกรณ์เชื่อม</li>
|
||||
<li>ระบบรั้วและอุปกรณ์ตกแต่ง</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">3. การใช้งานเว็บไซต์</h2>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li>ท่านสามารถเข้าชมและใช้งานเว็บไซต์เพื่อวัตถุประสงค์ที่ถูกต้องตามกฎหมาย</li>
|
||||
<li>ท่านตกลงไม่ใช้เว็บไซต์ในทางที่ผิดกฎหมายหรือขัดต่อข้อกำหนดเหล่านี้</li>
|
||||
<li>ท่านตกลงไม่ทำการใดๆ ที่อาจทำให้เว็บไซต์เสียหาย หยุดชะงัก หรือมีภาระเกินไป</li>
|
||||
<li>ท่านตกลงไม่พยายามเข้าถึงระบบโดยไม่ได้รับอนุญาต</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">4. ข้อมูลสินค้าและราคา</h2>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li>ราคาสินค้าที่แสดงบนเว็บไซต์อาจมีการเปลี่ยนแปลงโดยไม่ต้องแจ้งให้ทราบล่วงหน้า</li>
|
||||
<li>ข้อมูลสินค้าอาจมีข้อผิดพลาด หากพบข้อผิดพลาด ทางเราขอสงวนสิทธิ์ในการแก้ไข</li>
|
||||
<li>สินค้าบางรายการอาจหมดสต็อก กรุณาติดต่อเพื่อยืนยันก่อนสั่งซื้อ</li>
|
||||
<li>ราคาทั้งหมดเป็นราคาสำหรับลูกค้าทั่วไป ราคาพิเศษสำหรับโปรเจกต์หรือการสั่งซื้อจำนวนมากกรุณาติดต่อเรา</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">5. การสั่งซื้อและชำระเงิน</h2>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li>การสั่งซื้อสินค้าจะมีผลสมบูรณ์เมื่อได้รับการยืนยันจากทางบริษัท</li>
|
||||
<li>ชำระเงินตามวิธีที่แสดงบนเว็บไซต์หรือตามที่ตกลงกับพนักงาน</li>
|
||||
<li>ทางบริษัทขอสงวนสิทธิ์ในการยกเลิกคำสั่งซื้อหากไม่สามารถชำระเงินได้</li>
|
||||
<li>การชำระเงินผ่านช่องทางต่างๆ เช่น โอนเงิน, เงินสด, บัตรเครดิต/เดบิต</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">6. การจัดส่งสินค้า</h2>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li>จัดส่งสินค้าภายในกรุงเทพมหานครและปริมณฑล ตามที่ระบุในหน้าสินค้า</li>
|
||||
<li>สำหรับต่างจังหวัด กรุณาติดต่อเพื่อสอบถามค่าจัดส่ง</li>
|
||||
<li>ระยะเวลาจัดส่งอาจเปลี่ยนแปลงตามสถานการณ์</li>
|
||||
<li>ลูกค้าต้องรับสินค้าด้วยตนเองหรือจัดการรับสินค้าให้เรียบร้อย</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">7. การรับประกันและการคืนสินค้า</h2>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li>สินค้าทุกชิ้นมีการรับประกันตามเงื่อนไขของผู้ผลิต</li>
|
||||
<li>การคืนสินค้าต้องทำภายใน 7 วันนับแต่วันที่ได้รับสินค้า โดยสินค้าต้องอยู่ในสภาพเดิม</li>
|
||||
<li>ค่าใช้จ่ายในการขนส่งคืนเป็นของลูกค้า</li>
|
||||
<li>สินค้าที่ได้รับความเสียหายจากการจัดส่ง กรุณาแจ้งทางบริษัทภายใน 24 ชั่วโมง</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">8. ความเป็นเจ้าของทรัพย์สินทางปัญญา</h2>
|
||||
<p class="mb-4">เว็บไซต์และเนื้อหาทั้งหมดเป็นทรัพย์สินของเราหรือผู้ให้ใบอนุญาต:</p>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li>เนื้อหา ข้อความ กราฟิก โลโก้</li>
|
||||
<li>ซอฟต์แวร์ โค้ด ฐานข้อมูล</li>
|
||||
<li>การออกแบบ เลย์เอาต์</li>
|
||||
</ul>
|
||||
<p class="mb-6">
|
||||
เครื่องหมายการค้า โลโก้ และชื่อบริการเป็นเครื่องหมายการค้าของเรา ห้ามใช้โดยไม่ได้รับอนุญาตเป็นลายลักษณ์อักษร
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">9. ข้อจำกัดความรับผิด</h2>
|
||||
<p class="mb-6">
|
||||
บริษัทไม่รับผิดชอบต่อความเสียหายใดๆ ที่เกิดจากการใช้งานเว็บไซต์หรือการซื้อสินค้า ยกเว้นความเสียหายที่เกิดจากความประมาทเลินเล่ออย่างร้ายแรงของบริษัท
|
||||
</p>
|
||||
<p class="mb-6">
|
||||
บริการให้บริการ "ตามที่เป็น" และ "ตามที่มี" เราไม่รับประกันว่าบริการจะปราศจากข้อผิดพลาดหรือตรงตามความต้องการของท่าน
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">10. การชดเชย</h2>
|
||||
<p class="mb-6">
|
||||
ท่านตกลงที่จะชดใช้และปกป้องเราจากการเรียกร้อง ค่าเสียหาย ค่าใช้จ่าย ที่เกิดจากการใช้งานเว็บไซต์ของท่านหรือการละเมิดเงื่อนไขนี้
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">11. การยุติการเข้าถึง</h2>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li>ท่านสามารถยุติการใช้งานเว็บไซต์เมื่อใดก็ได้โดยการหยุดใช้งาน</li>
|
||||
<li>เราขอสงวนสิทธิในการยุติการเข้าถึงของท่านด้วยเหตุผลใดก็ได้โดยไม่ต้องแจ้งล่วงหน้า</li>
|
||||
<li>เมื่อการเข้าถึงถูกยุติ ท่านต้องหยุดใช้งานเว็บไซต์ทันที</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">12. กฎหมายที่ใช้บังคับ</h2>
|
||||
<p class="mb-4">ข้อกำหนดการใช้งานนี้ถูกควบคุมและตีความตามกฎหมายแห่งราชอาณาจักรไทย:</p>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li>พระราชบัญญัติคุ้มครองผู้บริโภค</li>
|
||||
<li>พระราชบัญญัติว่าด้วยการกระทำความผิดเกี่ยวกับคอมพิวเตอร์</li>
|
||||
<li>พระราชบัญญัติลิขสิทธิ์</li>
|
||||
<li>กฎหมายที่เกี่ยวข้องอื่นๆ</li>
|
||||
</ul>
|
||||
<p class="mb-6">
|
||||
ข้อพิพาทใดๆ อยู่ภายใต้เขตอำนาจศาลของศาลไทย
|
||||
</p>
|
||||
|
||||
<h2 class="text-xl font-bold text-secondary-900 mt-8 mb-4">13. การติดต่อ</h2>
|
||||
<p class="mb-4">หากท่านมีคำถามเกี่ยวกับข้อกำหนดการใช้งานนี้ กรุณาติดต่อเราที่:</p>
|
||||
<ul class="list-disc pl-6 space-y-2">
|
||||
<li><strong>อีเมล:</strong> dealplustech@gmail.com</li>
|
||||
<li><strong>โทรศัพท์:</strong> 090-555-1415</li>
|
||||
<li><strong>ที่อยู่:</strong> 338 หมู่ 3 ตำบลดอนตะโก อำเภอเมืองราชบุรี จังหวัดราชบุรี 70000</li>
|
||||
</ul>
|
||||
|
||||
<p class="mt-8 text-sm text-secondary-500">
|
||||
อัปเดตล่าสุด: เมษายน 2569
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
350
src/pages/water-pump/index.astro
Normal file
350
src/pages/water-pump/index.astro
Normal file
@@ -0,0 +1,350 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ปั๊มน้ำ Water Pump",
|
||||
"description": "จำหน่ายปั๊มน้ำ (Water Pump) คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/water-pump_000C.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/water-pump",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ปั๊มน้ำ (Water Pump)" description="จำหน่ายปั๊มน้ำ (Water Pump)คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/products-cropped/water-pump_000C.jpg" alt="ปั๊มน้ำ (Water Pump)" 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 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">
|
||||
ปั๊มน้ำ
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ปั๊มน้ำ (Water Pump)</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
จำหน่ายปั๊มน้ำ (Water Pump)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Details -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="flex justify-center">
|
||||
<img src="/images/water-pump-banner.jpg" alt="ปั๊มน้ำ" class="max-w-md w-full rounded-lg shadow-md mb-8" width="400" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">จำหน่ายปั๊มน้ำทุกประเภท สำหรับบ้านพักอาศัย อาคาร และโรงงานอุตสาหกรรม จากแบรนด์ชั้นนำ</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">- <strong>ปั๊มน้ำอัตโนมัติ:</strong> สำหรับบ้านพักอาศัย</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">- <strong>ปั๊มน้ำจุ่ม:</strong> สำหรับระบายน้ำท่วม</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">- <strong>ปั๊มเคมี:</strong> สำหรับส่งสารเคมี</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pump Types Guide -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl sm:text-2xl font-bold text-secondary-900 mb-8 text-center">ประเภทของปั๊มน้ำ (Pump Types)</h2>
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<h3 class="text-lg font-bold text-primary-600 mb-3">ปั๊มน้ำหอยโข่ง (Centrifugal Pump)</h3>
|
||||
<p class="text-secondary-600 text-sm leading-relaxed mb-3">ทำงานโดยใช้แรงหมุนของใบพัดสร้างแรงดันน้ำ เหมาะสำหรับงานจ่ายน้ำในอาคาร บ้านพัก และระบบ sprinklers ใช้งานง่าย ราคาคุ้มค่า</p>
|
||||
<div class="text-xs text-secondary-500">
|
||||
<span class="font-semibold">กำลังไฟ:</span> 0.5-3 HP | <span class="font-semibold">Head:</span> 15-50 m
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<h3 class="text-lg font-bold text-primary-600 mb-3">ปั๊มน้ำเจ็ท (Jet Pump)</h3>
|
||||
<p class="text-secondary-600 text-sm leading-relaxed mb-3">ใช้หลักการ Venturi สร้างสุญญากาศดูดน้ำ เหมาะสำหรับบ่อน้ำลึกหรือแหล่งน้ำที่อยู่ต่ำกว่าตัวปั๊ม ติดตั้งภายในอาคารได้</p>
|
||||
<div class="text-xs text-secondary-500">
|
||||
<span class="font-semibold">กำลังไฟ:</span> 0.5-2 HP | <span class="font-semibold">Suction:</span> สูงสุด 9 m
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<h3 class="text-lg font-bold text-primary-600 mb-3">ปั๊มน้ำจุ่ม (Submersible Pump)</h3>
|
||||
<p class="text-secondary-600 text-sm leading-relaxed mb-3">ติดตั้งจมอยู่ในน้ำ ดูดน้ำจากด้านล่างขึ้นด้านบน เหมาะสำหรับบ่อบาด บ่อบาดน้ำบาด และระบายน้ำท่วม</p>
|
||||
<div class="text-xs text-secondary-500">
|
||||
<span class="font-semibold">กำลังไฟ:</span> 1-10 HP | <span class="font-semibold">Depth:</span> สูงสุด 50 m
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<h3 class="text-lg font-bold text-primary-600 mb-3">ปั๊มน้ำอัตโนมัติ (Automatic Pump)</h3>
|
||||
<p class="text-secondary-600 text-sm leading-relaxed mb-3">มี Pressure Tank และ Pressure Switch ควบคุมการเปิด-ปิดอัตโนมัติ เหมาะสำหรับบ้านพักอาศัยที่ต้องการน้ำประปาอัตโนมัติ</p>
|
||||
<div class="text-xs text-secondary-500">
|
||||
<span class="font-semibold">กำลังไฟ:</span> 0.5-1.5 HP | <span class="font-semibold">Tank:</span> 20-100 L
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<h3 class="text-lg font-bold text-primary-600 mb-3">ปั๊มน้ำแรงดันสูง (High Pressure Pump)</h3>
|
||||
<p class="text-secondary-600 text-sm leading-relaxed mb-3">ออกแบบให้สร้างแรงดันน้ำสูง เหมาะสำหรับระบบดับเพลิง ระบบ prismatic และอุตสาหกรรมที่ต้องการแรงดันสูง</p>
|
||||
<div class="text-xs text-secondary-500">
|
||||
<span class="font-semibold">กำลังไฟ:</span> 5-50 HP | <span class="font-semibold">Head:</span> 50-200 m
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<h3 class="text-lg font-bold text-primary-600 mb-3">ปั๊มเคมี (Chemical Pump)</h3>
|
||||
<p class="text-secondary-600 text-sm leading-relaxed mb-3">ผลิตจากวัสดุทนการกัดกร่อน (PVC, PP, SS316) เหมาะสำหรับส่งสารเคมีกรด-ด่าง และของเหลวอุตสาหกรรม</p>
|
||||
<div class="text-xs text-secondary-500">
|
||||
<span class="font-semibold">วัสดุ:</span> PVC/PP/SS316 | <span class="font-semibold">Temp:</span> สูงสุด 80°C
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Selection Guide -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl sm:text-2xl font-bold text-secondary-900 mb-8 text-center">วิธีเลือกปั๊มน้ำให้เหมาะกับการใช้งาน</h2>
|
||||
<div class="space-y-6">
|
||||
<div class="flex gap-4">
|
||||
<div class="flex-shrink-0 w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center">
|
||||
<span class="text-primary-600 font-bold">1</span>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">พิจารณาความสูงยก (Head)</h3>
|
||||
<p class="text-secondary-600 text-sm leading-relaxed">ความสูงยก คือระยะทางจากตัวปั๊มถึงจุดที่ต้องการน้ำสูงสุด วัดเป็นเมตร เช่น บ้าน 2 ชั้น สูง 6 เมตร ควรเลือกปั๊มที่มี Head สูงกว่า 15 เมตร เพื่อให้มีแรงดันเพียงพอ</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-4">
|
||||
<div class="flex-shrink-0 w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center">
|
||||
<span class="text-primary-600 font-bold">2</span>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">คำนวณอัตราการไหล (Flow Rate)</h3>
|
||||
<p class="text-secondary-600 text-sm leading-relaxed">อัตราการไหล คือปริมาณน้ำที่ปั๊มสามารถส่งได้ในหน่วยเวลา วัดเป็นลิตร/นาที (L/min) หรือ ลูกบาศก์เมตร/ชั่วโมง (m³/hr) บ้านพักทั่วไปใช้ 20-50 L/min</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-4">
|
||||
<div class="flex-shrink-0 w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center">
|
||||
<span class="text-primary-600 font-bold">3</span>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">เลือกตามการใช้งาน</h3>
|
||||
<div class="text-secondary-600 text-sm leading-relaxed">
|
||||
<ul class="list-disc list-inside space-y-1 mt-2">
|
||||
<li><strong>บ้านพักอาศัย:</strong> ปั๊มอัตโนมัติ หรือ ปั๊มหอยโข่ง กำลัง 0.5-1 HP</li>
|
||||
<li><strong>อาคารสูง:</strong> ปั๊มแรงดันสูง กำลัง 3-10 HP พร้อมถังกด</li>
|
||||
<li><strong>เกษตรกรรม/ชลประทาน:</strong> ปั๊มเจ็ท หรือ ปั๊มจุ่ม กำลัง 3-10 HP</li>
|
||||
<li><strong>โรงงานอุตสาหกรรม:</strong> ปั๊มเคมี หรือ ปั๊มหอยโข่งคุณภาพสูง</li>
|
||||
<li><strong>ระบบดับเพลิง:</strong> ปั๊มแรงดันสูง ตามมาตรฐาน มอก.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-4">
|
||||
<div class="flex-shrink-0 w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center">
|
||||
<span class="text-primary-600 font-bold">4</span>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ตรวจสอบแหล่งน้ำ</h3>
|
||||
<p class="text-secondary-600 text-sm leading-relaxed">หากดูดจากบ่อน้ำตื้น (ต่ำกว่าตัวปั๊มไม่เกิน 8 เมตร) ใช้ปั๊มหอยโข่งหรือปั๊มอัตโนมัติ หากดูดจากบ่อน้ำลึก (เกิน 8 เมตร) ต้องใช้ปั๊มเจ็ทหรือปั๊มจุ่ม</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Installation Tips -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl sm:text-2xl font-bold text-secondary-900 mb-8 text-center">ข้อแนะนำการติดตั้งและบำรุงรักษา</h2>
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<div class="w-10 h-10 bg-accent-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-5 h-5 text-accent-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-base font-bold text-secondary-900 mb-2">สถานที่ติดตั้ง</h3>
|
||||
<p class="text-secondary-600 text-sm leading-relaxed">ติดตั้งในที่ร่ม อากาศถ่ายเทสะดวก ห่างจากแหล่งความร้อน สูงจากพื้นอย่างน้อย 30 ซม. เพื่อป้องกันน้ำท่วมและฝุ่น</p>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<div class="w-10 h-10 bg-accent-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-5 h-5 text-accent-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.414 1.414.586 3.414-1.414 3.414H12" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-base font-bold text-secondary-900 mb-2">การเติมน้ำ (Priming)</h3>
|
||||
<p class="text-secondary-600 text-sm leading-relaxed">ก่อนเปิดใช้งานครั้งแรก หรือหลังจากน้ำในระบบหมด ต้องเติมน้ำในท่อดูดและตัวปั๊มให้เต็มก่อน เพื่อป้องกันการวิ่งแห้ง (Dry Run)</p>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<div class="w-10 h-10 bg-accent-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-5 h-5 text-accent-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-base font-bold text-secondary-900 mb-2">การบำรุงรักษา</h3>
|
||||
<p class="text-secondary-600 text-sm leading-relaxed">ตรวจสอบระดับน้ำมันหล่อลื่นทุก 3 เดือน เปลี่ยนซีลกันรั่วทุก 1-2 ปี ทำความสะอาดตะแกรงดูดน้ำเดือนละครั้ง และตรวจสอบสายไฟทุก 6 เดือน</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-8 p-4 bg-accent-50 border border-accent-200 rounded-lg">
|
||||
<p class="text-sm text-accent-700 text-center"><strong>หมายเหตุ:</strong> ควรให้ช่างผู้เชี่ยวชาญติดตั้งและตรวจสอบระบบปั๊มน้ำเป็นประจำทุกปี เพื่อความปลอดภัยและอายุการใช้งานที่ยาวนาน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl sm:text-2xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับปั๊มน้ำ (FAQ)</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="border border-gray-200 rounded-lg overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex justify-between items-center p-4 bg-gray-50 cursor-pointer list-none">
|
||||
<span class="font-semibold text-secondary-900">ปั๊มน้ำมีกี่ประเภทและแต่ละประเภทเหมาะกับการใช้งานอะไร?</span>
|
||||
<span class="transition group-open:rotate-180">
|
||||
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
|
||||
</span>
|
||||
</summary>
|
||||
<div class="p-4 text-secondary-600 text-sm leading-relaxed">
|
||||
ปั๊มน้ำแบ่งออกเป็นหลายประเภทตามการใช้งาน: (1) <strong>ปั๊มหอยโข่ง</strong> เหมาะสำหรับบ้านพักและอาคารขนาดเล็ก (2) <strong>ปั๊มเจ็ท</strong> เหมาะสำหรับบ่อน้ำลึก (3) <strong>ปั๊มจุ่ม</strong> เหมาะสำหรับระบายน้ำและบ่อบาด (4) <strong>ปั๊มอัตโนมัติ</strong> เหมาะสำหรับบ้านที่ต้องการน้ำประปาอัตโนมัติ (5) <strong>ปั๊มแรงดันสูง</strong> เหมาะสำหรับระบบดับเพลิงและอุตสาหกรรม
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
<div class="border border-gray-200 rounded-lg overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex justify-between items-center p-4 bg-gray-50 cursor-pointer list-none">
|
||||
<span class="font-semibold text-secondary-900">เลือกซื้อปั๊มน้ำอย่างไรให้เหมาะกับการใช้งาน?</span>
|
||||
<span class="transition group-open:rotate-180">
|
||||
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
|
||||
</span>
|
||||
</summary>
|
||||
<div class="p-4 text-secondary-600 text-sm leading-relaxed">
|
||||
ต้องพิจารณา 4 ปัจจัยหลัก: (1) <strong>ความสูงยก (Head)</strong> วัดระยะจากปั๊มถึงจุดส่งน้ำสูงสุด (2) <strong>อัตราการไหล (Flow Rate)</strong> ปริมาณน้ำที่ต้องการต่อนาที (3) <strong>แหล่งน้ำ</strong> บ่อ ถังเก็บ หรือน้ำประปา (4) <strong>กำลังไฟ</strong> เลือกให้เหมาะกับขนาดและการใช้งาน เช่น บ้านพักใช้ 0.5-1 HP โรงงานใช้ 5 HP ขึ้นไป
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
<div class="border border-gray-200 rounded-lg overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex justify-between items-center p-4 bg-gray-50 cursor-pointer list-none">
|
||||
<span class="font-semibold text-secondary-900">การติดตั้งปั๊มน้ำต้องดูอะไรบ้าง?</span>
|
||||
<span class="transition group-open:rotate-180">
|
||||
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
|
||||
</span>
|
||||
</summary>
|
||||
<div class="p-4 text-secondary-600 text-sm leading-relaxed">
|
||||
สิ่งสำคัญในการติดตั้ง: (1) <strong>ตำแหน่ง</strong> ติดตั้งในที่ร่ม อากาศถ่ายเทดี สูงจากพื้น 30 ซม. (2) <strong>ท่อดูด</strong> ใช้ขนาดไม่เล็กกว่าทางเข้าปั๊ม ติดตั้งให้สั้นที่สุด (3) <strong>วาล์ว</strong> ติดตั้งวาล์วกันย้อนที่ท่อส่ง (4) <strong>สายดิน</strong> ต่อสายดินให้ครบถ้วน (5) <strong>ทดสอบ</strong> เติมน้ำ (Priming) ก่อนเปิดใช้งานเสมอ
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
<div class="border border-gray-200 rounded-lg overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex justify-between items-center p-4 bg-gray-50 cursor-pointer list-none">
|
||||
<span class="font-semibold text-secondary-900">การบำรุงรักษาปั๊มน้ำทำอย่างไร?</span>
|
||||
<span class="transition group-open:rotate-180">
|
||||
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
|
||||
</span>
|
||||
</summary>
|
||||
<div class="p-4 text-secondary-600 text-sm leading-relaxed">
|
||||
การบำรุงรักษาเบื้องต้น: (1) <strong>รายวัน</strong> ตรวจสอบเสียงผิดปกติและการรั่วซึม (2) <strong>รายสัปดาห์</strong> ตรวจสอบระดับน้ำมันหล่อลื่น (3) <strong>รายเดือน</strong> ทำความสะอาดตะแกรงดูดน้ำ (4) <strong>ราย 6 เดือน</strong> ตรวจสอบสายไฟและขั้วต่อ (5) <strong>รายปี</strong> ให้ช่างผู้เชี่ยวชาญตรวจสอบและเปลี่ยนซีลกันรั่ว
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
<div class="border border-gray-200 rounded-lg overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex justify-between items-center p-4 bg-gray-50 cursor-pointer list-none">
|
||||
<span class="font-semibold text-secondary-900">ปั๊มน้ำใช้งานในอุตสาหกรรมอะไรได้บ้าง?</span>
|
||||
<span class="transition group-open:rotate-180">
|
||||
<svg fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
|
||||
</span>
|
||||
</summary>
|
||||
<div class="p-4 text-secondary-600 text-sm leading-relaxed">
|
||||
ปั๊มน้ำใช้งานในอุตสาหกรรมหลากหลาย: (1) <strong>อาหารและเครื่องดื่ม</strong> ส่งน้ำและของเหลวในกระบวนการผลิต (2) <strong>เคมีและปิโตรเคมี</strong> ส่งสารเคมีกรด-ด่าง (3) <strong>พลังงาน</strong> ระบบระบายความร้อนและหล่อเย็น (4) <strong>สิ่งทอและฟอกย้อม</strong> ส่งน้ำและสารเคมี (5) <strong>ก่อสร้าง</strong> ระบบกดน้ำและระบบดับเพลิง (6) <strong>เกษตรกรรม</strong> ระบบชลประทานและปั๊มน้ำเพื่อการเกษตร
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
352
src/pages/water-treatment/index.astro
Normal file
352
src/pages/water-treatment/index.astro
Normal file
@@ -0,0 +1,352 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ระบบกรองน้ำ Water Treatment",
|
||||
"description": "จำหน่ายระบบกรองน้ำดี (Water Treatment) คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/water-treatment_000C.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/water-treatment",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ระบบกรองน้ำดี (Water Treatment)" description="จำหน่ายระบบกรองน้ำดี (Water Treatment)คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/products-cropped/water-treatment_000C.jpg" alt="ระบบกรองน้ำดี (Water Treatment)" 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 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">
|
||||
ระบบกรองน้ำ
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ระบบกรองน้ำดี (Water Treatment)</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
จำหน่ายระบบกรองน้ำดี (Water Treatment)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Details -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">จำหน่ายระบบกรองน้ำดีและอุปกรณ์ครบวงจร สำหรับบ้าน อาคาร โรงงานอุตสาหกรรม โรงแรม โรงพยาบาล และสถานประกอบการต่างๆ พร้อมให้คำปรึกษาและออกแบบระบบโดยทีมงานมืออาชีพ</p>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ระบบผลิตน้ำประปาและน้ำบริสุทธิ์</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li><strong>ระบบผลิตน้ำประปา</strong> - สำหรับโรงงาน อาคาร ชุมชน</li>
|
||||
<li><strong>ระบบผลิตน้ำ DI</strong> - น้ำบริสุทธิ์สำหรับอุตสาหกรรมอิเล็กทรอนิกส์ อาหาร เครื่องดื่ม</li>
|
||||
<li><strong>ระบบ Ultrafiltration (UF)</strong> - กรองน้ำขนาดเล็ก 0.01 ไมครอน</li>
|
||||
<li><strong>ระบบ Reverse Osmosis (RO)</strong> - กรองน้ำขนาดเล็กมาก ขนาด 0.0001 ไมครอน</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ระบบนำน้ำทิ้งกลับมาใช้ใหม่</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li><strong>ระบบนำน้ำทิ้งกลับมาใช้ใหม่ด้วยระบบ UF</strong> - ประหยัดน้ำ ลดต้นทุน</li>
|
||||
<li><strong>ระบบนำน้ำทิ้งกลับมาใช้ใหม่ด้วยระบบ UF และ RO</strong> - น้ำคุณภาพสูง ขนาดน้อยกว่า 0.0001 ไมครอน</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">1. สารเคมี (Chemical Supply)</h3>
|
||||
<h4 class="text-xl font-semibold text-secondary-800 mb-2">สารเคมีเฉพาะทาง (Specialty Chemicals)</h4>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>สารเคมีบำบัดน้ำ - ระบบ Cooling Tower, Boiler, น้ำบริสุทธิ์, น้ำเสีย</li>
|
||||
<li>สารกันตะกรันสำหรับ RO</li>
|
||||
<li>สารเคมีสำหรับการฟอกสี</li>
|
||||
<li>สารเคมีสำหรับอุตสาหกรรมกระดาษ</li>
|
||||
<li>สารเคมีสำหรับการเคลือบผิว</li>
|
||||
<li>สารเคมีสำหรับอุตสาหกรรมอาหาร</li>
|
||||
<li>สารเคมีสำหรับทำความสะอาด</li>
|
||||
</ul>
|
||||
|
||||
<h4 class="text-xl font-semibold text-secondary-800 mb-2">สารเคมีพื้นฐาน (Basic Chemicals)</h4>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>NaCl 99.75% (เกลือบริสุทธิ์)</li>
|
||||
<li>NaOCl 10% (ของเหลว) - คลอรีนน้ำ</li>
|
||||
<li>NaOCl 65%, 70%, 90% (ผง) - คลอรีนผง</li>
|
||||
<li>NaOH 50% (ของเหลว) และ 99% (ผง) - โซดาไฟ</li>
|
||||
<li>HCl 35% (ของเหลว) - กรดเกลือ</li>
|
||||
<li>PAC 10% (ของเหลว) และ 30%-35% (ผง) - สารส้ม</li>
|
||||
<li>Alum 8% (ของเหลว) - สารส้มเหลว</li>
|
||||
<li>สารเคมีอื่นๆ ตามความต้องการ</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">2. อุปกรณ์ (Equipment Supply)</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li><strong>ระบบกรอง</strong> - Sand Filter, Carbon Filter, Softener และอื่นๆ</li>
|
||||
<li><strong>อุปกรณ์เติมสารเคมี</strong> - Metering Pump</li>
|
||||
<li><strong>เครื่องควบคุม</strong> - pH, Conductivity และอื่นๆ</li>
|
||||
<li><strong>เครื่องฆ่าเชื้อด้วย UV</strong> - Ultraviolet Sterilizers</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">3. ระบบโรงงาน (Engineering Plant Supply)</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li><strong>ระบบตกตะกอน</strong> - Clarifier Plant</li>
|
||||
<li><strong>ระบบกำจัดแร่ธาตุ</strong> - Demineralization Plant</li>
|
||||
<li><strong>ระบบ Reverse Osmosis</strong> - RO Plant</li>
|
||||
<li><strong>ระบบน้ำดื่ม</strong> - Drinking Water Plant</li>
|
||||
<li><strong>ระบบบำบัดน้ำเสีย</strong> - Wastewater Treatment Plant</li>
|
||||
</ul>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">ติดต่อสอบถามราคาและข้อมูลเพิ่มเติมได้ที่ Line @JPPSELECTION หรือโทร 090-555-1415</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl sm:text-2xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับระบบบำบัดน้ำ</h2>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="font-bold text-lg text-secondary-900 mb-2">ระบบบำบัดน้ำมีกี่ประเภท?</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">ระบบบำบัดน้ำแบ่งออกเป็นหลายประเภทตามวัตถุประสงค์การใช้งาน ได้แก่ ระบบกรองทราย (Sand Filter) สำหรับกำจัดตะกอน ระบบคาร์บอน (Carbon Filter) สำหรับกำจัดกลิ่นและสี ระบบปรับอ่อนน้ำ (Softener) สำหรับกำจัดความกระด้าง ระบบ UF (Ultrafiltration) สำหรับกรองขนาดเล็ก 0.01 ไมครอน และระบบ RO (Reverse Osmosis) สำหรับกรองขนาดเล็กมากถึง 0.0001 ไมครอน</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="font-bold text-lg text-secondary-900 mb-2">ระบบบำบัดน้ำเหมาะกับอุตสาหกรรมใดบ้าง?</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">ระบบบำบัดน้ำใช้กันอย่างแพร่หลายในอุตสาหกรรมหลากหลาย เช่น อุตสาหกรรมอาหารและเครื่องดื่ม อุตสาหกรรมอิเล็กทรอนิกส์ อุตสาหกรรมยา อุตสาหกรรมกระดาษ อุตสาหกรรมเหล็กและโลหะ อุตสาหกรรมสิ่งทอ อุตสาหกรรมเคมี โรงแรม โรงพยาบาล และอาคารขนาดใหญ่ รวมถึงโรงงานผลิตที่ต้องการน้ำคุณภาพสูงในกระบวนการผลิต</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="font-bold text-lg text-secondary-900 mb-2">ติดตั้งระบบบำบัดน้ำต้องเตรียมอะไรบ้าง?</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">ก่อนติดตั้งระบบบำบัดน้ำ ควรวิเคราะห์คุณภาพน้ำดิบ (Water Analysis) เพื่อเลือกระบบที่เหมาะสม จัดเตรียมพื้นที่ติดตั้งที่มีระบบระบายน้ำทิ้ง มีไฟฟ้าและน้ำประปาหรือน้ำบาดาล รวมถึงพื้นที่สำหรับถังเก็บน้ำ ทีมงานมืออาชีพจะออกแบบและติดตั้งระบบให้ตรงตามความต้องการของลูกค้า</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="font-bold text-lg text-secondary-900 mb-2">การบำรุงรักษาระบบบำบัดน้ำทำอย่างไร?</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">การบำรุงรักษาระบบบำบัดน้ำควรทำเป็นประจำตามชนิดของระบบ เช่น ล้างกรองทรายทุก 1-2 เดือน เปลี่ยนถ่านกัมมันต์ทุก 6-12 เดือน รีเจนเนตตัวเรือนน้ำอ่อนทุก 1-2 เดือน เปลี่ยน мембраน RO ทุก 2-5 ปี และตรวจสอบระบบ UV ทุก 6-12 เดือน การบำรุงรักษาอย่างสม่ำเสมอช่วยให้ระบบทำงานได้อย่างมีประสิทธิภาพและยืดอายุการใช้งาน</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="font-bold text-lg text-secondary-900 mb-2">ประโยชน์ของระบบบำบัดน้ำมีอะไรบ้าง?</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">ระบบบำบัดน้ำให้ประโยชน์หลายประการ ได้แก่ น้ำสะอาดปลอดภัยสำหรับการบริโภคและใช้ในกระบวนการผลิต ป้องกันการสะสมตะกรันในเครื่องจักรและท่อ ลดค่าใช้จ่ายในการซ่อมบำรุง ประหยัดน้ำโดยการนำน้ำทิ้งกลับมาใช้ใหม่ และรักษาสิ่งแวดล้อมด้วยการบำบัดน้ำเสียก่อนปล่อยทิ้ง</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Treatment Methods Guide -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl sm:text-2xl font-bold text-secondary-900 mb-8 text-center">วิธีการบำบัดน้ำแต่ละประเภท</h2>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-lg text-secondary-900">ระบบกรองทราย (Sand Filter)</h3>
|
||||
</div>
|
||||
<p class="text-secondary-700 text-sm">กรองตะกอนและสารแขวนลอยขนาดใหญ่กว่า 20 ไมครอน เหมาะสำหรับน้ำดิบที่มีตะกอนสูง ใช้ทรายและกรวดเป็นตัวกรอง สามารถล้างย้อนกลับ (Backwash) ได้ง่าย</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-lg text-secondary-900">ระบบคาร์บอน (Carbon Filter)</h3>
|
||||
</div>
|
||||
<p class="text-secondary-700 text-sm">กำจัดกลิ่น สี และสารอินทรีย์ด้วยถ่านกัมมันต์ ขจัดคลอรีนและสารประกอบอินทรีย์ที่เป็นอันตราย ให้น้ำใส สะอาด ไม่มีกลิ่น</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-lg text-secondary-900">ระบบปรับอ่อนน้ำ (Water Softener)</h3>
|
||||
</div>
|
||||
<p class="text-secondary-700 text-sm">กำจัดความกระด้าง (Ca, Mg) ด้วยเรซิ่นแลกเปลี่ยนไอออน ป้องกันการสะสมของตะกรันหินปูนในเครื่องใช้ไฟฟ้าและท่อน้ำ ยืดอายุอุปกรณ์</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-lg text-secondary-900">ระบบ Ultrafiltration (UF)</h3>
|
||||
</div>
|
||||
<p class="text-secondary-700 text-sm">กรองน้ำขนาดเล็ก 0.01 ไมครอน กำจัดแบคทีเรีย ไวรัส และสารก่อมลพิษ ผลิตน้ำสะอาดสำหรับอุตสาหกรรมอาหารและเครื่องดื่ม</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-lg text-secondary-900">ระบบ Reverse Osmosis (RO)</h3>
|
||||
</div>
|
||||
<p class="text-secondary-700 text-sm">กรองน้ำขนาดเล็กมาก 0.0001 ไมครอน ขจัดโลหะหนัก สารละลาย และเชื้อโรค ให้น้ำบริสุทธิ์สำหรับอุตสาหกรรมอิเล็กทรอนิกส์และยา</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-lg text-secondary-900">ระบบ UV Sterilizer</h3>
|
||||
</div>
|
||||
<p class="text-secondary-700 text-sm">ฆ่าเชื้อแบคทีเรียและไวรัสด้วยรังสี UV ปลอดภัย ไม่ใช้สารเคมี เหมาะสำหรับน้ำดื่มและน้ำในกระบวนการผลิตอาหาร</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Application Guide -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl sm:text-2xl font-bold text-secondary-900 mb-8 text-center">การประยุกต์ใช้ระบบบำบัดน้ำตามอุตสาหกรรม</h2>
|
||||
|
||||
<div class="space-y-6">
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="font-bold text-lg text-secondary-900 mb-3">อุตสาหกรรมการผลิต (Industrial)</h3>
|
||||
<p class="text-secondary-700 leading-relaxed mb-3">โรงงานอุตสาหกรรมต้องการน้ำคุณภาพสูงสำหรับกระบวนการผลิต ระบบบำบัดน้ำช่วยให้ได้น้ำที่มีคุณสมบัติตามมาตรฐานอุตสาหกรรม ลดปัญหาตะกรันในเครื่องจักร และเพิ่มประสิทธิภาพการผลิต</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">อุตสาหกรรมอาหาร</span>
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">อุตสาหกรรมเครื่องดื่ม</span>
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">อุตสาหกรรมอิเล็กทรอนิกส์</span>
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">อุตสาหกรรมยา</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="font-bold text-lg text-secondary-900 mb-3">อาคารและสถานที่ให้บริการ (Commercial)</h3>
|
||||
<p class="text-secondary-700 leading-relaxed mb-3">อาคารสำนักงาน โรงแรม โรงพยาบาล ห้างสรรพสินค้า และสถานที่ให้บริการต้องการน้ำสะอาดสำหรับใช้ในชีวิตประจำวันและการให้บริการลูกค้า ระบบบำบัดน้ำช่วยให้มั่นใจในความสะอาดและความปลอดภัย</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">โรงแรม</span>
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">โรงพยาบาล</span>
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">อาคารสำนักงาน</span>
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">ห้างสรรพสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="font-bold text-lg text-secondary-900 mb-3">ที่อยู่อาศัย (Residential)</h3>
|
||||
<p class="text-secondary-700 leading-relaxed mb-3">บ้านเรือนและคอนโดมิเนียมสามารถติดตั้งระบบบำบัดน้ำขนาดเล็กเพื่อให้ได้น้ำดื่มและน้ำใช้ที่สะอาด ปราศจากสารพิษ กลิ่น และตะกรันหินปูน ดีต่อสุขภาพและอุปกรณ์ในครัวเรือน</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">บ้านเรือน</span>
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">คอนโดมิเนียม</span>
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">ทาวน์เฮาส์</span>
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">อพาร์ตเมนต์</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="font-bold text-lg text-secondary-900 mb-3">การบำบัดน้ำเสีย (Wastewater Treatment)</h3>
|
||||
<p class="text-secondary-700 leading-relaxed mb-3">น้ำเสียจากกระบวนการผลิตและการใช้ชีวิตประจำวันต้องผ่านระบบบำบัดก่อนปล่อยทิ้ง เพื่อรักษาสิ่งแวดล้อมและปฏิบัติตามกฎหมาย ระบบบำบัดน้ำเสียช่วยกำจัดสารมลพิษและของเสียต่างๆ</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">ระบบตกตะกอน</span>
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">ระบบเติมอากาศ</span>
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">ระบบ MBR</span>
|
||||
<span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">ระบบน้ำทิ้งกลับมาใช้ใหม่</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
117
src/pages/ฉนวนหุ้มท่อ-category/index.astro
Normal file
117
src/pages/ฉนวนหุ้มท่อ-category/index.astro
Normal file
@@ -0,0 +1,117 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ฉนวนหุ้มท่อ" description="ฉนวนหุ้มท่อ เทอร์โมเบรค ฉนวนกันความร้อน คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="bg-white min-h-screen">
|
||||
<!-- Category Hero Section -->
|
||||
<section class="hero-gradient py-16">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-center">
|
||||
<div>
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/thermobreak/thermobreak-solarblock.png" alt="ฉนวนหุ้มท่อ" 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>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
ฉนวนหุ้มท่อ
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ฉนวนหุ้มท่อ</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
ฉนวนหุ้มท่อ เทอร์โมเบรค ฉนวนกันความร้อน ประหยัดพลังงาน คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6 mt-8">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>คุณภาพสูง</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>จัดส่งฟรี</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Products -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="section-title">สินค้าในหมวดนี้</h2>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
|
||||
<a href="/ฉนวนหุ้มท่อ-pipe-insulation" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/thermobreak/thermobreak-solarblock.png" alt="ฉนวนหุ้มท่อ" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">ฉนวนหุ้มท่อ</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/เทอร์โมเบรค-thermobreak" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/thermobreak/thermobreak-solarblock.png" alt="เทอร์โมเบรค" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">เทอร์โมเบรค</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-2xl sm:text-3xl 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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
392
src/pages/ฉนวนหุ้มท่อ-pipe-insulation/index.astro
Normal file
392
src/pages/ฉนวนหุ้มท่อ-pipe-insulation/index.astro
Normal file
@@ -0,0 +1,392 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ฉนวนหุ้มท่อ | Pipe Insulation",
|
||||
"description": "ฉนวนหุ้มท่อ (Pipe Insulation) คืออะไร? ทำไมถึงสำคัญในอุตสาหกรรม? ส่งฟรี กรุงเทพมหานคร ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/thermobreak/thermobreak-solarblock.png",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/ฉนวนหุ้มท่อ-pipe-insulation",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ฉนวนหุ้มท่อ | Pipe Insulation" description="ฉนวนหุ้มท่อ (Pipe Insulation) คืออะไร? ทำไมถึงสำคัญในอุตสาหกรรม? ส่งฟรี กรุงเทพมหานคร ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-glass p-2">
|
||||
<img src="/images/thermobreak/thermobreak-solarblock.png" alt="ฉนวนหุ้มท่อ" class="w-full h-auto rounded-xl" width="600" height="600" loading="eager" fetchpriority="high" decoding="sync" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
ฉนวนหุ้มท่อ
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ฉนวนหุ้มท่อ | Pipe Insulation</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
ฉนวนหุ้มท่อ (Pipe Insulation) คืออะไร? ทำไมถึงสำคัญในอุตสาหกรรม? ส่งฟรี กรุงเทพมหานคร ปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
<a href="#pricelist" 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="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/>
|
||||
</svg>
|
||||
<span>ดาวน์โหลดราคา</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6 mt-8">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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="section-title">รายละเอียดสินค้า</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>
|
||||
|
||||
<!-- Glasswool Section -->
|
||||
<section id="glasswool" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">ฉนวนใยแก้ว (Glasswool & Mineral Wool)</h2>
|
||||
<p class="text-lg text-secondary-700 mb-8">นอกจากฉนวนยางแล้ว เรายังจำหน่ายฉนวนใยแก้วและใยหินสำหรับงานอุตสาหกรรมและงานระบบท่อลม ซึ่งเหมาะกับการใช้งานที่ต้องการความทนไฟและราคาประหยัด</p>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<div class="bg-white p-5 rounded-lg shadow-sm">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">SCG Glasswool</h3>
|
||||
<p class="text-secondary-700 text-sm mb-3">ฉนวนใยแก้วคุณภาพจาก SCG สำหรับงานฉนวนระบบท่อลมและฉนวนอาคาร</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• ทนความร้อนสูง</li>
|
||||
<li>• ดูดซับเสียงได้ดี</li>
|
||||
<li>• ราคาประหยัด</li>
|
||||
<li>• เหมาะกับท่อลม</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-white p-5 rounded-lg shadow-sm">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">MicroFiber</h3>
|
||||
<p class="text-secondary-700 text-sm mb-3">ฉนวนใยแก้วเกรดพรีเมียม สำหรับงานที่ต้องการประสิทธิภาพสูง</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• เส้นใยละเอียด</li>
|
||||
<li>• ประสิทธิภาพสูง</li>
|
||||
<li>• ทนความร้อนได้ดี</li>
|
||||
<li>• เหมาะกับงานอุตสาหกรรม</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-white p-5 rounded-lg shadow-sm">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">ROCKWOOL (Stonewool)</h3>
|
||||
<p class="text-secondary-700 text-sm mb-3">ฉนวนใยหินจาก ROCKWOOL สำหรับงานที่ต้องการความทนไฟและความแข็งแรงสูง</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• ทนไฟได้ดีเยี่ยม</li>
|
||||
<li>• แข็งแรง ทนทาน</li>
|
||||
<li>• เหมาะกับงานอุตสาหกรรม</li>
|
||||
<li>• ดูดซับเสียงได้ดี</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 p-4 bg-blue-50 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">เปรียบเทียบ Glasswool vs Stonewool</h3>
|
||||
<div class="grid md:grid-cols-2 gap-4 text-sm">
|
||||
<div>
|
||||
<p class="font-semibold text-secondary-800">Glasswool (ใยแก้ว):</p>
|
||||
<ul class="text-secondary-700 space-y-1">
|
||||
<li>• น้ำหนักเบากว่า</li>
|
||||
<li>• ราคาถูกกว่า</li>
|
||||
<li>• เหมาะกับงานทั่วไป</li>
|
||||
<li>• ดูดซับเสียงได้ดี</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<p class="font-semibold text-secondary-800">Stonewool (ใยหิน):</p>
|
||||
<ul class="text-secondary-700 space-y-1">
|
||||
<li>• ทนไฟได้ดีกว่า</li>
|
||||
<li>• แข็งแรงกว่า</li>
|
||||
<li>• เหมาะกับงานอุตสาหกรรม</li>
|
||||
<li>• ทนอุณหภูมิสูงได้มากกว่า</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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/~JPPSELECTION" class="text-green-700 underline">@JPPSELECTION</a> หรือโทร <a href="tel:0905551415" class="text-green-700 underline">090-555-1415</a> ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Thickness Selection Guide -->
|
||||
<section id="thickness-guide" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำแนะนำการเลือกความหนาฉนวน</h2>
|
||||
<p class="text-lg text-secondary-700 mb-6">การเลือกความหนาฉนวนขึ้นอยู่กับปัจจัยหลายอย่าง เช่น อุณหภูมิของไหลในท่อ อุณหภูมิแวดล้อม และความชื้น</p>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-gray-50 rounded-lg">
|
||||
<thead>
|
||||
<tr class="bg-primary-600 text-white">
|
||||
<th class="px-4 py-3 text-left">ขนาดท่อ (นิ้ว)</th>
|
||||
<th class="px-4 py-3 text-center">ท่อน้ำเย็น (มม.)</th>
|
||||
<th class="px-4 py-3 text-center">ท่อลมเย็น (มม.)</th>
|
||||
<th class="px-4 py-3 text-center">ท่อน้ำร้อน (มม.)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y">
|
||||
<tr><td class="px-4 py-2 font-medium">1/2"</td><td class="px-4 py-2 text-center">15-20</td><td class="px-4 py-2 text-center">20-25</td><td class="px-4 py-2 text-center">20-25</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">3/4"</td><td class="px-4 py-2 text-center">15-20</td><td class="px-4 py-2 text-center">20-25</td><td class="px-4 py-2 text-center">25-30</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">1"</td><td class="px-4 py-2 text-center">20-25</td><td class="px-4 py-2 text-center">25-30</td><td class="px-4 py-2 text-center">25-30</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">1-1/2"</td><td class="px-4 py-2 text-center">20-25</td><td class="px-4 py-2 text-center">25-30</td><td class="px-4 py-2 text-center">30-40</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">2"</td><td class="px-4 py-2 text-center">25-30</td><td class="px-4 py-2 text-center">30-40</td><td class="px-4 py-2 text-center">30-40</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">3"</td><td class="px-4 py-2 text-center">25-30</td><td class="px-4 py-2 text-center">30-40</td><td class="px-4 py-2 text-center">40-50</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">4"</td><td class="px-4 py-2 text-center">30-40</td><td class="px-4 py-2 text-center">40-50</td><td class="px-4 py-2 text-center">40-50</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">6"</td><td class="px-4 py-2 text-center">30-40</td><td class="px-4 py-2 text-center">40-50</td><td class="px-4 py-2 text-center">50-60</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 grid md:grid-cols-3 gap-4">
|
||||
<div class="p-4 bg-blue-50 rounded-lg">
|
||||
<h4 class="font-semibold text-secondary-900 mb-2">ท่อน้ำเย็น</h4>
|
||||
<p class="text-sm text-secondary-700">ต้องการป้องกันการควบแน่น ความหนา 15-30 มม. ขึ้นอยู่กับขนาดท่อและความชื้นแวดล้อม</p>
|
||||
</div>
|
||||
<div class="p-4 bg-orange-50 rounded-lg">
|
||||
<h4 class="font-semibold text-secondary-900 mb-2">ท่อลมเย็น</h4>
|
||||
<p class="text-sm text-secondary-700">ต้องการป้องกันการสูญเสียความเย็น ความหนา 20-50 มม. ขึ้นอยู่กับอุณหภูมิลมและแวดล้อม</p>
|
||||
</div>
|
||||
<div class="p-4 bg-red-50 rounded-lg">
|
||||
<h4 class="font-semibold text-secondary-900 mb-2">ท่อน้ำร้อน</h4>
|
||||
<p class="text-sm text-secondary-700">ต้องการป้องกันการสูญเสียความร้อนและป้องกันแผลมือ ความหนา 20-60 มม. ขึ้นอยู่กับอุณหภูมิน้ำร้อน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ฉนวนยาง (Armaflex/Aeroflex) กับ ฉนวนใยแก้ว (Glasswool) ต่างกันอย่างไร?</h3>
|
||||
<p class="text-secondary-700">ฉนวนยางมีโครงสร้างเซลล์ปิด ยืดหยุ่น กันความชื้นได้ดี เหมาะกับท่อขนาดเล็ก-กลาง ส่วนฉนวนใยแก้วมีราคาถูกกว่า เหมาะกับท่อขนาดใหญ่และงานอุตสาหกรรมที่ต้องการทนไฟ</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: เลือกความหนาฉนวนอย่างไร?</h3>
|
||||
<p class="text-secondary-700">การเลือกความหนาขึ้นอยู่กับ: 1) อุณหภูมิของไหลในท่อ 2) อุณหภูมิแวดล้อม 3) ความชื้น 4) ขนาดท่อ โดยทั่วไปท่อน้ำเย็นควรใช้ 15-25 มม. ท่อลมเย็น 20-40 มม. และท่อน้ำร้อน 25-50 มม.</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ฉนวนยางใช้ภายนอกอาคารได้ไหม?</h3>
|
||||
<p class="text-secondary-700">ได้ แต่ควรเลือกชนิดที่ทนรังสี UV และอาจต้องติดตั้งแผ่นเคลือบเพิ่มเติมเพื่อป้องกันการเสื่อมสภาพจากแสงแดด</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ติดตั้งฉนวนยางยากไหม?</h3>
|
||||
<p class="text-secondary-700">ไม่ยาก ฉนวนยางมีความยืดหยุ่นสูง สามารถเปิดรอยต่อแล้วสวมเข้าท่อได้ หรือใช้กาวพิเศษติดที่ข้อต่อและรอยต่อ</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: Maxflex FR ต่างจาก Armaflex/Aeroflex อย่างไร?</h3>
|
||||
<p class="text-secondary-700">Maxflex FR มีคุณสมบัติทนไฟ (Fire Retardant) ซึ่งเหมาะกับงานที่ต้องการความปลอดภัยจากอัคคีภัย เช่น ระบบดับเพลิง ระบบท่อน้ำร้อนในโรงแรมหรือโรงพยาบาล</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Price Lists -->
|
||||
<section id="product-prices" class="section gradient-mesh">
|
||||
<div class="container-custom">
|
||||
<div class="card-glass p-8 max-w-lg mx-auto">
|
||||
<h2 id="pricelist" class="text-lg sm:text-xl font-bold text-secondary-900 mb-6 text-center">📥 ดาวน์โหลดราคาสินค้า</h2>
|
||||
<div class="grid md:grid-cols-2 gap-4 max-w-4xl mx-auto">
|
||||
<a href="/documents/16 Price List Armaflex 2567.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-8 h-8 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 Armaflex 2567</div><div class="text-sm text-secondary-500">PDF</div></div>
|
||||
</a>
|
||||
<a href="/documents/19 Pricelist Aeroflex (update 2565).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-8 h-8 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">Pricelist Aeroflex (update 2565)</div><div class="text-sm text-secondary-500">PDF</div></div>
|
||||
</a>
|
||||
<a href="/documents/22 Price List Maxflex แบบม้วน FR Roll MSR15M.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-8 h-8 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">Maxflex FR Roll MSR15M</div><div class="text-sm text-secondary-500">PDF - แบบม้วน</div></div>
|
||||
</a>
|
||||
<a href="/documents/22 Price list MAXFLEX แบบท่อน FR ST_Rev05_01012025 29-1-68.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-8 h-8 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">Maxflex FR ST แบบท่อน</div><div class="text-sm text-secondary-500">PDF - แบบท่อน</div></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-2xl sm:text-3xl 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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
276
src/pages/ท่อ-ppr-thai-ppr/index.astro
Normal file
276
src/pages/ท่อ-ppr-thai-ppr/index.astro
Normal file
@@ -0,0 +1,276 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ท่อ PPR ไทยพีพีอาร์",
|
||||
"description": "ไทยพีพีอาร์ (Thai PPR) ทางเลือกที่ดีที่สุดสำหรับงานระบบน้ำคุณภาพสูง ทั้งน้ำร้อนและน้ำเย็น ผลิตจากวัสดุ PP-R เกรดพรีเมียม ทนความร้อน 95°C อายุการใช้งาน 50 ปี",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/ppr-pipe_000C.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/ท่อ-ppr-thai-ppr",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ไทยพีพีอาร์ (Thai PPR) | ท่อพีพีอาร์ คุณภาพสูง" description="ไทยพีพีอาร์ (Thai PPR) ทางเลือกที่ดีที่สุดสำหรับงานระบบน้ำคุณภาพสูง ทั้งน้ำร้อนและน้ำเย็น ผลิตจากวัสดุ PP-R เกรดพรีเมียม ทนความร้อน 95°C อายุการใช้งาน 50 ปี ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PPR ไทย (Thai PPR)" 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 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">
|
||||
ท่อ PPR
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ไทยพีพีอาร์ (Thai PPR)</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
ไทยพีพีอาร์ (Thai PPR) ทางเลือกที่ดีที่สุดสำหรับงานระบบน้ำคุณภาพสูง ทั้งน้ำร้อนและน้ำเย็นในอาคารสมัยใหม่ ผลิตจากวัสดุ Polypropylene Random Copolymer (PPR) เกรดพรีเมียม สะอาด ปลอดภัย และมีสถานะเป็น Food Grade ส่งฟรี กรุงเทพมหานคร ปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
<a href="#pricelist" 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="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/>
|
||||
</svg>
|
||||
<span>ดาวน์โหลดราคา</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ทนความร้อน 95°C</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>อายุ 50+ ปี</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>Food Grade</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Details -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-6">
|
||||
<strong>ไทยพีพีอาร์ (Thai PPR)</strong> คือทางเลือกที่ดีที่สุดสำหรับงานระบบน้ำคุณภาพสูง ทั้งน้ำร้อนและน้ำเย็นในอาคารสมัยใหม่ ผลิตจากวัสดุ <strong>Polypropylene Random Copolymer (PPR)</strong> เกรดพรีเมียม ทำให้มั่นใจได้ถึงความสะอาด ปลอดภัย และมีสถานะเป็น <strong>Food Grade</strong> ที่เหมาะสำหรับระบบน้ำดื่มโดยเฉพาะ
|
||||
</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-6">
|
||||
ด้วยคุณสมบัติเด่นในการ <strong>ทนทานต่ออุณหภูมิสูง</strong> (ได้ถึง 95°C) และแรงดันที่คงที่ ไทยพีพีอาร์ จึงไม่มีปัญหาเรื่องการเกิดสนิมหรือตะกรันสะสม ทำให้มีอายุการใช้งานยาวนานกว่า 50 ปี การติดตั้งใช้เทคโนโลยี <strong>การเชื่อมแบบหลอมรวมด้วยความร้อน (Heat Fusion)</strong> ซึ่งทำให้รอยต่อของท่อและข้อต่อเป็นเนื้อเดียวกัน 100% จึงมั่นใจได้ว่าจะไม่มีปัญหารั่วซึมตลอดอายุการใช้งาน
|
||||
</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-6">
|
||||
<strong>PPR (Polypropylene Random Copolymer)</strong> เป็นเม็ดพลาสติกคุณภาพสูงชนิดหนึ่ง ผลิตจากเม็ดพลาสติก PP-R(80) ชั้นดีจากยุโรป จึงทำให้มีเนื้อพลาสติกที่มีคุณภาพและความหนาแน่นสูง แสงลอดผ่านได้ไม่ วางใจได้ในคุณภาพและอายุการใช้งาน
|
||||
</p>
|
||||
|
||||
<h3 class="text-lg sm:text-xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่นของไทยพีพีอาร์</h3>
|
||||
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2 text-secondary-700">
|
||||
<li><strong>ทนความร้อนได้สูงถึง 95°C</strong> - เหมาะกับการใช้เป็นท่อน้ำร้อนเพื่อการอุปโภคบริโภค</li>
|
||||
<li><strong>ทนแรงดันได้สูงสุด 20 บาร์</strong> - เหมาะกับงานระบบประปาทั่วไปและอุตสาหกรรม</li>
|
||||
<li><strong>สะอาดไม่เป็นสนิม ปราศจากโลหะหนักและสิ่งปนเปื้อน</strong> - น้ำที่ไหลผ่านท่อ PPR สะอาดปลอดภัย ไม่เป็นสนิม มีสีหรือกลิ่นปกติ</li>
|
||||
<li><strong>ประหยัดพลังงาน รักษาอุณหภูมิของน้ำได้ดีกว่าท่อโลหะ</strong> - ช่วยลดการสูญเสียความร้อนระหว่างที่น้ำร้อนไหลผ่านภายในท่อ</li>
|
||||
<li><strong>อายุการใช้งานยาวนานกว่า 50 ปี</strong> - ทนทานต่อการกัดกร่อนของสารเคมี ไม่ผุกร่อนหรือเป็นสนิม</li>
|
||||
<li><strong>น้ำหนักเบา ติดตั้งง่าย ราคาคุ้มค่ากว่าท่อทองแดง</strong></li>
|
||||
<li><strong>เชื่อมต่อเป็นเนื้อเดียวกัน ด้วยความร้อน (Heat Fusion) ไม่รั่วซึม</strong></li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-lg sm:text-xl font-bold text-secondary-900 mt-8 mb-4">ข้อต่อ PPR</h3>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-6">
|
||||
ข้อต่อ PPR ผลิตตามมาตรฐาน DIN16962-5 สามารถติดตั้งร่วมกับท่อประเภทอื่นๆ ได้ตามลักษณะงาน เนื่องจากมีข้อต่อประเภทเกลียวชนิดต่างๆ มากมายจึงทำให้สะดวก และไม่มีปัญหาในการใช้งานร่วมกัน รวมทั้งเกลียวเป็นชนิดทำจากทองเหลืองและชนิดทำจากทองเหลืองชุบนิเกิลทำให้ไม่เป็นสนิม อีกทั้งข้อต่อ PPR สามารถทนต่อแรงดันได้สูงสุด 20 บาร์
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Photos -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-lg sm:text-xl font-bold text-secondary-900 mb-6">รูปภาพสินค้า</h2>
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
|
||||
<div class="image-frame aspect-video">
|
||||
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PPR ไทย" class="w-full h-full object-cover" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<div class="image-frame aspect-video">
|
||||
<img src="/images/ppr/TPPR55.jpg" alt="ท่อ PPR ไทย" class="w-full h-full object-cover" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: PPR ต่างจาก PVC หรือ UPVC อย่างไร?</h3>
|
||||
<p class="text-secondary-700">PPR ทำจากโพลีโพรพิลีนเรนดอมโคพอลิเมอร์ ทนความร้อนได้สูงกว่า (95°C) เหมาะกับท่อน้ำร้อน-เย็น ส่วน PVC/UPVC ทำจากพอลิไวนิลคลอไรด์ เหมาะกับท่อระบายน้ำและท่อน้ำเย็น</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ติดตั้ง PPR ยากไหม?</h3>
|
||||
<p class="text-secondary-700">การติดตั้ง PPR ใช้วิธีเชื่อมร้อน (Fusion Welding) โดยใช้เครื่องเชื่อม PPR ตัวท่อและข้อต่อจะหลอมละลายเชื่อมติดกันเป็นชิ้นเดียว ต้องใช้เครื่องมือเฉพาะและความชำนาญ</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: SDR11 กับ SDR7.4 ต่างกันอย่างไร?</h3>
|
||||
<p class="text-secondary-700">SDR (Standard Dimension Ratio) คืออัตราส่วนเส้นผ่านศูนย์กลางต่อความหนาผนัง SDR11 มีผนังหนากว่า เหมาะกับงานที่ต้องการแรงดันสูง SDR7.4 มีผนังบางกว่า เหมาะกับงานทั่วไป</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: PPR ใช้กับน้ำดื่มได้ไหม?</h3>
|
||||
<p class="text-secondary-700">ได้ PPR ปลอดภัยสำหรับน้ำดื่ม ไม่มีสารพิษ ไม่เกิดปฏิกิริยากับน้ำ เป็นมาตรฐานสำหรับระบบท่อน้ำดื่มในอาคาร</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: อายุการใช้งาน PPR เท่าไหร่?</h3>
|
||||
<p class="text-secondary-700">PPR มีอายุการใช้งานประมาณ 50 ปี ภายใต้เงื่อนไขการใช้งานปกติ ทนต่อการกัดกร่อน ไม่เป็นสนิม และไม่เกิดตะกรัน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Applications Section -->
|
||||
<section id="applications" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">การใช้งานท่อ PPR</h2>
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div class="bg-blue-50 p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">ระบบน้ำดื่ม</h3>
|
||||
<p class="text-secondary-700 text-sm">เหมาะสำหรับระบบท่อน้ำดื่มในอาคารที่พักอาศัย โรงแรม โรงพยาบาล ปลอดภัย ไม่เป็นสนิม ไม่ปนเปื้อนน้ำ</p>
|
||||
</div>
|
||||
<div class="bg-orange-50 p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">ระบบน้ำร้อน</h3>
|
||||
<p class="text-secondary-700 text-sm">ทนความร้อนได้ถึง 95°C เหมาะกับระบบท่อน้ำร้อน หม้อน้ำร้อน ระบบพลังงานแสงอาทิตย์</p>
|
||||
</div>
|
||||
<div class="bg-green-50 p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">ระบบประปา</h3>
|
||||
<p class="text-secondary-700 text-sm">ระบบท่อประปาภายในอาคาร ท่อหลัก ท่อแยก ไม่เป็นสนิม ทนแรงดันได้ดี</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">อุตสาหกรรม</h3>
|
||||
<p class="text-secondary-700 text-sm">ใช้ในโรงงานอุตสาหกรรม ระบบท่อลำเลียงน้ำ สารเคมีที่ไม่กัดกร่อน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Installation Guide -->
|
||||
<section id="installation" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">ขั้นตอนการติดตั้งท่อ PPR</h2>
|
||||
<div class="grid md:grid-cols-2 gap-8">
|
||||
<div>
|
||||
<h3 class="text-lg font-semibold text-secondary-800 mb-4">อุปกรณ์ที่ต้องใช้</h3>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">1.</span> เครื่องเชื่อม PPR (แบบแผ่นร้อน)</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">2.</span> มีดตัดท่อ PPR</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">3.</span> ข้อต่อ PPR (ชุดเชื่อม)</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">4.</span> ถุงมือกันความร้อน</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">5.</span> นาฬิกาจับเวลา</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-semibold text-secondary-800 mb-4">ขั้นตอนการเชื่อม</h3>
|
||||
<ol class="space-y-3">
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">1</span><span class="text-secondary-700">ตัดท่อให้ตรง</span></li>
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">2</span><span class="text-secondary-700">เปิดเครื่องเชื่อมรอจนอุณหภูมิถึง 260°C</span></li>
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">3</span><span class="text-secondary-700">สวมท่อและข้อต่อเข้าแผ่นร้อนตามเวลาที่กำหนด</span></li>
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">4</span><span class="text-secondary-700">นำออกและเชื่อมเข้าด้วยกันทันที</span></li>
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">5</span><span class="text-secondary-700">รอให้เย็นตัวประมาณ 2-3 นาที</span></li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Price List Download -->
|
||||
<section class="section gradient-mesh">
|
||||
<div class="container-custom">
|
||||
<div class="card-glass p-8 max-w-lg mx-auto">
|
||||
<h2 id="pricelist" class="text-lg sm:text-xl font-bold text-secondary-900 mb-6 text-center">ดาวน์โหลดราคาสินค้า</h2>
|
||||
<a href="/documents/PRICE-LIST_TPPR_V28-2023 [26012023].pdf" target="_blank" class="flex items-center gap-4 p-4 bg-secondary-50 rounded-xl hover:bg-secondary-100 transition-colors group">
|
||||
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div>
|
||||
<div class="font-semibold text-secondary-900 group-hover:text-primary-600 transition-colors">Price List TPPR V28-2023</div>
|
||||
<div class="text-sm text-secondary-500">PDF - ดาวน์โหลดราคา</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
317
src/pages/ท่อ-upvc/index.astro
Normal file
317
src/pages/ท่อ-upvc/index.astro
Normal file
@@ -0,0 +1,317 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ท่อ UPVC (Unplasticized Polyvinyl Chloride)",
|
||||
"description": "ท่อ UPVC ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อยูพีวีซี ทนสารเคมี ทนความร้อน สำหรับงานอุตสาหกรรม",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/upvc-pipe_000C.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/ท่อ-upvc",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ท่อ UPVC (Unplasticized Polyvinyl Chloride)" description="ท่อ UPVC ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อยูพีวีซี ทนสารเคมี ทนความร้อน สำหรับงานอุตสาหกรรม">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img
|
||||
src="/images/products-cropped/upvc-pipe_000C.jpg"
|
||||
alt="ท่อ UPVC (Unplasticized Polyvinyl Chloride)"
|
||||
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 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">
|
||||
ท่อ UPVC
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ท่อ UPVC (Unplasticized Polyvinyl Chloride)</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ทนสารเคมีได้ดี</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ทนต่อสภาพอากาศ</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ทนความร้อนได้ถึง 60°C</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>เชื่อมต่อด้วยกาว UPVC ง่ายต่อการติดตั้ง</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ทนการกัดกร่อน</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Details -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
<strong>ท่อ UPVC (Unplasticized Polyvinyl Chloride)</strong> หรือ ท่อยูพีวีซี เป็นท่อพลาสติกที่มีความแข็งแรงและทนทานต่อสารเคมี ใช้ในงานเดินระบบน้ำทิ้ง ระบายน้ำเสีย ทนเคมีใช้ในโรงงานอุตสาหกรรมเคมี หรือเป็นระบบเดินของเหลวที่มีสารเคมีเจือปน สามารถทนอุณหภูมิได้ถึง 60 องศาเซลเซียส มีลักษณะ <strong>สีเทาเข้ม / สีเทาอ่อน</strong> ต่างจากท่อ PVC ทั่วไปที่มักเป็นสีฟ้า
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
ท่อและอุปกรณ์ยูพีวีซี สามารถใช้กาวทาท่อ UPVC ในการเชื่อมต่อ ซึ่งมีความรวดเร็วและง่ายต่อการติดตั้ง
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl 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-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>งานท่อน้ำเคมี</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>โรงงานอุตสาหกรรม ห้องเย็น ห้องแช่แข็ง ห้องปฏิบัติการ ห้องแล็บ</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ท่อน้ำเสีย ท่อน้ำทิ้ง</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ท่อน้ำที่มีสารเคมีปนเปื้อน</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>สระว่ายน้ำ (มีคลอรีนหรือสารเคมี)</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>งานทนสารเคมีเข้มข้น</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl 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-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>ทนสารเคมีได้ดี</strong></span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>ทนต่อสภาพอากาศ</strong></span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>ทนความร้อนได้ถึง 60°C</strong></span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>ทนการกัดกร่อน</strong></span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>ติดตั้งง่ายด้วยกาว UPVC</strong></span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>น้ำหนักเบา ขนส่งสะดวก</strong></span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl 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-xl 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>
|
||||
|
||||
<!-- UPVC vs CPVC Comparison -->
|
||||
<section id="comparison" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">เปรียบเทียบ UPVC กับ CPVC</h2>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-gray-50 rounded-lg">
|
||||
<thead>
|
||||
<tr class="bg-primary-600 text-white">
|
||||
<th class="px-4 py-3 text-left">คุณสมบัติ</th>
|
||||
<th class="px-4 py-3 text-center">UPVC</th>
|
||||
<th class="px-4 py-3 text-center">CPVC</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y">
|
||||
<tr><td class="px-4 py-2 font-medium">วัสดุ</td><td class="px-4 py-2 text-center">Unplasticized PVC</td><td class="px-4 py-2 text-center">Chlorinated PVC</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">ทนความร้อน</td><td class="px-4 py-2 text-center">สูงสุด 60°C</td><td class="px-4 py-2 text-center">สูงสุด 95°C</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">ทนแรงดัน</td><td class="px-4 py-2 text-center">ดี</td><td class="px-4 py-2 text-center">ดีกว่า</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">ทนการกัดกร่อน</td><td class="px-4 py-2 text-center">ดีเยี่ยม</td><td class="px-4 py-2 text-center">ดีเยี่ยม</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">ราคา</td><td class="px-4 py-2 text-center">ถูกกว่า</td><td class="px-4 py-2 text-center">สูงกว่า 20-30%</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">เหมาะกับ</td><td class="px-4 py-2 text-center">น้ำเย็น, ระบายน้ำ</td><td class="px-4 py-2 text-center">น้ำร้อน, ไอน้ำ</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Schedule Guide -->
|
||||
<section id="schedule" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">Schedule 40 vs Schedule 80</h2>
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div class="bg-white p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">Schedule 40</h3>
|
||||
<ul class="space-y-2 text-secondary-700 text-sm">
|
||||
<li>• ผนังท่อบางกว่า</li>
|
||||
<li>• น้ำหนักเบากว่า</li>
|
||||
<li>• ราคาถูกกว่า</li>
|
||||
<li>• เหมาะกับงานแรงดันต่ำ-กลาง</li>
|
||||
<li>• เหมาะกับงานระบายน้ำ</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-white p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">Schedule 80</h3>
|
||||
<ul class="space-y-2 text-secondary-700 text-sm">
|
||||
<li>• ผนังท่อหนากว่า</li>
|
||||
<li>• ทนแรงดันได้สูงกว่า</li>
|
||||
<li>• เหมาะกับงานแรงดันสูง</li>
|
||||
<li>• เหมาะกับงานอุตสาหกรรม</li>
|
||||
<li>• ราคาสูงกว่า</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: UPVC ใช้กับน้ำร้อนได้ไหม?</h3>
|
||||
<p class="text-secondary-700">ไม่แนะนำ UPVC ทนความร้อนได้สูงสุด 60°C สำหรับน้ำร้อนควรใช้ CPVC หรือ PPR แทน</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: Schedule สูงกว่าหมายถึงอะไร?</h3>
|
||||
<p class="text-secondary-700">Schedule สูงกว่าหมายถึงผนังท่อหนากว่า ทนแรงดันได้สูงกว่า แต่น้ำหนักจะมากกว่าและราคาสูงกว่า</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: UPVC กับ PVC ต่างกันอย่างไร?</h3>
|
||||
<p class="text-secondary-700">UPVC (Unplasticized PVC) คือ PVC ที่ไม่มีสารเพิ่มความยืดหยุ่น ทำให้แข็งแรงและเหมาะกับงานท่อ ส่วน PVC ทั่วไปอาจมีสารเพิ่มความยืดหยุ่นที่ไม่เหมาะกับงานท่อน้ำ</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
207
src/pages/ท่อhdpe/index.astro
Normal file
207
src/pages/ท่อhdpe/index.astro
Normal file
@@ -0,0 +1,207 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ท่อ HDPE",
|
||||
"description": "ท่อ HDPE มาตรฐาน มอก.982-2548 ผลิตจากวัสดุ Polyethylene คุณภาพสูง ทนทานต่อแรงดันสูง เหมาะสำหรับงานประปา ระบบน้ำเย็น และงานอุตสาหกรรม ราคาถูก ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/hdpe001.png",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/ท่อhdpe",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ท่อ HDPE (High Density Polyethylene)" description="ท่อ HDPE ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อ HDPE คุณภาพสูง ทนทาน อายุการใช้งาน 50 ปี">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img
|
||||
src="/images/products-cropped/hdpe001.png"
|
||||
alt="ท่อ HDPE (High Density Polyethylene)"
|
||||
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 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">
|
||||
ท่อ HDPE
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ท่อ HDPE (High Density Polyethylene)</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
<a href="#pricelist" 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="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
|
||||
<span>ดาวน์โหลดราคา</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>อายุการใช้งานยาวนานกว่า 50 ปี</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ทนต่อสารเคมี กรด และด่าง</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ทนต่อรังสี UV ไม่เป็นสนิม</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>น้ำหนักเบา ติดตั้งง่าย</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>รับแรงดันได้สูงถึง PN25</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Jointing Methods -->
|
||||
<section id="jointing" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">วิธีการต่อท่อ HDPE</h2>
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<div class="bg-white p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">1. Electrofusion</h3>
|
||||
<p class="text-secondary-700 text-sm mb-3">ใช้ข้อต่อ Electrofitting ต่อท่อโดยใช้ไฟฟ้าทำให้ข้อต่อและท่อหลอมละลายเชื่อมติดกัน</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• เหมาะกับท่อขนาดเล็ก-กลาง</li>
|
||||
<li>• ต้องใช้เครื่อง Electrofusion</li>
|
||||
<li>• ได้รอยต่อแข็งแรง</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-white p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">2. Butt Fusion</h3>
|
||||
<p class="text-secondary-700 text-sm mb-3">เปิดปลายท่อทั้งสองด้านให้เรียบ แล้วใช้ความร้อนประกบเข้าด้วยกัน</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• เหมาะกับท่อขนาดใหญ่</li>
|
||||
<li>• ต้องใช้เครื่อง Butt Fusion</li>
|
||||
<li>• ได้รอยต่อเป็นชิ้นเดียว</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-white p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">3. Mechanical Joint</h3>
|
||||
<p class="text-secondary-700 text-sm mb-3">ใช้ข้อต่อแบบกลไก เช่น Compression หรือ Flange</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• ติดตั้งง่าย</li>
|
||||
<li>• ดึงออกได้</li>
|
||||
<li>• เหมาะกับงานซ่อม</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4 max-w-4xl">
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: HDPE ต่างจาก PVC อย่างไร?</h3>
|
||||
<p class="text-secondary-700">HDPE ยืดหยุ่นกว่า ทนแรงดันได้สูงกว่า ทนความเย็นได้ดีกว่า (-40°C) เหมาะกับงานที่ต้องการความยืดหยุ่นและทนแรงดันสูง</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: เลือก PE80 หรือ PE100?</h3>
|
||||
<p class="text-secondary-700">ถ้าต้องการแรงดันสูง ระบบน้ำหลายชั้น หรืองานที่ต้องการความแข็งแรงมาก เลือก PE100 ถ้างานทั่วไปแรงดันต่ำ PE80 ก็เพียงพอและราคาถูกกว่า</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ท่อ HDPE ใช้กับน้ำดื่มได้ไหม?</h3>
|
||||
<p class="text-secondary-700">ได้ HDPE ปลอดภัยสำหรับน้ำดื่ม ไม่มีสารพิษ ไม่เป็นสนิม เป็นมาตรฐานสำหรับท่อส่งน้ำดื่มทั่วโลก</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Price List Download -->
|
||||
<section class="section gradient-mesh">
|
||||
<div class="container-custom">
|
||||
<div class="card-glass p-8 max-w-lg mx-auto">
|
||||
<h2 id="pricelist" class="text-lg sm:text-xl font-bold text-secondary-900 mb-6 text-center">ดาวน์โหลดราคาสินค้า</h2>
|
||||
<a href="/documents/Price List HDPE TAP.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-secondary-50 rounded-xl hover:bg-secondary-100 transition-colors group">
|
||||
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div>
|
||||
<div class="font-semibold text-secondary-900 group-hover:text-primary-600 transition-colors">Price List HDPE TAP</div>
|
||||
<div class="text-sm text-secondary-500">PDF - ดาวน์โหลดราคา</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
165
src/pages/ท่อพีพีอาร์/index.astro
Normal file
165
src/pages/ท่อพีพีอาร์/index.astro
Normal file
@@ -0,0 +1,165 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ท่อพีพีอาร์" description="ท่อพีพีอาร์ ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="bg-white min-h-screen">
|
||||
<!-- Category Hero Section -->
|
||||
<section class="hero-gradient py-16">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-center">
|
||||
<div>
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อพีพีอาร์" 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>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
ท่อพีพีอาร์
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ท่อพีพีอาร์</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
ท่อพีพีอาร์ ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6 mt-8">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>คุณภาพสูง</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>จัดส่งฟรี</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Subcategories -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="section-title">สินค้าในหมวดนี้</h2>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
|
||||
<a href="/ท่อ-ppr-thai-ppr" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PPR" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">ไทยพีพีอาร์</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/ท่อพีพีอาร์ตราช้าง" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-cropped/ppr-scg.jpg" alt="ท่อ PPR ตราช้าง" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">ท่อ PPR ตราช้าง</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/pp-r-pp-rct-poloplast" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/poloplast/POLOPLAST_001.png" alt="ท่อ PP-R Poloplast" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">ท่อ PP-R Poloplast</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/ท่อhdpe" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-cropped/hdpe001.png" alt="ท่อ HDPE" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">ท่อ HDPE</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/ท่อ-upvc" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-cropped/upvc-pipe_000C.jpg" alt="ท่อ UPVC" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">ท่อ UPVC</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/ท่อไซเลอร์" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-cropped/syler-pipe-cold-water.jpg" alt="ท่อ Syler" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">ท่อ Syler</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/ท่อและข้อต่อpvc" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-cropped/pvc-standard-01.jpg" alt="ท่อ PVC" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">ท่อ PVC</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/ท่อระบายน้ำ-3-ชั้น-ไซเลนท" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-cropped/XYLENT_001.png" alt="ท่อ XYLENT" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">ท่อ XYLENT</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-2xl sm:text-3xl 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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
295
src/pages/ท่อพีพีอาร์ตราช้าง/index.astro
Normal file
295
src/pages/ท่อพีพีอาร์ตราช้าง/index.astro
Normal file
@@ -0,0 +1,295 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ท่อ PPR ตราช้าง (SCG)",
|
||||
"description": "ท่อ PPR ตราช้าง (SCG) ผลิตจากเม็ดพลาสติก PP-R 80 มาตรฐานยุโรป ทนแรงดัน 20 บาร์ ทนอุณหภูมิ 95°C ราคาถูก ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/ppr-scg.jpg",
|
||||
"brand": "SCG",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/ท่อพีพีอาร์ตราช้าง",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ท่อ PPR ตราช้าง (SCG)" description="ท่อ PPR ตราช้าง (SCG) ผลิตจากเม็ดพลาสติก PP-R 80 มาตรฐานยุโรป ทนแรงดัน 20 บาร์ ทนอุณหภูมิ 95°C ราคาถูก ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/products-cropped/ppr-scg.jpg" alt="ท่อ PPR ตราช้าง (SCG)" 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 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">
|
||||
ท่อ PPR
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ท่อ PPR ตราช้าง (SCG)</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
<a href="#pricelist" 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="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>
|
||||
<span>ดาวน์โหลดราคา</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ทนแรงดันได้สูงสุด 20 บาร์</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ทนต่ออุณหภูมิได้สูงถึง 95°C</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>วัตถุดิบคุณภาพสูงมาตรฐานยุโรป</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>เชื่อมต่อด้วยความร้อน ไม่รั่วซึม</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>น้ำหนักเบา ราคาคุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>อายุการใช้งานยาวนาน</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Details -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
ท่อ 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-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-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>ทนแรงดันได้สูง 20 บาร์</strong> - ผลิตจากวัตถุดิบคุณภาพเยี่ยมมาตรฐานยุโรป กระบวนการผลิตตามมาตรฐาน DIN 8077 และ DIN 8078 ของประเทศเยอรมัน</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>ทนต่ออุณหภูมิได้สูงสุดถึง 95°C</strong> - เหมาะกับการใช้เป็นท่อน้ำร้อนเพื่อการอุปโภคบริโภค</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>สะอาดไม่เป็นสนิม ปราศจากโลหะหนักและสิ่งปนเปื้อน</strong> - น้ำที่ไหลผ่านสะอาดปลอดภัย ไม่เกิดตะไคร่น้ำภายในท่อ</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>ประหยัดพลังงาน</strong> - มีคุณสมบัติเป็นฉนวน ช่วยรักษาอุณหภูมิความร้อนของน้ำได้ดีกว่าท่อโลหะ ลดการสูญเสียความร้อน</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>อายุการใช้งานยาวนาน</strong> - ทนทานต่อการกัดกร่อนของสารเคมี ไม่ผุกร่อนหรือเป็นสนิม</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>น้ำหนักเบา ราคาถูกกว่าท่อทองแดง</strong> - ได้ระบบท่อที่มีประสิทธิภาพในราคาที่คุ้มค่า ง่ายต่อการติดตั้งและขนส่ง</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>ติดตั้งง่าย เชื่อมต่อเป็นเนื้อเดียวกัน ไม่รั่วซึม</strong> - ใช้เครื่องเชื่อมท่อพีพีอาร์ เชื่อมต่อท่อและข้อต่อเข้ากันด้วยความร้อน</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- SCG Heritage Section -->
|
||||
<section id="heritage" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">ท่อ PPR ตราช้าง SCG</h2>
|
||||
<div class="grid md:grid-cols-2 gap-8">
|
||||
<div>
|
||||
<p class="text-lg text-secondary-700 mb-4">ท่อ PPR ตราช้าง เป็นผลิตภัณฑ์จาก <strong>SCG (Siam Cement Group)</strong> ผู้นำด้านวัสดุก่อสร้างและท่อ PVC ชั้นนำของประเทศไทย มีประสบการณ์ในการผลิตท่อมากว่า 40 ปี</p>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> ผลิตจากโพลีโพรพิลีนเกรดพรีเมียม</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> มาตรฐาน มอก. เลขที่ 253-2522</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> ผ่านการรับรองคุณภาพระดับสากล</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> รับประกันคุณภาพจาก SCG</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">ข้อดีของท่อ SCG</h3>
|
||||
<ul class="space-y-2 text-secondary-700 text-sm">
|
||||
<li>• ผิวเรียบ ความต้านทานต่ำ ลดแรงดันน้ำ</li>
|
||||
<li>• ทนต่อแรงดันสูง</li>
|
||||
<li>• ทนความร้อนได้ดี</li>
|
||||
<li>• อายุการใช้งานยาวนาน</li>
|
||||
<li>• หาซื้อง่าย มีศูนย์บริการทั่วประเทศ</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pressure Rating Guide -->
|
||||
<section id="pressure" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำแนะนำการเลือกระดับแรงดัน</h2>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-lg">
|
||||
<thead>
|
||||
<tr class="bg-primary-600 text-white">
|
||||
<th class="px-4 py-3 text-left">ระดับแรงดัน</th>
|
||||
<th class="px-4 py-3 text-center">SDR</th>
|
||||
<th class="px-4 py-3 text-center">แรงดันสูงสุด (bar)</th>
|
||||
<th class="px-4 py-3 text-center">เหมาะกับ</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y">
|
||||
<tr><td class="px-4 py-2 font-medium">PN 10</td><td class="px-4 py-2 text-center">SDR 11</td><td class="px-4 py-2 text-center">10 bar</td><td class="px-4 py-2">ระบบน้ำเย็นทั่วไป</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">PN 16</td><td class="px-4 py-2 text-center">SDR 7.4</td><td class="px-4 py-2 text-center">16 bar</td><td class="px-4 py-2">ระบบน้ำร้อน, ระบบที่ต้องการแรงดันสูง</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">PN 20</td><td class="px-4 py-2 text-center">SDR 6</td><td class="px-4 py-2 text-center">20 bar</td><td class="px-4 py-2">อุตสาหกรรม, ระบบที่ต้องการแรงดันสูงมาก</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ท่อ PPR ตราช้าง ต่างจากท่อ PPR ยี่ห้ออื่นอย่างไร?</h3>
|
||||
<p class="text-secondary-700">ท่อ PPR ตราช้าง ผลิตจาก SCG ซึ่งมีมาตรฐานการผลิตสูง ผ่านการรับรอง มอก. มีศูนย์บริการและอะไหล่ทั่วประเทศ รับประกันคุณภาพจากผู้ผลิต</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: SDR ที่แนะนำสำหรับน้ำร้อนคือเท่าไหร่?</h3>
|
||||
<p class="text-secondary-700">สำหรับระบบน้ำร้อน แนะนำใช้ SDR7.4 (PN16) เนื่องจากทนแรงดันและอุณหภูมิสูงได้ดีกว่า SDR11</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: มีการรับประกันอย่างไร?</h3>
|
||||
<p class="text-secondary-700">ท่อ PPR ตราช้าง มีการรับประกันจาก SCG ตามเงื่อนไขที่กำหนด กรุณาติดต่อศูนย์บริการ SCG สำหรับรายละเอียด</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Price List Download -->
|
||||
<section class="section gradient-mesh">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="card-glass p-8">
|
||||
<h2 id="pricelist" class="text-lg sm:text-xl font-bold text-secondary-900 mb-6 text-center">ดาวน์โหลดราคาสินค้า</h2>
|
||||
<a href="/documents/เอสซีเจ ปี68.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-secondary-50 rounded-xl hover:bg-secondary-100 transition-colors group">
|
||||
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div>
|
||||
<div class="font-semibold text-secondary-900 group-hover:text-primary-600 transition-colors">ราคาสินค้า SCG ปี 68</div>
|
||||
<div class="text-sm text-secondary-500">PDF - ดาวน์โหลดราคา</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
200
src/pages/ท่อระบายน้ำ-3-ชั้น-ไซเลนท/index.astro
Normal file
200
src/pages/ท่อระบายน้ำ-3-ชั้น-ไซเลนท/index.astro
Normal file
@@ -0,0 +1,200 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ท่อ XYLENT ท่อระบายน้ำ 3 ชั้น",
|
||||
"description": "ท่อ XYLENT ท่อระบายน้ำ 3 ชั้น ผลิตจาก Poloplast ประเทศเยอรมัน-ออสเตรีย มาตรฐาน EN 1451-1 เงียบ ทนแรงกด 6 kN/m² ทนความร้อน 95°C อายุ 50+ ปี",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/XYLENT_001.png",
|
||||
"brand": {
|
||||
"@type": "Brand",
|
||||
"name": "XYLENT"
|
||||
},
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/ท่อระบายน้ำ-3-ชั้น-ไซเลนท",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ท่อ XYLENT | ท่อระบายน้ำ 3 ชั้น" description="จำหน่ายท่อ XYLENT ท่อระบายน้ำ 3 ชั้น คุณภาพสูง ผลิตจาก Poloplast ประเทศเยอรมัน-ออสเตรีย มาตรฐาน EN 1451-1 ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/products-cropped/XYLENT_001.png" alt="ท่อ XYLENT" 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 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">
|
||||
ท่อ XYLENT
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ท่อ XYLENT | ท่อระบายน้ำ 3 ชั้น</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สอบถามราคาพิเศษได้ที่ Line หรือโทรติดต่อ Deal Plus Tech
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
<a href="#pricelist" 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="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>
|
||||
<span>ดาวน์โหลดราคา</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>เงียบ — ดังเพียง 22 dB</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>แข็งแรง — ทนแรงกด 6 kN/m²</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ทนสารเคมี — มาตรฐาน DIN 8087</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ทนความร้อน 95°C</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>อายุ 50+ ปี</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Sound Insulation Data -->
|
||||
<section id="sound" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">ผลทดสอบการดูดซับเสียง</h2>
|
||||
<p class="text-lg text-secondary-700 mb-6 text-center max-w-3xl mx-auto">ท่อระบายน้ำ 3 ชั้น XYLENT มีโครงสร้างพิเศษที่ช่วยลดเสียงจากการไหลของน้ำ ผ่านการทดสอบตามมาตรฐาน DIN 4109</p>
|
||||
<div class="grid md:grid-cols-3 gap-4">
|
||||
<div class="bg-white p-4 rounded-lg text-center">
|
||||
<p class="text-3xl font-bold text-primary-600">14-17</p>
|
||||
<p class="text-secondary-700">dB (เสียงดัง)</p>
|
||||
<p class="text-sm text-secondary-500">เมื่อเทียบกับท่อ PVC ปกติ</p>
|
||||
</div>
|
||||
<div class="bg-white p-4 rounded-lg text-center">
|
||||
<p class="text-3xl font-bold text-primary-600">50%</p>
|
||||
<p class="text-secondary-700">ลดเสียง</p>
|
||||
<p class="text-sm text-secondary-500">เมื่อเทียบกับท่อชั้นเดียว</p>
|
||||
</div>
|
||||
<div class="bg-white p-4 rounded-lg text-center">
|
||||
<p class="text-3xl font-bold text-primary-600">Class B</p>
|
||||
<p class="text-secondary-700">มาตรฐานเสียง</p>
|
||||
<p class="text-sm text-secondary-500">DIN 4109</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ท่อ 3 ชั้น จำเป็นไหม?</h3>
|
||||
<p class="text-secondary-700">สำหรับอพาร์ตเมนต์ โรงแรม อาคารสูง หรือที่ต้องการความเงียบ แนะนำใช้ท่อ 3 ชั้นเพราะช่วยลดเสียงได้มาก สำหรับบ้านพักทั่วไปท่อชั้นเดียวก็เพียงพอ</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ติดตั้งยากไหม?</h3>
|
||||
<p class="text-secondary-700">การติดตั้งคล้ายท่อ PVC ทั่วไป ใช้กาว PVC เชื่อมต่อได้เลย ตัวท่อมีน้ำหนักเบา ตัดแต่งง่าย</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ท่อ XYLENT ทนทานไหม?</h3>
|
||||
<p class="text-secondary-700">ท่อ XYLENT ทำจาก PP-MF-PE ทนต่อความร้อน ทนต่อสารเคมี และทนต่อแรงกระแทกได้ดี อายุการใช้งานยาวนาน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PDF Price List -->
|
||||
<section class="section gradient-mesh">
|
||||
<div class="container-custom">
|
||||
<div class="card-glass p-8 max-w-4xl mx-auto">
|
||||
<h2 id="pricelist" class="text-lg sm:text-xl font-bold text-secondary-900 mb-6 text-center">ดาวน์โหลดราคาสินค้า</h2>
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<a href="/documents/Price List XYLENT_Novat_V12-2022 [080265]_220727_155718 (1).pdf" target="_blank" class="flex items-center gap-4 p-4 bg-secondary-50 rounded-xl hover:bg-secondary-100 transition-colors group">
|
||||
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div><div class="font-medium text-secondary-900 group-hover:text-primary-600 transition-colors">Price List XYLENT Novat V12-2022</div><div class="text-sm text-secondary-500">PDF</div></div>
|
||||
</a>
|
||||
<a href="/documents/Price List_novat_18-1-64_210723_094815.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-secondary-50 rounded-xl hover:bg-secondary-100 transition-colors group">
|
||||
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div><div class="font-medium text-secondary-900 group-hover:text-primary-600 transition-colors">Price List Novat 18-1-64</div><div class="text-sm text-secondary-500">PDF</div></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
415
src/pages/ท่อและข้อต่อpvc/index.astro
Normal file
415
src/pages/ท่อและข้อต่อpvc/index.astro
Normal file
@@ -0,0 +1,415 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ท่อ PVC และข้อต่อท่อพีวีซี | PVC pipe",
|
||||
"description": "ท่อ PVC และข้อต่อท่อพีวีซี ราคาส่ง มาตรฐานสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล ยี่ห้อท่อตราช้าง ท่อน้ำไทย ท่อตราเสือ",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/pvc-standard-01.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/ท่อและข้อต่อpvc",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ท่อ PVC และข้อต่อท่อพีวีซี | PVC pipe" description="ท่อ PVC และข้อต่อท่อพีวีซี ราคาส่ง มาตรฐานสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล ยี่ห้อท่อตราช้าง ท่อน้ำไทย ท่อตราเสือ">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-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 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 gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>มาตรฐาน มอก. รับรองคุณภาพ</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>น้ำหนักเบา ติดตั้งง่าย</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ไม่เป็นสนิม ไม่ลามไฟ</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Details -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
<strong>ยี่ห้อที่มีจำหน่าย:</strong> ท่อตราช้าง / ท่อน้ำไทย / ท่อตราเสือ / โรงงานทั่วไป
|
||||
</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
<strong>ท่อ PVC</strong> เป็นวัสดุประเภทท่อประปาที่นิยมใช้งานในประเทศไทยมากที่สุดในปัจจุบัน หาซื้อได้ง่ายตามร้านค้าวัสดุก่อสร้างทั่วไป มีหลายคุณภาพและราคาให้เลือกใช้ ปกติแล้วสีของท่อและข้อต่อจะบ่งบอกถึงการใช้งานต่างๆ สีฟ้าใช้สำหรับระบบประปา/ระบายน้ำ สีเหลืองและสีขาวใช้สำหรับเดินท่อสายไฟฟ้า สีเทาใช้สำหรับงานเกษตรกรรม
|
||||
</p>
|
||||
|
||||
<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-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-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>การใช้งาน:</strong> ท่อน้ำดี, ท่อน้ำเสีย</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>สี:</strong> ฟ้า เหลือง เทา ขาว</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>การติดตั้ง:</strong> ใช้น้ำยาประสานท่อในการประสานกัน</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>อุณหภูมิที่เหมาะสม:</strong> 3-50 องศาเซลเซียส</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>อายุการใช้งาน:</strong> ประมาณ 30-50 ปี ในอุณหภูมิและแรงดันมาตรฐาน</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span><strong>ความยาวต่อท่อน:</strong> 4 เมตร (6 เมตร สำหรับงานราชการ)</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<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>
|
||||
<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-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-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-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-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>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Installation Guide -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-6">วิธีการติดตั้ง ท่อ PVC</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="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="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="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="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="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="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" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Size Table -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-6">ขนาดท่อ PVC กับการใช้งาน</h3>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="modern-table w-full">
|
||||
<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>
|
||||
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">การใช้งาน</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="bg-white">
|
||||
<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-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-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-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-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-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-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>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Fitting Types Guide -->
|
||||
<section id="fittings" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">ประเภทข้อต่อ PVC</h2>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
|
||||
<div class="bg-gray-50 p-4 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">ข้อต่อ L (เอล)</h3>
|
||||
<p class="text-secondary-700 text-sm">ใช้เปลี่ยนทิศทางท่อ 90 องศา</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-4 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">ข้อต่อ T (ที)</h3>
|
||||
<p class="text-secondary-700 text-sm">ใช้แยกท่อ 3 ทาง</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-4 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">ข้อต่อ Y (วาย)</h3>
|
||||
<p class="text-secondary-700 text-sm">ใช้แยกท่อ 45 องศา</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-4 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">ข้อต่อยูเนียน</h3>
|
||||
<p class="text-secondary-700 text-sm">ใช้ต่อท่อที่ถอดออกได้</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-4 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">ข้อต่อคอย์</h3>
|
||||
<p class="text-secondary-700 text-sm">ใช้ต่อท่อกับสุขภัณฑ์</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-4 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">ข้อลด</h3>
|
||||
<p class="text-secondary-700 text-sm">ใช้เชื่อมท่อขนาดต่างกัน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Size Selection Chart -->
|
||||
<section id="sizes" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">ตารางขนาดท่อ PVC</h2>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-lg">
|
||||
<thead>
|
||||
<tr class="bg-primary-600 text-white">
|
||||
<th class="px-4 py-3 text-left">ขนาด (นิ้ว)</th>
|
||||
<th class="px-4 py-3 text-center">เส้นผ่านศูนย์กลาง (มม.)</th>
|
||||
<th class="px-4 py-3 text-center">ความหนา (มม.)</th>
|
||||
<th class="px-4 py-3 text-center">เหมาะกับ</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y">
|
||||
<tr><td class="px-4 py-2 font-medium">1/2"</td><td class="px-4 py-2 text-center">21</td><td class="px-4 py-2 text-center">2.5</td><td class="px-4 py-2">ท่อแยกเล็ก</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">3/4"</td><td class="px-4 py-2 text-center">26</td><td class="px-4 py-2 text-center">2.8</td><td class="px-4 py-2">ท่อส้วม</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">1"</td><td class="px-4 py-2 text-center">33</td><td class="px-4 py-2 text-center">3.0</td><td class="px-4 py-2">ท่อหลักเล็ก</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">1-1/2"</td><td class="px-4 py-2 text-center">48</td><td class="px-4 py-2 text-center">3.5</td><td class="px-4 py-2">ท่อระบายน้ำ</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">2"</td><td class="px-4 py-2 text-center">60</td><td class="px-4 py-2 text-center">3.9</td><td class="px-4 py-2">ท่อระบายน้ำหลัก</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">3"</td><td class="px-4 py-2 text-center">89</td><td class="px-4 py-2 text-center">5.0</td><td class="px-4 py-2">ท่อระบายน้ำใหญ่</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">4"</td><td class="px-4 py-2 text-center">114</td><td class="px-4 py-2 text-center">5.6</td><td class="px-4 py-2">ท่อส่งน้ำ</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: PVC กับ CPVC ต่างกันอย่างไร?</h3>
|
||||
<p class="text-secondary-700">PVC ทำจากพอลิไวนิลคลอไรด์ ใช้กับน้ำเย็นและระบายน้ำ ส่วน CPVC มีคลอรีนเพิ่มทำให้ทนความร้อนได้สูงกว่า (95°C) เหมาะกับน้ำร้อน</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ต้องใช้กาว PVC ชนิดไหน?</h3>
|
||||
<p class="text-secondary-700">ควรใช้กาว PVC ที่เหมาะกับขนาดท่อและประเภทงาน สำหรับท่อแรงดันใช้กาวชนิด Solvent Cement สำหรับท่อระบายน้ำใช้กาวชนิด PVC Cement</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ข้อต่อหลุดง่ายไหม?</h3>
|
||||
<p class="text-secondary-700">ถ้าใช้กาวถูกวิธีและติดตั้งถูกต้อง รอยต่อจะแน่นหนาวไม่หลุด สำคัญคือต้องทำความสะอาดปลายท่อก่อนทากาว</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
392
src/pages/ท่อไซเลอร์/index.astro
Normal file
392
src/pages/ท่อไซเลอร์/index.astro
Normal file
@@ -0,0 +1,392 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ท่อ Syler | ท่อเหล็กเหล็กบุพีอี",
|
||||
"description": "จำหน่ายท่อ Syler ท่อเหล็กเหล็กบุพีอีคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/syler-pipe-cold-water.jpg",
|
||||
"brand": "Syler",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/ท่อไซเลอร์",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ท่อ Syler | ท่อเหล็กเหล็กบุพีอี" description="จำหน่ายท่อ Syler ท่อเหล็กเหล็กบุพีอีคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/products-cropped/syler-pipe-cold-water.jpg" alt="ท่อ Syler" 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 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">
|
||||
ท่อ Syler
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ท่อ Syler | ท่อเหล็กเหล็กบุพีอี</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
จำหน่ายท่อ Syler ท่อเหล็กเหล็กบุพีอีคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Details -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
<strong>ท่อไซเลอร์ (Syler)</strong> เป็นท่อเหล็กกล้า Class M ชุบสังกะสี ภายนอกจะถูกเคลือบด้วยผงโพลีเอทิลีน (PE powder coat) ป้องกันสนิมจากภายนอกอีกชั้นหนึ่ง จึงทำให้มั่นใจได้ว่าท่อไซเลอร์จะมีอายุการใช้งานยาวนานกว่าท่อเหล็ก Galvanized ถึง 50 ปี เพราะไม่เป็นสนิมจากภายนอก
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
ส่วนภายในถูกบุด้วยพลาสติกโพลีเอทิลีน (PE) เพื่อป้องกันการเกิดสนิมภายใน เนื่องจากน้ำภายในท่อจะไม่สัมผัสกับตัวท่อ ท่อ SYLER ผลิตภายใต้มาตรฐานระบบคุณภาพ ISO 9001:2000 และ FM APPROVED
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่น</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>ทนแรงดันได้ <strong>50 bar</strong> อุณหภูมิใช้งานได้ถึง <strong>90°C</strong></li>
|
||||
<li>ป้องกันปัญหาท่อรั่วซึมจากการกัดกร่อนของสนิม ท่อเป็นสนิมอุดตัน ท่อตกท้องช้าง ท่อกรอบแตกเมื่ออยู่กลางแจ้ง</li>
|
||||
<li>ทนสารเคมีและสารก่อมะเร็งปนเปื้อน ไม่ลามไฟเมื่อเกิดอัคคีภัย</li>
|
||||
<li>ติดตั้งง่ายแม้อยู่ในที่แคบ</li>
|
||||
<li>ผ่านมาตรฐาน BS1387/85 CLASS M (BSM) ชุบสังกะสีหนากว่าปกติ</li>
|
||||
<li>ผ่านการทดสอบมาตรฐาน BS6920 Part II (ปริมาณโลหะหนัก สี กลิ่น รส และการเจริญเติบโตของเชื้อจุลินทรีย์)</li>
|
||||
<li>ปริมาณโลหะหนักที่ปนเปื้อนต่ำกว่ามาตรฐานตั้งแต่ 20-500 เท่า</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">การใช้งาน</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>ท่อเมนขนาดใหญ่และท่อดับเพลิง</li>
|
||||
<li>ระบบท่อประปาน้ำร้อน น้ำเย็น</li>
|
||||
<li>ท่อเคมี ท่อลม ภายในบ้าน อาคารสูง คอนโด โรงแรม โรงพยาบาล</li>
|
||||
<li>ระบบขนส่งสารเคมี Compression air Chilled pipe</li>
|
||||
<li>ใช้ได้ทั้งภายในและภายนอกอาคาร</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ข้อดีของระบบ Grooved Coupling</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>ติดตั้งง่าย สะดวกรวดเร็ว ประหยัดค่าแรงและเวลา</li>
|
||||
<li>โยกย้าย เปลี่ยนแปลงรูปแบบการติดตั้ง หรือขยายไลน์ท่อเพิ่มเติมได้โดยง่าย</li>
|
||||
<li>รับแรงสั่นสะเทือน แรงกดจากแผ่นดินไหว ดูดซับเสียงได้ดี</li>
|
||||
<li>รับแรงดันได้สูง 300-735 psi</li>
|
||||
<li>ข้อต่อมี PE เคลือบผิวด้านใน คงคุณสมบัติเด่นของท่อไซเลอร์ไว้ครบ</li>
|
||||
</ul>
|
||||
|
||||
<!-- Product Photos - 1 column layout -->
|
||||
<div class="mt-8 space-y-4">
|
||||
<img src="/images/products-misc/SYLER-b01.jpg" alt="ท่อไซเลอร์ (Syler)" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
|
||||
<img src="/images/products-misc/SYLER-b02.jpg" alt="ท่อไซเลอร์ (Syler)" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
|
||||
<img src="/images/products-misc/SYLER-b03.jpg" alt="ท่อไซเลอร์ (Syler)" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
|
||||
<img src="/images/products-misc/syler001.jpg" alt="ท่อไซเลอร์ (Syler)" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
|
||||
<img src="/images/products-misc/syler002.jpg" alt="ท่อไซเลอร์ (Syler)" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
|
||||
<img src="/images/products-misc/syler003.jpg" alt="ท่อไซเลอร์ (Syler)" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Installation Section (from groove-coupling) -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">วิธีการติดตั้ง</h2>
|
||||
|
||||
<!-- Step 1: Grooved -->
|
||||
<div class="mb-16">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-8 flex items-center">
|
||||
<span class="bg-primary-600 text-white w-10 h-10 rounded-full flex items-center justify-center mr-4 text-lg">1</span>
|
||||
การกรู๊ฟท่อ (Grooved)
|
||||
</h3>
|
||||
|
||||
<!-- Machine Image -->
|
||||
<div class="bg-gray-50 rounded-2xl p-8 mb-8">
|
||||
<div class="max-w-3xl mx-auto text-center">
|
||||
<img src="/images/groove-coupling/G1.png" alt="เครื่องกรู๊ฟท่อไซเลอร์" class="w-full h-auto rounded-lg mb-6" style="max-height: 300px; object-fit: contain;" width="800" height="400" loading="lazy" decoding="async" />
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-2">เครื่องกรู๊ฟท่อไซเลอร์</h4>
|
||||
<p class="text-secondary-600">หมายเหตุ: การ Grooved ท่อ Syler ต้องใช้เครื่อง Grooved ของ Syler เท่านั้น</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step Cards -->
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
|
||||
<div class="flex items-center mb-4">
|
||||
<span class="bg-primary-100 text-primary-700 px-3 py-1 rounded-full text-sm font-medium">ขั้นตอนที่ 1.1 - 1.3</span>
|
||||
</div>
|
||||
<p class="text-secondary-700 mb-4">ตั้งเครื่องกรู๊ฟ สอดท่อให้หน้าตัดท่อชนแนบกับหัวกรู๊ฟ ปรับระดับท่อที่วางพาดกับขาตั้งท่อด้วยมาตรวัดระดับน้ำ จากนั้นดึงคันโยกไฮโดริกให้หัวกดทับเนื้อท่อแล้ว จึงเปิดสวิทช์เครื่องเพื่อเริ่มทำการกรู๊ฟ</p>
|
||||
<img src="/images/groove-coupling/G2.png" alt="การกรู๊ฟท่อ" class="w-full h-48 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
|
||||
<div class="flex items-center mb-4">
|
||||
<span class="bg-primary-100 text-primary-700 px-3 py-1 rounded-full text-sm font-medium">ขั้นตอนที่ 1.4</span>
|
||||
</div>
|
||||
<p class="text-secondary-700 mb-4">เมื่อกรู๊ฟเสร็จแล้ว ให้ปิดเครื่องแล้วยกคันโยกไฮโดริกขึ้น นำสายวัดระยะร่องกรู๊ฟมาวัดร่องตามขนาดท่อที่กรู๊ฟ ทั้งนี้ระยะความลึกของร่องกรู๊ฟอนุโลมให้ขาดเกินได้ไม่เกิน 3 มิลลิเมตร</p>
|
||||
<div class="grid grid-cols-2 gap-3">
|
||||
<img src="/images/groove-coupling/G6.png" alt="การวัดร่องกรู๊ฟ" class="w-full h-32 object-cover rounded-lg" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/groove-coupling/G7.png" alt="ล็อคระดับปั้มไฮโดริก" class="w-full h-32 object-cover rounded-lg" width="400" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Important Notice -->
|
||||
<div class="bg-amber-50 border-l-4 border-amber-500 rounded-r-xl p-6 mt-6">
|
||||
<h4 class="font-bold text-amber-800 mb-2">ข้อควรระวังในการกรู๊ฟ</h4>
|
||||
<p class="text-amber-700">การกรู๊ฟท่อต่อเนื่องเป็นระยะเวลานานหัวกรู๊ฟท่อจะมีความร้อนสะสม หากหัวกรู๊ฟร้อนเกินไปจะทำให้พลาสติกละลายได้ ควรพักเพื่อให้หัวกรู๊ฟเย็นลงจึงค่อยกรู๊ฟท่อต่อไป</p>
|
||||
</div>
|
||||
|
||||
<!-- Additional Step Images -->
|
||||
<div class="grid grid-cols-3 gap-4 mt-6">
|
||||
<img src="/images/groove-coupling/G3.png" alt="ความร้อนสะสม" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/groove-coupling/G4.png" alt="การกรู๊ฟท่อ" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/groove-coupling/G5.png" alt="การกรู๊ฟท่อต่อ" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Step 2: Coupling -->
|
||||
<div class="mb-16">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-8 flex items-center">
|
||||
<span class="bg-primary-600 text-white w-10 h-10 rounded-full flex items-center justify-center mr-4 text-lg">2</span>
|
||||
การใส่ข้อต่อคัปปิ้ง (Coupling)
|
||||
</h3>
|
||||
|
||||
<p class="text-lg text-secondary-700 mb-8">เมื่อกรู๊ฟท่อเรียบร้อยแล้ว ให้ทำการสวมข้อต่อ Coupling ตามขั้นตอนดังนี้</p>
|
||||
|
||||
<!-- Coupling Steps -->
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
|
||||
<span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.1</span>
|
||||
<p class="text-secondary-700 mb-4">ทากาวเฮอร์เมสซีล 55 ที่หน้าตัดท่อเพื่อป้องกันสนิมบริเวณหน้าตัดท่อ</p>
|
||||
<img src="/images/groove-coupling/G8.png" alt="ทากาวเฮอร์เมสซีล" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
|
||||
<span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.2</span>
|
||||
<p class="text-secondary-700 mb-4">นำ Grooved line gasket มาสวมที่ปลายท่อ เพื่อป้องกันไม่ให้น้ำที่ไหลผ่านสัมผัสหน้าตัดท่อ</p>
|
||||
<img src="/images/groove-coupling/G9.png" alt="สวม Grooved line gasket" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
|
||||
<span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.3</span>
|
||||
<p class="text-secondary-700 mb-4">ทาน้ำยาหล่อลื่น Lubricant ให้ทั่วแหวนยาง EPDM เพื่อยืดอายุการใช้งาน</p>
|
||||
<img src="/images/groove-coupling/G10.png" alt="ทาน้ำยาหล่อลื่น" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
|
||||
<span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.4</span>
|
||||
<p class="text-secondary-700 mb-4">นำยางที่ทา Lubricant แล้วมาสวมเข้ากับท่อก่อนจากนั้นจึงสวมเข้ากับข้อต่อ</p>
|
||||
<div class="grid grid-cols-2 gap-2">
|
||||
<img src="/images/groove-coupling/G11.png" alt="สวมยางเข้ากับท่อ" class="w-full h-28 object-cover rounded-lg" width="400" height="300" loading="lazy" decoding="async" />
|
||||
<img src="/images/groove-coupling/G12.png" alt="สวมเข้ากับข้อต่อ" class="w-full h-28 object-cover rounded-lg" width="400" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm md:col-span-2">
|
||||
<span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.5</span>
|
||||
<p class="text-secondary-700 mb-4">นำข้อต่อ Coupling มาประกบพร้อมขันน๊อตจนแน่น</p>
|
||||
<img src="/images/groove-coupling/G13.png" alt="ขันน๊อตจนแน่น" class="w-full h-48 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Torque Specifications -->
|
||||
<div class="mt-16">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-8 flex items-center">
|
||||
<span class="bg-primary-600 text-white w-10 h-10 rounded-full flex items-center justify-center mr-4 text-lg">3</span>
|
||||
แรงบิด (Torque) ที่ควรใช้ในการขันน๊อต
|
||||
</h3>
|
||||
|
||||
<div class="bg-white rounded-xl p-8 shadow-sm border border-gray-200">
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
การขันน๊อตด้วยแรงบิดที่ถูกต้องเป็นสิ่งสำคัญเพื่อให้ข้อต่อกรู๊ฟประกอบติดแน่นและปลอดภัย ควรขันน๊อตให้แน่นพอประมาณ ไม่แน่นเกินไปซึ่งอาจทำให้ยางเสียหาย หรือหลวมเกินไปซึ่งอาจทำให้รั่วซึม
|
||||
</p>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full rounded-lg overflow-hidden">
|
||||
<thead class="bg-primary-600 text-white">
|
||||
<tr>
|
||||
<th class="px-4 py-3 text-center font-bold text-sm">ขนาดท่อ (นิ้ว)</th>
|
||||
<th class="px-4 py-3 text-center font-bold text-sm">ขนาดน๊อต</th>
|
||||
<th class="px-4 py-3 text-center font-bold text-sm">แรงบิด (Torque)</th>
|
||||
<th class="px-4 py-3 text-center font-bold text-sm">หมายเหตุ</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="border-b border-gray-100">
|
||||
<td class="px-4 py-3 text-center text-secondary-700">1/2" - 2"</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700">3/8" - 1/2"</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700 font-medium">35-65 ft-lb</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700">47-88 Nm</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-100 bg-gray-50">
|
||||
<td class="px-4 py-3 text-center text-secondary-700">2-1/2" - 4"</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700">1/2"</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700 font-medium">65-100 ft-lb</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700">88-136 Nm</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-100">
|
||||
<td class="px-4 py-3 text-center text-secondary-700">5" - 8"</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700">5/8"</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700 font-medium">100-150 ft-lb</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700">136-203 Nm</td>
|
||||
</tr>
|
||||
<tr class="border-b border-gray-100 bg-gray-50">
|
||||
<td class="px-4 py-3 text-center text-secondary-700">10" - 12"</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700">3/4"</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700 font-medium">150-200 ft-lb</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700">203-271 Nm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-4 py-3 text-center text-secondary-700">14" - 24"</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700">7/8"</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700 font-medium">200-300 ft-lb</td>
|
||||
<td class="px-4 py-3 text-center text-secondary-700">271-407 Nm</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="bg-amber-50 border-l-4 border-amber-500 rounded-r-xl p-6 mt-6">
|
||||
<h4 class="font-bold text-amber-800 mb-2">ข้อควรระวังเรื่องแรงบิด</h4>
|
||||
<ul class="text-amber-700 space-y-1">
|
||||
<li>• ควรใช้คันทวนแรง (Torque Wrench) เพื่อให้ได้แรงบิดที่แม่นยำ</li>
|
||||
<li>• ขันน๊อตสลับกันเป็นวงกลม (Cross Pattern) เพื่อให้แรงกระจายอย่างเท่าเทียม</li>
|
||||
<li>• หากไม่แน่ใจควรปรึกษาผู้ผลิตหรือตัวแทนจำหน่าย</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ท่อไซเลอร์ต่างจากท่อ PVC ธรรมดาอย่างไร?</h3>
|
||||
<p class="text-secondary-700">ท่อไซเลอร์ (Cylinder) มีโครงสร้างเป็นแผ่นเจาะรูแล้วพับเป็นทรงกลม ใช้เป็นท่อระบายน้ำแบบเปิด ส่วนท่อ PVC ธรรมดาเป็นท่อปิดใช้ส่งน้ำหรือระบายน้ำแบบปิด</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ขนาดเส้นผ่านศูนย์กลางเลือกอย่างไร?</h3>
|
||||
<p class="text-secondary-700">ขึ้นอยู่กับปริมาณน้ำที่ต้องการระบาย ท่อขนาดใหญ่ระบายน้ำได้มากกว่า แต่ต้องเผื่อพื้นที่ในการติดตั้ง</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ติดตั้งยากไหม?</h3>
|
||||
<p class="text-secondary-700">การติดตั้งท่อไซเลอร์ต้องทำให้ระดับเอียงลงเพื่อให้น้ำไหลได้โดยแรงโน้มถ่วง ควรตรวจสอบระดับก่อนติดตั้ง</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Installation Guide -->
|
||||
<section id="installation" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">ข้อแนะนำการติดตั้ง</h2>
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<h3 class="font-semibold text-secondary-800 mb-3">ขั้นตอนการติดตั้ง</h3>
|
||||
<ol class="space-y-3">
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">1</span><span class="text-secondary-700">วัดและวางแผนเส้นทางท่อ</span></li>
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">2</span><span class="text-secondary-700">เตรียมพื้นที่ให้เรียบและมีระดับเอียง</span></li>
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">3</span><span class="text-secondary-700">ตัดท่อไซเลอร์ตามขนาดที่ต้องการ</span></li>
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">4</span><span class="text-secondary-700">เชื่อมต่อส่วนต่างๆ ด้วยข้อต่อพิเศษ</span></li>
|
||||
<li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">5</span><span class="text-secondary-700">ตรวจสอบการรั่วซึมก่อนปิดพื้น</span></li>
|
||||
</ol>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-semibold text-secondary-800 mb-3">ข้อควรระวัง</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex items-start gap-2"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">ต้องมีระดับเอียงอย่างน้อย 1-2%</span></li>
|
||||
<li class="flex items-start gap-2"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">เลือกขนาดให้เหมาะกับปริมาณน้ำ</span></li>
|
||||
<li class="flex items-start gap-2"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">ตรวจสอบรอยต่อให้แน่น</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
142
src/pages/ระบบน้ำ/index.astro
Normal file
142
src/pages/ระบบน้ำ/index.astro
Normal file
@@ -0,0 +1,142 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ระบบน้ำ",
|
||||
"description": "ระบบน้ำ วาล์ว ปั๊มน้ำ ระบบกรองน้ำ ส่งฟรี กรุงเทพมหานคร ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/water-pump_000C.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/ระบบน้ำ",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ระบบน้ำ" description="ระบบน้ำ วาล์ว ปั๊มน้ำ ระบบกรองน้ำ ส่งฟรี กรุงเทพมหานคร ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="bg-white min-h-screen">
|
||||
<!-- Category Hero Section -->
|
||||
<section class="hero-gradient py-16">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-center">
|
||||
<div>
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/products-cropped/water-pump_000C.jpg" alt="ระบบน้ำ" 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>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
ระบบน้ำ
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ระบบน้ำ</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
ระบบน้ำครบวงจร วาล์ว ปั๊มน้ำ ระบบกรองน้ำ คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6 mt-8">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>คุณภาพสูง</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>จัดส่งฟรี</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Products -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="section-title">สินค้าในหมวดนี้</h2>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
|
||||
<a href="/วาล์ว-valve" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-cropped/valve_000C.jpg" alt="วาล์ว" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">วาล์ว</h3>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/water-pump" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-cropped/water-pump_000C.jpg" alt="ปั๊มน้ำ" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">ปั๊มน้ำ</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/water-treatment" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-cropped/water-treatment_000C.jpg" alt="ระบบกรองน้ำ" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">ระบบกรองน้ำ</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-2xl sm:text-3xl 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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
293
src/pages/ระบบรั้ว/index.astro
Normal file
293
src/pages/ระบบรั้ว/index.astro
Normal file
@@ -0,0 +1,293 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ระบบรั้ว",
|
||||
"description": "ระบบรั้ว รั้วเทวดา ระบบรั้วไวน์แมน คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/vineman_000C.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/ระบบรั้ว",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ระบบรั้ว" description="ระบบรั้ว รั้วเทวดา ระบบรั้วไวน์แมน คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/products-cropped/vineman_000C.jpg" alt="ระบบรั้ว" 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 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">
|
||||
ระบบรั้ว
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ระบบรั้ว</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
ระบบรั้ว รั้วเทวดา ระบบรั้วไวน์แมน คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Fence Types Guide -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ประเภทระบบรั้วที่นิยมใช้งาน</h2>
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
<!-- Chain Link Fence -->
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">รั้วตาข่ายถักปม (Chain Link)</h3>
|
||||
<p class="text-secondary-600 mb-4">รั้วตาข่ายถักปมเป็นระบบรั้วยอดนิยมสำหรับงานอุตสาหกรรมและการกำหนดขอบเขตพื้นที่ ผลิตจากลวดเหล็กชุบสังกะสีที่มีความแข็งแรงทนทาน</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-2">
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
|
||||
<span>ทนต่อสนิมและการกัดกร่อน</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
|
||||
<span>ติดตั้งง่าย รวดเร็ว</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
|
||||
<span>มีความโปร่ง ไม่บดบังทัศนวิสัย</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Welded Wire Fence -->
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">รั้วตาข่ายเชื่อม (Welded Wire)</h3>
|
||||
<p class="text-secondary-600 mb-4">รั้วตาข่ายเชื่อมแบบ Welded Wire Mesh มีความแข็งแรงสูงกว่ารั้วถักปมแบบทั่วไป เหมาะสำหรับพื้นที่ที่ต้องการความปลอดภัยระดับสูง</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-2">
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
|
||||
<span>ลวดเชื่อมแน่นหนา ไม่หลุดง่าย</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
|
||||
<span>เหมาะกับงานรักษาความปลอดภัย</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
|
||||
<span>อายุการใช้งานยาวนาน</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Panel Fence -->
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">รั้วแผง (Panel Fence)</h3>
|
||||
<p class="text-secondary-600 mb-4">รั้วแผงสำเร็จรูปหรือรั้วคอนกรีต มีความแข็งแรงสูงและสวยงาม เหมาะสำหรับอาคารพาณิชย์ หมู่บ้าน และโรงงาน</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-2">
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
|
||||
<span>ติดตั้งรวดเร็ว สำเร็จรูป</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
|
||||
<span>ดูแลรักษาง่าย ไม่ต้องทาสี</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>
|
||||
<span>มีความมั่นคง ทนทาน</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Application Guide -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">การประยุกต์ใช้งานระบบรั้ว</h2>
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<!-- Industrial -->
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="w-12 h-12 bg-accent-500/10 rounded-lg flex items-center justify-center">
|
||||
<svg class="w-6 h-6 text-accent-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900">งานอุตสาหกรรม</h3>
|
||||
</div>
|
||||
<p class="text-secondary-600 mb-4">ระบบรั้วสำหรับโรงงาน พื้นที่เก็บสินค้า และโกดัง ช่วยกำหนดขอบเขตพื้นที่อย่างชัดเจนและป้องกันการเข้าถึงโดยไม่ได้รับอนุญาต</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• รั้วโรงงานผลิต</li>
|
||||
<li>• ล้อมรอบคลังสินค้า</li>
|
||||
<li>• กำแพงพื้นที่เสี่ยงอันตราย</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Commercial -->
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="w-12 h-12 bg-accent-500/10 rounded-lg flex items-center justify-center">
|
||||
<svg class="w-6 h-6 text-accent-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900">งานเชิงพาณิชย์</h3>
|
||||
</div>
|
||||
<p class="text-secondary-600 mb-4">ระบบรั้วสำหรับอาคารสำนักงาน ห้างสรรพสินค้า สนามกีฬา และสถานที่สาธารณะ ผสมผสานความสวยงามและความปลอดภัย</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• รั้วอาคารสำนักงาน</li>
|
||||
<li>• รั้วสนามกีฬา</li>
|
||||
<li>• ล้อมรอบสถานที่สาธารณะ</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Residential -->
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="w-12 h-12 bg-accent-500/10 rounded-lg flex items-center justify-center">
|
||||
<svg class="w-6 h-6 text-accent-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900">งานที่อยู่อาศัย</h3>
|
||||
</div>
|
||||
<p class="text-secondary-600 mb-4">ระบบรั้วสำหรับบ้านเรือน หมู่บ้านจัดสรร และคอนโดมิเนียม ช่วยสร้างความเป็นส่วนตัวและความปลอดภัยให้กับที่พักอาศัย</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• รั้วบ้านเดี่ยว</li>
|
||||
<li>• รั้วหมู่บ้านจัดสรร</li>
|
||||
<li>• รั้วคอนโดมิเนียม</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับระบบรั้ว</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">1. ระบบรั้วแบบใดเหมาะกับการใช้งานในโรงงาน?</h3>
|
||||
<p class="text-secondary-600">สำหรับงานโรงงานและอุตสาหกรรม รั้วตาข่ายถักปม (Chain Link) และรั้วตาข่ายเชื่อม (Welded Wire) เป็นที่นิยมมากที่สุด เนื่องจากมีความแข็งแรง ทนทาน และราคาคุ้มค่า นอกจากนี้ยังสามารถติดตั้งลวดหนามเพิ่มความปลอดภัยได้อีกด้วย</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">2. ระบบรั้วไวน์แมนมีอายุการใช้งานนานเท่าไหร่?</h3>
|
||||
<p class="text-secondary-600">ระบบรั้วไวน์แมน (Vineman) ผลิตจากลวดแรงดึงสูงชุบสังกะสีตามมาตรฐาน ASTM มีอายุการใช้งานมากกว่า 50 ปี ทนต่อสนิม การกัดกร่อน และสภาพอากาศในประเทศไทยได้เป็นอย่างดี</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">3. การติดตั้งระบบรั้วต้องใช้เวลานานเท่าไหร่?</h3>
|
||||
<p class="text-secondary-600">ระยะเวลาการติดตั้งขึ้นอยู่กับขนาดพื้นที่และประเภทรั้วที่เลือกใช้ โดยทั่วไปรั้วตาข่ายถักปมสามารถติดตั้งได้รวดเร็วกว่ารั้วคอนกรีตหรือรั้วแผง หากต้องการติดตั้งรวดเร็วควรเลือกใช้รั้วสำเร็จรูปที่ประกอบง่าย</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">4. ระหว่างรั้วตาข่ายถักปมกับรั้วลวดหนาม แบบไหนดีกว่า?</h3>
|
||||
<p class="text-secondary-600">รั้วตาข่ายถักปมเหมาะกับการกำหนดขอบเขตพื้นที่ทั่วไป ส่วนรั้วลวดหนามเหมาะกับพื้นที่ที่ต้องการความปลอดภัยสูง เช่น พื้นที่โรงงาน สนามบิน หรือพื้นที่เสี่ยงอันตราย สามารถติดตั้งร่วมกันเพื่อเพิ่มประสิทธิภาพความปลอดภัยได้</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50 rounded-xl p-6">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">5. การดูแลรักษาระบบรั้วทำอย่างไร?</h3>
|
||||
<p class="text-secondary-600">ระบบรั้วไวน์แมนและรั้วตาข่ายชุบสังกะสีไม่ต้องดูแลรักษามาก เพียงตรวจสอบความแน่นของตะแกรงและเสารั้วเป็นระยะ หากพบสนิมขึ้นบริเวณรอยต่อสามารถทาสีกันสนิมเพิ่มเติมได้ การทำความสะอาดเพียงใช้น้ำฉีดล้างเป็นประจำ</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
720
src/pages/ระบบรั้วไวน์แมน-vineman-2/index.astro
Normal file
720
src/pages/ระบบรั้วไวน์แมน-vineman-2/index.astro
Normal file
@@ -0,0 +1,720 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม",
|
||||
"description": "จำหน่ายระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนามคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-raw/vineman/ระบบรั้วไวน์แมน-Vineman-e1613286324569-1024x880.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/ระบบรั้วไวน์แมน-vineman-2",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" description="จำหน่ายระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนามคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="bg-white min-h-screen">
|
||||
<!-- Hero Section -->
|
||||
<section class="hero-gradient py-16">
|
||||
<div class="container-custom">
|
||||
<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-raw/vineman/ระบบรั้วไวน์แมน-Vineman-e1613286324569-1024x880.jpg"
|
||||
alt="ระบบรั้วไวน์แมน Vineman"
|
||||
class="w-full h-auto rounded-xl"
|
||||
width="600" height="515" loading="eager" fetchpriority="high" decoding="sync"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
ระบบรั้ว
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ระบบรั้วไวน์แมน | Vineman</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ลวดแรงดึงสูง เหนียว ทนต่อแรงกระแทก</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ชุบสังกะสีหนา ตามมาตรฐาน ASTM</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>อายุการใช้งานมากกว่า 50 ปี</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Products Overview -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ลวดหนาม/เสารั้ว/เสารับแรง</h2>
|
||||
<div class="grid 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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 6 Techniques -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl 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-primary-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-primary-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-primary-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-primary-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-primary-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-primary-600 text-white rounded-full flex items-center justify-center font-bold">06</span>
|
||||
<span class="text-secondary-700">สวยกว่า โปร่งโล่งสบายตา ไม่บดบังทัศนียภาพ ลมโกรก ถ่ายเทได้สะดวก</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Problems & Solutions -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ทุกปัญหา! ระบบรั้วเสาปูน แก้ไขด้วยระบบรั้วไวน์แมน</h2>
|
||||
|
||||
<!-- 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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<div>
|
||||
<img src="/images/products-raw/vineman/แข็งแรง-ติดตั้งง่าย-ได้ทุกภูมิทัศน์.jpg" alt="แข็งแรง ติดตั้งง่าย ได้ทุกภูมิทัศน์" class="w-full h-auto rounded-xl" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<p class="text-center text-secondary-700 font-medium mt-4">แข็งแรง ติดตั้งง่าย ได้ทุกภูมิทัศน์</p>
|
||||
<p class="text-secondary-600 text-sm mt-2">ระบบรั้วตาข่ายไวน์แมน สามารถติดตั้งเดินแนวรั้วบนพื้นที่ทุกรูปแบบทั้งขึ้น-ลง เนินส่วนเว้า-ส่วนโค้งได้อย่างแข็งแรงและต่อเนื่อง</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pole Types -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">รั้วตาข่ายไวน์แมน ใช้ได้กับเสาทุกประเภท</h2>
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<p class="text-secondary-700 font-medium">เสาไม้เนื้อแข็ง ระยะห่าง 4-6 เมตร</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Semi-Spring -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ไวน์แมน รั้วตาข่ายกึ่งสปริง</h2>
|
||||
<div class="grid lg:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
<img src="/images/products-raw/vineman/ไวน์แมน-รั้วตาข่ายกึ่งสปริง.jpg" alt="รั้วตาข่ายกึ่งสปริง" class="w-full h-auto rounded-xl" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</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-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 class="text-secondary-700">ยืดหยุ่นสูง เดินแนวรั้วขึ้น/ลงเนินได้อย่างต่อเนื่อง</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span class="text-secondary-700">เส้นแนวนอนมีแรงดึงสูง 750-900 นิวตัน/ตร.มม.</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span class="text-secondary-700">ทนสนิมด้วยชุบสังกะสีตามมาตรฐาน ASTM</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Buying Guide -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl 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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<div class="space-y-4">
|
||||
<p class="text-secondary-700 font-medium">สูตรคำนวณความยาวรอบพื้นที่โดยประมาณ</p>
|
||||
<div class="bg-primary-50 p-6 rounded-xl text-center">
|
||||
<p class="text-2xl font-bold text-primary-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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Calculation Table -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl 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" width="800" height="600" loading="lazy" decoding="async" />
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Specifications -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl 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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/vineman/10-107-15.jpg" alt="10-107-15" class="w-full h-auto rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/vineman/11-142-15.jpg" alt="11-142-15" class="w-full h-auto rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/vineman/13-175-15.jpg" alt="13-175-15" class="w-full h-auto rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/vineman/14-200-15.jpg" alt="14-200-15" class="w-full h-auto rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/vineman/11-155-15.jpg" alt="11-155-15" class="w-full h-auto rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/vineman/17-190-15.jpg" alt="17-190-15" class="w-full h-auto rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
<img src="/images/products-raw/vineman/นิยมใช้ฟาร์ม-แพะ-แกะ-กวาง-จิงโจ้-นกอีมู-นกกระจอกเทศ-หรือสัตว์.jpg" alt="นิยมใช้ฟาร์มสัตว์" class="w-full h-auto rounded-xl" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</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" width="128" height="96" loading="lazy" decoding="async" />
|
||||
<div class="space-y-3 text-secondary-700">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-5 h-5 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> รับแรงดึงสูงถึง 1,100-1,200 นิวตัน/ตร.มม.</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-5 h-5 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 แฉก ชุบซิงค์อลูมิเนียม เคลือบสีดำ</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-5 h-5 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 เมตร/ต้น</span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-primary-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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Features Section -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">จุดเด่นของระบบรั้วไวน์แมน</h2>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="p-6 bg-gray-50 rounded-xl">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ลวดแรงดึงสูง</h3>
|
||||
<p class="text-secondary-600 text-sm">ผลิตจากลวดเหล็กกล้าคาร์บอนสูง แรงดึง 750-1,200 นิวตัน/ตร.มม. ทนต่อแรงกระแทกและการเสียดสี</p>
|
||||
</div>
|
||||
<div class="p-6 bg-gray-50 rounded-xl">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.414 1.414.586 3.414-.586 3.414H12m5-15H7" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ชุบสังกะสีตามมาตรฐาน ASTM</h3>
|
||||
<p class="text-secondary-600 text-sm">ชุบสังกะสีหนาพิเศษ Hot-dipped Galvanized Class 3 ทนสนิม อายุการใช้งานมากกว่า 50 ปี</p>
|
||||
</div>
|
||||
<div class="p-6 bg-gray-50 rounded-xl">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">รั้วกึ่งสปริง</h3>
|
||||
<p class="text-secondary-600 text-sm">ออกแบบรอยหยักบนเส้นลวดแนวนอน สามารถสปริงตัวได้ รั้วไม่ยืดหรือหย่อนตัวง่าย</p>
|
||||
</div>
|
||||
<div class="p-6 bg-gray-50 rounded-xl">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ติดตั้งง่าย ประหยัด</h3>
|
||||
<p class="text-secondary-600 text-sm">ใช้เสาระยะห่าง 4-8 เมตร ต้นเสาประหยัดกว่ารั้วประเภทอื่น ไม่ต้องเทปูนฐานทุกต้น</p>
|
||||
</div>
|
||||
<div class="p-6 bg-gray-50 rounded-xl">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ดีไซน์โปร่งโล่ง</h3>
|
||||
<p class="text-secondary-600 text-sm">ไม่บดบังทัศนียภาพ ลมโกรกถ่ายเทได้ดี สวยงาม เหมาะกับทุกสภาพภูมิทัศน์</p>
|
||||
</div>
|
||||
<div class="p-6 bg-gray-50 rounded-xl">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ใช้ได้กับทุกประเภทเสา</h3>
|
||||
<p class="text-secondary-600 text-sm">เข้ากันได้กับเสาไวน์แมน เสาปูน เสาไม้เนื้อแข็ง ติดตั้งเดินแนวรั้วขึ้น-ลงเนินได้</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Application Guide Section -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">การใช้งานระบบรั้วไวน์แมน</h2>
|
||||
|
||||
<!-- Application Categories -->
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-primary-600 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">โรงงาน/คลังสินค้า</h3>
|
||||
<p class="text-secondary-600 text-sm">ล้อมรอบพื้นที่โรงงาน คลังสินค้า พื้นที่อุตสาหกรรม ป้องกันการเข้าถึงโดยไม่ได้รับอนุญาต</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-primary-600 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ฟาร์มปศุสัตว์</h3>
|
||||
<p class="text-secondary-600 text-sm">เหมาะสำหรับฟาร์มเลี้ยงแพะ แกะ กวาง จิงโจ้ นกกระจอกเทศ ป้องกันสัตว์หลุดออกนอกพื้นที่</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-primary-600 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">สวนเกษตร/ไร่</h3>
|
||||
<p class="text-secondary-600 text-sm">ล้อมสวนผลไม้ ไร่พืชไร่ ป้องกันสัตว์เข้ามาทำลายพืชผล ไม่บดบังแสงแดด</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-primary-600 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">สถานที่สาธารณะ</h3>
|
||||
<p class="text-secondary-600 text-sm">สนามกีฬา สวนสาธารณะ อาคารชุด หมู่บ้านจัดสรร กำแพงกันชน รั้วกั้นพื้นที่</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Detailed Applications -->
|
||||
<div class="bg-white p-6 rounded-xl">
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-4">ตารางเปรียบเทียบการใช้งานตามประเภท</h3>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full text-sm">
|
||||
<thead>
|
||||
<tr class="bg-gray-100">
|
||||
<th class="text-left p-3 font-bold text-secondary-800">ประเภทการใช้งาน</th>
|
||||
<th class="text-left p-3 font-bold text-secondary-800">รุ่นแนะนำ</th>
|
||||
<th class="text-left p-3 font-bold text-secondary-800">ความสูง (เมตร)</th>
|
||||
<th class="text-left p-3 font-bold text-secondary-800">ข้อแนะนำ</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="border-b">
|
||||
<td class="p-3 text-secondary-700">โรงงาน คลังสินค้า</td>
|
||||
<td class="p-3 text-secondary-700">13-175-15 / 14-200-15</td>
|
||||
<td class="p-3 text-secondary-700">2.4 - 3.0</td>
|
||||
<td class="p-3 text-secondary-700">เพิ่มลวดหนามบนสุดเพื่อความปลอดภัย</td>
|
||||
</tr>
|
||||
<tr class="border-b">
|
||||
<td class="p-3 text-secondary-700">ฟาร์มแพะ แกะ</td>
|
||||
<td class="p-3 text-secondary-700">10-107-15 / 11-142-15</td>
|
||||
<td class="p-3 text-secondary-700">1.0 - 1.5</td>
|
||||
<td class="p-3 text-secondary-700">ตาข่ายถักปมช่องแคบกันสัตว์เล็ก</td>
|
||||
</tr>
|
||||
<tr class="border-b">
|
||||
<td class="p-3 text-secondary-700">ฟาร์มกวาง จิงโจ้</td>
|
||||
<td class="p-3 text-secondary-700">11-155-15 / 12-120-15</td>
|
||||
<td class="p-3 text-secondary-700">1.8 - 2.4</td>
|
||||
<td class="p-3 text-secondary-700">ตาข่ายฟิคซ์ล็อคทนแรงกระแทก</td>
|
||||
</tr>
|
||||
<tr class="border-b">
|
||||
<td class="p-3 text-secondary-700">สวนผลไม้</td>
|
||||
<td class="p-3 text-secondary-700">8-90-15 / 10-107-15</td>
|
||||
<td class="p-3 text-secondary-700">1.2 - 1.8</td>
|
||||
<td class="p-3 text-secondary-700">ประหยัด ทนทาน ไม่บดบังแสง</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="p-3 text-secondary-700">สถานที่สาธารณะ</td>
|
||||
<td class="p-3 text-secondary-700">13-175-15 / 14-200-15</td>
|
||||
<td class="p-3 text-secondary-700">2.0 - 3.0</td>
|
||||
<td class="p-3 text-secondary-700">รั้วกึ่งสปริง ติดตั้งเร็ว สวยงาม</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับระบบรั้วไวน์แมน</h2>
|
||||
|
||||
<div class="space-y-4">
|
||||
<!-- FAQ 1 -->
|
||||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-4 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors">
|
||||
<span class="font-medium text-secondary-900">ระบบรั้วไวน์แมนมีอายุการใช้งานนานเท่าไหร่?</span>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="p-4 text-secondary-600 bg-white">
|
||||
ระบบรั้วไวน์แมนมีอายุการใช้งานมากกว่า 50 ปี ขึ้นอยู่กับการชุบสังกะสีตามมาตรฐาน ASTM Class 3 ซึ่งผ่านการทดสอบ Salt Spray Test มากกว่า 3,000 ชั่วโมง สามารถทนทานต่อสภาวะกัดกร่อนในประเทศไทยที่มีความชื้นสูงได้เป็นอย่างดี
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- FAQ 2 -->
|
||||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-4 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors">
|
||||
<span class="font-medium text-secondary-900">ระยะห่างของเสาควรเท่าไหร่?</span>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="p-4 text-secondary-600 bg-white">
|
||||
ระยะห่างขึ้นอยู่กับประเภทเสาที่ใช้: เสาไวน์แมนแนะนำ 5-8 เมตร, เสาปูนหรือเสาไม้เนื้อแข็งแนะนำ 4-6 เมตร สำหรับพื้นที่ที่มีความเรียบ เส้นตรง ส่วนพื้นที่ที่มีความเป็นเนินหรือมีแนวโค้ง ควรลดระยะห่างลงและเพิ่มเสารับแรงเพื่อความแข็งแรงของระบบรั้ว
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- FAQ 3 -->
|
||||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-4 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors">
|
||||
<span class="font-medium text-secondary-900">ติดตั้งระบบรั้วไวน์แมนยากหรือไม่?</span>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="p-4 text-secondary-600 bg-white">
|
||||
การติดตั้งระบบรั้วไวน์แมนค่อนข้างง่ายและรวดเร็ว สามารถทำได้โดยตอกเสาลงพื้นดินหรือเทปูนรากเล็กน้อย จากนั้นขึงตาข่ายและยึดด้วยตัวยึดพิเศษ สำหรับพื้นที่ขนาดใหญ่สามารถติดตั้งได้ 100-200 เมตร/วัน ขึ้นอยู่กับสภาพพื้นที่และจำนวนช่าง
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- FAQ 4 -->
|
||||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-4 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors">
|
||||
<span class="font-medium text-secondary-900">ควรเลือกตาข่ายถักปมหรือตาข่ายฟิคซ์ล็อค?</span>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="p-4 text-secondary-600 bg-white">
|
||||
ตาข่ายถักปมเหมาะสำหรับการใช้งานทั่วไป เช่น ล้อมสวน โรงงาน สถานที่สาธารณะ ส่วนตาข่ายฟิคซ์ล็อคเหมาะสำหรับฟาร์มปศุสัตว์ที่ต้องการความแข็งแรงสูง เช่น ฟาร์มแพะ แกะ กวาง จิงโจ้ นกกระจอกเทศ เนื่องจากมีตัวล็อคพิเศษช่วยเพิ่มความทนทานต่อแรงกระแทกจากสัตว์
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- FAQ 5 -->
|
||||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-4 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors">
|
||||
<span class="font-medium text-secondary-900">ระบบรั้วไวน์แมนเหมาะกับพื้นที่ที่มีภูมิประเทศไม่เรียบหรือไม่?</span>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="p-4 text-secondary-600 bg-white">
|
||||
ใช่! ระบบรั้วไวน์แมนมีความยืดหยุ่นสูง สามารถติดตั้งเดินแนวรั้วบนพื้นที่ทุกรูปแบบ ทั้งขึ้น-ลงเนิน ส่วนเว้า-ส่วนโค้งได้อย่างแข็งแรงและต่อเนื่อง ลวดกึ่งสปริงจะช่วยปรับตัวตามรูปร่างภูมิประเทศได้ดี ไม่หย่อนตัวหรือยืดออกง่าย
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Salt Spray Test -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl 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" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/vineman/กราฟเปรียบเทียบผลการทดสอบ-2.jpg" alt="กราฟเปรียบเทียบผลการทดสอบ 2" class="w-full h-auto rounded-xl" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</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" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/vineman/result-2-1024x355.jpg" alt="ผลการทดสอบ 2" class="w-full h-auto rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/vineman/result-3-1024x355.jpg" alt="ผลการทดสอบ 3" class="w-full h-auto rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/vineman/result-4-1024x355.jpg" alt="ผลการทดสอบ 4" class="w-full h-auto rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
<img src="/images/products-raw/vineman/result-5-1024x355.jpg" alt="ผลการทดสอบ 5" class="w-full h-auto rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
|
||||
</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" width="800" height="600" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
592
src/pages/รั้วเทวดา/index.astro
Normal file
592
src/pages/รั้วเทวดา/index.astro
Normal file
@@ -0,0 +1,592 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "รั้วเทวดา",
|
||||
"description": "รั้วเทวดา แข็งแรง ทนทาน เหนียวกว่า ลวดแรงดึงสูง หนา 2.5 มม. สามารถทนแรงกระแทกได้สูง ทนสนิม ลวดชุบสังกะสีหนาพิเศษ ด้วยกระบวนการแบบจุ่มร้อน ตามมาตรฐานออสเตรเลีย",
|
||||
"image": "https://dealplustech.co.th/images/products-raw/tevada/TEVADA_001-987x1024.png",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/รั้วเทวดา",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="รั้วเทวดา" description="รั้วเทวดา แข็งแรง ทนทาน เหนียวกว่า ลวดแรงดึงสูง หนา 2.5 มม. สามารถทนแรงกระแทกได้สูง ทนสนิม ลวดชุบสังกะสีหนาพิเศษ ด้วยกระบวนการแบบจุ่มร้อน ตามมาตรฐานออสเตรเลีย">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="bg-white min-h-screen">
|
||||
<!-- Hero Section -->
|
||||
<section class="hero-gradient py-16">
|
||||
<div class="container-custom">
|
||||
<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-raw/tevada/TEVADA_001-987x1024.png"
|
||||
alt="รั้วเทวดา"
|
||||
class="w-full h-auto rounded-xl"
|
||||
width="600" height="622" loading="eager" fetchpriority="high" decoding="sync"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
รั้วเทวดา
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">รั้วเทวดา</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
รั้วเทวดา แข็งแรง ทนทาน เหนียวกว่า ลวดแรงดึงสูง หนา 2.5 มม. สามารถทนแรงกระแทกได้สูง ทนสนิม ลวดชุบสังกะสีหนาพิเศษ ด้วยกระบวนการแบบจุ่มร้อน ตามมาตรฐานออสเตรเลีย
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ลวดหนา 2.5 มม.</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ชุบสังกะสีจุ่มร้อน</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>มาตรฐานออสเตรเลีย</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ทำไมต้องรั้วตาข่ายเทวดา -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ทำไมต้องรั้วตาข่ายเทวดา</h2>
|
||||
<div class="grid lg:grid-cols-2 gap-8 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-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 class="text-secondary-700">ลวดแรงดึงสูง หนา 2.5 มม. เหนียวกว่ารั้วทั่วไป</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span class="text-secondary-700">ลวดชุบสังกะสีหนาพิเศษ ด้วยกระบวนการแบบจุ่มร้อน</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span class="text-secondary-700">ทนสนิมได้ดีเยี่ยม ตามมาตรฐานออสเตรเลีย</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span class="text-secondary-700">สามารถทนแรงกระแทกได้สูง</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- เปรียบเทียบ -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl 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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- รุ่นสินค้า -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">รุ่นสินค้า</h2>
|
||||
|
||||
<!-- รุ่น 8-90-15 -->
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- เสารั้ว Y-Post -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">เสารั้ว Y-Post</h2>
|
||||
<div class="grid lg:grid-cols-2 gap-8 items-center">
|
||||
<img
|
||||
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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- วิธีติดตั้ง -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">วิธีติดตั้ง</h2>
|
||||
|
||||
<div class="grid md:grid-cols-4 gap-6">
|
||||
<!-- ตั้ง -->
|
||||
<div class="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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- คุณสมบัติเด่นของรั้วเทวดา -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">คุณสมบัติเด่นของรั้วเทวดา</h2>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<!-- คุณสมบัติ 1 -->
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ลวดหนา 2.5 มม.</h3>
|
||||
<p class="text-secondary-600 text-sm">ลวดแรงดึงสูง (High Tensile Wire) หนาพิเศษ 2.5 มม. แข็งแรงกว่ารั้วตาข่ายทั่วไป เหนียวทน ทนต่อแรงกระแทกและแรงดึงสูงสุด</p>
|
||||
</div>
|
||||
|
||||
<!-- คุณสมบัติ 2 -->
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ชุบสังกะสีจุ่มร้อน</h3>
|
||||
<p class="text-secondary-600 text-sm">ลวดชุบสังกะสีหนาพิเศษด้วยกระบวนการ Hot-Dip Galvanized ทนสนิมได้ยาวนาน ตามมาตรฐานออสเตรเลีย AS 2423-2002</p>
|
||||
</div>
|
||||
|
||||
<!-- คุณสมบัติ 3 -->
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ทนแรงกระแทกสูง</h3>
|
||||
<p class="text-secondary-600 text-sm">โครงสร้างแข็งแรง สามารถทนแรงกระแทกได้สูง ไม่หย่อนหรือยืดออกง่าย ใช้งานได้ยาวนานไม่เสียรูป</p>
|
||||
</div>
|
||||
|
||||
<!-- คุณสมบัติ 4 -->
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ติดตั้งง่าย</h3>
|
||||
<p class="text-secondary-600 text-sm">ระบบติดตั้งแบบ 4 ขั้นตอน ตั้ง-ผูก-ดึง-มัด สะดวกรวดเร็ว ประหยัดเวลาและค่าแรงในการติดตั้ง</p>
|
||||
</div>
|
||||
|
||||
<!-- คุณสมบัติ 5 -->
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">มาตรฐานออสเตรเลีย</h3>
|
||||
<p class="text-secondary-600 text-sm">ผ่านการรับรองมาตรฐานออสเตรเลีย AS 2423-2002 คุณภาพเป็นที่ยอมรับในระดับสากล</p>
|
||||
</div>
|
||||
|
||||
<!-- คุณสมบัติ 6 -->
|
||||
<div class="bg-white p-6 rounded-xl shadow-sm">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">ราคาคุ้มค่า</h3>
|
||||
<p class="text-secondary-600 text-sm">ราคาเป็นมิตร คุ้มค่ากับการลงทุน ทนทานใช้งานได้ยาวนานโดยไม่ต้องซ่อมบำรุงบ่อย</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- การใช้งานรั้วเทวดา -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">การใช้งานรั้วเทวดา</h2>
|
||||
|
||||
<div class="grid lg:grid-cols-2 gap-8">
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-xl">
|
||||
<div class="w-10 h-10 bg-primary-600 rounded-full flex items-center justify-center flex-shrink-0">
|
||||
<span class="text-white font-bold">1</span>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-1">สถานที่ก่อสร้างและโรงงาน</h3>
|
||||
<p class="text-secondary-600 text-sm">ใช้กั้นพื้นที่ก่อสร้าง โรงงาน คลังสินค้า เพื่อความปลอดภัยและป้องกันการเข้าถึงโดยไม่ได้รับอนุญาต</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-xl">
|
||||
<div class="w-10 h-10 bg-primary-600 rounded-full flex items-center justify-center flex-shrink-0">
|
||||
<span class="text-white font-bold">2</span>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-1">ฟาร์มและสวนเกษตร</h3>
|
||||
<p class="text-secondary-600 text-sm">เหมาะสำหรับกั้นพื้นที่ฟาร์มสัตว์ สวนผลไม้ ไร่ผัก ป้องกันสัตว์ภายนอกเข้ามาทำลายพืชผล</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-xl">
|
||||
<div class="w-10 h-10 bg-primary-600 rounded-full flex items-center justify-center flex-shrink-0">
|
||||
<span class="text-white font-bold">3</span>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-1">สถานที่ราชการและโครงการ</h3>
|
||||
<p class="text-secondary-600 text-sm">ใช้ในโครงการภาครัฐ สถานที่ราชการ อาคารสถานที่สาธารณะ ที่ต้องการความแข็งแรงและทนทาน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-xl">
|
||||
<div class="w-10 h-10 bg-primary-600 rounded-full flex items-center justify-center flex-shrink-0">
|
||||
<span class="text-white font-bold">4</span>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-1">บ้านเรือนและที่อยู่อาศัย</h3>
|
||||
<p class="text-secondary-600 text-sm">ใช้กั้นรอบบ้าน คอนโดมิเนียม หมู่บ้าน สวนหย่อม เพื่อความปลอดภัยและความเป็นส่วนตัว</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-xl">
|
||||
<div class="w-10 h-10 bg-primary-600 rounded-full flex items-center justify-center flex-shrink-0">
|
||||
<span class="text-white font-bold">5</span>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-1">สนามกีฬาและสถานที่ออกกำลังกาย</h3>
|
||||
<p class="text-secondary-600 text-sm">เหมาะสำหรับกั้นสนามกีฬา สนามฟุตบอล สนามเทนนิส และสถานที่ออกกำลังกายภายนอกอาคาร</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-xl">
|
||||
<div class="w-10 h-10 bg-primary-600 rounded-full flex items-center justify-center flex-shrink-0">
|
||||
<span class="text-white font-bold">6</span>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-1">สถานที่พิเศษ</h3>
|
||||
<p class="text-secondary-600 text-sm">ใช้กั้นสถานที่ท่องเที่ยว อุทยาน สวนสาธารณะ ลานจอดรถ และพื้นที่ที่ต้องการความปลอดภัยสูง</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- คำถามที่พบบ่อย -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับรั้วเทวดา</h2>
|
||||
|
||||
<div class="space-y-4">
|
||||
<!-- คำถามที่ 1 -->
|
||||
<div class="bg-white rounded-xl overflow-hidden shadow-sm">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-6 cursor-pointer list-none">
|
||||
<h3 class="text-lg font-bold text-secondary-900 pr-4">รั้วเทวดาแตกต่างจากรั้วตาข่ายทั่วไปอย่างไร?</h3>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="px-6 pb-6 text-secondary-600">
|
||||
<p>รั้วเทวดาใช้ลวดแรงดึงสูง (High Tensile Wire) หนาพิเศษ 2.5 มม. ซึ่งหนาและแข็งแรงกว่ารั้วตาข่ายทั่วไปที่ใช้ลวดขนาด 2.0-2.3 มม. ทำให้รั้วเทวดามีความเหนียวทนมากกว่า สามารถทนแรงกระแทกและแรงดึงได้สูงกว่า นอกจากนี้ยังผ่านกระบวนการชุบสังกะสีแบบจุ่มร้อน (Hot-Dip Galvanized) ตามมาตรฐานออสเตรเลีย ทำให้ทนสนิมได้ยาวนานกว่ารั้วทั่วไป</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- คำถามที่ 2 -->
|
||||
<div class="bg-white rounded-xl overflow-hidden shadow-sm">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-6 cursor-pointer list-none">
|
||||
<h3 class="text-lg font-bold text-secondary-900 pr-4">รั้วเทวดาเหมาะกับการใช้งานในพื้นที่ใดบ้าง?</h3>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="px-6 pb-6 text-secondary-600">
|
||||
<p>รั้วเทวดาเหมาะสำหรับการใช้งานหลากหลาย ได้แก่ สถานที่ก่อสร้างและโรงงาน ฟาร์มและสวนเกษตร สถานที่ราชการและโครงการภาครัฐ บ้านเรือนและที่อยู่อาศัย สนามกีฬาและสถานที่ออกกำลังกาย รวมถึงสถานที่ท่องเที่ยวและสาธารณะต่างๆ ด้วยความแข็งแรงและทนทาน จึงเป็นตัวเลือกที่เหมาะสำหรับทุกการใช้งานที่ต้องการความปลอดภัยและความยาวนาน</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- คำถามที่ 3 -->
|
||||
<div class="bg-white rounded-xl overflow-hidden shadow-sm">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-6 cursor-pointer list-none">
|
||||
<h3 class="text-lg font-bold text-secondary-900 pr-4">การติดตั้งรั้วเทวดายากหรือไม่?</h3>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="px-6 pb-6 text-secondary-600">
|
||||
<p>การติดตั้งรั้วเทวดาง่ายและสะดวก ด้วยระบบ 4 ขั้นตอน คือ 1) ตั้ง - ปักเสา Y-Post ลงดิน 2) ผูก - ผูกลวดรั้วเข้ากับเสา 3) ดึง - ดึงลวดให้ตึง และ 4) มัด - มัดลวดรั้วให้แน่น สามารถติดตั้งได้ด้วยตัวเองหรือจ้างช่างทั่วไป ประหยัดค่าแรงในการติดตั้ง และใช้เวลาไม่นาน</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- คำถามที่ 4 -->
|
||||
<div class="bg-white rounded-xl overflow-hidden shadow-sm">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-6 cursor-pointer list-none">
|
||||
<h3 class="text-lg font-bold text-secondary-900 pr-4">รั้วเทวดาทนสนิมได้ดีเพียงใด?</h3>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="px-6 pb-6 text-secondary-600">
|
||||
<p>รั้วเทวดาใช้ลวดชุบสังกะสีหนาพิเศษด้วยกระบวนการแบบจุ่มร้อน (Hot-Dip Galvanized) ซึ่งเป็นมาตรฐานออสเตรเลีย AS 2423-2002 การชุบสังกะสีแบบจุ่มร้อนจะสร้างชั้นเคลือบที่หนาและยึดเกาะแน่นกว่าการชุบแบบอิเล็กโทร ทำให้ทนสนิมได้ดีเยี่ยม เหมาะสำหรับการใช้งานในประเทศไทยที่มีความชื้นสูง</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- คำถามที่ 5 -->
|
||||
<div class="bg-white rounded-xl overflow-hidden shadow-sm">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-6 cursor-pointer list-none">
|
||||
<h3 class="text-lg font-bold text-secondary-900 pr-4">มีรุ่นและขนาดให้เลือกอย่างไร?</h3>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="px-6 pb-6 text-secondary-600">
|
||||
<p>รั้วเทวดามีหลายรุ่นให้เลือกตามความต้องการ ได้แก่ รุ่น 8-90-15 (สูง 90 ซม.) รุ่น 10-120-15 (สูง 120 ซม.) รุ่น 12-165-15 (สูง 165 ซม.) รุ่น 12-120-10 และรุ่น 13-150-10 สามารถเลือกความสูงและขนาดลวดได้ตามความเหมาะสมของพื้นที่ใช้งาน และมีเสา Y-Post ให้เลือกใช้งานคู่กัน</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-base text-white/70 mt-8">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
234
src/pages/วาล์ว-valve/index.astro
Normal file
234
src/pages/วาล์ว-valve/index.astro
Normal file
@@ -0,0 +1,234 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "วาล์ว (Valve) - วาล์วน้ำทุกประเภท",
|
||||
"description": "จำหน่ายวาล์ว (Valve) - วาล์วน้ำทุกประเภทคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/valve_000C.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/วาล์ว-valve",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="วาล์ว (Valve) - วาล์วน้ำทุกประเภท" description="จำหน่ายวาล์ว (Valve) - วาล์วน้ำทุกประเภทคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-glass p-8">
|
||||
<img src="/images/products-cropped/valve_000C.jpg" alt="Product" 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>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
วาล์ว
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">วาล์ว (Valve) - วาล์วน้ำทุกประเภท</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
จำหน่ายวาล์ว (Valve) - วาล์วน้ำทุกประเภทคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Details -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">จำหน่ายวาล์วน้ำทุกประเภท คุณภาพสูงจากแบรนด์ชั้นนำ เหมาะสำหรับงานระบบประปา ระบบน้ำในอาคาร และโรงงานอุตสาหกรรม มีทีมงานผู้เชี่ยวชาญพร้อมให้คำแนะนำและบริการติดตั้ง</p>
|
||||
|
||||
<img src="/images/products-misc/valve_logo.jpg" alt="Valve Brands" class="w-full max-w-md mx-auto my-8 rounded-lg shadow-md" width="600" height="300" loading="lazy" decoding="async" />
|
||||
|
||||
<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><strong>Gate Valve & Globe Valve</strong> - วาล์วประตูน้ำและวาล์วปรับการไหล สำหรับงานปิด-เปิดและควบคุมการไหล</li>
|
||||
<li><strong>Ball Valve</strong> - วาล์วบอล เปิด-ปิดรวดเร็ว ทนทาน การบำรุงรักษาต่ำ</li>
|
||||
<li><strong>Butterfly Valve</strong> - วาล์วผีเสื้อ สำหรับท่อขนาดใหญ่ ประหยัดพื้นที่ติดตั้ง</li>
|
||||
<li><strong>Balancing Valve</strong> - วาล์วสมดุล สำหรับระบบปรับอากาศและทำความร้อน</li>
|
||||
<li><strong>Check Valve</strong> - วาล์วกันน้ำย้อน ป้องกันการไหลย้อนกลับ</li>
|
||||
<li><strong>Y-Strainer</strong> - ตะแกรงกรองตะกอน สำหรับระบบท่อ</li>
|
||||
<li><strong>2 and 3 Way Control Valve</strong> - วาล์วควบคุม 2 และ 3 ทาง สำหรับระบบปรับอากาศ</li>
|
||||
<li><strong>Electronic Room Thermostat</strong> - เทอร์โมสตัทอิเล็กทรอนิกส์ ควบคุมอุณหภูมิห้อง</li>
|
||||
<li><strong>Pressure Gauge & Thermometer</strong> - มาตรวัดความดันและอุณหภูมิ</li>
|
||||
<li><strong>Electric Actuator</strong> - มอเตอร์ขับวาล์วอัตโนมัติ</li>
|
||||
<li><strong>Fire Protection Valve & Equipment</strong> - วาล์วและอุปกรณ์ดับเพลิง</li>
|
||||
<li><strong>Fire Hose Cabinet & Accessories</strong> - ตู้และอุปกรณ์สายฉีดน้ำดับเพลิง</li>
|
||||
<li><strong>Portable Fire Extinguisher</strong> - ถังดับเพลิงชนิดพกพา</li>
|
||||
<li><strong>Angle Hose Valve</strong> - วาล์วสายฉีดน้ำมุม</li>
|
||||
<li><strong>Monitoring Device</strong> - อุปกรณ์ตรวจสอบและควบคุมระบบ</li>
|
||||
<li><strong>Fire Hose</strong> - สายฉีดน้ำดับเพลิง</li>
|
||||
<li><strong>Fire Barrier</strong> - ฉนวนกันไฟ และวัสดุกันไฟ</li>
|
||||
<li><strong>Water Pump</strong> - ปั๊มน้ำสำหรับงานดับเพลิงและระบบน้ำ</li>
|
||||
<li><strong>Cooling Tower</strong> - หอทำลายความร้อน</li>
|
||||
<li><strong>Copper Tube</strong> - ท่อทองแดง สำหรับงานประปาและเครื่องปรับอากาศ</li>
|
||||
</ul>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>วัสดุ:</strong> ทองเหลือง, สแตนเลส, PVC, เหล็กหล่อ, ทองแดง</p>
|
||||
|
||||
<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>งานระบบปรับอากาศ (HVAC)</li>
|
||||
<li>งานระบบทำความร้อน</li>
|
||||
</ul>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ขนาด:</strong> มีขนาดตั้งแต่ DN15 ถึง DN600 หรือ 1/2" ถึง 24" ตามความต้องการ</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">สินค้าทุกชิ้นผ่านการตรวจสอบคุณภาพก่อนส่งมอบ พร้อมรับประกันสินค้าจริง ติดต่อสอบถามราคาและข้อมูลเพิ่มเติมได้ที่ Line @JPPSELECTION หรือโทร 090-555-1415</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Additional Images -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
|
||||
<img src="/images/valve-In01.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In02.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In03.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In05.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In08.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In10.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In15.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" /><img src="/images/valve-In17.jpg" alt="วาล์ว (Valve)" class="w-full h-auto rounded-lg shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Valve Selection Guide -->
|
||||
<section id="selection" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">วิธีเลือกวาล์วให้เหมาะสม</h2>
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div class="bg-blue-50 p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">Ball Valve (บอลวาล์ว)</h3>
|
||||
<p class="text-secondary-700 text-sm mb-2">เปิด-ปิดเร็ว ราคาถูก เหมาะกับงานทั่วไป</p>
|
||||
<p class="text-secondary-600 text-sm">ใช้กับ: น้ำเย็น น้ำร้อน ลม</p>
|
||||
</div>
|
||||
<div class="bg-green-50 p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">Gate Valve (เกตวาล์ว)</h3>
|
||||
<p class="text-secondary-700 text-sm mb-2">เปิด-ปิดค่อยเป็นค่อยไป กันย้อนได้</p>
|
||||
<p class="text-secondary-600 text-sm">ใช้กับ: น้ำ น้ำเสีย ลม</p>
|
||||
</div>
|
||||
<div class="bg-orange-50 p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">Check Valve (เช็ควาล์ว)</h3>
|
||||
<p class="text-secondary-700 text-sm mb-2">กันน้ำย้อนอัตโนมัติ</p>
|
||||
<p class="text-secondary-600 text-sm">ใช้กับ: ป้องกันน้ำย้อน</p>
|
||||
</div>
|
||||
<div class="bg-purple-50 p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">Globe Valve (โกลบวาล์ว)</h3>
|
||||
<p class="text-secondary-700 text-sm mb-2">ควบคุมอัตราการไหลได้ละเอียด</p>
|
||||
<p class="text-secondary-600 text-sm">ใช้กับ: งานที่ต้องปรับอัตราการไหล</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: Ball Valve กับ Gate Valve ต่างกันอย่างไร?</h3>
|
||||
<p class="text-secondary-700">Ball Valve เปิด-ปิดเร็วด้วยการหมุน 90 องศา ส่วน Gate Valve เปิด-ปิดค่อยเป็นค่อยไปด้วยการหมุนบังคับหลายรอบ Gate Valve กันย้อนได้ดีกว่า</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: วาล์วขนาดเลือกอย่างไร?</h3>
|
||||
<p class="text-secondary-700">ขนาดวาล์วควรเท่ากับขนาดท่อ หรือเล็กกว่าหนึ่งขนาดสำหรับงานควบคุม</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: วาล์ว Brass กับ PVC ต่างกันอย่างไร?</h3>
|
||||
<p class="text-secondary-700">Brass แข็งแรงทนแรงดันสูง เหมาะกับงานที่ต้องการความทนทาน PVC ราคาถูกกว่า เหมาะกับงานทั่วไปแรงดันต่ำ</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl 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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
438
src/pages/หัวจ่ายแอร์-ball-jet/index.astro
Normal file
438
src/pages/หัวจ่ายแอร์-ball-jet/index.astro
Normal file
@@ -0,0 +1,438 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "หัวจ่ายแอร์ | BALL JET",
|
||||
"description": "หัวจ่ายแอร์ | Ball jet ส่งฟรี กรุงเทพมหานคร ปริมณฑล สาม",
|
||||
"image": "https://dealplustech.co.th/images/products-raw/ball-jet/main-ball-jet.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/หัวจ่ายแอร์-ball-jet",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="หัวจ่ายแอร์ | BALL JET" description="หัวจ่ายแอร์ | Ball jet ส่งฟรี กรุงเทพมหานคร ปริมณฑล สาม">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-glass p-8">
|
||||
<img src="/images/products-raw/ball-jet/main-ball-jet.jpg" alt="หัวจ่ายแอร์ BALL JET" class="w-full h-auto rounded-xl" width="600" height="400" loading="eager" fetchpriority="high" decoding="sync" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
หัวจ่ายแอร์
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">หัวจ่ายแอร์ | BALL JET</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
หัวจ่ายแอร์ | Ball jet ส่งฟรี กรุงเทพมหานคร ปริมณฑล สาม
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Specifications -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 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-xl 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-xl 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-xl 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-xl 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>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับหัวจ่ายแอร์ (Ball Jet)</h2>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-lg font-semibold text-secondary-900 mb-3">
|
||||
<span class="text-primary-600 mr-2">Q:</span>หัวจ่ายแอร์ Ball Jet ติดตั้งยากไหม?
|
||||
</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
<span class="text-primary-600 font-semibold">A:</span> การติดตั้งหัวจ่ายแอร์ Ball Jet ไม่ซับซ้อน ใช้ระบบ Quick Connect หรือ ขันสกรูติดกับท่อลมโดยตรง สำหรับผู้ที่มีประสบการณ์สามารถติดตั้งได้ด้วยตนเอง แต่แนะนำให้ช่างผู้เชี่ยวชาญติดตั้งเพื่อให้แน่ใจเรื่องการปิดผนึกอากาศและการจัดวางทิศทางลมที่ถูกต้อง
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-lg font-semibold text-secondary-900 mb-3">
|
||||
<span class="text-primary-600 mr-2">Q:</span>เลือกขนาหัวจ่ายแอร์อย่างไร?
|
||||
</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
<span class="text-primary-600 font-semibold">A:</span> การเลือกขนาดต้องพิจารณาจากปริมาณลม (CFM) ที่ต้องการและขนาดท่อลม สำหรับห้องขนาดเล็ก (10-15 ตารางเมตร) ใช้ขนาด 6-8 นิ้ว ห้องขนาดกลาง (15-25 ตารางเมตร) ใช้ขนาด 8-10 นิ้ว และห้องขนาดใหญ่ (25+ ตารางเมตร) ใช้ขนาด 10-12 นิ้ว หรือติดตั้งหลายตัวแทน
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-lg font-semibold text-secondary-900 mb-3">
|
||||
<span class="text-primary-600 mr-2">Q:</span>CFM คืออะไร และสำคัญอย่างไร?
|
||||
</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
<span class="text-primary-600 font-semibold">A:</span> CFM (Cubic Feet per Minute) คือหน่วยวัดปริมาณอากาศที่หัวจ่ายแอร์สามารถกระจายได้ต่อนาที การเลือกหัวจ่ายแอร์ที่มี CFM เหมาะสมกับขนาดห้องจะช่วยให้การกระจายลมมีประสิทธิภาพ ลมไม่แรงเกินไปหรืออ่อนเกินไป โดยทั่วไปหัวจ่ายแอร์ Ball Jet มี CFM ตั้งแต่ 100-500 CFM ขึ้นอยู่กับขนาดและการตั้งค่า
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-lg font-semibold text-secondary-900 mb-3">
|
||||
<span class="text-primary-600 mr-2">Q:</span>หัวจ่ายแอร์ทำจากวัสดุอะไรดี?
|
||||
</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
<span class="text-primary-600 font-semibold">A:</span> วัสดุที่นิยมใช้คือพลาสติก ABS ที่มีความทนทานต่อความร้อนและสารเคมี ทนต่อการเสื่อมสภาพจากแสงแดด เหมาะสำหรับห้องที่มีอุณหภูมิต่ำถึง -30°C สูงสุด 60°C นอกจากนี้ยังมีวัสดุอะลูมิเนียมที่ทนทานกว่าแต่ราคาสูงกว่า เหมาะสำหรับอาคารพาณิชย์ที่ต้องการความแข็งแรงสูง
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-lg font-semibold text-secondary-900 mb-3">
|
||||
<span class="text-primary-600 mr-2">Q:</span>ใช้หัวจ่ายแอร์ Ball Jet ในที่ที่มีความสูงต่างกันได้ไหม?
|
||||
</h3>
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
<span class="text-primary-600 font-semibold">A:</span> ได้ โดยต้องปรับทิศทางการจ่ายลมให้เหมาะสม สำหรับเพดานสูง (เกิน 4 เมตร) แนะนำให้ปรับลมขึ้นเพื่อให้ลมลอยขึ้นและค่อยๆ ลงมาสู่พื้นที่ใช้งาน ส่วนเพดานต่ำ (2.5-3 เมตร) ให้ปรับลมลงด้านข้างเพื่อหลีกเลี่ยงลมพุ่งลงมาตรงๆ ทำให้รู้สึกไม่สบาย
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Airflow Calculation Guide -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-8 text-center">วิธีคำนวณ CFM ที่เหมาะสม</h2>
|
||||
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-6">
|
||||
การเลือกหัวจ่ายแอร์ให้เหมาะสมกับห้องต้องคำนวณ CFM ที่ต้องการก่อน โดยใช้สูตรง่ายๆ ดังนี้:
|
||||
</p>
|
||||
|
||||
<div class="bg-primary-50 rounded-xl p-6 mb-8 border border-primary-200">
|
||||
<h3 class="text-xl font-bold text-primary-800 mb-4">สูตรคำนวณ CFM</h3>
|
||||
<p class="text-2xl font-bold text-primary-700 mb-4">
|
||||
CFM = (ขนาดห้อง ตร.ม × ความสูงเพดาน ม. × อัตราแลกเปลี่ยนอากาศ)
|
||||
</p>
|
||||
<p class="text-secondary-700">
|
||||
<strong>อัตราแลกเปลี่ยนอากาศที่แนะนำ:</strong>
|
||||
</p>
|
||||
<ul class="list-disc pl-6 mt-2 space-y-1 text-secondary-700">
|
||||
<li>ห้องนอน/ห้องรับแขก: 6-8 ครั้ง/ชั่วโมง</li>
|
||||
<li>ห้องประชุม: 8-10 ครั้ง/ชั่วโมง</li>
|
||||
<li>ห้องครัว: 10-15 ครั้ง/ชั่วโมง</li>
|
||||
<li>ห้องน้ำ: 10-15 ครั้ง/ชั่วโมง</li>
|
||||
<li>สำนักงาน: 6-8 ครั้ง/ชั่วโมง</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ตัวอย่างการคำนวณ</h3>
|
||||
<p class="text-secondary-700 leading-relaxed mb-4">
|
||||
ห้องนั่งเล่นขนาด 20 ตารางเมตร ความสูงเพดาน 3 เมตร ใช้อัตราแลกเปลี่ยนอากาศ 6 ครั้ง/ชั่วโมง:
|
||||
</p>
|
||||
<p class="text-xl font-semibold text-primary-700 mb-6">
|
||||
CFM = 20 × 3 × 6 = 360 CFM
|
||||
</p>
|
||||
<p class="text-secondary-700 leading-relaxed mb-6">
|
||||
ดังนั้นควรเลือกหัวจ่ายแอร์ Ball Jet ขนาด 8-10 นิ้ว ที่มี CFM ประมาณ 300-400 CFM หรือติดตั้ง 2 ตัวขนาด 6 นิ้ว แทน
|
||||
</p>
|
||||
|
||||
<div class="bg-orange-50 rounded-xl p-6 mb-6 border border-orange-200">
|
||||
<h3 class="text-lg font-bold text-orange-800 mb-2">ข้อควรระวัง</h3>
|
||||
<p class="text-secondary-700">
|
||||
หากเลือก CFM สูงเกินไป ลมจะแรงเกินและทำให้รู้สึกไม่สบาย หาก CFM ต่ำเกินไป การกระจายลมจะไม่ทั่วถึง เกิดจุดร้อน-จุดเย็นในห้อง แนะนำให้ปรึกษาผู้เชี่ยวชาญเพื่อคำนวณที่แม่นยำ
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Size Selection Guide -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-8 text-center">คู่มือเลือกขนาดหัวจ่ายแอร์</h2>
|
||||
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full bg-white rounded-xl shadow-sm overflow-hidden">
|
||||
<thead class="bg-primary-600 text-white">
|
||||
<tr>
|
||||
<th class="px-4 py-3 text-left font-semibold">ขนาดหัวจ่ายแอร์</th>
|
||||
<th class="px-4 py-3 text-left font-semibold">ขนาดท่อลม (นิ้ว)</th>
|
||||
<th class="px-4 py-3 text-left font-semibold">CFM ที่เหมาะสม</th>
|
||||
<th class="px-4 py-3 text-left font-semibold">พื้นที่ห้อง (ตร.ม.)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-100">
|
||||
<tr>
|
||||
<td class="px-4 py-3 text-secondary-700">6 นิ้ว</td>
|
||||
<td class="px-4 py-3 text-secondary-700">6</td>
|
||||
<td class="px-4 py-3 text-secondary-700">100-150 CFM</td>
|
||||
<td class="px-4 py-3 text-secondary-700">8-12 ตร.ม.</td>
|
||||
</tr>
|
||||
<tr class="bg-gray-50">
|
||||
<td class="px-4 py-3 text-secondary-700">8 นิ้ว</td>
|
||||
<td class="px-4 py-3 text-secondary-700">8</td>
|
||||
<td class="px-4 py-3 text-secondary-700">150-300 CFM</td>
|
||||
<td class="px-4 py-3 text-secondary-700">12-20 ตร.ม.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-4 py-3 text-secondary-700">10 นิ้ว</td>
|
||||
<td class="px-4 py-3 text-secondary-700">10</td>
|
||||
<td class="px-4 py-3 text-secondary-700">300-450 CFM</td>
|
||||
<td class="px-4 py-3 text-secondary-700">20-30 ตร.ม.</td>
|
||||
</tr>
|
||||
<tr class="bg-gray-50">
|
||||
<td class="px-4 py-3 text-secondary-700">12 นิ้ว</td>
|
||||
<td class="px-4 py-3 text-secondary-700">12</td>
|
||||
<td class="px-4 py-3 text-secondary-700">400-600 CFM</td>
|
||||
<td class="px-4 py-3 text-secondary-700">30-45 ตร.ม.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-4 py-3 text-secondary-700">14 นิ้ว</td>
|
||||
<td class="px-4 py-3 text-secondary-700">14</td>
|
||||
<td class="px-4 py-3 text-secondary-700">500-800 CFM</td>
|
||||
<td class="px-4 py-3 text-secondary-700">45-60 ตร.ม.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 prose prose-lg max-w-none">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">หลักการเลือกขนาด</h3>
|
||||
<ul class="list-disc pl-6 space-y-2 text-secondary-700">
|
||||
<li><strong>เลือกใหญ่กว่าท่อลมเล็กน้อย</strong> - หัวจ่ายแอร์ควรมีขนาดใหญ่กว่าท่อลมประมาณ 1-2 นิ้ว เพื่อให้การกระจายลมกว้างขึ้น</li>
|
||||
<li><strong>พิจารณาความสูงเพดาน</strong> - เพดานสูงต้องใช้ขนาดใหญ่ขึ้นหรือเพิ่มจำนวนหัวจ่าย</li>
|
||||
<li><strong>เผื่อการขยายตัว</strong> - เลือกขนาดที่รองรับ CFM ได้มากกว่าความต้องการปัจจุบัน 20-30%</li>
|
||||
<li><strong>กระจายความสม่ำเสมอ</strong> - สำหรับห้องขนาดใหญ่ ใช้หัวจ่ายหลายตัวแทนตัวเดียวขนาดใหญ่</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Application Guide -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-8 text-center">คู่มือการใช้งานตามประเภทอาคาร</h2>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-6 mb-8">
|
||||
<div class="bg-white rounded-xl p-6 border-2 border-primary-200 hover:border-primary-400 transition-colors">
|
||||
<div class="flex items-center mb-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mr-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-secondary-900">อาคารพาณิชย์</h3>
|
||||
</div>
|
||||
<ul class="list-disc pl-6 space-y-2 text-secondary-700">
|
||||
<li>สำนักงาน: ใช้ขนาด 8-10 นิ้ว ติดตั้งระยะ 3-4 เมตร</li>
|
||||
<li>ห้างสรรพสินค้า: ใช้ขนาด 10-12 นิ้ว ติดตั้งระยะ 4-5 เมตร</li>
|
||||
<li>โรงแรม: ใช้ขนาด 6-8 นิ้ว ติดตั้งใต้เพดานเฉพาะจุด</li>
|
||||
<li>โรงพยาบาล: ใช้ขนาด 8-10 นิ้ว ติดตั้งระยะห่างเพิ่มขึ้น 20%</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 border-2 border-orange-200 hover:border-orange-400 transition-colors">
|
||||
<div class="flex items-center mb-4">
|
||||
<div class="w-12 h-12 bg-orange-100 rounded-lg flex items-center justify-center mr-4">
|
||||
<svg class="w-6 h-6 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-secondary-900">ที่พักอาศัย</h3>
|
||||
</div>
|
||||
<ul class="list-disc pl-6 space-y-2 text-secondary-700">
|
||||
<li>บ้านเดี่ยว: ใช้ขนาด 6-8 นิ้ว ติดตั้งห้องละ 1-2 ตัว</li>
|
||||
<li>คอนโดมิเนียม: ใช้ขนาด 6 นิ้ว ติดตั้งในช่องเพดานแบบ Drop Ceiling</li>
|
||||
<li>ทาวน์เฮาส์: ใช้ขนาด 6-8 นิ้ว ติดตั้งระยะ 2.5-3 เมตร</li>
|
||||
<li>ห้องใต้หลังคา: ใช้ขนาด 8-10 นิ้ว เพิ่มพัดลมดูดอากาศช่วย</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ความสูงเพดานและการเลือกติดตั้ง</h3>
|
||||
|
||||
<div class="bg-gray-50 rounded-xl p-6 mb-6">
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-3">
|
||||
<span class="text-2xl font-bold text-primary-600">2.5ม.</span>
|
||||
</div>
|
||||
<h4 class="font-semibold text-secondary-900 mb-2">เพดานต่ำ</h4>
|
||||
<p class="text-sm text-secondary-600">ปรับลมออกด้านข้าง หลีกเลี่ยงลมพุ่งลงตรง ขนาด 6-8 นิ้ว</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-3">
|
||||
<span class="text-2xl font-bold text-primary-600">3-4ม.</span>
|
||||
</div>
|
||||
<h4 class="font-semibold text-secondary-900 mb-2">เพดานมาตรฐาน</h4>
|
||||
<p class="text-sm text-secondary-600">ปรับลมลงมุม 45 องศา ขนาด 8-10 นิ้ว</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-3">
|
||||
<span class="text-2xl font-bold text-primary-600">4ม.+</span>
|
||||
</div>
|
||||
<h4 class="font-semibold text-secondary-900 mb-2">เพดานสูง</h4>
|
||||
<p class="text-sm text-secondary-600">ปรับลมขึ้นเพื่อให้ลมลอยลงช้า ขนาด 10-12 นิ้ว</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-blue-50 rounded-xl p-6 border border-blue-200">
|
||||
<h3 class="text-lg font-bold text-blue-800 mb-3">เคล็ดลับการติดตั้งหัวจ่ายแอร์ให้มีประสิทธิภาพ</h3>
|
||||
<ul class="list-disc pl-6 space-y-2 text-secondary-700">
|
||||
<li>หลีกเลี่ยงการติดตั้งเหนือโซฟาหรือเตียงโดยตรง</li>
|
||||
<li>ติดตั้งให้ห่างจากประตูหรือหน้าต่างอย่างน้อย 2 เมตร</li>
|
||||
<li>หลีกเลี่ยงมุมอับของห้องที่อากาศไหลเวียนไม่ดี</li>
|
||||
<li>จัดวางให้กระจายสม่ำเสมอทั่วพื้นที่</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl 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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
117
src/pages/อุปกรณ์ดับเพลิง-category/index.astro
Normal file
117
src/pages/อุปกรณ์ดับเพลิง-category/index.astro
Normal file
@@ -0,0 +1,117 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="อุปกรณ์ดับเพลิง" description="อุปกรณ์ดับเพลิง ถังดับเพลิง ตู้ดับเพลิง คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="bg-white min-h-screen">
|
||||
<!-- Category Hero Section -->
|
||||
<section class="hero-gradient py-16">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-center">
|
||||
<div>
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/products-cropped/extinguishers_000C.jpg" alt="อุปกรณ์ดับเพลิง" 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>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
อุปกรณ์ดับเพลิง
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">อุปกรณ์ดับเพลิง</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
อุปกรณ์ดับเพลิง ถังดับเพลิง ตู้ดับเพลิง คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6 mt-8">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>คุณภาพสูง</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>จัดส่งฟรี</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Products -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="section-title">สินค้าในหมวดนี้</h2>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
|
||||
<a href="/อุปกรณ์ดับเพลิง" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-cropped/extinguishers_000C.jpg" alt="อุปกรณ์ดับเพลิง" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">อุปกรณ์ดับเพลิง</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/realflex" class="card-hover group overflow-hidden block">
|
||||
<div class="relative h-48 overflow-hidden img-zoom">
|
||||
<img src="/images/products-cropped/realflex_000C.jpg" alt="Realflex" class="w-full h-full object-cover" width="400" height="300" loading="lazy" decoding="async" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4 text-center bg-white">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors">Realflex</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-2xl sm:text-3xl 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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
434
src/pages/อุปกรณ์ดับเพลิง/index.astro
Normal file
434
src/pages/อุปกรณ์ดับเพลิง/index.astro
Normal file
@@ -0,0 +1,434 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "อุปกรณ์ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง",
|
||||
"description": "อุปกรณ์ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง ครบอย่างจบในที่เดียว รับปรึกษาแล้วให้คำแนะนำได้ ไม่ว่าจะติดตั้งที่ไหน เราให้คำตอบคุณได้เสมอ ดีล พลัส เทค",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/extinguishers_000C.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/อุปกรณ์ดับเพลิง",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="อุปกรณ์ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง" description="อุปกรณ์ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง ครบอย่างจบในที่เดียว รับปรึกษาแล้วให้คำแนะนำได้ ไม่ว่าจะติดตั้งที่ไหน เราให้คำตอบคุณได้เสมอ ดีล พลัส เทค">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-glass p-8">
|
||||
<img src="/images/products-cropped/extinguishers_000C.jpg" alt="Product" 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>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
อุปกรณ์ดับเพลิง
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">อุปกรณ์ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
อุปกรณ์ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง ครบอย่างจบในที่เดียว รับปรึกษาแล้วให้คำแนะนำได้ ไม่ว่าจะติดตั้งที่ไหน เราให้คำตอบคุณได้เสมอ ดีล พลัส เทค
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Specifications -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<img src="/images/fire-extinguisher-p1.jpg" alt="ถังดับเพลิง" class="max-w-md w-full rounded-lg shadow-md mb-8" width="400" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<div class="prose prose-lg max-w-none mb-8">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">จำหน่ายถังดับเพลิงและอุปกรณ์ดับเพลิงครบวงจร สำหรับบ้าน อาคาร โรงงาน และพื้นที่สาธารณะ มาตรฐาน มอก. พร้อมให้คำปรึกษาและติดตั้งโดยทีมงานมืออาชีพ</p>
|
||||
|
||||
<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><strong>ถังดับเพลิงชนิดผงเคมีแห้ง (Dry Chemical)</strong> - ใช้ได้กับไฟทุกประเภท ABC</li>
|
||||
<li><strong>ถังดับเพลิงชนิดน้ำ (Water)</strong> - เหมาะสำหรับไฟประเภท A</li>
|
||||
<li><strong>ถังดับเพลิงชนิดโฟม (Foam)</strong> - เหมาะสำหรับไฟประเภท A และ B</li>
|
||||
<li><strong>ถังดับเพลิงชนิด CO2</strong> - เหมาะสำหรับไฟประเภท B และอุปกรณ์ไฟฟ้า</li>
|
||||
</ul>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ขนาด:</strong> 1 กก., 2 กก., 4.5 กก., 6 กก., 9 กก., 12 กก. และขนาดตามสั่ง</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>มาตรฐาน:</strong> มอก. 486-2551</p>
|
||||
</div>
|
||||
|
||||
<div class="overflow-x-auto my-8">
|
||||
<table class="modern-table w-full">
|
||||
<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>
|
||||
<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>
|
||||
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">กุญแจและภายใน</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="bg-white">
|
||||
<tr class="hover:bg-primary-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200" rowspan="3"><img src="/images/fire-cabinet-1-crop.jpg" alt="ตู้ดับเพลิงแบบเดี่ยว" class="w-24 h-auto rounded" width="96" height="72" loading="lazy" decoding="async" /></td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg" rowspan="3">แบบเดี่ยว</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">300 x 600 x 250 มม.</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg" rowspan="3">เหล็ก#16 พ่นสีแดง</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" rowspan="3">กุญแจเด้ง</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-primary-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">400 x 700 x 250 มม.</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">กระจกนิรภัย 4 มม.</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-primary-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">400 x 800 x 250 มม.</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg"></td>
|
||||
</tr>
|
||||
<tr class="hover:bg-primary-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200"><img src="/images/fire-cabinet-2-crop.jpg" alt="ตู้ดับเพลิงแบบใส่สายดับเพลิง" class="w-24 h-auto rounded" width="96" height="72" loading="lazy" decoding="async" /></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">600 x 700 x 200 มม.</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">กระจกธรรมดา<br/>กระจกนิรภัย 4 มม.</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">กุญแจเด้ง<br/>เหล็กรองรับสายดับเพลิง<br/>ที่ล็อกหัวฉีดดับเพลิง</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">วิธีการเลือกตู้ดับเพลิงเก็บเครื่องดับเพลิง</h3>
|
||||
<img src="/images/fire-extinguisher-p3.jpg" alt="วิธีการเลือกตู้ดับเพลิง" class="w-full rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" />
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Fire System Types Guide -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">ระบบดับเพลิงและอุปกรณ์ป้องกันอัคคีภัย</h2>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
<!-- Sprinkler System -->
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm hover:shadow-md transition-shadow">
|
||||
<div class="w-14 h-14 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">ระบบสปริงเกอร์ดับเพลิง (Sprinkler System)</h3>
|
||||
<p class="text-secondary-600 mb-4">ระบบดับเพลิงอัตโนมัติที่ติดตั้งหัวสปริงเกอร์ตามเพดานเมื่อตรวจพบอุณหภูมิสูงถึงจุดตั้งค่า หัวสปริงจะทำงานและพ่นน้ำอัตโนมัติ</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-2">
|
||||
<li>• Wet Pipe System - น้ำในท่อตลอดเวลา</li>
|
||||
<li>• Dry Pipe System - อากาศแทนน้ำในท่อ</li>
|
||||
<li>• Pre-Action System - รวม Wet และ Dry</li>
|
||||
<li>• Deluge System - น้ำพร้อมเปิดพร้อมกันทุกหัว</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Hydrant System -->
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm hover:shadow-md transition-shadow">
|
||||
<div class="w-14 h-14 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">ระบบไฮแดรนท์ (Hydrant System)</h3>
|
||||
<p class="text-secondary-600 mb-4">ระบบดับเพลิงภายในอาคารที่เชื่อมต่อกับแหล่งน้ำแรงดันสูง มีหัวฉีดและสายยางพร้อมใช้งาน</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-2">
|
||||
<li>• ถังดับเพลิงแบบตั้งเติม (Wall Mounted)</li>
|
||||
<li>• ตู้ดับเพลิงเก็บเครื่องดับเพลิง</li>
|
||||
<li>• หัวฉีดน้ำดับเพลิง (Fire Hose)</li>
|
||||
<li>• สายดับเพลิงและมือจับ</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Fire Alarm System -->
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm hover:shadow-md transition-shadow">
|
||||
<div class="w-14 h-14 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-3">ระบบเตือนอัคคีภัย (Fire Alarm System)</h3>
|
||||
<p class="text-secondary-600 mb-4">ระบบตรวจจับและแจ้งเตือนเมื่อเกิดเหตุไฟไหม้ ประกอบด้วยอุปกรณ์ตรวจจับหลายประเภท</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-2">
|
||||
<li>• สัญญาณเตือนไฟ (Smoke Detector)</li>
|
||||
<li>• ตัวตรวจจับความร้อน (Heat Detector)</li>
|
||||
<li>• ปุ่มกดแจ้งเหตุ (Manual Pull Station)</li>
|
||||
<li>• กริ่งและไซเรนเตือนไฟ</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Selection Guide -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">วิธีเลือกอุปกรณ์ดับเพลิงให้เหมาะกับการใช้งาน</h2>
|
||||
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-6">การเลือกอุปกรณ์ดับเพลิงที่เหมาะสมต้องพิจารณาหลายปัจจัย เพื่อให้การป้องกันอัคคีภัยมีประสิทธิภาพสูงสุด</p>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-6 mb-8">
|
||||
<div class="bg-primary-50 rounded-lg p-6">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">1. พิจารณาประเภทไฟ</h3>
|
||||
<p class="text-secondary-700 text-sm">ไฟแบ่งเป็น 4 ประเภท (Class A, B, C, D) - เลือกถังดับเพลิงให้เหมาะกับประเภทไฟที่มีโอกาสเกิดในพื้นที่นั้น</p>
|
||||
</div>
|
||||
<div class="bg-primary-50 rounded-lg p-6">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">2. ขนาดพื้นที่</h3>
|
||||
<p class="text-secondary-700 text-sm">พื้นที่ใหญ่ต้องการถังดับเพลิงขนาดใหญ่หรือจำนวนมากขึ้น คำนวณตามสูตร 1 กก. ต่อ 25 ตารางเมตร</p>
|
||||
</div>
|
||||
<div class="bg-primary-50 rounded-lg p-6">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">3. มาตรฐานและการรับรอง</h3>
|
||||
<p class="text-secondary-700 text-sm">เลือกผลิตภัณฑ์ที่ได้รับมาตรฐาน มอก. และผ่านการทดสอบจากหน่วยงานที่เชื่อถือได้</p>
|
||||
</div>
|
||||
<div class="bg-primary-50 rounded-lg p-6">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">4. การบำรุงรักษา</h3>
|
||||
<p class="text-secondary-700 text-sm">เลือกอุปกรณ์ที่ดูแลรักษาง่าย มีอะไหล่พร้อม ตรวจสอบความดันและวันหมดอายุเป็นประจำทุกปี</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-4">ตารางเปรียบเทียบประเภทถังดับเพลิง</h3>
|
||||
<div class="overflow-x-auto my-6">
|
||||
<table class="modern-table w-full">
|
||||
<thead class="bg-primary-600 text-white">
|
||||
<tr>
|
||||
<th class="px-4 py-3 text-left text-sm font-semibold">ประเภทถังดับเพลิง</th>
|
||||
<th class="px-4 py-3 text-left text-sm font-semibold">ใช้กับไฟประเภท</th>
|
||||
<th class="px-4 py-3 text-left text-sm font-semibold">เหมาะกับ</th>
|
||||
<th class="px-4 py-3 text-left text-sm font-semibold">ข้อจำกัด</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="bg-white">
|
||||
<tr class="hover:bg-primary-50">
|
||||
<td class="px-4 py-3 border-b border-secondary-200">ผงเคมีแห้ง (ABC)</td>
|
||||
<td class="px-4 py-3 border-b border-secondary-200">A, B, C</td>
|
||||
<td class="px-4 py-3 border-b border-secondary-200">บ้านเรือน สำนักงาน โรงงาน</td>
|
||||
<td class="px-4 py-3 border-b border-secondary-200">ทำความสะอาดยากหลังใช้งาน</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-primary-50">
|
||||
<td class="px-4 py-3 border-b border-secondary-200">น้ำ (Water)</td>
|
||||
<td class="px-4 py-3 border-b border-secondary-200">A เท่านั้น</td>
|
||||
<td class="px-4 py-3 border-b border-secondary-200">โกดัง ที่เก็บของ อาคารพาณิชย์</td>
|
||||
<td class="px-4 py-3 border-b border-secondary-200">ไม่ใช้กับไฟไฟฟ้าและน้ำมัน</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-primary-50">
|
||||
<td class="px-4 py-3 border-b border-secondary-200">โฟม (Foam)</td>
|
||||
<td class="px-4 py-3 border-b border-secondary-200">A, B</td>
|
||||
<td class="px-4 py-3 border-b border-secondary-200">สถานีบริการน้ำมัน ท่าเรือ</td>
|
||||
<td class="px-4 py-3 border-b border-secondary-200">ไม่ใช้กับไฟประเภท C และ D</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-primary-50">
|
||||
<td class="px-4 py-3 border-b border-secondary-200">CO2</td>
|
||||
<td class="px-4 py-3 border-b border-secondary-200">B, ไฟฟ้า</td>
|
||||
<td class="px-4 py-3 border-b border-secondary-200">ห้องเซิร์ฟเวอร์ ห้องไฟฟ้า</td>
|
||||
<td class="px-4 py-3 border-b border-secondary-200">ไม่ใช้กับไฟประเภท A</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Standards & Certifications -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">มาตรฐานและการรับรองอุปกรณ์ดับเพลิง</h2>
|
||||
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="grid md:grid-cols-2 gap-8">
|
||||
<div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-4 flex items-center gap-2">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
||||
</svg>
|
||||
มาตรฐานไทย (TISI)
|
||||
</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<p class="font-semibold text-secondary-900">มอก. 486-2551</p>
|
||||
<p class="text-sm text-secondary-600">มาตรฐานถังดับเพลิงแบบถือได้</p>
|
||||
</li>
|
||||
<li class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<p class="font-semibold text-secondary-900">มอก. 1155-2555</p>
|
||||
<p class="text-sm text-secondary-600">มาตรฐานตู้ดับเพลิงเก็บเครื่องดับเพลิง</p>
|
||||
</li>
|
||||
<li class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<p class="font-semibold text-secondary-900">มอก. 1213-2551</p>
|
||||
<p class="text-sm text-secondary-600">มาตรฐานสายดับเพลิงชนิดผูก</p>
|
||||
</li>
|
||||
<li class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<p class="font-semibold text-secondary-900">มอก. 2174-2555</p>
|
||||
<p class="text-sm text-secondary-600">มาตรฐานระบบสปริงเกอร์ดับเพลิง</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-4 flex items-center gap-2">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/>
|
||||
</svg>
|
||||
มาตรฐานสากล
|
||||
</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<p class="font-semibold text-secondary-900">ISO 7165</p>
|
||||
<p class="text-sm text-secondary-600">มาตรฐานถังดับเพลิงแบบถือได้สำหรับการดับเพลิงครั้งแรก</p>
|
||||
</li>
|
||||
<li class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<p class="font-semibold text-secondary-900">EN 671</p>
|
||||
<p class="text-sm text-secondary-600">มาตรฐานระบบสายดับเพลิงชนิดติดตั้งถาวร</p>
|
||||
</li>
|
||||
<li class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<p class="font-semibold text-secondary-900">NFPA 13</p>
|
||||
<p class="text-sm text-secondary-600">มาตรฐานการติดตั้งระบบสปริงเกอร์</p>
|
||||
</li>
|
||||
<li class="bg-white p-4 rounded-lg shadow-sm">
|
||||
<p class="font-semibold text-secondary-900">NFPA 72</p>
|
||||
<p class="text-sm text-secondary-600">มาตรฐานระบบเตือนอัคคีภัยและการแจ้งเหตุ</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 bg-primary-50 rounded-xl p-6">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">การตรวจสอบและบำรุงรักษา</h3>
|
||||
<p class="text-secondary-700 mb-4">อุปกรณ์ดับเพลิงต้องได้รับการตรวจสอบและบำรุงรักษาตามกฎหมาย โดยมีรายละเอียดดังนี้:</p>
|
||||
<ul class="grid md:grid-cols-2 gap-4 text-secondary-700">
|
||||
<li>• ตรวจสอบความดันถังดับเพลิงทุกเดือน</li>
|
||||
<li>• เปลี่ยนผงเคมีหรือน้ำยาดับเพลิงทุก 5 ปี</li>
|
||||
<li>• ตรวจสอบสภาพถังและอุปกรณ์ทุกปี</li>
|
||||
<li>• ทดสอบระบบสปริงเกอร์ทุก 5 ปี</li>
|
||||
<li>• ตรวจสอบระบบเตือนไฟทุกเดือน</li>
|
||||
<li>• บันทึกประวัติการตรวจสอบทุกครั้ง</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับอุปกรณ์ดับเพลิง</h2>
|
||||
|
||||
<div class="max-w-4xl mx-auto space-y-4">
|
||||
<div class="bg-gray-50 rounded-lg p-6">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">1. ถังดับเพลิงมีอายุการใช้งานนานเท่าไหร่?</h3>
|
||||
<p class="text-secondary-700">ถังดับเพลิงมีอายุการใช้งานประมาณ 10-20 ปี ขึ้นอยู่กับประเภทและการบำรุงรักษา แต่ต้องเปลี่ยนผงเคมีหรือน้ำยาดับเพลิงทุก 5 ปี หรือตามที่ผู้ผลิตแนะนำ</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50 rounded-lg p-6">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">2. ควรติดตั้งถังดับเพลิงกี่ลูกในบ้าน?</h3>
|
||||
<p class="text-secondary-700">สำหรับบ้านพักอาศัยทั่วไป แนะนำให้ติดตั้งถังดับเพลิงขนาด 2-4 กก. อย่างน้อย 1 ลูกต่อชั้น โดยเฉพาะใกล้ครัวและที่จอดรถ ส่วนอาคารพาณิชย์ต้องคำนวณตามขนาดพื้นที่และประเภทการใช้งาน</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50 rounded-lg p-6">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">3. ถังดับเพลิงชนิดไหนเหมาะกับห้องเซิร์ฟเวอร์?</h3>
|
||||
<p class="text-secondary-700">ห้องเซิร์ฟเวอร์และห้องที่มีอุปกรณ์ไฟฟ้ามากควรใช้ถังดับเพลิงชนิด CO2 หรือผงเคมีแห้ง เพราะไม่ทำลายอุปกรณ์และปลอดภัยสำหรับไฟฟ้า ห้ามใช้ถังดับเพลิงชนิดน้ำเด็ดขาด</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50 rounded-lg p-6">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">4. การติดตั้งระบบดับเพลิงมีข้อกำหนดอะไรบ้าง?</h3>
|
||||
<p class="text-secondary-700">การติดตั้งต้องปฏิบัติตามกฎหมายควบคุมอาคารและมาตรฐาน มอก. โดยอาคารประเภทต่างๆ มีข้อกำหนดแตกต่างกัน เช่น โรงแรม โรงงาน ห้างสรรพสินค้าต้องมีระบบดับเพลิงที่ครบถ้วนตามขนาดและการใช้งาน</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-50 rounded-lg p-6">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">5. บริษัทของเราให้บริการติดตั้งและบำรุงรักษาอุปกรณ์ดับเพลิงหรือไม่?</h3>
|
||||
<p class="text-secondary-700">ใช่ บริษัท ดีล พลัส เทค ให้บริการครบวงจร ตั้งแต่ให้คำปรึกษา ออกแบบระบบ จัดหาและติดตั้งอุปกรณ์ดับเพลิง พร้อมทั้งบริการตรวจสอบและบำรุงรักษาตามมาตรฐาน ติดต่อสอบถามรายละเอียดได้ที่ Line @JPPSELECTION</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl 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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
449
src/pages/อุปกรณ์ปรับอากาศ/index.astro
Normal file
449
src/pages/อุปกรณ์ปรับอากาศ/index.astro
Normal file
@@ -0,0 +1,449 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "อุปกรณ์ปรับอากาศ",
|
||||
"description": "อุปกรณ์ปรับอากาศ หัวจ่ายแอร์ กริลแอร์ คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-raw/ball-jet/main-ball-jet.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/อุปกรณ์ปรับอากาศ",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="อุปกรณ์ปรับอากาศ" description="อุปกรณ์ปรับอากาศ หัวจ่ายแอร์ กริลแอร์ คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="bg-white min-h-screen">
|
||||
<!-- Category Hero Section -->
|
||||
<section class="hero-gradient py-16">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-center">
|
||||
<div>
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/products-raw/ball-jet/main-ball-jet.jpg" alt="อุปกรณ์ปรับอากาศ" 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>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
อุปกรณ์ปรับอากาศ
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">อุปกรณ์ปรับอากาศ</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
อุปกรณ์ปรับอากาศ หัวจ่ายแอร์ กริลแอร์ คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6 mt-8">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>คุณภาพสูง</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>จัดส่งฟรี</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Equipment Types Guide -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="section-title">ประเภทอุปกรณ์ปรับอากาศ</h2>
|
||||
<p class="section-subtitle">คู่มือเลือกซื้ออุปกรณ์กระจายลมเย็นสำหรับระบบปรับอากาศ</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-8">
|
||||
<!-- Air Diffuser (หัวจ่ายแอร์) -->
|
||||
<div class="card-hover p-6 bg-gray-50 rounded-xl">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-secondary-900">หัวจ่ายแอร์ (Air Diffuser)</h3>
|
||||
</div>
|
||||
<p class="text-secondary-600 mb-4">
|
||||
หัวจ่ายแอร์ หรือ Air Diffuser เป็นอุปกรณ์ที่ใช้กระจายลมเย็นจากระบบปรับอากาศให้กระจายอย่างสม่ำเสมอทั่วทั้งห้อง มีรูปแบบหลากหลาย เช่น หัวจ่ายแบบ Ball Jet, หัวจ่ายแบบ Jet Nozzle และหัวจ่ายแบบ Square Diffuser
|
||||
</p>
|
||||
<ul class="space-y-2 text-secondary-600">
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<span>กระจายลมเย็นอย่างสม่ำเสมอ</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<span>ปรับทิศทางลมได้ตามต้องการ</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<span>ติดตั้งง่าย ใช้งานได้ทันที</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Grille (กริลแอร์) -->
|
||||
<div class="card-hover p-6 bg-gray-50 rounded-xl">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-secondary-900">กริลแอร์ (Air Grille)</h3>
|
||||
</div>
|
||||
<p class="text-secondary-600 mb-4">
|
||||
กริลแอร์ หรือ Air Grille เป็นอุปกรณ์ติดตั้งที่ช่องลมออกของระบบปรับอากาศ ทำหน้าที่ควบคุมทิศทางและปริมาณลมที่ออกมา มีทั้งแบบ Fixed Grille และ Adjustable Grille
|
||||
</p>
|
||||
<ul class="space-y-2 text-secondary-600">
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<span>ควบคุมทิศทางลมได้</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<span>วัสดุคุณภาพสูง ทนทาน</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<span>ออกแบบสวยงาม ทันสมัย</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Register -->
|
||||
<div class="card-hover p-6 bg-gray-50 rounded-xl">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-secondary-900">รีจิสเตอร์ (Register)</h3>
|
||||
</div>
|
||||
<p class="text-secondary-600 mb-4">
|
||||
รีจิสเตอร์ (Register) คืออุปกรณ์ที่มีทั้งส่วนของ Grille และ Damper รวมกัน สามารถปรับการไหลของลมและปิด-เปิดช่องลมได้ มักใช้ในระบบที่ต้องการควบคุมลมเป็นพิเศษ
|
||||
</p>
|
||||
<ul class="space-y-2 text-secondary-600">
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<span>ปรับปริมาณลมได้</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<span>ปิด-เปิดช่องลมได้</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<span>เหมาะสำหรับห้องที่ต้องการควบคุมอุณหภูมิเฉพาะส่วน</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Damper -->
|
||||
<div class="card-hover p-6 bg-gray-50 rounded-xl">
|
||||
<div class="flex items-center gap-3 mb-4">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-secondary-900">แดมเปอร์ (Damper)</h3>
|
||||
</div>
|
||||
<p class="text-secondary-600 mb-4">
|
||||
แดมเปอร์ (Damper) เป็นอุปกรณ์ควบคุมการไหลของอากาศในท่อลม ช่วยปรับและควบคุมปริมาณลมที่ไหลในแต่ละพื้นที่ของระบบปรับอากาศ มีทั้งแบบ Manual และ Automatic
|
||||
</p>
|
||||
<ul class="space-y-2 text-secondary-600">
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<span>ควบคุมปริมาณลมในแต่ละโซน</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<span>ปรับสมดุลระบบลมได้</span>
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-primary-600 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<span>มีทั้งแบบ Manual และ Automatic</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Selection Guide -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="section-title">คู่มือเลือกอุปกรณ์ปรับอากาศ</h2>
|
||||
<p class="section-subtitle">วิธีเลือกอุปกรณ์กระจายลมเย็นที่เหมาะสมกับการใช้งาน</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-8">
|
||||
<!-- Step 1 -->
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-accent-500 text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-4">
|
||||
1
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-3">พิจารณาขนาดห้อง</h3>
|
||||
<p class="text-secondary-600">
|
||||
วัดขนาดพื้นที่ใช้งาน ความสูงเพดาน และปริมาณลมที่ต้องการ (CFM) เพื่อเลือกขนาดอุปกรณ์ที่เหมาะสม
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Step 2 -->
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-accent-500 text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-4">
|
||||
2
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-3">เลือกประเภทอุปกรณ์</h3>
|
||||
<p class="text-secondary-600">
|
||||
เลือกประเภทตามการใช้งาน หัวจ่ายแอร์สำหรับการกระจายลมทั่วไป กริลแอร์สำหรับติดตั้งผนัง หรือแดมเปอร์สำหรับควบคุมลม
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Step 3 -->
|
||||
<div class="text-center">
|
||||
<div class="w-16 h-16 bg-accent-500 text-white rounded-full flex items-center justify-center text-2xl font-bold mx-auto mb-4">
|
||||
3
|
||||
</div>
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-3">ตรวจสอบวัสดุและคุณภาพ</h3>
|
||||
<p class="text-secondary-600">
|
||||
เลือกอุปกรณ์ที่ผลิตจากวัสดุคุณภาพสูง ทนต่อการกัดกร่อน และมีความแข็งแรงทนทาน เหมาะสำหรับการใช้งานระยะยาว
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-12 p-6 bg-white rounded-xl border border-gray-200">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4 text-center">ปัจจัยสำคัญในการเลือกซื้อ</h3>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4">
|
||||
<div class="flex items-start gap-3">
|
||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<div>
|
||||
<h4 class="font-semibold text-secondary-900">ขนาดท่อลม</h4>
|
||||
<p class="text-sm text-secondary-600">ต้องตรงกับขนาดท่อลมที่ติดตั้ง</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start gap-3">
|
||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<div>
|
||||
<h4 class="font-semibold text-secondary-900">อัตราการไหลของลม</h4>
|
||||
<p class="text-sm text-secondary-600">ตรวจสอบ CFM ที่เหมาะสมกับพื้นที่</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start gap-3">
|
||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<div>
|
||||
<h4 class="font-semibold text-secondary-900">ระดับเสียง</h4>
|
||||
<p class="text-sm text-secondary-600">เลือกอุปกรณ์ที่สร้างเสียงรบกวนต่ำ</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-start gap-3">
|
||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
<div>
|
||||
<h4 class="font-semibold text-secondary-900">การบำรุงรักษา</h4>
|
||||
<p class="text-sm text-secondary-600">เลือกที่ทำความสะอาดง่าย</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="section-title">คำถามที่พบบ่อยเกี่ยวกับอุปกรณ์ปรับอากาศ</h2>
|
||||
<p class="section-subtitle">คำตอบสำหรับคำถามที่ลูกค้ามักสอบถามเกี่ยวกับอุปกรณ์กระจายลมเย็น</p>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4">
|
||||
<!-- FAQ 1 -->
|
||||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-5 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors">
|
||||
<h3 class="font-semibold text-secondary-900 text-lg">หัวจ่ายแอร์แบบไหนดีที่สุดสำหรับห้องปรับอากาศ?</h3>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="p-5 bg-white border-t border-gray-200">
|
||||
<p class="text-secondary-600">
|
||||
หัวจ่ายแอร์แบบ Ball Jet เป็นที่นิยมที่สุดสำหรับห้องปรับอากาศทั่วไป เพราะสามารถปรับทิศทางลมได้หลายทิศทาง และกระจายลมเย็นอย่างสม่ำเสมอ สำหรับห้องที่ต้องการลมเย็นเร็ว ควรเลือก Jet Nozzle ที่มีความเร็วลมสูงกว่า
|
||||
</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- FAQ 2 -->
|
||||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-5 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors">
|
||||
<h3 class="font-semibold text-secondary-900 text-lg">ควรเลือกขนาดอุปกรณ์ปรับอากาศอย่างไร?</h3>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="p-5 bg-white border-t border-gray-200">
|
||||
<p class="text-secondary-600">
|
||||
การเลือกขนาดต้องพิจารณาจากขนาดพื้นที่ ความสูงเพดาน และกำลัง BTU ของเครื่องปรับอากาศ โดยทั่วไปหัวจ่ายแอร์ควรมีขนาดใหญ่กว่าท่อลมที่เชื่อมต่อประมาณ 1-2 นิ้ว เพื่อให้ลมไหลผ่านได้สะดวก ควรปรึกษาผู้เชี่ยวชาญเพื่อการคำนวณที่แม่นยำ
|
||||
</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- FAQ 3 -->
|
||||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-5 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors">
|
||||
<h3 class="font-semibold text-secondary-900 text-lg">อุปกรณ์ปรับอากาศต้องบำรุงรักษาบ่อยแค่ไหน?</h3>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="p-5 bg-white border-t border-gray-200">
|
||||
<p class="text-secondary-600">
|
||||
ควรทำความสะอาดอุปกรณ์ปรับอากาศอย่างน้อย 3-4 ครั้งต่อปี โดยเฉพาะในช่วงฤดูร้อนที่ใช้งานหนัก การทำความสะอาดรวมถึงการถอดล้าง เป่าลมออก และตรวจสอบสภาพการทำงาน หากพบว่าลมออกน้อยลงหรือมีเสียงผิดปกติ ควรตรวจสอบและซ่อมแซมทันที
|
||||
</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- FAQ 4 -->
|
||||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-5 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors">
|
||||
<h3 class="font-semibold text-secondary-900 text-lg">กริลแอร์และหัวจ่ายแอร์ต่างกันอย่างไร?</h3>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="p-5 bg-white border-t border-gray-200">
|
||||
<p class="text-secondary-600">
|
||||
กริลแอร์ (Air Grille) เป็นอุปกรณ์ที่ติดตั้งที่ช่องลมออกเพื่อควบคุมทิศทางลม เน้นการตกแต่งและความสวยงาม ส่วนหัวจ่ายแอร์ (Air Diffuser) เน้นการกระจายลมให้ทั่วถึง มักติดตั้งที่เพดานหรือผนังบน การเลือกขึ้นอยู่กับตำแหน่งที่ติดตั้งและวัตถุประสงค์การใช้งาน
|
||||
</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- FAQ 5 -->
|
||||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||||
<details class="group">
|
||||
<summary class="flex items-center justify-between p-5 cursor-pointer bg-gray-50 hover:bg-gray-100 transition-colors">
|
||||
<h3 class="font-semibold text-secondary-900 text-lg">อุปกรณ์ปรับอากาศช่วยประหยัดพลังงานได้อย่างไร?</h3>
|
||||
<svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
||||
</svg>
|
||||
</summary>
|
||||
<div class="p-5 bg-white border-t border-gray-200">
|
||||
<p class="text-secondary-600">
|
||||
อุปกรณ์ปรับอากาศที่มีคุณภาพช่วยให้ลมเย็นกระจายตัวได้ดี ทำให้เครื่องปรับอากาศทำงานน้อยลงและควบคุมอุณหภูมิได้แม่นยำ การใช้แดมเปอร์ช่วยปรับการไหลของลมในแต่ละโซน ทำให้ไม่ต้องเปิดเครื่องปรับอากาศทั้งหมด ช่วยประหยัดพลังงานได้มากถึง 20-30%
|
||||
</p>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-2xl sm:text-3xl 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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
247
src/pages/เครื่องเชื่อม-hdpe/index.astro
Normal file
247
src/pages/เครื่องเชื่อม-hdpe/index.astro
Normal file
@@ -0,0 +1,247 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "เครื่องเชื่อม HDPE",
|
||||
"description": "เครื่องเชื่อมท่อ HDPE คุณภาพสูง เหมาะสำหรับงานเชื่อมท่อ HDPE ระบบประปา ระบบน้ำ งานอุตสาหกรรม ราคาพิเศษ ส่งฟรี",
|
||||
"image": "https://dealplustech.co.th/images/HDPE-welding-crop.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/เครื่องเชื่อม-hdpe",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="เครื่องเชื่อมท่อ HDPE (HDPE Pipe Welding Machine)" description="จำหน่ายเครื่องเชื่อมท่อ HDPE คุณภาพสูง ราคาโรงงาน เครื่องเชื่อมแบบ Butt Fusion และ Electrofusion">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-center">
|
||||
<div class="order-2 lg:order-1">
|
||||
<div class="card-glass p-2">
|
||||
<img src="/images/HDPE-welding-crop.jpg" alt="Product" 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 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">
|
||||
เครื่องเชื่อมท่อ
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">เครื่องเชื่อมท่อ HDPE</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
จำหน่ายเครื่องเชื่อมท่อ HDPE คุณภาพสูง ราคาโรงงาน สำหรับงานเชื่อมท่อ HDPE ทุกขนาด พร้อมบริการติดตั้งและฝึกอบรมการใช้งานฟรี
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-6">
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>เครื่องเชื่อม HDPE คุณภาพสูง มาตรฐาน ISO</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ราคาโรงงาน คุ้มค่าการลงทุน</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>บริการติดตั้งและฝึกอบรมฟรี</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 text-white/80">
|
||||
<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="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>อะไหล่และบริการซ่อมบำรุง</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Details -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="section-title">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
<strong>เครื่องเชื่อมท่อ HDPE</strong> เป็นอุปกรณ์สำคัญสำหรับงานติดตั้งระบบท่อ HDPE ใช้สำหรับเชื่อมต่อท่อ HDPE เข้าด้วยกันอย่างแน่นสนิท ไม่มีรอยรั่ว เหมาะสำหรับงานระบบประปา งานชลประทาน งานระบายน้ำ และงานอุตสาหกรรม
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ประเภทเครื่องเชื่อมท่อ HDPE</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>เครื่องเชื่อมแบบ <strong>Butt Fusion</strong> (เชื่อมปายท่อ) - เชื่อมท่อด้วยความร้อนจากแผ่นเคลือบสารกาว ที่อุณหภูมิ 180-210°C</li>
|
||||
<li>เครื่องเชื่อมแบบ <strong>Electrofusion</strong> (เชื่อมด้วยไฟฟ้า) - ใช้ข้อต่อที่มีสายไฟฝังอยู่ภายใน เมื่อผ่านกระแสไฟฟ้าจะเกิดความร้อนหลอมละลายผิวท่อ</li>
|
||||
<li>เครื่องเชื่อมแบบ <strong>Socket Fusion</strong> (เชื่อมซ็อกเก็ต) - เหมาะสำหรับท่อขนาดเล็กถึงขนาดกลาง</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่นของเครื่องเชื่อม HDPE</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>คุณภาพสูง มาตรฐาน <strong>ISO</strong></li>
|
||||
<li>ราคาโรงงาน คุ้มค่าการลงทุน</li>
|
||||
<li>บริการติดตั้งและฝึกอบรมฟรี</li>
|
||||
<li>อะไหล่และบริการซ่อมบำรุง</li>
|
||||
<li>รับประกันสินค้า 1 ปี</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ขนาดท่อที่รองรับ</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
เครื่องเชื่อมท่อ HDPE สามารถรองรับท่อขนาดตั้งแต่ <strong>16 มม. ถึง 1,200 มม.</strong> ตอบสนองความต้องการใช้งานทุกขนาด
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">การใช้งาน</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>งานระบบประปา</li>
|
||||
<li>งานชลประทาน</li>
|
||||
<li>งานระบายน้ำทิ้ง</li>
|
||||
<li>งานร้อยสายไฟ</li>
|
||||
<li>งานส่งน้ำโรงงานอุตสาหกรรม</li>
|
||||
</ul>
|
||||
|
||||
<!-- Product Image -->
|
||||
<div class="mt-8">
|
||||
<img src="/images/products-misc/hdpe002.jpg" alt="เครื่องเชื่อมท่อ HDPE" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Welding Type Guide -->
|
||||
<section id="welding-types" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">ประเภทการเชื่อม HDPE</h2>
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<div class="bg-blue-50 p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">Butt Fusion</h3>
|
||||
<p class="text-secondary-700 text-sm mb-3">เชื่อมปลายท่อเข้าด้วยกันโดยใช้ความร้อนจากแผ่นร้อน</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• เหมาะกับท่อขนาดใหญ่</li>
|
||||
<li>• ได้รอยต่อแข็งแรงมาก</li>
|
||||
<li>• ใช้เวลานานกว่า</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-green-50 p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">Electrofusion</h3>
|
||||
<p class="text-secondary-700 text-sm mb-3">ใช้ข้อต่อพิเศษที่มีขดลวดทำความร้อนข้างใน</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• เหมาะกับท่อขนาดเล็ก-กลาง</li>
|
||||
<li>• ติดตั้งง่ายกว่า</li>
|
||||
<li>• ต้องใช้ข้อต่อ Electrofitting</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-orange-50 p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">Socket Fusion</h3>
|
||||
<p class="text-secondary-700 text-sm mb-3">สวมท่อเข้ากับข้อต่อที่ร้อน</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• เหมาะกับท่อขนาดเล็ก</li>
|
||||
<li>• ใช้เครื่องมือน้อย</li>
|
||||
<li>• ราคาประหยัด</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Detailed Specifications -->
|
||||
<section id="specs" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">ข้อมูลจำเพาะเครื่องเชื่อม HDPE</h2>
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div class="bg-white p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">สิ่งที่ต้องมี</h3>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> เครื่องเชื่อม (Butt Fusion หรือ Electrofusion)</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> แผ่นร้อน (สำหรับ Butt Fusion)</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> ข้อต่อ Electrofitting (สำหรับ Electrofusion)</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> มีดตัดท่อ</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> เครื่องปอนลม</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-white p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">ข้อควรระวัง</h3>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
<li class="flex items-start gap-2"><span class="text-amber-500">⚠️</span> อุณหภูมิเครื่องต้องถึง 210-230°C</li>
|
||||
<li class="flex items-start gap-2"><span class="text-amber-500">⚠️</span> ทำความสะอาดปลายท่อก่อนเชื่อม</li>
|
||||
<li class="flex items-start gap-2"><span class="text-amber-500">⚠️</span> ให้เวลาเย็นตัวตามกำหนด</li>
|
||||
<li class="flex items-start gap-2"><span class="text-amber-500">⚠️</span> ตรวจสอบแรงดันก่อนใช้งาน</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4 max-w-4xl">
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: เชื่อม HDPE ใช้เครื่องอะไร?</h3>
|
||||
<p class="text-secondary-700">ขึ้นอยู่กับขนาดท่อ ท่อขนาดใหญ่ใช้ Butt Fusion ท่อขนาดเล็ก-กลางใช้ Electrofusion หรือ Socket Fusion</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ต้องมีใบรับรองไหม?</h3>
|
||||
<p class="text-secondary-700">สำหรับงานระบบน้ำดื่มหรืองานขนาดใหญ่ ผู้เชื่อมควรมีใบรับรองการเชื่อม (Welder Certification) เพื่อรับประกันคุณภาพรอยต่อ</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: รอยต่อที่เชื่อมแน่นไหม?</h3>
|
||||
<p class="text-secondary-700">ถ้าเชื่อมถูกวิธี รอยต่อจะแข็งแรงเทียบเท่าตัวท่อ ไม่มีรอยรั่ว และทนแรงดันได้ตามสเปค</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
185
src/pages/เครื่องเชื่อมท่อ-pipe-coupling-machine/index.astro
Normal file
185
src/pages/เครื่องเชื่อมท่อ-pipe-coupling-machine/index.astro
Normal file
@@ -0,0 +1,185 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "เครื่องเชื่อมท่อ | Pipe Coupling Machine",
|
||||
"description": "จำหน่ายเครื่องเชื่อมท่อ | Pipe Coupling Machineคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-cropped/pipe-coupling-machine_000.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/เครื่องเชื่อมท่อ-pipe-coupling-machine",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="เครื่องเชื่อมท่อ | Pipe Coupling Machine" description="จำหน่ายเครื่องเชื่อมท่อ | Pipe Coupling Machineคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-glass p-8">
|
||||
<img src="/images/products-cropped/pipe-coupling-machine_000.jpg" alt="Product" 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>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
เครื่องเชื่อมท่อ
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">เครื่องเชื่อมท่อ | Pipe Coupling Machine</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
จำหน่ายเครื่องเชื่อมท่อ | Pipe Coupling Machine คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Applications Section -->
|
||||
<section id="applications" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">การใช้งานเครื่องเชื่อม Pipe Coupling</h2>
|
||||
<div class="grid md:grid-cols-3 gap-4">
|
||||
<div class="bg-blue-50 p-4 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">งานท่อน้ำ</h3>
|
||||
<p class="text-secondary-700 text-sm">เชื่อมท่อ PVC, PE, PP สำหรับระบบประปาและดับเพลิง</p>
|
||||
</div>
|
||||
<div class="bg-green-50 p-4 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">งานท่อระบายน้ำ</h3>
|
||||
<p class="text-secondary-700 text-sm">เชื่อมท่อระบายน้ำ ท่อน้ำเสียในอาคาร</p>
|
||||
</div>
|
||||
<div class="bg-orange-50 p-4 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-2">งานอุตสาหกรรม</h3>
|
||||
<p class="text-secondary-700 text-sm">เชื่อมท่อในโรงงาน ระบบลำเลียง</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Maintenance Guide -->
|
||||
<section id="maintenance" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">การดูแลรักษาเครื่องเชื่อม</h2>
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<h3 class="font-semibold text-secondary-800 mb-3">ข้อแนะนำ</h3>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span>ทำความสะอาดแผ่นร้อนหลังใช้งาน</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span>เก็บในที่แห้งไม่โดนฝน</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span>ตรวจสอบสายไฟและปลั๊กเป็นประจำ</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-semibold text-secondary-800 mb-3">ข้อควรระวัง</h3>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
<li class="flex items-start gap-2"><span class="text-amber-500">⚠️</span>อย่าใช้งานต่อเนื่องนานเกินไป</li>
|
||||
<li class="flex items-start gap-2"><span class="text-amber-500">⚠️</span>ระวังไหม้ตัวจากแผ่นร้อน</li>
|
||||
<li class="flex items-start gap-2"><span class="text-amber-500">⚠️</span>ใช้ถุงมือกันความร้อน</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ใช้กับท่อขนาดไหนได้บ้าง?</h3>
|
||||
<p class="text-secondary-700">ขึ้นอยู่กับรุ่นของเครื่อง ส่วนใหญ่ใช้ได้กับท่อขนาด 20-160 มม.</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ใช้เวลาเชื่อมนานแค่ไหน?</h3>
|
||||
<p class="text-secondary-700">ประมาณ 15-30 วินาทีต่อรอยต่อ ขึ้นอยู่กับขนาดท่อและอุณหภูมิเครื่อง</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl 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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
283
src/pages/เครื่องเชื่อมท่อพีพีอา/index.astro
Normal file
283
src/pages/เครื่องเชื่อมท่อพีพีอา/index.astro
Normal file
@@ -0,0 +1,283 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "เครื่องเชื่อมท่อพีพีอาร์ | PPR Welding Machine",
|
||||
"description": "จำหน่ายเครื่องเชื่อมท่อพีพีอาร์คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/products-misc/ppr-welding-machine-main.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/เครื่องเชื่อมท่อพีพีอา",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="เครื่องเชื่อมท่อพีพีอาร์ | PPR Welding Machine" description="จำหน่ายเครื่องเชื่อมท่อพีพีอาร์คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-glass p-8">
|
||||
<img src="/images/products-misc/ppr-welding-machine-main.jpg" alt="เครื่องเชื่อมท่อพีพีอาร์" 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>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
เครื่องเชื่อมท่อ
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">เครื่องเชื่อมท่อพีพีอาร์ | PPR Welding Machine</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
จำหน่ายเครื่องเชื่อมท่อพีพีอาร์คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">มาตรฐานเยอรมัน DVGW</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Details -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>เครื่องเชื่อม PPR</strong> ในการติดตั้งท่อไทยพีพี-อาร์ หรือท่อ PPR สามารถเชื่อมต่อท่อเข้าหากันได้หลายวิธีขึ้นอยู่กับขนาด และประเภทการใช้งานโดยรวมมี 2 แบบคือ "การเชื่อมสอด" และ "การเชื่อมชน"</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>วิธีการเชื่อมท่อ PPR:</strong></p>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li><strong>เครื่องเชื่อม PPR แบบการเชื่อมสอด (Socket Fusion)</strong> - ใช้ความร้อนที่ 250-260 องศาเซลเซียส ทำการหลอมละลายปลายท่อพีพีอาร์และข้อต่อท่อพีพีอาร์ ให้ประสานเป็นเนื้อเดียวกันไม่เกิดการรั่วซึม</li>
|
||||
<li><strong>เครื่องเชื่อม PPR แบบการเชื่อมชน (Butt Fusion)</strong> - สำหรับท่อขนาดใหญ่ ด้วยการหลอมด้วยความร้อนแล้วเชื่อมชนให้เป็นเนื้อเดียวกัน ไม่มีวันรั่วซึม</li>
|
||||
<li><strong>เครื่องเชื่อม PPR แบบ Electro Fusion (E.F.)</strong> - เทคโนโลยีที่ดีที่สุด สำหรับท่อขนาดใหญ่ D75-D315 สะดวกต่อการติดตั้งในที่แคบ</li>
|
||||
</ul>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ข้อดีของการติดตั้งด้วยเครื่องเชื่อม PPR:</strong></p>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>ไม่ต้องใช้กาวหรือน้ำยาประสาน</li>
|
||||
<li>ระบบการติดตั้งสะอาดและปลอดภัย</li>
|
||||
<li>ไม่เกิดประกายไฟ ควัน หรือกลิ่นจากสารเคมี</li>
|
||||
<li>เชื่อมต่อแน่นสนิท ไม่มีการรั่วซึม</li>
|
||||
<li>อายุการใช้งานยาวนาน</li>
|
||||
</ul>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>มาตรฐาน:</strong> DVGW (เยอรมัน), มาตรฐานอุตสาหกรรม</p>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Price Table -->
|
||||
<section class="section bg-gray-50 py-16">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">เครื่องเชื่อมพร้อมหัวเชื่อม Welding Machine</h2>
|
||||
|
||||
<div style="overflow-x: auto;">
|
||||
<table style="width: 100%; border-collapse: collapse; background: white; border-radius: 10px; overflow: hidden; font-size: 14px;">
|
||||
<thead style="background: #15803d; color: white;">
|
||||
<tr>
|
||||
<th style="padding: 12px; text-align: center;">รายการ</th>
|
||||
<th style="padding: 12px; text-align: center;">Code</th>
|
||||
<th style="padding: 12px; text-align: center;">Size (mm)</th>
|
||||
<th style="padding: 12px; text-align: center;">Unit Price (Baht/PSC.)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- เครื่องเชื่อมพร้อมหัวเชื่อม Welding Machine -->
|
||||
<tr style="background: white;"><td rowspan="5" style="padding: 12px; text-align: center; vertical-align: middle;">ใช้กับท่อขนาด 1/2"-1"<br/><img src="/images/products-misc/D20-32small.jpg" alt="D20-32 Small" style="object-fit: contain; margin: auto;" width="80" height="80" loading="lazy" decoding="async" /></td><td style="padding: 12px; text-align: center;">411W020-032S</td><td style="padding: 12px; text-align: center;">D20-32 (Small)</td><td style="padding: 12px; text-align: center;">5,957.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411W020-032L</td><td style="padding: 12px; text-align: center;">D20-32 (Large)</td><td style="padding: 12px; text-align: center;">8,676.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411W020-063</td><td style="padding: 12px; text-align: center;">D20-63</td><td style="padding: 12px; text-align: center;">11,748.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411W075-110</td><td style="padding: 12px; text-align: center;">D75-110</td><td style="padding: 12px; text-align: center;">15,362.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411W125-000</td><td style="padding: 12px; text-align: center;">D125</td><td style="padding: 12px; text-align: center;">33,000.00</td></tr>
|
||||
<tr><td colspan="4" style="border-bottom: 2px solid #15803d; height: 8px;"></td></tr>
|
||||
|
||||
<!-- หัวเจาะอานม้า Aiguille -->
|
||||
<tr style="background: white;"><td rowspan="3" style="padding: 12px; text-align: center; vertical-align: middle;">หัวเจาะอานม้า Aiguille<br/><img src="/images/products-misc/D25-32-40.jpg" alt="Aiguille" style="object-fit: contain; margin: auto;" width="80" height="80" loading="lazy" decoding="async" /></td><td style="padding: 12px; text-align: center;">401A025-000</td><td style="padding: 12px; text-align: center;">D25</td><td style="padding: 12px; text-align: center;">770.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401A032-000</td><td style="padding: 12px; text-align: center;">D32</td><td style="padding: 12px; text-align: center;">858.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">401A040-000</td><td style="padding: 12px; text-align: center;">D40</td><td style="padding: 12px; text-align: center;">1,180.00</td></tr>
|
||||
<tr><td colspan="4" style="border-bottom: 2px solid #15803d; height: 8px;"></td></tr>
|
||||
|
||||
<!-- หัวเชื่อมอานม้า Welding Saddle Mould -->
|
||||
<tr style="background: white;"><td rowspan="18" style="padding: 12px; text-align: center; vertical-align: middle;">หัวเชื่อมอานม้า Welding Saddle Mould<br/><img src="/images/products-misc/D50-25.jpg" alt="Welding Saddle Mould" style="object-fit: contain; margin: auto;" width="80" height="80" loading="lazy" decoding="async" /></td><td style="padding: 12px; text-align: center;">411S050-025</td><td style="padding: 12px; text-align: center;">D50-25</td><td style="padding: 12px; text-align: center;">1,206.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S063-025</td><td style="padding: 12px; text-align: center;">D63-25</td><td style="padding: 12px; text-align: center;">1,206.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S063-032</td><td style="padding: 12px; text-align: center;">D63-32</td><td style="padding: 12px; text-align: center;">1,815.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S075-025</td><td style="padding: 12px; text-align: center;">D75-25</td><td style="padding: 12px; text-align: center;">1,307.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S075-032</td><td style="padding: 12px; text-align: center;">D75-32</td><td style="padding: 12px; text-align: center;">1,930.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S090-025</td><td style="padding: 12px; text-align: center;">D90-25</td><td style="padding: 12px; text-align: center;">1,575.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S090-032</td><td style="padding: 12px; text-align: center;">D90-32</td><td style="padding: 12px; text-align: center;">1,815.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S090-040</td><td style="padding: 12px; text-align: center;">D90-40</td><td style="padding: 12px; text-align: center;">2,480.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S110-025</td><td style="padding: 12px; text-align: center;">D110-25</td><td style="padding: 12px; text-align: center;">1,660.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S110-032</td><td style="padding: 12px; text-align: center;">D110-32</td><td style="padding: 12px; text-align: center;">1,910.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S110-040</td><td style="padding: 12px; text-align: center;">D110-40</td><td style="padding: 12px; text-align: center;">2,480.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S125-025</td><td style="padding: 12px; text-align: center;">D125-25</td><td style="padding: 12px; text-align: center;">1,970.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S125-032</td><td style="padding: 12px; text-align: center;">D125-32</td><td style="padding: 12px; text-align: center;">2,270.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S125-040</td><td style="padding: 12px; text-align: center;">D125-40</td><td style="padding: 12px; text-align: center;">2,680.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S160-025</td><td style="padding: 12px; text-align: center;">D160-25</td><td style="padding: 12px; text-align: center;">1,940.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S160-032</td><td style="padding: 12px; text-align: center;">D160-32</td><td style="padding: 12px; text-align: center;">2,230.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S160-040</td><td style="padding: 12px; text-align: center;">D160-40</td><td style="padding: 12px; text-align: center;">2,680.00</td></tr>
|
||||
<tr><td colspan="4" style="border-bottom: 2px solid #15803d; height: 8px;"></td></tr>
|
||||
|
||||
<!-- หัวเชื่อมแท่งซ่อม Repairing Stick Mould -->
|
||||
<tr style="background: white;"><td rowspan="2" style="padding: 12px; text-align: center; vertical-align: middle;">หัวเชื่อมแท่งซ่อม Repairing Stick Mould<br/><img src="/images/products-misc/D7.jpg" alt="Repairing Stick Mould" style="object-fit: contain; margin: auto;" width="80" height="80" loading="lazy" decoding="async" /></td><td style="padding: 12px; text-align: center;">401R007-000</td><td style="padding: 12px; text-align: center;">D7</td><td style="padding: 12px; text-align: center;">679.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401R011-000</td><td style="padding: 12px; text-align: center;">D11</td><td style="padding: 12px; text-align: center;">679.00</td></tr>
|
||||
<tr><td colspan="4" style="border-bottom: 2px solid #15803d; height: 8px;"></td></tr>
|
||||
|
||||
<!-- หัวเชื่อม Welding Mould -->
|
||||
<tr style="background: white;"><td rowspan="10" style="padding: 12px; text-align: center; vertical-align: middle;">หัวเชื่อม Welding Mould<br/><img src="/images/products-misc/D20.jpg" alt="Welding Mould" style="object-fit: contain; margin: auto;" width="80" height="80" loading="lazy" decoding="async" /></td><td style="padding: 12px; text-align: center;">401W020-000</td><td style="padding: 12px; text-align: center;">D20</td><td style="padding: 12px; text-align: center;">504.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401W025-000</td><td style="padding: 12px; text-align: center;">D25</td><td style="padding: 12px; text-align: center;">603.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">401W032-000</td><td style="padding: 12px; text-align: center;">D32</td><td style="padding: 12px; text-align: center;">705.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401W040-000</td><td style="padding: 12px; text-align: center;">D40</td><td style="padding: 12px; text-align: center;">1,387.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">401W050-000</td><td style="padding: 12px; text-align: center;">D50</td><td style="padding: 12px; text-align: center;">1,708.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401W063-000</td><td style="padding: 12px; text-align: center;">D63</td><td style="padding: 12px; text-align: center;">2,311.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">401W075-000</td><td style="padding: 12px; text-align: center;">D75</td><td style="padding: 12px; text-align: center;">3,013.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401W090-000</td><td style="padding: 12px; text-align: center;">D90</td><td style="padding: 12px; text-align: center;">3,515.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">401W110-000</td><td style="padding: 12px; text-align: center;">D110</td><td style="padding: 12px; text-align: center;">4,078.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401W125-000</td><td style="padding: 12px; text-align: center;">D125</td><td style="padding: 12px; text-align: center;">7,050.00</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Temperature Guide -->
|
||||
<section id="temperature" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">อุณหภูมิการเชื่อม PPR</h2>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-gray-50 rounded-lg">
|
||||
<thead>
|
||||
<tr class="bg-primary-600 text-white">
|
||||
<th class="px-4 py-3 text-left">ขนาดท่อ (มม.)</th>
|
||||
<th class="px-4 py-3 text-center">อุณหภูมิ (°C)</th>
|
||||
<th class="px-4 py-3 text-center">เวลาเล็น (วินาที)</th>
|
||||
<th class="px-4 py-3 text-center">เวลาเชื่อม (วินาที)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y">
|
||||
<tr><td class="px-4 py-2 font-medium">20-32</td><td class="px-4 py-2 text-center">260</td><td class="px-4 py-2 text-center">4-5</td><td class="px-4 py-2 text-center">4-6</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">40-50</td><td class="px-4 py-2 text-center">260-270</td><td class="px-4 py-2 text-center">5-7</td><td class="px-4 py-2 text-center">6-8</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">63-75</td><td class="px-4 py-2 text-center">270-280</td><td class="px-4 py-2 text-center">7-10</td><td class="px-4 py-2 text-center">8-12</td></tr>
|
||||
<tr><td class="px-4 py-2 font-medium">90-110</td><td class="px-4 py-2 text-center">280-290</td><td class="px-4 py-2 text-center">10-13</td><td class="px-4 py-2 text-center">12-16</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p class="text-sm text-secondary-600 mt-4">* ค่าเป็นเพียงเป็นแนะนำ ควรตรวจสอบตามคำแนะนำของผู้ผลิตเครื่อง</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: PPR ต้องเชื่อมที่อุณหภูมิเท่าไหร่?</h3>
|
||||
<p class="text-secondary-700">อุณหภูมิมาตรฐานคือ 260°C สำหรับท่อขนาดเล็ก-กลาง สำหรับท่อขนาดใหญ่อาจต้องเพิ่มเป็น 270-290°C</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: เชื่อมแล้วรอยต่อแน่นไหม?</h3>
|
||||
<p class="text-secondary-700">ถ้าเชื่อมถูกวิธี รอยต่อจะเป็นชิ้นเดียวกับตัวท่อ ไม่มีรอยรั่ว แข็งแรงเทียบเท่าตัวท่อ</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ใช้เวลานานแค่ไหนกว่าจะเชื่อมได้?</h3>
|
||||
<p class="text-secondary-700">ใช้เวลาฝึกฝนประมาณ 1-2 วันก็สามารถเชื่อมได้อย่างมีคุณภาพ สำคัญคือการฝึกฝนและใช้อุปกรณ์ที่ถูกต้อง</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl 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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
539
src/pages/เทอร์โมเบรค-thermobreak/index.astro
Normal file
539
src/pages/เทอร์โมเบรค-thermobreak/index.astro
Normal file
@@ -0,0 +1,539 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ เทอร์โมเบรค (Thermobreak)",
|
||||
"description": "จำหน่ายฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ เทอร์โมเบรค (Thermobreak)คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
|
||||
"image": "https://dealplustech.co.th/images/thermobreak/thermobreak-solarblock.png",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/เทอร์โมเบรค-thermobreak",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ เทอร์โมเบรค (Thermobreak)" description="จำหน่ายฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ เทอร์โมเบรค (Thermobreak)คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-glass p-8">
|
||||
<img src="/images/thermobreak/thermobreak-solarblock.png" alt="Product" 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>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
ฉนวนหุ้มท่อ
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ เทอร์โมเบรค (Thermobreak)</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
จำหน่ายฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ เทอร์โมเบรค (Thermobreak) คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
<a href="#pricelist" 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="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
|
||||
</svg>
|
||||
<span>ดาวน์โหลดราคา</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Specifications -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/thermobreak/thermobreak-banner.png" alt="Thermobreak Banner" class="w-full h-auto rounded-lg shadow-md" width="800" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
<strong>ตัวแทนจำหน่ายท่อฉนวนกันความร้อน ฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ เทอร์โมเบรค (Thermobreak)</strong> ทุกรุ่น สามารถให้คำปรึกษาเกี่ยวกับฉนวนกันความร้อนและราคาเริ่มต้นหรืองบประมาณที่ต้องการ รวมถึงบริการส่งฟรี
|
||||
</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ ฉนวนกันความร้อน เทอร์โมเบรค (Thermobreak) ถูกคิดค้นมาจากประเทศออสเตรเลีย มากกว่า 30 ปี และมีการรับประกันจากลูกค้าทั่วโลกแล้ว
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ทำไมต้องเลือกใช้ เทอร์โมเบรค (Thermobreak)</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ ฉนวนกันความร้อน เทอร์โมเบรค (Thermobreak) เป็นผู้นำนวัตกรรมผลิตฉนวน polygon foam คุณภาพสูงที่เป็นที่ยอมรับทั่วโลก ดังนี้
|
||||
</p>
|
||||
<ul class="list-disc pl-6 space-y-2 text-lg text-secondary-700">
|
||||
<li>ฉนวนนำความร้อนและไฟฟ้าต่ำและมีอัตรากันน้ำซึมหรือความชื้นต่ำ</li>
|
||||
<li>มีการทดสอบจากสถาบันที่เกี่ยวข้อง เพื่อความมั่นใจในคุณภาพฉนวน</li>
|
||||
<li>ใช้งานได้อย่างมีประสิทธิภาพ</li>
|
||||
<li>ผลิตจากวัตถุดิบคุณภาพสูง</li>
|
||||
<li>ถูกต้องตามหลักการกันไฟและความร้อนตามหลักสากล</li>
|
||||
<li>ลูกค้าเชื่อถือและเลือกใช้มามากกว่า 30 ปี</li>
|
||||
<li>ติดตั้ง ดัด ตัดง่าย สะดวก และรวดเร็ว</li>
|
||||
</ul>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mt-6">
|
||||
ผลิตภัณฑ์ฉนวนกันความร้อน ฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ เทอร์โมเบรค (Thermobreak) เป็นผลิตภัณฑ์สำหรับงานฉนวนระบบปรับอากาศและฉนวนงานหุ้มท่อแอร์ จึงต้องมีการผ่านการรับรองมาตรฐานเกี่ยวกับการติดไฟของวัสดุ ซึ่งเทอร์โมเบรค (Thermobreak) ได้รับการรับรองผ่านมาตรฐานมากมายทั้ง Factory Mutual (FM) และ UL
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">มาตรฐานการรับรองไฟและควัน</h3>
|
||||
<ul class="list-disc pl-6 space-y-2 text-lg text-secondary-700">
|
||||
<li>BRITISH (BS476 Part 6&7 Class 0)</li>
|
||||
<li>ASTM E84, UL723 (25/50)</li>
|
||||
<li>EUROPEAN STANDARD EN 13501-1 (EUROCLASS)</li>
|
||||
<li>AUSTRALIAN (AS 1530.3)</li>
|
||||
<li>ISO STANDARD (ISO 5659-2)</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">เทคโนโลยีเพื่อผลิตภัณฑ์ที่เหนือกว่า</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
<strong>Physically cross linked</strong> ทำให้เราได้ผลิตภัณฑ์ที่มีขนาดเซลล์เล็กลงและการกระจายของเซลล์เป็นไปอย่างสม่ำเสมอทำให้ได้ค่าการนำความร้อนที่ต่ำ (0.032 W/m.K) มีความเสถียร และมีการแทรกซึมไอน้ำที่น้อย เป็นจุดประสงค์หลักของฉนวนกันความร้อนด้วยค่าการนำความร้อนที่ต่ำเพียง 0.032 W/m.K
|
||||
</p>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ค่าการซึมผ่านของไอน้ำที่เกือบจะเป็น 0</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
เราสามารถยืนยันได้ว่าผลิตภัณฑ์ เทอร์โมเบรค (Thermobreak) จะมีค่าการนำความร้อนที่คงที่เป็นระยะเวลามากกว่า 10 ปี ซึ่งจะทำให้ลดค่าใช้จ่ายในการซ่อมบำรุงของระบบฉนวน
|
||||
</p>
|
||||
<ul class="list-disc pl-6 space-y-2 text-lg text-secondary-700">
|
||||
<li>Vapour Permeability = 2.3 x 10⁻¹⁵ kg/Pa.s.m</li>
|
||||
<li>Permeability Resistance Factor : μ > 80,000</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ความยั่งยืนและประโยชน์กับสิ่งแวดล้อม</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ความยั่งยืนของอาคาร (Building Sustainability), คุณภาพอากาศภายในอาคาร (Indoor Air Quality) และสุขภาพและความปลอดภัยของผู้ใช้อาคาร (Health & Safety) เป็นปัจจัยหลักในคอนเซปของอาคารเขียว (Green Building)
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mt-4">
|
||||
ผลิตภัณฑ์ เทอร์โมเบรค (Thermobreak) ได้มีการริเริ่มทำในด้านของผลิตภัณฑ์อาคารเขียว ในอาคารที่ต้องการทำอาคารเขียวและมีการใช้ฉนวนกันความร้อน เทอร์โมเบรค (Thermobreak) จะได้รับคะแนนเครดิตเพิ่มขึ้น เช่น LEED และ Estidama
|
||||
</p>
|
||||
<ul class="list-disc pl-6 space-y-2 text-lg text-secondary-700">
|
||||
<li>Green Star Compliant (VOC)</li>
|
||||
<li>No CFCs of HCFCs</li>
|
||||
<li>Zero Ozone Depletion Potential (Zero ODP)</li>
|
||||
<li>Low GWP</li>
|
||||
<li>Fibre Free</li>
|
||||
<li>Zero PVC, Zero Formaldehyde</li>
|
||||
<li>Compliance to RoHS Directive</li>
|
||||
<li>Compliance to REACH Directive</li>
|
||||
<li>Resistance to Mould Growth</li>
|
||||
<li>DUBAI GBR Approved</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">การสนับสนุนทางเทคนิคอย่างครอบคลุม</h3>
|
||||
|
||||
<h4 class="text-xl font-bold text-secondary-800 mt-6 mb-3">ฉนวนกันความร้อน Thermobreak LS ชนิดม้วนและแผ่นทั้งภายในและนอกอาคาร</h4>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
(ชนิดม้วนและแผ่น) เริ่มต้นความหนา 5-50 มิลลิเมตร
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mt-4">
|
||||
จากโฟมโพลีโอเลฟิน (Polyolefin foam insulation) แบบเซลล์ปิด (Close cell Crosslinked) ด้วยวิธีการฉายรังสี มีค่าการนำความร้อนต่ำเพียง 0.032 W/m•K และมีการลามิเนตผิวด้วยอลูมิเนียมฟอยล์เพื่อเสริมความแข็งแรงและการป้องกันไอน้ำให้กับผิว ส่วนอีกหนึ่งด้านจะทำการลามิเนตผิวด้วยกาวอะคลิลิกสำหรับงานท่อระบบปรับอากาศโดยเฉพาะ
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/thermobreak/thermobreak-solarblock.png" alt="Thermobreak SolarBlock" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h4 class="text-xl font-bold text-secondary-800 mt-6 mb-3">Thermobreak LS Tube : ฉนวนหุ้มท่อความเย็นภายในอาคาร</h4>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
<strong>ราคาเริ่ม 74 บาท</strong> Thermobreak ฉนวนกันความร้อน IXPE จากโฟมโพลีโอเลฟิน (Polyolefin foam insulation) แบบเซลล์ปิด (Close cell Crosslinked) ด้วยวิธีการฉายรังสี มีค่าการนำความร้อนต่ำเพียง 0.032 W/m•K และมีการลามิเนตผิวด้วยอลูมิเนียมฟอยล์เพื่อเสริมความแข็งแรงและการป้องกันไอน้ำให้กับผิว ส่วนอีกหนึ่งด้านจะทำการลามิเนตผิวด้วยกาวอะคลิลิกสำหรับงานท่อระบบปรับอากาศโดยเฉพาะ
|
||||
</p>
|
||||
<ul class="list-disc pl-6 space-y-2 text-lg text-secondary-700 mt-4">
|
||||
<li><strong>ขนาดความยาว:</strong> 2 เมตร/เส้น (ยกเว้น 10″ หนา 40/50 มม. = ยาวท่อนละ 1.2 เมตร)</li>
|
||||
<li><strong>ความหนาเริ่มต้น:</strong> 15-50 มิลลิเมตร</li>
|
||||
<li><strong>ขนาดเส้นผ่านศูนย์กลาง:</strong> 6.35 มิลลิเมตร - 273.10 มิลลิเมตร หรือสามารถสอบถามได้ทุกขนาด</li>
|
||||
</ul>
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/thermobreak/thermobreak-ls.png" alt="Thermobreak LS" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<h4 class="text-xl font-bold text-secondary-800 mt-6 mb-3">เทป Thermobreak LS Foil Tape หน้ากว้าง 50 มิลลิเมตรและ 75 มิลลิเมตร</h4>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
Thermobreak LS Foil Tape เป็นเทปอลูมิเนียมพร้อมเส้นใยเสริมความแข็งแรง เคลือบลามิเนตด้วยกาว Arcrylic Pressure Senseitve สูตร Solvent Base Adhisve
|
||||
</p>
|
||||
<ul class="list-disc pl-6 space-y-2 text-lg text-secondary-700 mt-4">
|
||||
<li>ใช้ง่ายติดตั้งเก็บรายละเอียดทุกมุมข้อต่อ</li>
|
||||
<li>เส้นใยเสริมแรงอลูมิเนียมเทปเพิ่มความแข็งแรง</li>
|
||||
<li>มาตรฐานการลามไฟ Class 0 ภายใต้มาตรฐาน BS 476</li>
|
||||
</ul>
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 my-8">
|
||||
<img src="/images/thermobreak/thermobreak-raised-floor.png" alt="Thermobreak Raised Floor Insulation" class="max-w-lg w-full h-auto rounded-lg shadow-md" width="500" height="300" loading="lazy" decoding="async" />
|
||||
</div>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mt-8">
|
||||
<strong>ส่งฟรี กรุงเทพมหานคร ปริมณฑล ชลบุรี ระยอง</strong> โทรหาปรึกษา Dealplustech ได้ตลอดเวลาทำการ
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Line Section -->
|
||||
<section id="product-line" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">ผลิตภัณฑ์เทอร์โมเบรคทั้งหมด</h2>
|
||||
<p class="text-lg text-secondary-700 mb-8">เราจำหน่ายผลิตภัณฑ์เทอร์โมเบรคครบทุกประเภทสำหรับทุกการใช้งาน ตั้งแต่งานระบบปรับอากาศ งานอุตสาหกรรม จนถึงงานขนส่ง</p>
|
||||
|
||||
<!-- Thermal Insulation Products -->
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-4">ฉนวนกันความร้อน (Thermal Insulation)</h3>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
|
||||
<div class="bg-gray-50 p-5 rounded-lg">
|
||||
<h4 class="font-bold text-secondary-900 mb-2">Thermobreak LS</h4>
|
||||
<p class="text-secondary-700 text-sm mb-3">ฉนวนแบบม้วนและแผ่น สำหรับงานทั่วไป เหมาะกับถังน้ำ ท่อขนาดใหญ่ และอุปกรณ์</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• ความหนา: 5-50 มม.</li>
|
||||
<li>• ขนาดม้วน: ตามสั่ง</li>
|
||||
<li>• การนำความร้อน: 0.032 W/m.K</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-5 rounded-lg">
|
||||
<h4 class="font-bold text-secondary-900 mb-2">Thermobreak LS Tube</h4>
|
||||
<p class="text-secondary-700 text-sm mb-3">ฉนวนหุ้มท่อแบบสำเร็จรูป สำหรับท่อระบบปรับอากาศและท่อน้ำ</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• ความยาว: 2 เมตร/เส้น</li>
|
||||
<li>• ขนาด: 6.35-273.10 มม.</li>
|
||||
<li>• ความหนา: 15-50 มม.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-5 rounded-lg">
|
||||
<h4 class="font-bold text-secondary-900 mb-2">Thermobreak LS-F Tube <span class="text-red-600 text-xs">Fire-Rated</span></h4>
|
||||
<p class="text-secondary-700 text-sm mb-3">ฉนวนหุ้มท่อแบบทนไฟ สำหรับพื้นที่ที่ต้องการความปลอดภัยทางไฟ</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• มาตรฐานกันไฟ: FM Approved</li>
|
||||
<li>• ขนาด: ตามสั่ง</li>
|
||||
<li>• ความยาว: 2 เมตร/เส้น</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-5 rounded-lg">
|
||||
<h4 class="font-bold text-secondary-900 mb-2">Thermobreak No Clad</h4>
|
||||
<p class="text-secondary-700 text-sm mb-3">ฉนวนสำหรับติดตั้งภายนอก ไม่ต้องใช้แผ่นเคลือบเพิ่ม</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• ทนทานต่อ UV และสภาพอากาศ</li>
|
||||
<li>• ติดตั้งง่าย</li>
|
||||
<li>• เหมาะกับงานภายนอก</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-5 rounded-lg">
|
||||
<h4 class="font-bold text-secondary-900 mb-2">Thermobreak Solar</h4>
|
||||
<p class="text-secondary-700 text-sm mb-3">ฉนวนสำหรับระบบพลังงานแสงอาทิตย์ ทนความร้อนสูงถึง 160°C</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• ทนความร้อน: สูงสุด 160°C</li>
|
||||
<li>• ประสิทธิภาพสูง</li>
|
||||
<li>• อายุการใช้งานยาวนาน</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-5 rounded-lg">
|
||||
<h4 class="font-bold text-secondary-900 mb-2">Thermobreak Solarblock</h4>
|
||||
<p class="text-secondary-700 text-sm mb-3">ฉนวนแผ่นสำหรับแผงโซลาร์เซลล์</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• รูปแบบ: แผ่น</li>
|
||||
<li>• ทนความร้อนสูง</li>
|
||||
<li>• ติดตั้งใต้แผงโซลาร์</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-5 rounded-lg">
|
||||
<h4 class="font-bold text-secondary-900 mb-2">Thermobreak Thermacoil</h4>
|
||||
<p class="text-secondary-700 text-sm mb-3">ฉนวนสำหรับคอยล์ร้อนและคอยล์เย็นของระบบปรับอากาศ</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• พับขึ้นรูปง่าย</li>
|
||||
<li>• เหมาะกับคอยล์ A/C</li>
|
||||
<li>• ลดการควบแน่น</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Acoustic Products -->
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-4">ฉนวนป้องกันเสียง (Acoustic Insulation)</h3>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
|
||||
<div class="bg-blue-50 p-5 rounded-lg">
|
||||
<h4 class="font-bold text-secondary-900 mb-2">Thermobreak AcoustiPlus</h4>
|
||||
<p class="text-secondary-700 text-sm mb-3">ฉนวนดูดซับเสียง สำหรับลดเสียงรบกวนในอาคาร</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• ดูดซับเสียงได้ดี</li>
|
||||
<li>• เหมาะกับห้องประชุม โรงแรม รง.</li>
|
||||
<li>• ติดตั้งง่าย</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Transport Products -->
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-4">ฉนวนสำหรับขนส่ง (Transport Insulation)</h3>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="bg-gray-50 p-5 rounded-lg">
|
||||
<h4 class="font-bold text-secondary-900 mb-2">Thermobreak RT</h4>
|
||||
<p class="text-secondary-700 text-sm mb-3">ฉนวนสำหรับระบบขนส่งทางรางและยานพาหนะ</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• น้ำหนักเบา</li>
|
||||
<li>• ทนการสั่นสะเทือน</li>
|
||||
<li>• มาตรฐานรถไฟ</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-5 rounded-lg">
|
||||
<h4 class="font-bold text-secondary-900 mb-2">Thermobreak RT Drain</h4>
|
||||
<p class="text-secondary-700 text-sm mb-3">ระบบระบายน้ำสำหรับพื้นรถไฟและยานพาหนะ</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• ระบายน้ำได้ดี</li>
|
||||
<li>• ทนสารเคมี</li>
|
||||
<li>• ติดตั้งในพื้น</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-5 rounded-lg">
|
||||
<h4 class="font-bold text-secondary-900 mb-2">Thermobreak RT-N</h4>
|
||||
<p class="text-secondary-700 text-sm mb-3">ฉนวนสำหรับพื้นที่แคบในระบบขนส่ง</p>
|
||||
<ul class="text-sm text-secondary-600 space-y-1">
|
||||
<li>• สำหรับพื้นที่แคบ</li>
|
||||
<li>• ดัดแปลงง่าย</li>
|
||||
<li>• น้ำหนักเบา</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Applications Section -->
|
||||
<section id="applications" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">การใช้งานเทอร์โมเบรค</h2>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="bg-white p-6 rounded-lg shadow-sm">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-secondary-900 mb-2">ระบบปรับอากาศ (HVAC)</h3>
|
||||
<p class="text-secondary-700 text-sm">ใช้กับท่อลมเย็น ท่อน้ำเย็น คอยล์ร้อน-เย็น และระบบท่อในอาคารพาณิชย์และที่พักอาศัย</p>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-lg shadow-sm">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-secondary-900 mb-2">อาคารพาณิชย์</h3>
|
||||
<p class="text-secondary-700 text-sm">โรงแรม สำนักงาน ห้างสรรพสินค้า โรงพยาบาล คลังสินค้า และอาคารขนาดใหญ่</p>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-lg shadow-sm">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"/></svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-secondary-900 mb-2">โรงงานอุตสาหกรรม</h3>
|
||||
<p class="text-secondary-700 text-sm">โรงงานผลิต โรงงานแปรรูปอาหาร โรงงานเคมี และพื้นที่ที่ต้องการควบคุมอุณหภูมิ</p>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-lg shadow-sm">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"/></svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-secondary-900 mb-2">ห้องเย็น (Cold Storage)</h3>
|
||||
<p class="text-secondary-700 text-sm">ห้องเย็นสำหรับเก็บรักษาอาหาร ยา และสินค้าที่ต้องการอุณหภูมิต่ำ</p>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-lg shadow-sm">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-secondary-900 mb-2">พลังงานแสงอาทิตย์</h3>
|
||||
<p class="text-secondary-700 text-sm">ระบบโซลาร์เซลล์และระบบทำความร้อนด้วยพลังงานแสงอาทิตย์</p>
|
||||
</div>
|
||||
<div class="bg-white p-6 rounded-lg shadow-sm">
|
||||
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
|
||||
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"/></svg>
|
||||
</div>
|
||||
<h3 class="font-bold text-secondary-900 mb-2">ระบบขนส่ง</h3>
|
||||
<p class="text-secondary-700 text-sm">รถไฟ รถบัส เรือ และยานพาหนะขนส่งสินค้าที่ต้องการฉนวน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Project References Section -->
|
||||
<section id="projects" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">ตัวอย่างโครงการที่ใช้เทอร์โมเบรค</h2>
|
||||
<p class="text-lg text-secondary-700 mb-8">เทอร์โมเบรคถูกใช้งานในโครงการขนาดใหญ่ทั่วโลกและในประเทศไทย รวมถึง:</p>
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div class="bg-gray-50 p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">โครงการในประเทศไทย</h3>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> โรงแรมและรีสอร์ทชั้นนำ</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> ศูนย์การค้าและห้างสรรพสินค้า</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> โรงพยาบาลและคลินิก</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> อาคารสำนักงาน Fortune 500</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> โกดังและศูนย์โลจิสติกส์</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bg-gray-50 p-5 rounded-lg">
|
||||
<h3 class="font-bold text-secondary-900 mb-3">โครงการระดับโลก</h3>
|
||||
<ul class="space-y-2 text-secondary-700">
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> โรงแรมใน Dubai (7 Star)</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> สนามบินนานาชาติ</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> ระบบขนส่งมวลชน</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> โรงงานผลิตรถยนต์</li>
|
||||
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> สถานีผลิตไฟฟ้า</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-8 p-6 bg-primary-50 rounded-lg">
|
||||
<p class="text-lg text-secondary-800"><strong>ติดต่อเรา</strong> เพื่อขอรายละเอียดโครงการและคำแนะนำการใช้งานสำหรับโครงการของคุณ</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Thickness Selection Guide -->
|
||||
<section id="thickness-guide" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำแนะนำการเลือกความหนาฉนวน</h2>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-lg shadow-sm">
|
||||
<thead>
|
||||
<tr class="bg-primary-600 text-white">
|
||||
<th class="px-4 py-3 text-left">ขนาดท่อ (นิ้ว)</th>
|
||||
<th class="px-4 py-3 text-center">ท่อน้ำเย็น (มม.)</th>
|
||||
<th class="px-4 py-3 text-center">ท่อลมเย็น (มม.)</th>
|
||||
<th class="px-4 py-3 text-center">ท่อน้ำร้อน (มม.)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y">
|
||||
<tr><td class="px-4 py-2">1/2"</td><td class="px-4 py-2 text-center">15-20</td><td class="px-4 py-2 text-center">20-25</td><td class="px-4 py-2 text-center">20-25</td></tr>
|
||||
<tr><td class="px-4 py-2">3/4"</td><td class="px-4 py-2 text-center">15-20</td><td class="px-4 py-2 text-center">20-25</td><td class="px-4 py-2 text-center">25-30</td></tr>
|
||||
<tr><td class="px-4 py-2">1"</td><td class="px-4 py-2 text-center">20-25</td><td class="px-4 py-2 text-center">25-30</td><td class="px-4 py-2 text-center">25-30</td></tr>
|
||||
<tr><td class="px-4 py-2">1-1/2"</td><td class="px-4 py-2 text-center">20-25</td><td class="px-4 py-2 text-center">25-30</td><td class="px-4 py-2 text-center">30-40</td></tr>
|
||||
<tr><td class="px-4 py-2">2"</td><td class="px-4 py-2 text-center">25-30</td><td class="px-4 py-2 text-center">30-40</td><td class="px-4 py-2 text-center">30-40</td></tr>
|
||||
<tr><td class="px-4 py-2">3"</td><td class="px-4 py-2 text-center">25-30</td><td class="px-4 py-2 text-center">30-40</td><td class="px-4 py-2 text-center">40-50</td></tr>
|
||||
<tr><td class="px-4 py-2">4"</td><td class="px-4 py-2 text-center">30-40</td><td class="px-4 py-2 text-center">40-50</td><td class="px-4 py-2 text-center">40-50</td></tr>
|
||||
<tr><td class="px-4 py-2">6"</td><td class="px-4 py-2 text-center">30-40</td><td class="px-4 py-2 text-center">40-50</td><td class="px-4 py-2 text-center">50-60</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p class="text-sm text-secondary-600 mt-4">* ความหนาที่แนะนำขึ้นอยู่กับอุณหภูมิทำงานและสภาพแวดล้อม ติดต่อเราเพื่อขอคำแนะนำที่เหมาะสม</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: เทอร์โมเบรคต่างจากฉนวนยี่ห้ออื่นอย่างไร?</h3>
|
||||
<p class="text-secondary-700">เทอร์โมเบรคใช้เทคโนโลยี Physically Cross-Linked ซึ่งให้ขนาดเซลล์เล็กและกระจายสม่ำเสมอ ทำให้ได้ค่าการนำความร้อนต่ำกว่า (0.032 W/m.K) และมีอายุการใช้งานยาวนานกว่า 10 ปีโดยไม่เสื่อมประสิทธิภาพ</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: เลือกความหนาฉนวนอย่างไร?</h3>
|
||||
<p class="text-secondary-700">การเลือกความหนาขึ้นอยู่กับ: 1) ขนาดท่อ 2) อุณหภูมิของไหลในท่อ 3) อุณหภูมิแวดล้อม 4) ความชื้น โดยทั่วไปท่อน้ำเย็นควรใช้ 15-25 มม. ท่อลมเย็น 20-40 มม. และท่อน้ำร้อน 25-50 มม.</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ใช้ภายนอกอาคารได้ไหม?</h3>
|
||||
<p class="text-secondary-700">ได้ สำหรับการใช้ภายนอกแนะนำใช้ Thermobreak No Clad ที่ออกแบบมาให้ทนทานต่อ UV และสภาพอากาศโดยไม่ต้องติดตั้งแผ่นเคลือบเพิ่มเติม</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: รับประกันอายุการใช้งานเท่าไหร่?</h3>
|
||||
<p class="text-secondary-700">เทอร์โมเบรคมีการรับประกันประสิทธิภาพการนำความร้อนคงที่มากกว่า 10 ปี ซึ่งหมายความว่าค่า 0.032 W/m.K จะไม่เปลี่ยนแปลงตลอดอายุการใช้งาน</p>
|
||||
</div>
|
||||
<div class="bg-gray-50 rounded-lg p-4">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ติดตั้งยากไหม?</h3>
|
||||
<p class="text-secondary-700">เทอร์โมเบรคตัด ดัด และติดตั้งง่ายด้วยอุปกรณ์พื้นฐาน ใช้เทป Thermobreak LS Foil Tape สำหรับยึดข้อต่อและรอยต่อ</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Prices Section -->
|
||||
<section class="section gradient-mesh">
|
||||
<div class="container-custom">
|
||||
<div class="card-glass p-8 max-w-lg mx-auto">
|
||||
<h2 id="pricelist" class="text-lg sm:text-xl font-bold text-secondary-900 mb-6 text-center">ดาวน์โหลดราคาสินค้า</h2>
|
||||
<a href="/documents/2026-New Update Thermobreak Price List.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-secondary-50 rounded-xl hover:bg-secondary-100 transition-colors group">
|
||||
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div>
|
||||
<div class="font-semibold text-secondary-900 group-hover:text-primary-600 transition-colors">Thermobreak Price List 2026</div>
|
||||
<div class="text-sm text-secondary-500">PDF - ดาวน์โหลดราคา</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl 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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
347
src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro
Normal file
347
src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro
Normal file
@@ -0,0 +1,347 @@
|
||||
---
|
||||
import BaseLayout from '../../layouts/BaseLayout.astro';
|
||||
import Header from '../../components/common/Header.astro';
|
||||
import Footer from '../../components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Product",
|
||||
"name": "ข้อต่อกรู๊ฟคับปลิ้ง | MECH Grooved Coupling",
|
||||
"description": "ข้อต่อกรู๊ฟคับปลิ้ง (Grooved Coupling) ทดแทนการเชื่อม ติดตั้งง่าย ไร้ประกายไฟ ผลิตจาก Ductile Iron แข็งแรง ทนทาน มาตรฐาน UL/FM/Vds/DVGW/LPCB",
|
||||
"image": "https://dealplustech.co.th/images/products-misc/MECH_001.jpg",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"url": "https://dealplustech.co.th/เม็กกรู๊ฟ-คับปลิ้ง",
|
||||
"priceCurrency": "THB",
|
||||
"availability": "https://schema.org/InStock"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<BaseLayout title="ข้อต่อกรู๊ฟคับปลิ้ง | MECH Grooved Coupling ติดตั้งง่าย ไร้ประกายไฟ" description="ข้อต่อกรู๊ฟคับปลิ้ง (Grooved Coupling) ทดแทนการเชื่อม ติดตั้งง่าย ไร้ประกายไฟ ผลิตจาก Ductile Iron มาตรฐาน UL/FM/Vds/DVGW/LPCB ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<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-glass p-2">
|
||||
<img src="/images/products-misc/MECH_001.jpg" alt="ข้อต่อกรู๊ฟคับปลิ้ง | MECH Grooved Coupling" 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>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
|
||||
ข้อต่อท่อ
|
||||
</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ข้อต่อกรู๊ฟคับปลิ้ง | MECH Grooved Coupling</h1>
|
||||
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
|
||||
ทดแทนการเชื่อม ติดตั้งง่าย ไร้ประกายไฟ ผลิตจาก Ductile Iron (เหล็กหล่อเหนียว) แข็งแรง ทนทาน มาตรฐาน UL/FM/Vds/DVGW/LPCB ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
<div class="flex flex-wrap gap-4 mb-8">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<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>
|
||||
</a>
|
||||
<a href="#pricelist" 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="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/>
|
||||
</svg>
|
||||
<span>ดาวน์โหลดราคา</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">ติดตั้งเร็วกว่า <strong>5 เท่า</strong> เมื่อเทียบกับการเชื่อม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">ประหยัดค่าใช้จ่าย <strong>25-40%</strong></span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">มาตรฐาน <strong>UL/FM/Vds/DVGW/LPCB</strong></span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-white 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-white/80">ไม่ก่อให้เกิดประกายไฟ ปลอดภัยต่องานดับเพลิง</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Details -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
|
||||
<h3 class="text-lg sm:text-xl font-bold text-secondary-900 mt-8 mb-4">ข้อต่อกรู๊ฟคับปลิ้ง (Grooved Coupling) คืออะไร?</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-6">
|
||||
<strong>ข้อต่อกรู๊ฟคับปลิ้ง (Grooved Coupling)</strong> คือนวัตกรรมเพื่อการติดตั้งที่ทดแทนการเชื่อม สำหรับท่อเหล็กและท่อดับเพลิง โดยไม่ก่อให้เกิดประกายไฟ ติดตั้งง่าย สะดวก รวดเร็ว และประหยัดค่าใช้จ่าย
|
||||
</p>
|
||||
|
||||
<h3 class="text-lg sm:text-xl font-bold text-secondary-900 mt-8 mb-4">จุดเด่นของ MECH Grooved Coupling</h3>
|
||||
<div class="grid md:grid-cols-3 gap-6 mb-8">
|
||||
<div class="bg-primary-50 rounded-xl p-6 text-center">
|
||||
<div class="text-3xl font-bold text-primary-600 mb-2">5 เท่า</div>
|
||||
<div class="text-secondary-700">ติดตั้งเร็วกว่า</div>
|
||||
</div>
|
||||
<div class="bg-accent-50 rounded-xl p-6 text-center">
|
||||
<div class="text-3xl font-bold text-accent-600 mb-2">25-40%</div>
|
||||
<div class="text-secondary-700">ประหยัดค่าใช้จ่าย</div>
|
||||
</div>
|
||||
<div class="bg-secondary-100 rounded-xl p-6 text-center">
|
||||
<div class="text-3xl font-bold text-secondary-700 mb-2">5 มาตรฐาน</div>
|
||||
<div class="text-secondary-700">UL/FM/Vds/DVGW/LPCB</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="text-lg sm:text-xl font-bold text-secondary-900 mt-8 mb-4">วัสดุและคุณภาพ</h3>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-6">
|
||||
ผลิตจาก <strong>Ductile Iron (เหล็กหล่อเหนียว)</strong> — แข็งแรง ทนทาน เหมาะสำหรับงานหนักและงานอุตสาหกรรม ด้วยคุณภาพที่ผ่านการรับรองมาตรฐานระดับสากล
|
||||
</p>
|
||||
|
||||
<h3 class="text-lg sm:text-xl font-bold text-secondary-900 mt-8 mb-4">ขนาดและแรงดัน</h3>
|
||||
<div class="overflow-x-auto mb-6">
|
||||
<table class="min-w-full bg-white border border-secondary-200 rounded-lg overflow-hidden">
|
||||
<thead class="bg-secondary-100">
|
||||
<tr>
|
||||
<th class="px-6 py-3 text-left text-sm font-semibold text-secondary-900">รายการ</th>
|
||||
<th class="px-6 py-3 text-left text-sm font-semibold text-secondary-900">ข้อมูล</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-secondary-200">
|
||||
<tr>
|
||||
<td class="px-6 py-3 text-sm text-secondary-700">ขนาดท่อ</td>
|
||||
<td class="px-6 py-3 text-sm font-medium text-secondary-900">1" – 32"</td>
|
||||
</tr>
|
||||
<tr class="bg-secondary-50">
|
||||
<td class="px-6 py-3 text-sm text-secondary-700">แรงดันใช้งาน</td>
|
||||
<td class="px-6 py-3 text-sm font-medium text-secondary-900">225 - 750 psi</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h3 class="text-lg sm:text-xl font-bold text-secondary-900 mt-8 mb-4">การใช้งาน</h3>
|
||||
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
|
||||
<div class="bg-red-50 rounded-lg p-4 text-center">
|
||||
<svg class="w-10 h-10 text-red-600 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z"/>
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z"/>
|
||||
</svg>
|
||||
<div class="font-semibold text-secondary-900">ระบบดับเพลิง</div>
|
||||
</div>
|
||||
<div class="bg-blue-50 rounded-lg p-4 text-center">
|
||||
<svg class="w-10 h-10 text-blue-600 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"/>
|
||||
</svg>
|
||||
<div class="font-semibold text-secondary-900">ระบบประปา</div>
|
||||
</div>
|
||||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||||
<svg class="w-10 h-10 text-green-600 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
|
||||
</svg>
|
||||
<div class="font-semibold text-secondary-900">HVAC</div>
|
||||
</div>
|
||||
<div class="bg-purple-50 rounded-lg p-4 text-center">
|
||||
<svg class="w-10 h-10 text-purple-600 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
|
||||
</svg>
|
||||
<div class="font-semibold text-secondary-900">อุตสาหกรรม</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Quick Mech Coupling Section -->
|
||||
<section class="section bg-secondary-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-8">Quick Mech Coupling</h2>
|
||||
<div class="bg-white rounded-2xl shadow-lg overflow-hidden">
|
||||
<div class="grid md:grid-cols-2 gap-8 p-8">
|
||||
<div>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-4">คุณสมบัติเด่น</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-5 h-5 text-primary-600 mt-0.5 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">ปะเก็นยาง EPDM ชนิด Pre-Lubricated พร้อมติดตั้ง</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-5 h-5 text-primary-600 mt-0.5 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">มาตรฐาน UL/FM สำหรับระบบดับเพลิง</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-5 h-5 text-primary-600 mt-0.5 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>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-5 h-5 text-primary-600 mt-0.5 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>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="flex items-center justify-center">
|
||||
<div class="bg-primary-100 rounded-xl p-8 text-center">
|
||||
<svg class="w-16 h-16 text-primary-600 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
|
||||
</svg>
|
||||
<div class="font-bold text-primary-700 text-lg">UL/FM Certified</div>
|
||||
<div class="text-primary-600 text-sm">มาตรฐานระบบดับเพลิง</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Comparison Section -->
|
||||
<section class="section">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-8">เปรียบเทียบ Grooved Coupling กับ การเชื่อม</h2>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="min-w-full bg-white border border-secondary-200 rounded-lg overflow-hidden">
|
||||
<thead class="bg-primary-600">
|
||||
<tr>
|
||||
<th class="px-6 py-3 text-left text-sm font-semibold text-white">รายการ</th>
|
||||
<th class="px-6 py-3 text-left text-sm font-semibold text-white">Grooved Coupling</th>
|
||||
<th class="px-6 py-3 text-left text-sm font-semibold text-white">การเชื่อม</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-secondary-200">
|
||||
<tr>
|
||||
<td class="px-6 py-3 text-sm font-medium text-secondary-900">ความเร็วติดตั้ง</td>
|
||||
<td class="px-6 py-3 text-sm text-primary-600 font-semibold">เร็วกว่า 5 เท่า</td>
|
||||
<td class="px-6 py-3 text-sm text-secondary-600">ใช้เวลานาน</td>
|
||||
</tr>
|
||||
<tr class="bg-secondary-50">
|
||||
<td class="px-6 py-3 text-sm font-medium text-secondary-900">ความปลอดภัย</td>
|
||||
<td class="px-6 py-3 text-sm text-primary-600 font-semibold">ไม่มีประกายไฟ</td>
|
||||
<td class="px-6 py-3 text-sm text-secondary-600">มีความเสี่ยงจากประกายไฟ</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-6 py-3 text-sm font-medium text-secondary-900">ความยืดหยุ่น</td>
|
||||
<td class="px-6 py-3 text-sm text-primary-600 font-semibold">ถอดแยกได้ง่าย</td>
|
||||
<td class="px-6 py-3 text-sm text-secondary-600">ตัดออกทั้งส่วน</td>
|
||||
</tr>
|
||||
<tr class="bg-secondary-50">
|
||||
<td class="px-6 py-3 text-sm font-medium text-secondary-900">ค่าใช้จ่าย</td>
|
||||
<td class="px-6 py-3 text-sm text-primary-600 font-semibold">ประหยัด 25-40%</td>
|
||||
<td class="px-6 py-3 text-sm text-secondary-600">ค่าใช้จ่ายสูงกว่า</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-6 py-3 text-sm font-medium text-secondary-900">ช่างที่ต้องการ</td>
|
||||
<td class="px-6 py-3 text-sm text-primary-600 font-semibold">ผ่านการฝึกอบรมมาตรฐาน</td>
|
||||
<td class="px-6 py-3 text-sm text-secondary-600">ช่างเชื่อมผีเสื้อสมุทร</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section id="faq" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
|
||||
<div class="space-y-4">
|
||||
<div class="bg-white rounded-lg p-4 shadow-sm">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: Grooved Coupling กับ Flange ต่างกันอย่างไร?</h3>
|
||||
<p class="text-secondary-700">Groove coupling ใช้ร่องที่ตัดที่ตัวท่อและข้อต่อมีบ่ายึด ติดตั้งง่ายและรวดเร็วกว่า Flange ที่ต้องเชื่อมหรือสกรูข้อต่อเข้ากับท่อ</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4 shadow-sm">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ข้อต่อหลุดได้ไหม?</h3>
|
||||
<p class="text-secondary-700">ถ้าติดตั้งถูกวิธีและใช้แรงบิดที่ถูกต้อง ข้อต่อจะแน่นหนาวไม่หลุด สำคัญคือต้องตรวจสอบสภาพและขันสกรูใหม่ตามระยะเวลาที่กำหนด</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4 shadow-sm">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ใช้กับท่อวัสดุอะไรได้บ้าง?</h3>
|
||||
<p class="text-secondary-700">Groove coupling ใช้ได้กับท่อเหล็ก (แบบลดน้ำหนัก, แบบหนา), ท่อสแตนเลส, ท่อ HDPE, ท่อ PVC และท่อ GRP</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-lg p-4 shadow-sm">
|
||||
<h3 class="font-semibold text-secondary-900 mb-2">Q: ทำไมต้องเลือก MECH Grooved Coupling?</h3>
|
||||
<p class="text-secondary-700">MECH ได้รับการรับรองมาตรฐาน UL/FM/Vds/DVGW/LPCB ทั้ง 5 มาตรฐาน ผลิตจาก Ductile Iron คุณภาพสูง ติดตั้งเร็วกว่า 5 เท่า และประหยัดค่าใช้จ่าย 25-40%</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Price List Section -->
|
||||
<section class="section gradient-mesh">
|
||||
<div class="container-custom">
|
||||
<div class="card-glass p-8 max-w-lg mx-auto">
|
||||
<h2 id="pricelist" class="text-lg sm:text-xl font-bold text-secondary-900 mb-6 text-center">ดาวน์โหลดราคาสินค้า</h2>
|
||||
<a href="/documents/Price List MECH_V13-2021 [260864](1).pdf" target="_blank" class="flex items-center gap-4 p-4 bg-secondary-50 rounded-xl hover:bg-secondary-100 transition-colors group">
|
||||
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div>
|
||||
<div class="font-semibold text-secondary-900 group-hover:text-primary-600 transition-colors">ราคาสินค้า MECH V13-2021</div>
|
||||
<div class="text-sm text-secondary-500">PDF - ดาวน์โหลดราคา</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<section class="cta-gradient py-16">
|
||||
<div class="container-custom text-center">
|
||||
<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/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
|
||||
<span>แชท</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="btn-white">
|
||||
โทร 090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
336
src/styles/global.css
Normal file
336
src/styles/global.css
Normal file
@@ -0,0 +1,336 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer base {
|
||||
html {
|
||||
font-size: 18px;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
@media (max-width: 380px) {
|
||||
html {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1280px) {
|
||||
html {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-padding-top: 100px;
|
||||
}
|
||||
|
||||
body {
|
||||
@apply font-sans text-steel-800 antialiased;
|
||||
overflow-x: hidden;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
@apply font-sans tracking-tight;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
@apply bg-steel-50;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
@apply bg-steel-400 rounded-full;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
@apply bg-steel-500;
|
||||
}
|
||||
}
|
||||
|
||||
@layer components {
|
||||
/* ========================================
|
||||
MODERN INDUSTRIAL DESIGN SYSTEM
|
||||
======================================== */
|
||||
|
||||
/* ---- Card Styles ---- */
|
||||
.card {
|
||||
@apply bg-white rounded-lg overflow-hidden transition-all duration-300;
|
||||
}
|
||||
|
||||
.card-hover {
|
||||
@apply bg-white rounded-lg overflow-hidden transition-all duration-300;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
|
||||
.card-hover:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
|
||||
/* ---- Gradient Buttons ---- */
|
||||
.btn-primary {
|
||||
@apply bg-gradient-to-r from-primary-600 to-primary-500 text-white px-8 py-4 rounded-lg
|
||||
font-semibold tracking-wide transition-all duration-200;
|
||||
box-shadow: 0 4px 0 #15803d, 0 6px 12px rgba(21, 128, 61, 0.25);
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
@apply from-primary-500 to-primary-400;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 6px 0 #15803d, 0 10px 20px rgba(21, 128, 61, 0.3);
|
||||
}
|
||||
|
||||
.btn-primary:active {
|
||||
transform: translateY(2px);
|
||||
box-shadow: 0 2px 0 #15803d, 0 2px 6px rgba(21, 128, 61, 0.2);
|
||||
}
|
||||
|
||||
.btn-white {
|
||||
@apply bg-white text-primary-700 px-5 py-3 rounded-lg
|
||||
font-semibold tracking-wide transition-all duration-200 text-sm;
|
||||
box-shadow: 0 3px 0 #e5e7eb, 0 4px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.btn-white:hover {
|
||||
@apply text-primary-600;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 5px 0 #e5e7eb, 0 8px 16px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
/* ---- Product Card ---- */
|
||||
.product-card {
|
||||
@apply card-hover cursor-pointer block;
|
||||
}
|
||||
|
||||
.product-card-image {
|
||||
@apply relative overflow-hidden bg-gradient-to-br from-steel-50 to-steel-100
|
||||
aspect-square flex items-center justify-center;
|
||||
}
|
||||
|
||||
.product-card-image img {
|
||||
@apply w-full h-full object-cover transition-transform duration-500;
|
||||
}
|
||||
|
||||
.product-card:hover .product-card-image img {
|
||||
transform: scale(1.08);
|
||||
}
|
||||
|
||||
/* ---- Section Styles ---- */
|
||||
.section {
|
||||
@apply py-16 md:py-24;
|
||||
}
|
||||
|
||||
.section-dark {
|
||||
@apply py-16 md:py-24 bg-primary-900 text-white;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
@apply text-2xl sm:text-3xl lg:text-4xl font-bold text-steel-900 mb-4
|
||||
tracking-tight leading-tight;
|
||||
}
|
||||
|
||||
.section-subtitle {
|
||||
@apply text-lg md:text-xl text-steel-500 max-w-3xl leading-relaxed;
|
||||
}
|
||||
|
||||
.container-custom {
|
||||
@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
|
||||
}
|
||||
|
||||
/* ---- Gradient Backgrounds ---- */
|
||||
.gradient-bg {
|
||||
@apply bg-gradient-to-br from-steel-50 via-white to-steel-50;
|
||||
}
|
||||
|
||||
.gradient-mesh {
|
||||
background:
|
||||
radial-gradient(at 40% 20%, rgba(63, 139, 109, 0.08) 0px, transparent 50%),
|
||||
radial-gradient(at 80% 0%, rgba(227, 92, 24, 0.05) 0px, transparent 50%),
|
||||
radial-gradient(at 0% 50%, rgba(63, 139, 109, 0.05) 0px, transparent 50%),
|
||||
radial-gradient(at 80% 50%, rgba(227, 92, 24, 0.03) 0px, transparent 50%),
|
||||
radial-gradient(at 0% 100%, rgba(63, 139, 109, 0.05) 0px, transparent 50%);
|
||||
}
|
||||
|
||||
/* ---- Navbar ---- */
|
||||
.navbar {
|
||||
@apply sticky top-0 z-50 transition-all duration-300;
|
||||
background: rgba(255, 255, 255, 0.85);
|
||||
backdrop-filter: blur(20px) saturate(180%);
|
||||
-webkit-backdrop-filter: blur(20px) saturate(180%);
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.navbar-scrolled {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
|
||||
/* ---- Footer ---- */
|
||||
.footer {
|
||||
@apply bg-white text-steel-600 border-t border-steel-200 pt-16 pb-8;
|
||||
}
|
||||
|
||||
.footer-title {
|
||||
@apply text-lg font-semibold text-steel-900 mb-6 tracking-wide uppercase;
|
||||
}
|
||||
|
||||
/* ---- Nav Links ---- */
|
||||
.nav-link {
|
||||
@apply px-4 py-2 text-base font-medium text-steel-700 hover:text-accent-500 transition-all duration-200 relative;
|
||||
}
|
||||
|
||||
.nav-link::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
width: 0;
|
||||
height: 2px;
|
||||
@apply bg-accent-500;
|
||||
transition: all 0.3s ease-out;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.nav-link:hover::after {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.mobile-nav-link {
|
||||
@apply px-4 py-3 text-base font-medium text-steel-700 hover:bg-steel-100 hover:text-accent-500 rounded-lg transition-colors;
|
||||
}
|
||||
|
||||
/* ---- Hero Section ---- */
|
||||
.hero-gradient {
|
||||
background:
|
||||
linear-gradient(135deg, #166534 0%, #14532d 100%),
|
||||
url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
/* ---- CTA Section ---- */
|
||||
.cta-gradient {
|
||||
background: linear-gradient(135deg, #166534 0%, #14532d 100%);
|
||||
}
|
||||
|
||||
/* ---- Image Frame ---- */
|
||||
.image-frame {
|
||||
@apply relative overflow-hidden rounded-xl;
|
||||
}
|
||||
|
||||
.image-frame::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
border: 2px solid rgba(255, 255, 255, 0.2);
|
||||
@apply rounded-xl;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* ---- Tables ---- */
|
||||
.modern-table {
|
||||
@apply w-full border-collapse rounded-xl overflow-hidden shadow-lg;
|
||||
}
|
||||
|
||||
.modern-table th {
|
||||
@apply bg-steel-800 text-white px-6 py-4 text-left font-semibold uppercase tracking-wider text-sm;
|
||||
}
|
||||
|
||||
.modern-table td {
|
||||
@apply px-6 py-4 border-b border-steel-200 text-steel-700;
|
||||
}
|
||||
|
||||
.modern-table tr:last-child td {
|
||||
@apply border-b-0;
|
||||
}
|
||||
|
||||
.modern-table tr:hover td {
|
||||
@apply bg-steel-50;
|
||||
}
|
||||
|
||||
/* ---- Input ---- */
|
||||
.input-modern {
|
||||
@apply w-full px-5 py-4 rounded-lg border-2 border-steel-200 bg-white
|
||||
focus:border-steel-800 focus:ring-0 focus:outline-none
|
||||
transition-all duration-200 text-steel-800 placeholder:text-steel-400;
|
||||
}
|
||||
|
||||
.input-modern:focus {
|
||||
box-shadow: 0 0 0 3px rgba(30, 41, 59, 0.1);
|
||||
}
|
||||
|
||||
/* ---- Link Animation ---- */
|
||||
.link-animate {
|
||||
@apply relative inline-block;
|
||||
}
|
||||
|
||||
.link-animate::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 2px;
|
||||
@apply bg-accent-500;
|
||||
transition: width 0.3s ease-out;
|
||||
}
|
||||
|
||||
.link-animate:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* ---- Image Zoom ---- */
|
||||
.img-zoom {
|
||||
@apply overflow-hidden;
|
||||
}
|
||||
|
||||
.img-zoom img {
|
||||
@apply transition-transform duration-500;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.img-zoom:hover img {
|
||||
transform: scale(1.08);
|
||||
}
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
/* ---- Stagger Animation ---- */
|
||||
.stagger-container {
|
||||
@apply overflow-hidden;
|
||||
}
|
||||
|
||||
.stagger-item {
|
||||
@apply opacity-0 translate-y-8;
|
||||
transition-property: opacity, transform, box-shadow;
|
||||
transition-duration: 0.6s;
|
||||
transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
|
||||
.stagger-item.revealed {
|
||||
@apply opacity-100 translate-y-0;
|
||||
}
|
||||
|
||||
.stagger-item[data-delay="1"] { transition-delay: 0.1s; }
|
||||
.stagger-item[data-delay="2"] { transition-delay: 0.2s; }
|
||||
.stagger-item[data-delay="3"] { transition-delay: 0.3s; }
|
||||
.stagger-item[data-delay="4"] { transition-delay: 0.4s; }
|
||||
.stagger-item[data-delay="5"] { transition-delay: 0.5s; }
|
||||
.stagger-item[data-delay="6"] { transition-delay: 0.6s; }
|
||||
.stagger-item[data-delay="7"] { transition-delay: 0.7s; }
|
||||
.stagger-item[data-delay="8"] { transition-delay: 0.8s; }
|
||||
|
||||
/* ---- Reduced Motion ---- */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.stagger-item {
|
||||
transition: none;
|
||||
@apply opacity-100 translate-y-0;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user