Rename อุปกรณ์ดับเพลิง page to /ตู้ดับเพลิง

- Renamed page file from อุปกรณ์ดับเพลิง.astro to ตู้ดับเพลิง.astro - Updated title and content to ตู้ดับเพลิง - Updated Header navigation link - Updated all-products page link
2026-05-23 08:30:54 +07:00
parent cc76e93c05
commit f60b3c3226
3 changed files with 16 additions and 16 deletions
--- a/src/components/common/Header.astro
+++ b/src/components/common/Header.astro
@@ -61,7 +61,7 @@ const productCategories = [
      { label: "Maxflex", href: "/maxflex" },
      { label: "เทอร์โมเบรค Thermobreak", href: "/เทอร์โมเบรค-thermobreak" },
      { label: "Realflex", href: "/realflex" },
-      { label: "อุปกรณ์ดับเพลิง", href: "/อุปกรณ์ดับเพลิง" },
+      { label: "ตู้ดับเพลิง", href: "/ตู้ดับเพลิง" },
      { label: "รั้วเทวดา", href: "/รั้วเทวดา" },
      { label: "ระบบรั้วไวน์แมน", href: "/ระบบรั้วไวน์แมน" },
    ]
--- a/src/pages/all-products.astro
+++ b/src/pages/all-products.astro
@@ -38,7 +38,7 @@ const products = [
  { name: "Maxflex", href: "/maxflex", image: "/images/maxflex/maxflex-fsk-foil.jpg", category: "ฉนวนและรั้ว" },
  { name: "เทอร์โมเบรค Thermobreak", href: "/เทอร์โมเบรค-thermobreak", image: "/images/thermobreak/thermobreak-solarblock.png", category: "ฉนวนและรั้ว" },
  { name: "Realflex", href: "/realflex", image: "/images/products-cropped/realflex_000C.jpg", category: "ฉนวนและรั้ว" },
-  { name: "อุปกรณ์ดับเพลิง", href: "/อุปกรณ์ดับเพลิง", image: "/images/products-cropped/extinguishers_000C.jpg", category: "ฉนวนและรั้ว" },
+  { name: "ตู้ดับเพลิง", href: "/ตู้ดับเพลิง", image: "/images/products-cropped/extinguishers_000C.jpg", category: "ฉนวนและรั้ว" },
  { name: "รั้วเทวดา", href: "/รั้วเทวดา", image: "/images/tevada/LINE_ALBUM_รั้วเทวดา_260522_1.jpg", category: "ฉนวนและรั้ว" },
  { name: "ระบบรั้วไวน์แมน", href: "/ระบบรั้วไวน์แมน", image: "/images/products-cropped/vineman_000C.jpg", category: "ฉนวนและรั้ว" },
 ];
--- a/src/pages/อุปกรณ์ดับเพลิง.astro
+++ b/src/pages/อุปกรณ์ดับเพลิง.astro
@@ -5,14 +5,14 @@ import Footer from '@/components/common/Footer.astro';
 import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
 ---

-<BaseLayout title="อุปกรณ์ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง - ดีล พลัส เทค" description="อุปกรณ์ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง ครบอย่างจบในที่เดียว รับปรึกษาแล้วให้คำแนะนำได้ ไม่ว่าจะติดตั้งที่ไหน เราให้คำตอบคุณได้เสมอ ดีล พลัส เทค">
+<BaseLayout title="ตู้ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง - ดีล พลัส เทค" description="ตู้ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง ครบอย่างจบในที่เดียว รับปรึกษาแล้วให้คำแนะนำได้ ไม่ว่าจะติดตั้งที่ไหน เราให้คำตอบคุณได้เสมอ ดีล พลัส เทค">
  <Header slot="header" />

  <main class="bg-white min-h-screen pb-24 md:pb-0">
    <!-- Mobile: Full-width Hero Image -->
    <section class="md:hidden">
      <div class="w-full aspect-square bg-gray-100">
-        <img src="/images/products-cropped/extinguishers_000C.jpg" alt="อุปกรณ์ดับเพลิง" class="w-full h-full object-cover" width="600" height="600" loading="eager" fetchpriority="high" onerror="this.src='/images/logo/dealplustech-logo.svg'" />
+        <img src="/images/products-cropped/extinguishers_000C.jpg" alt="ตู้ดับเพลิง" class="w-full h-full object-cover" width="600" height="600" loading="eager" fetchpriority="high" onerror="this.src='/images/logo/dealplustech-logo.svg'" />
      </div>
    </section>

@@ -20,8 +20,8 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
    <section class="px-4 py-6 md:px-0 md:py-0">
      <!-- Mobile: Stacked Content -->
      <div class="md:hidden">
