kunthawat/dealplustech-astro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

Phase 8: Grilles page updates (C1-C6)

Browse Source
This commit is contained in:
OpenCode Agent
2026-04-05 20:04:09 +07:00
parent e1c36a2434
commit 53188d622b
41 changed files with 310 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

207
src/pages/dukelarrsen/index.astro
View File

@@ -8,8 +8,8 @@ import Footer from '@/components/common/Footer.astro';
{
"@context": "https://schema.org",
"@type": "Product",
"name": "DUKELARRSEN กรู๊ฟท่อ และข้อต่อกรู๊ฟ",
"description": "DUKELARRSEN Grooved Coupling and Fitting กรู๊ฟท่อคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
"name": "DUKELARRSEN Grooved Coupling สำหรับระบบดับเพลิง",
"description": "DUKELARRSEN Grooved Coupling ระบบดับเพลิง ไม่ต้องเชื่อม ไม่เกิดประกายไฟ ติดตั้งง่าย ประหยัด 20-40% มาตรฐาน UL/FM",
"image": "https://dealplustech.co.th/images/dukelarrsen/dukelarrsen-43.jpg",
"offers": {
"@type": "Offer",
@@ -20,7 +20,7 @@ import Footer from '@/components/common/Footer.astro';
}
</script>
<BaseLayout title="DUKELARRSEN กรู๊ฟท่อ และข้อต่อกรู๊ฟ" description="DUKELARRSEN Grooved Coupling and Fitting กรู๊ฟท่อคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
<BaseLayout title="DUKELARRSEN Grooved Coupling ระบบดับเพลิง มาตรฐาน UL/FM" description="DUKELARRSEN Grooved Coupling ระบบดับเพลิง ไม่ต้องเชื่อม ไม่เกิดประกายไฟ ติดตั้งง่าย ประหยัด 20-40% มาตรฐาน UL/FM">
<Header slot="header" />
<main class="bg-white min-h-screen">
@@ -36,11 +36,11 @@ import Footer from '@/components/common/Footer.astro';
<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">DUKELARRSEN กรู๊ฟท่อและข้อต่อกรู๊ฟ</h1>
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">DUKELARRSEN Grooved Coupling ระบบดับเพลิง</h1>
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
DUKELARRSEN Grooved Coupling and Fitting ระบบกรู๊ฟท่อคุณภาพสูง ประหยัดค่าติดตั้ง ติดตั้งง่าย รวดเร็ว ไม่ต้องเชื่อม ส่งฟรี กรุงเทพมหานครและปริมณฑล
ไม่ต้องเชื่อม ไม่เกิดประกายไฟ ติดตั้งง่าย ประหยัด 20-40% มาตรฐาน UL/FM รองรับขนาด 1" – 12" แรงดัน 300 psi
</p>
<div class="flex flex-wrap gap-4 mb-8">
@@ -61,19 +61,19 @@ import Footer from '@/components/common/Footer.astro';
<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>
<span>มาตรฐาน UL/FM</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>
<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>
<span>ประหยัด 20-40%</span>
</div>
</div>
</div>
@@ -81,44 +81,88 @@ import Footer from '@/components/common/Footer.astro';
</div>
</section>
<!-- 4 Reasons Section -->
<!-- Why Grooved Coupling Section -->
<section id="reasons" 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">4 เหตุผลที่ควรใช้ระบบกรู๊ฟ</h2>
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">Grooved Coupling สำหรับระบบดับเพลิง</h2>
<p class="text-lg text-secondary-700 text-center mb-12">
ไม่ต้องเชื่อม ไม่เกิดประกายไฟ ติดตั้งง่าย Flexible รับแรงสั่นสะเทือน ประหยัด 20-40%
</p>
<div class="space-y-12">
<!-- Reason 1 -->
<div class="bg-white rounded-2xl p-8 shadow-sm">
<h3 class="text-2xl font-bold text-red-600 mb-6">1. ไม่เกิดการอุดตันจาก Slag (เศษผงเหล็ก)</h3>
<img src="/images/dukelarrsen/dukelarrsen-02-03.jpg" alt="ไม่เกิด Slag" class="w-full h-auto rounded-xl" width="800" height="600" loading="lazy" decoding="async" />
</div>
<!-- Reason 2 -->
<div class="bg-white rounded-2xl p-8 shadow-sm">
<h3 class="text-2xl font-bold text-red-600 mb-6">2. รูพรุนจากรอยเชื่อม ต้นเหตุของการเกิดท่อผุ รั่ว ซึมในที่สุด</h3>
<img src="/images/dukelarrsen/dukelarrsen-04.jpg" alt="รูพรุนจากรอยเชื่อม" class="w-full h-auto rounded-xl" width="800" height="600" loading="lazy" decoding="async" />
</div>
<!-- Reason 3 -->
<div class="bg-white rounded-2xl p-8 shadow-sm">
<h3 class="text-2xl font-bold text-red-600 mb-6">3. การเชื่อมแบบดั้งเดิมอาจก่อให้เกิดเศษผงเหล็ก (Slag) ฝังในรอยเชื่อม</h3>
<img src="/images/dukelarrsen/dukelarrsen-05.jpg" alt="เศษผงเหล็กจากการเชื่อม" class="w-full h-auto rounded-xl" width="800" height="600" loading="lazy" decoding="async" />
</div>
<!-- Reason 4 -->
<div class="bg-white rounded-2xl p-8 shadow-sm">
<h3 class="text-2xl font-bold text-red-600 mb-6">4. การเกิดประกายไฟ</h3>
<div class="grid md:grid-cols-2 gap-6">
<div>
<p class="text-lg font-bold text-secondary-900 mb-4">ระบบเชื่อม</p>
<img src="/images/dukelarrsen/dukelarrsen-06.jpg" alt="ระบบเชื่อมมีประกายไฟ" class="w-full h-auto rounded-xl mb-2" width="600" height="400" loading="lazy" decoding="async" />
<p class="text-red-600 font-medium">ระบบเชื่อมมีประกายไฟ ต้นเหตุของเพลิงไหม้</p>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
<div class="bg-white rounded-xl p-6 shadow-sm text-center">
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto 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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
<div>
<p class="text-lg font-bold text-secondary-900 mb-4">ระบบกรู๊ฟ</p>
<img src="/images/dukelarrsen/dukelarrsen-07.jpg" alt="ระบบกรู๊ฟไม่มีประกายไฟ" class="w-full h-auto rounded-xl mb-2" width="600" height="400" loading="lazy" decoding="async" />
<p class="text-primary-600 font-medium">ระบบกรู๊ฟไม่ก่อให้เกิดประกายไฟ</p>
<h3 class="text-lg font-bold text-secondary-900 mb-2">1. รัดแน่น</h3>
<p class="text-secondary-600 text-sm">ล็อครอบเส้นรอบวงของท่อแน่นหนา</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm text-center">
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto 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-6z" />
</svg>
</div>
<h3 class="text-lg font-bold text-secondary-900 mb-2">2. ให้ตัว</h3>
<p class="text-secondary-600 text-sm">รองรับการขยายตัว หดตัว และเบี่ยงเบน</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm text-center">
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto 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="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4" />
</svg>
</div>
<h3 class="text-lg font-bold text-secondary-900 mb-2">3. ปรับไลน์ได้</h3>
<p class="text-secondary-600 text-sm">ปรับแนวท่อได้อย่างยืดหยุ่น</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm text-center">
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto 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="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
</svg>
</div>
<h3 class="text-lg font-bold text-secondary-900 mb-2">4. ยึดแน่น</h3>
<p class="text-secondary-600 text-sm">ป้องกันปลายท่อแยกออกจากกัน</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm text-center">
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto 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="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-lg font-bold text-secondary-900 mb-2">5. ถอดประกอบง่าย</h3>
<p class="text-secondary-600 text-sm">สะดวกต่อการซ่อมบำรุง</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm text-center">
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto 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-2">6. รับแรงสั่นสะเทือน</h3>
<p class="text-secondary-600 text-sm">ลดและดูดซับเสียงและการสั่นสะเทือน</p>
</div>
</div>
<div class="bg-primary-50 rounded-2xl p-8">
<h3 class="text-xl font-bold text-secondary-900 mb-6 text-center">ประเภทของ Coupling</h3>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-white rounded-xl p-6 shadow-sm">
<h4 class="text-lg font-bold text-primary-600 mb-3">Rigid Coupling</h4>
<p class="text-secondary-700">เหมาะสำหรับแนวนอน ให้การเชื่อมต่อที่แข็งแรงเทียบเท่าการเชื่อม</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm">
<h4 class="text-lg font-bold text-primary-600 mb-3">Flexible Coupling</h4>
<p class="text-secondary-700">เหมาะสำหรับแนวตั้ง รับแรงสั่นสะเทือน รองรับการขยายตัวจากอุณหภูมิ</p>
</div>
</div>
</div>
@@ -129,66 +173,35 @@ import Footer from '@/components/common/Footer.astro';
<!-- Product Specifications Section -->
<section id="product-specs" class="section bg-white">
<!-- Fire Incident Section -->
<section id="fire-incident" class="section bg-white">
<div class="container-custom">
<div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">เหตุการณ์จริง..เพลิงไหม้จากการเชื่อมท่อ</h2>
<img src="/images/dukelarrsen/dukelarrsen-08.jpg" alt="เพลิงไหม้จากการเชื่อมท่อ" class="w-full h-auto rounded-xl max-w-3xl mx-auto" width="800" height="600" loading="lazy" decoding="async" />
</div>
</div>
</section>
<!-- Benefits Section -->
<section id="benefits" 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">GROOVED COUPLINGS AND FITTINGS</h2>
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">ข้อมูลจำเพาะ / Specifications</h2>
<div class="grid md:grid-cols-2 gap-6 mb-8">
<div class="bg-white rounded-xl p-6 shadow-sm">
<h3 class="text-lg font-bold text-primary-600 mb-4">ขนาด (Size)</h3>
<p class="text-secondary-700 text-lg">1" – 12"</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm">
<h3 class="text-lg font-bold text-primary-600 mb-4">แรงดัน (Pressure)</h3>
<p class="text-secondary-700 text-lg">300 psi max</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm">
<h3 class="text-lg font-bold text-primary-600 mb-4">มาตรฐาน (Certificate)</h3>
<p class="text-secondary-700 text-lg">UL / FM</p>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm">
<h3 class="text-lg font-bold text-primary-600 mb-4">การประหยัด (Cost Savings)</h3>
<p class="text-secondary-700 text-lg">20-40%</p>
</div>
</div>
<img src="/images/dukelarrsen/dukelarrsen-09.jpg" alt="Grooved Couplings and Fittings" class="w-full h-auto rounded-xl mb-8" width="800" height="600" loading="lazy" decoding="async" />
<div class="grid md:grid-cols-2 gap-8">
<div class="bg-white rounded-xl p-6 shadow-sm">
<h3 class="text-xl font-bold text-secondary-900 mb-4">1. ลดค่าติดตั้ง</h3>
<ul class="space-y-2 text-secondary-700">
<li>• ประกอบง่าย ไม่ต้องใช้ช่างเฉพาะทาง</li>
<li>• ใช้อุปกรณ์น้อย</li>
<li>• ประกอบรวดเร็วในพื้นที่จำกัด</li>
<li>• ไม่ต้องเชื่อม ไม่มีมลพิษ</li>
<li>• ค่าติดตั้งต่ำ</li>
</ul>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm">
<h3 class="text-xl font-bold text-secondary-900 mb-4">2. ความยืดหยุ่นและความแข็งแรง</h3>
<ul class="space-y-2 text-secondary-700">
<li>• Flexible Coupling รองรับการขยายตัว หดตัว และเบี่ยงเบน</li>
<li>• เนื่องจากอุณหภูมิที่เปลี่ยนแปลง</li>
<li>• Rigid Coupling ให้การเชื่อมต่อที่แข็งแรงเทียบเท่าการเชื่อม</li>
</ul>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm">
<h3 class="text-xl font-bold text-secondary-900 mb-4">3. ความน่าเชื่อถือของข้อต่อ</h3>
<ul class="space-y-2 text-secondary-700">
<li>• คู่ครองล็อครอบเส้นรอบวงของท่อ</li>
<li>• ป้องกันปลายท่อแยกออกจากกันเนื่องจากแรงดันและแรงอื่นๆ</li>
<li>• สูงสุดถึงแรงดันใช้งานสูงสุดของ Coupling</li>
</ul>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm">
<h3 class="text-xl font-bold text-secondary-900 mb-4">4. ลดเสียงและการสั่นสะเทือน</h3>
<ul class="space-y-2 text-secondary-700">
<li>• ช่องว่างเล็กน้อยระหว่างปลายท่อกับยางแหวนช่วย</li>
<li>• ลดและดูดซับเสียงและการสั่นสะเทือน</li>
</ul>
</div>
</div>
<div class="bg-white rounded-xl p-6 shadow-sm mt-8">
<h3 class="text-xl font-bold text-secondary-900 mb-4">5. ข้อต่อที่สะดวก</h3>
<p class="text-secondary-700">Coupling สามารถถอดประกอบได้ง่าย ช่วยให้การถอดส่วนท่อสำหรับทำความสะอาดหรือซ่อมแซม ช่วยให้การหมุนท่อเป็นระยะเพื่อกระจายการสึกหรอภายในจากของเหลวหรือสื่อที่มีฤทธิ์กัดเซาะ</p>
</div>
</div>
</div>
</section>