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

Add DUKELARRSEN page with Thai content and fix image layouts

Browse Source
This commit is contained in:
Kunthawat
2026-03-21 08:52:59 +07:00
parent 527170e037
commit 82ed104666
24 changed files with 1531 additions and 456 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/pages/อุปกรณ์ดับเพลิง/index.astro
View File

@@ -67,6 +67,80 @@ import Footer from '@/components/common/Footer.astro';
</div>
</section>
<section id="product-specs" class="section bg-white">
<div class="container-custom">
<div class="max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
<div class="flex justify-center">
<img src="/images/fire-extinguisher-p1.jpg" alt="ถังดับเพลิง" class="max-w-md w-full rounded-lg shadow-md mb-8" />
</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-green-600 text-white">
<tr>
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">รูปภาพ</th>
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">ประเภท</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-green-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" /></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-green-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-green-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-green-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" /></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-2xl font-bold text-secondary-900 mb-4">วิธีการเลือกตู้ดับเพลิงเก็บเครื่องดับเพลิง</h3>
<img src="/images/fire-extinguisher-p3.jpg" alt="วิธีการเลือกตู้ดับเพลิง" class="w-full rounded-lg shadow-md" />
</div>
</div>
</section>
<section id="contact-cta" class="section bg-gray-50">
<div class="container-custom text-center">
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>