-        <h1 class="text-2xl font-bold text-slate-900 mb-2">อุปกรณ์ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง</h1>
-        <p class="text-base text-slate-600 mb-6 leading-relaxed">อุปกรณ์ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง ครบอย่างจบในที่เดียว รับปรึกษาแล้วให้คำแนะนำได้ ไม่ว่าจะติดตั้งที่ไหน เราให้คำตอบคุณได้เสมอ ดีล พลัส เทค</p>
+        <h1 class="text-2xl font-bold text-slate-900 mb-2">ตู้ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง</h1>
+        <p class="text-base text-slate-600 mb-6 leading-relaxed">ตู้ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง ครบอย่างจบในที่เดียว รับปรึกษาแล้วให้คำแนะนำได้ ไม่ว่าจะติดตั้งที่ไหน เราให้คำตอบคุณได้เสมอ ดีล พลัส เทค</p>
        <div class="space-y-2 mb-6">
          <div class="flex items-center gap-2 text-slate-700">
            <svg class="w-5 h-5 text-emerald-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -50,16 +50,16 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
          <div class="grid lg:grid-cols-2 gap-12 items-start">
            <div class="lg:sticky lg:top-24">
              <div class="rounded-2xl overflow-hidden bg-white/10 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.svg'" />
+                <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.svg'" />
              </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>
+              <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="bg-white text-primary-700 hover:bg-primary-50 py-3 px-6 rounded-xl font-semibold flex items-center gap-2">
@@ -116,7 +116,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
          </div>

          <div class="prose prose-lg max-w-none mb-8">
-            <p class="text-lg text-slate-700 leading-relaxed mb-4">จำหน่ายถังดับเพลิงและอุปกรณ์ดับเพลิงครบวงจร สำหรับบ้าน อาคาร โรงงาน และพื้นที่สาธารณะ มาตรฐาน มอก. พร้อมให้คำปรึกษาและติดตั้งโดยทีมงานมืออาชีพ</p>
+            <p class="text-lg text-slate-700 leading-relaxed mb-4">จำหน่ายถังดับเพลิงและตู้ดับเพลิงครบวงจร สำหรับบ้าน อาคาร โรงงาน และพื้นที่สาธารณะ มาตรฐาน มอก. พร้อมให้คำปรึกษาและติดตั้งโดยทีมงานมืออาชีพ</p>

            <p class="text-lg text-slate-700 leading-relaxed mb-4"><strong>ประเภทถังดับเพลิงที่มีจำหน่าย:</strong></p>
            <ul class="list-disc pl-6 mb-4 space-y-2">
@@ -240,11 +240,11 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
    <!-- Product Selection Guide -->
    <section class="py-16">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
-        <h2 class="text-xl font-bold text-slate-900 mb-8 text-center">วิธีเลือกอุปกรณ์ดับเพลิงให้เหมาะกับการใช้งาน</h2>
+        <h2 class="text-xl font-bold text-slate-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-slate-700 leading-relaxed mb-6">การเลือกอุปกรณ์ดับเพลิงที่เหมาะสมต้องพิจารณาหลายปัจจัย เพื่อให้การป้องกันอัคคีภัยมีประสิทธิภาพสูงสุด</p>
+            <p class="text-lg text-slate-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">
@@ -312,7 +312,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
    <!-- FAQ Section -->
    <section class="py-16 bg-gray-50">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
-        <h2 class="text-xl font-bold text-slate-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับอุปกรณ์ดับเพลิง</h2>
+        <h2 class="text-xl font-bold text-slate-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับตู้ดับเพลิง</h2>

        <div class="max-w-4xl mx-auto space-y-4">
          <div class="bg-white rounded-lg p-6">
@@ -336,8 +336,8 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
          </div>

          <div class="bg-white rounded-lg p-6">
-            <h3 class="font-bold text-slate-900 mb-2">5. บริษัทของเราให้บริการติดตั้งและบำรุงรักษาอุปกรณ์ดับเพลิงหรือไม่?</h3>
-            <p class="text-slate-700">ใช่ บริษัท ดีล พลัส เทค ให้บริการครบวงจร ตั้งแต่ให้คำปรึกษา ออกแบบระบบ จัดหาและติดตั้งอุปกรณ์ดับเพลิง พร้อมทั้งบริการตรวจสอบและบำรุงรักษาตามมาตรฐาน ติดต่อสอบถามรายละเอียดได้ที่ Line @JPPSELECTION</p>
+            <h3 class="font-bold text-slate-900 mb-2">5. บริษัทของเราให้บริการติดตั้งและบำรุงรักษาตู้ดับเพลิงหรือไม่?</h3>
+            <p class="text-slate-700">ใช่ บริษัท ดีล พลัส เทค ให้บริการครบวงจร ตั้งแต่ให้คำปรึกษา ออกแบบระบบ จัดหาและติดตั้งตู้ดับเพลิง พร้อมทั้งบริการตรวจสอบและบำรุงรักษาตามมาตรฐาน ติดต่อสอบถามรายละเอียดได้ที่ Line @JPPSELECTION</p>
          </div>
        </div>
      </div>