---
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>
