🎨 Fix CSS: Import global.css + plain CSS styles

CSS was not being imported! Fixed: ✅ Added 'import ../styles/global.css' to BaseLayout.astro ✅ Rewrote CSS with plain CSS (not @apply which wasn't working) ✅ Cookie banner has inline styles as backup ✅ Font size: 16px base ✅ Solid colors: green-600 (#16a34a), gray-900 (#111827) ✅ Footer has policy links Build: 12 pages ✅
2026-03-10 08:21:30 +07:00
parent 0d3c8fa5b8
commit 3ed9f3f3ff
11122 changed files with 1624110 additions and 180 deletions
--- a/dealplustech-astro/src/components/FloatingContact.astro
+++ b/dealplustech-astro/src/components/FloatingContact.astro
@@ -0,0 +1,29 @@
+---
+import { siteConfig } from '../data/site-config';
+---
+
+<div class="fixed bottom-6 right-6 z-50 flex flex-col gap-3">
+  <!-- LINE -->
+  <a
+    href={`https://line.me/ti/p/${siteConfig.lineId}`}
+    target="_blank"
+    rel="noopener"
+    class="w-14 h-14 bg-[#00B900] rounded-full flex items-center justify-center shadow-lg hover:scale-110 transition-transform"
+    aria-label="ติดต่อ LINE"
+  >
+    <svg class="w-7 h-7 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-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.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-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.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>
+  
+  <!-- Phone -->
+  <a
+    href={`tel:${siteConfig.phone}`}
+    class="w-14 h-14 bg-primary-600 rounded-full flex items-center justify-center shadow-lg hover:scale-110 transition-transform"
+    aria-label="โทรหาเรา"
+  >
+    <svg class="w-7 h-7 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+      <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>
--- a/dealplustech-astro/src/components/Footer.astro
+++ b/dealplustech-astro/src/components/Footer.astro
@@ -0,0 +1,108 @@
+---
+import { siteConfig, workHours } from '../data/site-config';
+---
+
+<footer class="bg-secondary-900 text-white pt-16 pb-8">
+  <div class="container mx-auto px-4">
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">
+      <!-- Company Info -->
+      <div>
+        <div class="flex items-center gap-3 mb-4">
+          <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center">
+            <span class="text-white font-bold text-xl">ด</span>
+          </div>
+          <span class="text-white font-bold text-xl">{siteConfig.nameTh}</span>
+        </div>
+        <p class="text-secondary-300 mb-4">
+          ผู้เชี่ยวชาญด้านวัสดุท่อและอุปกรณ์ระบบท่อครบวงจร
+        </p>
+        <div class="flex gap-4">
+          <a href={`https://facebook.com/${siteConfig.facebookUrl}`} target="_blank" rel="noopener" class="text-secondary-300 hover:text-primary-400 transition-colors">
+            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
+              <path d="M18.77,7.46H14.5v-1.9c0-.9.6-1.1,1-1.1h3V.5h-4.33C10.24.5,9.5,3.44,9.5,5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4Z"/>
+            </svg>
+          </a>
+          <a href={`https://line.me/ti/p/${siteConfig.lineId}`} target="_blank" rel="noopener" class="text-secondary-300 hover:text-primary-400 transition-colors">
+            <svg class="w-6 h-6" 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-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.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-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.10.314c943 0 0 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>
+
+      <!-- Quick Links -->
+      <div>
+        <h3 class="text-lg font-bold mb-4">ลิงก์ด่วน</h3>
+        <ul class="space-y-2">
+          <li><a href="/about-us/" class="text-secondary-300 hover:text-primary-400 transition-colors">เกี่ยวกับเรา</a></li>
+          <li><a href="/services/" class="text-secondary-300 hover:text-primary-400 transition-colors">บริการ</a></li>
+          <li><a href="/product/" class="text-secondary-300 hover:text-primary-400 transition-colors">สินค้า</a></li>
+          <li><a href="/portfolio/" class="text-secondary-300 hover:text-primary-400 transition-colors">ผลงาน</a></li>
+          <li><a href="/contact-us/" class="text-secondary-300 hover:text-primary-400 transition-colors">ติดต่อเรา</a></li>
+        </ul>
+      </div>
+
+      <!-- Products -->
+      <div>
+        <h3 class="text-lg font-bold mb-4">สินค้า</h3>
+        <ul class="space-y-2">
+          <li><a href="/ท่อพีพีอาร์ตราช้าง/" class="text-secondary-300 hover:text-primary-400 transition-colors">ท่อพีพีอาร์ตราช้าง</a></li>
+          <li><a href="/ท่อhdpe/" class="text-secondary-300 hover:text-primary-400 transition-colors">ท่อ HDPE</a></li>
+          <li><a href="/ท่อupvc/" class="text-secondary-300 hover:text-primary-400 transition-colors">ท่อ uPVC</a></li>
+          <li><a href="/วาล์ว-valve/" class="text-secondary-300 hover:text-primary-400 transition-colors">วาล์ว</a></li>
+          <li><a href="/หัวจ่ายลม-กริล/" class="text-secondary-300 hover:text-primary-400 transition-colors">กริลแอร์</a></li>
+        </ul>
+      </div>
+
+      <!-- Contact -->
+      <div>
+        <h3 class="text-lg font-bold mb-4">ติดต่อเรา</h3>
+        <ul class="space-y-3">
+          <li class="flex items-start gap-3">
+            <svg class="w-5 h-5 text-primary-400 mt-0.5 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <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-300">{siteConfig.address}</span>
+          </li>
+          <li class="flex items-center gap-3">
+            <svg class="w-5 h-5 text-primary-400 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <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 href={`tel:${siteConfig.phone}`} class="text-secondary-300 hover:text-primary-400 transition-colors">{siteConfig.phone}</a>
+          </li>
+          <li class="flex items-center gap-3">
+            <svg class="w-5 h-5 text-primary-400 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <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>
+            <a href={`mailto:${siteConfig.email}`} class="text-secondary-300 hover:text-primary-400 transition-colors">{siteConfig.email}</a>
+          </li>
+          <li class="flex items-center gap-3">
+            <svg class="w-5 h-5 text-primary-400 flex-shrink-0" 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-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755z"/>
+            </svg>
+            <span class="text-secondary-300">{siteConfig.lineId}</span>
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <!-- Work Hours -->
+    <div class="border-t border-secondary-800 pt-8 mb-8">
+      <h4 class="font-bold mb-3">เวลาทำการ</h4>
+      <div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-secondary-300">
+        {workHours.map((item) => (
+          <div class="flex justify-between">
+            <span>{item.day}</span>
+            <span class={item.isClosed ? 'text-red-400' : ''}>{item.hours}</span>
+          </div>
+        ))}
+      </div>
+    </div>
+
+    <!-- Copyright -->
+    <div class="border-t border-secondary-800 pt-8 text-center text-secondary-400">
+      <p>&copy; {new Date().getFullYear()} {siteConfig.nameTh} สงวนลิขสิทธิ์</p>
+    </div>
+  </div>
+</footer>
--- a/dealplustech-astro/src/components/Header.astro
+++ b/dealplustech-astro/src/components/Header.astro
@@ -0,0 +1,65 @@
+---
+import { siteConfig } from '../data/site-config';
+---
+
+<header class="fixed top-0 left-0 right-0 z-50 bg-secondary-900 shadow-lg">
+  <div class="container mx-auto px-4">
+    <div class="flex items-center justify-between h-20">
+      <!-- Logo -->
+      <a href="/" class="flex items-center gap-3">
+        <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center">
+          <span class="text-white font-bold text-xl">ด</span>
+        </div>
+        <span class="text-white font-bold text-xl">{siteConfig.nameTh}</span>
+      </a>
+
+      <!-- Desktop Navigation -->
+      <nav class="hidden lg:flex items-center gap-8">
+        <a href="/" class="text-white hover:text-primary-400 transition-colors">หน้าแรก</a>
+        <a href="/about-us/" class="text-white hover:text-primary-400 transition-colors">เกี่ยวกับเรา</a>
+        <a href="/services/" class="text-white hover:text-primary-400 transition-colors">บริการ</a>
+        <a href="/product/" class="text-white hover:text-primary-400 transition-colors">สินค้า</a>
+        <a href="/portfolio/" class="text-white hover:text-primary-400 transition-colors">ผลงาน</a>
+        <a href="/contact-us/" class="text-white hover:text-primary-400 transition-colors">ติดต่อเรา</a>
+      </nav>
+
+      <!-- CTA Button -->
+      <a href="/contact-us/" class="hidden lg:inline-block btn-primary">
+        ขอใบเสนอราคา
+      </a>
+
+      <!-- Mobile Menu Button -->
+      <button 
+        id="mobile-menu-btn"
+        class="lg:hidden text-white p-2"
+        aria-label="เปิดเมนู"
+      >
+        <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M4 6h16M4 12h16M4 18h16" />
+        </svg>
+      </button>
+    </div>
+  </div>
+
+  <!-- Mobile Menu -->
+  <div id="mobile-menu" class="hidden lg:hidden bg-secondary-800 border-t border-secondary-700">
+    <nav class="container mx-auto px-4 py-4 flex flex-col gap-4">
+      <a href="/" class="text-white hover:text-primary-400 transition-colors py-2">หน้าแรก</a>
+      <a href="/about-us/" class="text-white hover:text-primary-400 transition-colors py-2">เกี่ยวกับเรา</a>
+      <a href="/services/" class="text-white hover:text-primary-400 transition-colors py-2">บริการ</a>
+      <a href="/product/" class="text-white hover:text-primary-400 transition-colors py-2">สินค้า</a>
+      <a href="/portfolio/" class="text-white hover:text-primary-400 transition-colors py-2">ผลงาน</a>
+      <a href="/contact-us/" class="text-white hover:text-primary-400 transition-colors py-2">ติดต่อเรา</a>
+      <a href="/contact-us/" class="btn-primary text-center mt-2">ขอใบเสนอราคา</a>
+    </nav>
+  </div>
+</header>
+
+<script>
+  const btn = document.getElementById('mobile-menu-btn');
+  const menu = document.getElementById('mobile-menu');
+  
+  btn?.addEventListener('click', () => {
+    menu?.classList.toggle('hidden');
+  });
+</script>
--- a/dealplustech-astro/src/content/products/anchors.md
+++ b/dealplustech-astro/src/content/products/anchors.md
@@ -0,0 +1,62 @@
+---
+id: anchors
+name: พุกต่างๆ
+nameEn: Various Anchors
+slug: อุปกรณ์แขวนท่อ
+href: /พุกต่างๆ/
+description: 'พุกพลาสติก/พุกเหล็ก ขนาด M6-M16 สำหรับยึดกับคอนกรีต อิฐ บล็อก'
+shortDescription: 'พุกพลาสติก/เหล็กหลากหลายประเภท'
+image: /images/2025/01/Hanger-Clamp-Bolt_000.jpg
+keywords:
+  - พุก
+  - Anchor
+  - พุกพลาสติก
+  - พุกเหล็ก
+  - Wall Plug
+  - Expansion Anchor
+  - พุกคอนกรีต
+  - พุกอิฐ
+  - M6 M8 M10 M12 M16
+  - อุปกรณ์ยึด
+seoContent: 'พุกต่างๆ (Anchors) เป็นอุปกรณ์สำหรับยึดติดกับผนังคอนกรีต อิฐ และบล็อก มีทั้งพุกพลาสติก (Wall Plug) สำหรับงานเบา และพุกเหล็ก (Expansion Anchor) สำหรับงานหนัก มีขนาด M6-M16 หลากหลายประเภทตามการใช้งาน'
+specifications:
+  - label: ประเภท
+    value: พุกพลาสติก, พุกเหล็กขยาย, Sleeve Anchor, Wedge Anchor
+  - label: ขนาด
+    value: 'M6, M8, M10, M12, M14, M16'
+  - label: วัสดุผนัง
+    value: คอนกรีต, อิฐ, บล็อก
+features:
+  - หลากหลายประเภท
+  - เลือกตามการใช้งาน
+  - ยึดแน่น
+  - ราคาประหยัด
+applications:
+  - ยึดกับผนังคอนกรีต
+  - ยึดกับอิฐและบล็อก
+  - งานติดตั้งทั่วไป
+certifications:
+  - ISO 9001
+faq:
+  - question: พุกพลาสติกกับพุกเหล็กต่างกันอย่างไร?
+    answer: พุกพลาสติกใช้กับงานเบาและผนังอิฐ/บล็อก พุกเหล็กใช้กับงานหนักและผนังคอนกรีต
+relatedProductIds:
+  - sleeve-anchor
+  - threaded-rod
+schemaData:
+  brand: Multi-Brand
+  category: Anchors & Wall Plugs
+---
+
+# พุกต่างๆ (Anchors)
+
+## ภาพรวม
+
+พุกต่างๆ (Anchors) เป็นอุปกรณ์สำหรับยึดติดกับผนังคอนกรีต อิฐ และบล็อก
+
+## ประเภท
+
+- พุกพลาสติก (Wall Plug) - สำหรับงานเบา
+- พุกเหล็กขยาย (Expansion Anchor) - สำหรับงานหนัก
+- Sleeve Anchor
+- Wedge Anchor
--- a/dealplustech-astro/src/content/products/ball-jet.md
+++ b/dealplustech-astro/src/content/products/ball-jet.md
@@ -0,0 +1,70 @@
+---
+id: ball-jet
+name: หัวจ่ายแอร์ Ball Jet
+nameEn: Ball Jet Diffuser
+slug: อุปกรณ์ปรับอากาศ
+href: /หัวจ่ายแอร์-ball-jet/
+description: 'หัวจ่ายแอร์ Ball Jet ABS Plastic ปรับทิศทางลมได้ ลมแรงสูงระยะไกล สำหรับโรงงาน/โกดัง'
+shortDescription: 'Ball Jet ลมแรงสูงระยะไกล'
+image: /images/2025/01/balljet-cover_000C.jpg
+keywords:
+  - หัวจ่ายแอร์
+  - Ball Jet
+  - Diffuser
+  - Ball Jet Diffuser
+  - หัวจ่ายลม Ball Jet
+  - กริล Ball Jet
+  - Air Diffuser
+  - โรงงานอุตสาหกรรม
+  - ลมแรงสูง
+  - ปรับทิศทางลม
+seoContent: 'หัวจ่ายแอร์ Ball Jet เป็น Diffuser รูปทรงลูกบอลที่สามารถปรับทิศทางลมได้ 360 องศา ทำจากพลาสติก ABS ทนทาน สามารถจ่ายลมแรงสูงไปได้ไกล เหมาะสำหรับพื้นที่ขนาดใหญ่ เช่น โรงงาน โกดัง ห้องประชุม และศูนย์การค้า ติดตั้งบนเพดานหรือผนังได้'
+specifications:
+  - label: วัสดุ
+    value: พลาสติก ABS
+  - label: ขนาด
+    value: '4, 5, 6, 8, 10, 12'
+    unit: นิ้ว
+  - label: การปรับทิศทาง
+    value: '360 องศา'
+  - label: ระยะส่งลม
+    value: 'สูงสุด 15'
+    unit: เมตร
+  - label: การติดตั้ง
+    value: เพดาน, ผนัง
+features:
+  - ปรับทิศทางลมได้ 360°
+  - ลมแรงสูง ระยะไกล
+  - พลาสติก ABS ทนทาน
+  - เหมาะกับพื้นที่ใหญ่
+  - ติดตั้งง่าย
+applications:
+  - โรงงานอุตสาหกรรม
+  - โกดัง
+  - ห้องประชุม
+  - ศูนย์การค้า
+certifications:
+  - ISO 9001
+faq:
+  - question: Ball Jet เหมาะกับงานอะไร?
+    answer: Ball Jet เหมาะกับงานที่ต้องการส่งลมไปได้ไกลและปรับทิศทางได้ เช่น โรงงาน โกดัง ห้องประชุมขนาดใหญ่
+relatedProductIds:
+  - grilles
+  - thermobreak
+schemaData:
+  brand: Multi-Brand
+  category: HVAC - Ball Jet Diffuser
+---
+
+# หัวจ่ายแอร์ Ball Jet
+
+## ภาพรวม
+
+หัวจ่ายแอร์ **Ball Jet** เป็น Diffuser รูปทรงลูกบอลที่สามารถ**ปรับทิศทางลมได้ 360°**
+
+## คุณสมบัติเด่น
+
+- ปรับทิศทางลมได้ 360°
+- ลมแรงสูง ระยะไกล (สูงสุด 15 เมตร)
+- พลาสติก ABS ทนทาน
+- เหมาะกับพื้นที่ใหญ่
--- a/dealplustech-astro/src/content/products/durgo.md
+++ b/dealplustech-astro/src/content/products/durgo.md
@@ -0,0 +1,79 @@
+---
+id: durgo
+name: ระบบวาล์วเติมอากาศ DURGO
+nameEn: DURGO AAVS
+slug: อุปกรณ์ปรับอากาศ
+href: /ระบบวาล์วเติมอากาศ-durgo-aavs/
+description: 'วาล์วเติมอากาศ DURGO มาตรฐาน EN 12380 ป้องกัน Trap Siphonage สำหรับระบบระบายน้ำ'
+shortDescription: 'DURGO Air Valve EN 12380'
+image: /images/2021/03/durgo_000C.jpg
+keywords:
+  - DURGO
+  - วาล์วเติมอากาศ
+  - Air Admittance Valve
+  - AAVS
+  - วาล์วอากาศ
+  - ระบบระบายน้ำ
+  - Trap Siphonage
+  - EN 12380
+  - Vent Valve
+  - วาล์วระบายอากาศ
+seoContent: 'วาล์วเติมอากาศ DURGO (Air Admittance Valve) เป็นอุปกรณ์สำคัญในระบบระบายน้ำ ทำหน้าที่เติมอากาศเข้าสู่ท่อระบายน้ำเมื่อเกิดสุญญากาศ ป้องกันการดูดน้ำใน Trap หาย (Trap Siphonage) ผ่านมาตรฐาน EN 12380 จากสวีเดน ช่วยลดการติดตั้งท่อระบายอากาศบนหลังคา ประหยัดพื้นที่และต้นทุน'
+specifications:
+  - label: วัสดุ
+    value: Polypropylene, EPDM
+  - label: ขนาด
+    value: '50, 75, 110'
+    unit: mm
+  - label: มาตรฐาน
+    value: EN 12380
+  - label: อุณหภูมิใช้งาน
+    value: '-20 ถึง +60'
+    unit: °C
+  - label: แรงดันเปิด
+    value: '-5 ถึง -100'
+    unit: Pa
+  - label: อัตราการไหล
+    value: 'สูงสุด 7.5'
+    unit: ลบ.ม./วินาที
+features:
+  - ผ่านมาตรฐาน EN 12380
+  - ป้องกัน Trap Siphonage
+  - ไม่ต้องติดท่อระบายอากาศบนหลังคา
+  - ประหยัดพื้นที่และต้นทุน
+  - ติดตั้งง่าย
+  - คุณภาพจากสวีเดน
+applications:
+  - ระบบระบายน้ำอาคาร
+  - อาคารพาณิชย์
+  - โรงแรม
+  - อาคารสูง
+certifications:
+  - EN 12380
+  - ISO 9001
+faq:
+  - question: วาล์วเติมอากาศ DURGO ใช้ทำอะไร?
+    answer: วาล์วเติมอากาศ DURGO ใช้เติมอากาศเข้าสู่ท่อระบายน้ำเมื่อเกิดสุญญากาศ ป้องกันน้ำใน Trap ถูกดูดออก ทำให้กลิ่นไม่ลอยขึ้นมา
+  - question: DURGO ติดตั้งที่ไหน?
+    answer: DURGO ติดตั้งบนท่อระบายน้ำหลัก ในตำแหน่งที่อากาศถ่ายเทได้ ปกติติดตั้งในห้องน้ำหรือห้องเครื่อง
+relatedProductIds:
+  - xylent
+  - grilles
+schemaData:
+  brand: DURGO
+  manufacturer: Wavin (Sweden)
+  category: Drainage - Air Admittance Valve
+---
+
+# ระบบวาล์วเติมอากาศ DURGO
+
+## ภาพรวม
+
+วาล์วเติมอากาศ **DURGO** (Air Admittance Valve) เป็นอุปกรณ์สำคัญในระบบระบายน้ำ ผ่านมาตรฐาน **EN 12380** จากสวีเดน
+
+## คุณสมบัติเด่น
+
+- ผ่านมาตรฐาน EN 12380
+- ป้องกัน Trap Siphonage
+- ไม่ต้องติดท่อระบายอากาศบนหลังคา
+- ประหยัดพื้นที่และต้นทุน
--- a/dealplustech-astro/src/content/products/extinguishers.md
+++ b/dealplustech-astro/src/content/products/extinguishers.md
@@ -0,0 +1,82 @@
+---
+id: extinguishers
+name: อุปกรณ์ดับเพลิง
+nameEn: Fire Extinguishers
+slug: อุปกรณ์ดับเพลิง
+href: /อุปกรณ์ดับเพลิง/
+description: 'อุปกรณ์ดับเพลิง CO2/Dry Chemical/Foam มอก./UL/FM สำหรับทุกอาคาร'
+shortDescription: 'ถังดับเพลิง มอก./UL/FM'
+image: /images/2021/03/extinguishers_000C.jpg
+keywords:
+  - อุปกรณ์ดับเพลิง
+  - ถังดับเพลิง
+  - มอก.
+  - UL
+  - FM
+  - Fire Extinguisher
+  - CO2 extinguisher
+  - Dry Chemical
+  - Foam extinguisher
+  - ถังดับเพลิง CO2
+  - ถังดับเพลิงผงแห้ง
+  - ถังดับเพลิงโฟม
+seoContent: 'อุปกรณ์ดับเพลิงครบวงจร ประกอบด้วยถังดับเพลิงหลากหลายประเภท ได้แก่ ถังดับเพลิง CO2 เหมาะกับไฟไหม้ที่เกิดจากไฟฟ้า ถังดับเพลิงผงแห้ง (Dry Chemical) เหมาะกับไฟไหม้ทั่วไป และถังดับเพลิงโฟม (Foam) เหมาะกับไฟไหม้จากน้ำมัน ผ่านมาตรฐาน มอก., UL, และ FM เหมาะสำหรับทุกประเภทอาคาร'
+specifications:
+  - label: ประเภท
+    value: CO2, Dry Chemical (ABC), Foam
+  - label: ขนาด
+    value: '2, 4, 5, 6, 9, 25, 50'
+    unit: kg
+  - label: มาตรฐาน
+    value: มอก.332, UL, FM
+  - label: อายุการใช้งาน
+    value: '5-10'
+    unit: ปี
+  - label: การตรวจสอบ
+    value: ทุก 1 ปี
+features:
+  - หลากหลายประเภทตามการใช้งาน
+  - ผ่านมาตรฐาน มอก./UL/FM
+  - มีหลายขนาดให้เลือก
+  - ใช้งานง่าย
+  - บำรุงรักษาง่าย
+applications:
+  - อาคารพาณิชย์
+  - โรงงานอุตสาหกรรม
+  - โรงแรม
+  - บ้านพักอาศัย
+  - รถยนต์
+certifications:
+  - มอก.332
+  - UL Listed
+  - FM Approved
+faq:
+  - question: ถังดับเพลิงแบบไหนเหมาะกับไฟไหม้จากไฟฟ้า?
+    answer: ถังดับเพลิง CO2 เหมาะกับไฟไหม้จากไฟฟ้า เพราะไม่ทิ้งคราบและไม่นำไฟฟ้า
+  - question: ถังดับเพลิงต้องตรวจสอบบ่อยแค่ไหน?
+    answer: ถังดับเพลิงควรตรวจสอบทุก 1 ปี และอัดแก๊สใหม่ทุก 5 ปี หรือตามที่ผู้ผลิตแนะนำ
+relatedProductIds:
+  - realflex
+  - syler
+schemaData:
+  brand: Multi-Brand
+  category: Fire Extinguishers
+---
+
+# อุปกรณ์ดับเพลิง
+
+## ภาพรวม
+
+อุปกรณ์ดับเพลิงครบวงจร ผ่านมาตรฐาน **มอก./UL/FM**
+
+## ประเภท
+
+- **CO2** - เหมาะกับไฟไหม้จากไฟฟ้า
+- **Dry Chemical (ABC)** - เหมาะกับไฟไหม้ทั่วไป
+- **Foam** - เหมาะกับไฟไหม้จากน้ำมัน
+
+## คุณสมบัติเด่น
+
+- หลากหลายประเภทตามการใช้งาน
+- ผ่านมาตรฐาน มอก./UL/FM
+- มีหลายขนาดให้เลือก
--- a/dealplustech-astro/src/content/products/fencing.md
+++ b/dealplustech-astro/src/content/products/fencing.md
@@ -0,0 +1,74 @@
+---
+id: fencing
+name: ระบบรั้ว
+nameEn: Fencing System
+slug: ระบบรั้ว
+href: /ระบบรั้ว/
+description: 'ระบบรั้วตาข่าย รั้วไวน์แมน รั้วเทวดา คุณภาพสูง ราคาถูก'
+shortDescription: 'ระบบรั้วตาข่ายครบวงจร'
+image: /images/2025/01/fencing_000C.jpg
+keywords:
+  - รั้วตาข่าย
+  - ระบบรั้ว
+  - ไวน์แมน
+  - เทวดา
+  - Chain Link Fence
+  - รั้วโรงงาน
+  - รั้วบ้าน
+  - รั้วอาคาร
+  - Fencing
+  - รั้วเหล็ก
+  - รั้วกั้น
+seoContent: 'ระบบรั้วครบวงจร ประกอบด้วย รั้วตาข่าย (Chain Link Fence) สำหรับโรงงานและพื้นที่ขนาดใหญ่, รั้วไวน์แมน (Wiemann) ที่ทนทานและสวยงาม, และรั้วเทวดา (Tevada) ที่มีคุณภาพสูง มีหลายรูปแบบและความสูงให้เลือก เหมาะสำหรับโรงงาน อาคารพาณิชย์ และบ้านพักอาศัย'
+specifications:
+  - label: ประเภท
+    value: Chain Link, Wiemann, Tevada
+  - label: วัสดุ
+    value: เหล็กชุบซิงค์, เหล็กพ่นสี
+  - label: ความสูง
+    value: '1.5, 1.8, 2.0, 2.5, 3.0'
+    unit: เมตร
+  - label: ความยาวตาข่าย
+    value: ตามต้องการ
+    unit: เมตร
+features:
+  - หลากหลายประเภทและรูปแบบ
+  - ทนทานต่อสภาพอากาศ
+  - ราคาถูก
+  - ติดตั้งง่าย
+  - บำรุงรักษาต่ำ
+applications:
+  - โรงงานอุตสาหกรรม
+  - อาคารพาณิชย์
+  - บ้านพักอาศัย
+  - สนามกีฬา
+certifications:
+  - ISO 9001
+faq:
+  - question: รั้วตาข่ายกับรั้วเทวดาต่างกันอย่างไร?
+    answer: รั้วตาข่ายเป็นรั้วแบบโปร่ง มองทะลุได้ เหมาะกับโรงงาน รั้วเทวดาเป็นรั้วแบบทึบ เสริมความปลอดภัยและความเป็นส่วนตัว
+relatedProductIds:
+  - tevada
+schemaData:
+  brand: Multi-Brand
+  category: Fencing System
+---
+
+# ระบบรั้ว (Fencing System)
+
+## ภาพรวม
+
+ระบบรั้วครบวงจร มีหลากหลายประเภท
+
+## ประเภท
+
+- **Chain Link** - รั้วตาข่ายสำหรับโรงงาน
+- **Wiemann** - รั้วไวน์แมน ทนทานและสวยงาม
+- **Tevada** - รั้วเทวดา คุณภาพสูง
+
+## คุณสมบัติเด่น
+
+- หลากหลายประเภทและรูปแบบ
+- ทนทานต่อสภาพอากาศ
+- ราคาถูก
+- ติดตั้งง่าย
--- a/dealplustech-astro/src/content/products/grilles.md
+++ b/dealplustech-astro/src/content/products/grilles.md
@@ -0,0 +1,75 @@
+---
+id: grilles
+name: หัวจ่ายลม กริล
+nameEn: Air Grilles
+slug: อุปกรณ์ปรับอากาศ
+href: /หัวจ่ายลม-กริล/
+description: 'กริลแอร์พลาสติก/อลูมิเนียม Diffuser/Supply/Return Air Grille สำหรับระบบปรับอากาศ'
+shortDescription: 'กริลแอร์ Diffuser/Supply/Return Air'
+image: /images/2021/03/grilles_000C.jpg
+keywords:
+  - กริลแอร์
+  - หน้ากากแอร์
+  - Diffuser
+  - Air Grille
+  - Supply Air Grille
+  - Return Air Grille
+  - กริลปรับอากาศ
+  - หัวจ่ายลม
+  - Diffuser แอร์
+  - กริลอลูมิเนียม
+  - Air Diffuser
+  - ระบบ HVAC
+seoContent: 'หัวจ่ายลม กริล (Air Grilles) เป็นอุปกรณ์สำหรับระบบปรับอากาศ มีหลายประเภทได้แก่ Supply Air Grille สำหรับจ่ายลมเย็น, Return Air Grille สำหรับดูดอากาศกลับ, และ Diffuser สำหรับกระจายลม ทำจากพลาสติกหรืออลูมิเนียม มีหลายขนาดและรูปแบบให้เลือก เหมาะสำหรับอาคารพาณิชย์ โรงแรม โรงพยาบาล และอาคารสำนักงาน'
+specifications:
+  - label: ประเภท
+    value: Supply Air Grille, Return Air Grille, Diffuser
+  - label: วัสดุ
+    value: พลาสติก ABS, อลูมิเนียม
+  - label: ขนาด
+    value: '100x100 ถึง 600x600'
+    unit: mm
+  - label: การติดตั้ง
+    value: ติดผนัง, ติดเพดาน
+  - label: สี
+    value: ขาว, ครีม, ปรับแต่งได้
+features:
+  - หลากหลายประเภทและขนาด
+  - วัสดุทนทาน
+  - ออกแบบสวยงาม
+  - กระจายลมได้ดี
+  - ติดตั้งง่าย
+applications:
+  - ระบบปรับอากาศ
+  - อาคารพาณิชย์
+  - โรงแรมและโรงพยาบาล
+  - อาคารสำนักงาน
+certifications:
+  - ISO 9001
+faq:
+  - question: Supply Air Grille กับ Return Air Grille ต่างกันอย่างไร?
+    answer: Supply Air Grille ใช้สำหรับจ่ายลมเย็นออกสู่ห้อง Return Air Grille ใช้สำหรับดูดอากาศกลับเข้าระบบเพื่อระบายความร้อน
+relatedProductIds:
+  - ball-jet
+  - thermobreak
+schemaData:
+  brand: Multi-Brand
+  category: HVAC - Air Grilles
+---
+
+# หัวจ่ายลม กริล (Air Grilles)
+
+## ภาพรวม
+
+หัวจ่ายลม กริล (Air Grilles) เป็นอุปกรณ์สำหรับระบบปรับอากาศ
+
+## ประเภท
+
+- **Supply Air Grille** - สำหรับจ่ายลมเย็น
+- **Return Air Grille** - สำหรับดูดอากาศกลับ
+- **Diffuser** - สำหรับกระจายลม
+
+## วัสดุ
+
+- พลาสติก ABS
+- อลูมิเนียม
--- a/dealplustech-astro/src/content/products/hdpe.md
+++ b/dealplustech-astro/src/content/products/hdpe.md
@@ -0,0 +1,116 @@
+---
+id: hdpe
+name: ท่อ HDPE
+nameEn: HDPE Pipe
+slug: ท่อ-hdpe
+href: /ท่อhdpe/
+description: 'ท่อ HDPE PE80/PE100 ทนแรงดัน PN25 อายุการใช้งาน 50 ปี มอก. สำหรับประปาและชลประทาน'
+shortDescription: 'ท่อเอชดีพีอี PE80/PE100 มาตรฐาน มอก.'
+image: /images/2021/03/hdpe-pipe_000C.jpg
+keywords:
+  - ท่อ HDPE
+  - ท่อเอชดีพีอี
+  - ท่อ PE
+  - ท่อน้ำ HDPE
+  - PE80
+  - PE100
+  - ท่อ PE100
+  - ท่อ PE80
+  - ท่อพีอี
+  - High Density Polyethylene
+  - ท่อชลประทาน
+  - ท่อประปา HDPE
+  - ท่อดำ PE
+  - ท่อน้ำดำ
+  - SDR pipe
+seoContent: 'ท่อ HDPE (High Density Polyethylene) หรือท่อเอชดีพีอี เป็นท่อพลาสติกคุณภาพสูงที่มีความทนทานและยืดหยุ่นสูง ผลิตจากเม็ดพลาสติก HDPE เกรด PE80 และ PE100 ท่อ HDPE สามารถทนแรงดันได้สูงถึง PN25 บาร์ ทนทานต่อแรงกระแทกและการกัดกร่อน ไม่เกิดสนิม อายุการใช้งานยาวนานกว่า 50 ปี ท่อ HDPE ได้รับมาตรฐาน มอก. และเหมาะสำหรับงานระบบประปา ชลประทาน ระบบน้ำเสีย และงานอุตสาหกรรม'
+specifications:
+  - label: วัสดุ
+    value: HDPE (High Density Polyethylene)
+  - label: เกรด
+    value: PE80, PE100
+  - label: มาตรฐาน
+    value: มอก. 827-2547, ISO 4427
+  - label: แรงดันทนทาน
+    value: 'PN4 - PN25'
+    unit: bar
+  - label: SDR
+    value: 'SDR 9, 11, 13.6, 17, 21, 26'
+  - label: อุณหภูมิทนทาน
+    value: '-40 ถึง 60'
+    unit: °C
+  - label: ขนาดท่อ
+    value: '20, 32, 50, 63, 75, 90, 110, 160, 200, 250, 315, 400, 500, 630'
+    unit: mm
+  - label: สี
+    value: ดำ, น้ำเงิน (Blue Stripe)
+  - label: ความหนาแน่น
+    value: '0.941-0.965'
+    unit: g/cm³
+  - label: อายุการใช้งาน
+    value: '50'
+    unit: ปี
+features:
+  - ทนแรงดันสูงถึง PN25 บาร์
+  - ทนทานต่อแรงกระแทกและการกัดกร่อน
+  - ยืดหยุ่นสูง ทนต่อการเคลื่อนไหวของดิน
+  - ไม่เกิดสนิม ไม่เปรอะเปื้อน
+  - น้ำหนักเบา ขนส่งและติดตั้งง่าย
+  - รอยต่อแน่นหนาด้วย Butt Fusion
+  - ทนทานต่อสารเคมีและกรดด่าง
+  - อายุการใช้งานยาวนาน 50 ปี
+  - ผ่านมาตรฐาน มอก. 827-2547
+  - เหมาะสำหรับงานฝังดิน
+applications:
+  - ระบบประปา
+  - ระบบชลประทาน
+  - ระบบน้ำเสีย
+  - ท่อส่งก๊าซ
+  - งานอุตสาหกรรม
+  - ท่อส่งสารเคมี
+  - ระบบระบายน้ำ
+  - งานเหมืองแร่
+certifications:
+  - มอก. 827-2547
+  - ISO 4427
+  - ISO 9001
+faq:
+  - question: ท่อ HDPE PE80 กับ PE100 ต่างกันอย่างไร?
+    answer: ท่อ HDPE PE100 มีความทนทานต่อแรงดันสูงกว่า PE80 โดย PE100 มี MRS (Minimum Required Strength) 10 MPa ส่วน PE80 มี MRS 8 MPa ทำให้ PE100 สามารถทนแรงดันสูงกว่าในขนาดผนังที่เท่ากัน
+  - question: ท่อ HDPE มีอายุการใช้งานกี่ปี?
+    answer: ท่อ HDPE มีอายุการใช้งานยาวนานกว่า 50 ปี ภายใต้การใช้งานตามมาตรฐาน
+  - question: วิธีติดตั้งท่อ HDPE ทำอย่างไร?
+    answer: ท่อ HDPE ติดตั้งโดยใช้วิธี Butt Fusion (เชื่อมหลอมปลายต่อ) หรือ Electrofusion (เชื่อมด้วยไฟฟ้า) โดยใช้อุปกรณ์เชื่อมท่อ HDPE เฉพาะทาง
+  - question: SDR ในท่อ HDPE คืออะไร?
+    answer: SDR (Standard Dimension Ratio) คืออัตราส่วนระหว่างเส้นผ่านศูนย์กลางภายนอกกับความหนาผนังท่อ ค่า SDR ที่น้อยกว่าหมายถึงผนังท่อหนากว่า ทนแรงดันได้สูงกว่า
+relatedProductIds:
+  - hdpe-welder
+  - ppr-elephant
+schemaData:
+  brand: Thai HDPE
+  material: High Density Polyethylene (HDPE)
+  category: Water Pipe - HDPE
+---
+
+# ท่อ HDPE
+
+## ภาพรวม
+
+ท่อ **HDPE** (High Density Polyethylene) หรือท่อเอชดีพีอี เป็นท่อพลาสติกคุณภาพสูงที่มีความทนทานและยืดหยุ่นสูง
+
+## คุณสมบัติเด่น
+
+- **ทนแรงดันสูงถึง PN25 บาร์**
+- **ทนทานต่อแรงกระแทกและการกัดกร่อน**
+- **ยืดหยุ่นสูง** ทนต่อการเคลื่อนไหวของดิน
+- **ไม่เกิดสนิม** ไม่เปรอะเปื้อน
+- **อายุการใช้งานยาวนาน 50 ปี**
+
+## การใช้งาน
+
+เหมาะสำหรับ:
+- ระบบประปา
+- ระบบชลประทาน
+- ระบบน้ำเสีย
+- ท่อส่งก๊าซ
+- งานอุตสาหกรรม
--- a/dealplustech-astro/src/content/products/level-clamp.md
+++ b/dealplustech-astro/src/content/products/level-clamp.md
@@ -0,0 +1,62 @@
+---
+id: level-clamp
+name: แคล้มเลเวล
+nameEn: Level Clamp
+slug: อุปกรณ์แขวนท่อ
+href: /แคล้มเลเวล-level-clamp/
+description: 'แคล้มเลเวล (Level Clamp) ปรับระดับแม่นยำ เหล็กชุบซิงค์/สแตนเลส SUS304 ขนาด 1/2-8 นิ้ว'
+shortDescription: 'Level Clamp ปรับระดับแม่นยำ'
+image: /images/2024/02/LEVEL_CLAMP_cover_01.jpg
+keywords:
+  - แคล้มเลเวล
+  - Level Clamp
+  - Riser Clamp
+  - Pipe Clamp
+  - ปรับระดับท่อ
+  - แคล้มแนวนอน
+  - MSS SP-69
+  - อุปกรณ์ปรับระดับท่อ
+seoContent: 'แคล้มเลเวล (Level Clamp) เป็นอุปกรณ์แขวนท่อที่สามารถปรับระดับความสูงได้อย่างแม่นยำ ทำจากเหล็กชุบซิงค์หรือสแตนเลส SUS304 มีขนาด 1/2-8 นิ้ว เหมาะสำหรับงานที่ต้องการความแม่นยำในการจัดระดับท่อ เช่น งานระบบน้ำแรงดันสูง งานระบบไอน้ำ'
+specifications:
+  - label: วัสดุ
+    value: เหล็กชุบซิงค์, สแตนเลส SUS304
+  - label: ขนาดท่อ
+    value: '1/2, 3/4, 1, 1.25, 1.5, 2, 2.5, 3, 4, 6, 8'
+    unit: นิ้ว
+  - label: การปรับระดับ
+    value: 'แม่นยำ ±1 มม.'
+features:
+  - ปรับระดับแม่นยำ
+  - รับน้ำหนักสูง
+  - ทนทานแข็งแรง
+  - ใช้งานง่าย
+applications:
+  - งานท่อแนวนอน
+  - งานระบบไอน้ำ
+  - งานที่ต้องการความแม่นยำ
+certifications:
+  - ISO 9001
+faq:
+  - question: Level Clamp ใช้เมื่อไร?
+    answer: Level Clamp ใช้เมื่อต้องการปรับระดับท่อให้แนวนอนอย่างแม่นยำ เช่น งานระบบไอน้ำหรือน้ำแรงดันสูง
+relatedProductIds:
+  - clevis-hanger
+  - band-hanger
+schemaData:
+  brand: Multi-Brand
+  material: Galvanized Steel / SUS304
+  category: Pipe Clamp - Level Type
+---
+
+# แคล้มเลเวล (Level Clamp)
+
+## ภาพรวม
+
+แคล้มเลเวล (Level Clamp) เป็นอุปกรณ์แขวนท่อที่สามารถ**ปรับระดับความสูงได้อย่างแม่นยำ** ±1 มม.
+
+## คุณสมบัติเด่น
+
+- ปรับระดับแม่นยำ ±1 มม.
+- รับน้ำหนักสูง
+- ทนทานแข็งแรง
+- ใช้งานง่าย
--- a/dealplustech-astro/src/content/products/pipe-coupling-machine.md
+++ b/dealplustech-astro/src/content/products/pipe-coupling-machine.md
@@ -0,0 +1,75 @@
+---
+id: pipe-coupling-machine
+name: เครื่องเชื่อมท่อ Pipe Coupling Machine
+nameEn: Pipe Coupling Machine
+slug: เครื่องจักร
+href: /เครื่องเชื่อมท่อ-pipe-coupling-machine/
+description: 'เครื่องเชื่อมท่อ Pipe Coupling Machine สำหรับงานติดตั้งระบบท่อ'
+shortDescription: 'เครื่องเชื่อมท่อครบวงจร'
+image: /images/2025/01/pipe-coupling-machine_000.jpg
+keywords:
+  - เครื่องเชื่อมท่อ
+  - Pipe Coupling Machine
+  - เครื่องมือติดตั้งท่อ
+  - Grooving Machine
+  - เครื่องทำกรู๊ฟ
+  - Pipe Grooving
+  - Roll Grooving Machine
+  - อุปกรณ์ติดตั้งท่อ
+  - เครื่องจักรท่อ
+seoContent: 'เครื่องเชื่อมท่อ Pipe Coupling Machine เป็นเครื่องมือสำหรับงานติดตั้งระบบท่อ ใช้สำหรับทำกรู๊ฟ (Groove) ที่ปลายท่อเพื่อติดตั้ง Groove Coupling มีทั้งแบบ Roll Grooving และ Cut Grooving ทำงานรวดเร็ว แม่นยำ สามารถทำกรู๊ฟท่อได้หลากหลายขนาด เหมาะสำหรับงานติดตั้งระบบท่อขนาดใหญ่'
+specifications:
+  - label: ประเภท
+    value: Roll Grooving, Cut Grooving
+  - label: ขนาดท่อ
+    value: '2 - 24'
+    unit: นิ้ว
+  - label: วัสดุท่อ
+    value: เหล็ก, สแตนเลส, PVC
+  - label: แรงดันไฟ
+    value: '220'
+    unit: V
+  - label: กำลังไฟ
+    value: '2.2 - 5.5'
+    unit: kW
+features:
+  - ทำกรู๊ฟได้รวดเร็ว
+  - แม่นยำ
+  - รองรับท่อหลายขนาด
+  - ทนทาน
+  - ใช้งานง่าย
+applications:
+  - งานติดตั้งระบบท่อ
+  - โครงการระบบดับเพลิง
+  - งานอุตสาหกรรม
+  - โครงการประปา
+certifications:
+  - CE
+  - ISO 9001
+faq:
+  - question: Roll Grooving กับ Cut Grooving ต่างกันอย่างไร?
+    answer: Roll Grooving ใช้ลูกกลิ้งกดสร้างกรู๊ฟ ไม่ตัดเศษเหล็ก เหมาะกับท่อผนังบาง Cut Grooving ใช้ใบมีดตัดสร้างกรู๊ฟ เหมาะกับท่อผนังหนา
+relatedProductIds:
+  - groove-coupling
+  - hdpe-welder
+schemaData:
+  brand: Multi-Brand
+  category: Pipe Equipment - Grooving Machine
+---
+
+# เครื่องเชื่อมท่อ Pipe Coupling Machine
+
+## ภาพรวม
+
+เครื่องเชื่อมท่อ Pipe Coupling Machine เป็นเครื่องมือสำหรับทำ**กรู๊ฟ (Groove)** ที่ปลายท่อ
+
+## ประเภท
+
+- **Roll Grooving** - ใช้ลูกกลิ้งกด เหมาะกับท่อผนังบาง
+- **Cut Grooving** - ใช้ใบมีดตัด เหมาะกับท่อผนังหนา
+
+## คุณสมบัติเด่น
+
+- ทำกรู๊ฟได้รวดเร็ว
+- แม่นยำ
+- รองรับท่อ 2-24 นิ้ว
--- a/dealplustech-astro/src/content/products/poloplast.md
+++ b/dealplustech-astro/src/content/products/poloplast.md
@@ -0,0 +1,103 @@
+---
+id: poloplast
+name: ท่อ PP-R/PP-RCT POLOPLAST
+nameEn: POLOPLAST PP-R Pipe
+slug: ท่อพีพีอาร์
+href: /pp-r-pp-rct-poloplast/
+description: 'ท่อพีพีอาร์ POLOPLAST จากเยอรมนี มาตรฐาน DVGW และ SKZ ทนอุณหภูมิ 95°C รับประกัน 10 ปี'
+shortDescription: 'ท่อ PP-R/PP-RCT POLOPLAST คุณภาพเยอรมัน'
+image: /images/2021/03/poloplast_000C.jpg
+keywords:
+  - POLOPLAST
+  - ท่อเยอรมัน
+  - PP-RCT
+  - ท่อพีพีอาร์เกรดสูง
+  - ท่อ POLOPLAST
+  - ท่อ PP-R เยอรมัน
+  - ท่อน้ำร้อนเยอรมัน
+  - DVGW
+  - SKZ
+  - ท่อ PP-RCT
+  - Poloplast Thailand
+seoContent: 'ท่อพีพีอาร์ POLOPLAST เป็นผลิตภัณฑ์ระดับพรีเมียมจากเยอรมนี มีทั้งรุ่น PP-R และ PP-RCT ที่ได้รับการพัฒนาด้วยเทคโนโลยีล้ำสมัย ท่อ POLOPLAST ผ่านมาตรฐาน DVGW และ SKZ ระดับสากล มีความทนทานสูงสุด ทนอุณหภูมิได้ถึง 95°C และทนแรงดันสูง รับประกันคุณภาพ 10 ปี'
+specifications:
+  - label: วัสดุ
+    value: PP-R / PP-RCT (Polypropylene Random Copolymer)
+  - label: มาตรฐาน
+    value: DIN 8077/8078, ISO 15874, DVGW, SKZ
+  - label: แรงดันทนทาน
+    value: 'PN10, PN16, PN20, PN25'
+    unit: bar
+  - label: อุณหภูมิทนทาน
+    value: '-20 ถึง 95'
+    unit: °C
+  - label: ขนาดท่อ
+    value: '20, 25, 32, 40, 50, 63, 75, 90, 110, 125, 160'
+    unit: mm
+  - label: ค่าสัมประสิทธิ์การนำความร้อน
+    value: '0.15'
+    unit: W/mK
+  - label: สี
+    value: ขาว, เขียว, ส้ม
+  - label: อายุการใช้งาน
+    value: '50'
+    unit: ปี
+  - label: รับประกัน
+    value: '10'
+    unit: ปี
+features:
+  - ผลิตในเยอรมนี คุณภาพระดับพรีเมียม
+  - มาตรฐาน DVGW และ SKZ ระดับสากล
+  - ทนอุณหภูมิสูงสุด 95°C
+  - ทนแรงดันสูงถึง PN25
+  - ค่านำความร้อนต่ำ 0.15 W/mK
+  - ฉนวนความร้อนยอดเยี่ยม
+  - ไม่เกิดสนิมและการกัดกร่อน
+  - อายุการใช้งาน 50 ปี
+  - รับประกัน 10 ปี
+  - เหมาะสำหรับงานที่ต้องการคุณภาพสูงสุด
+applications:
+  - ระบบประปาน้ำร้อนอุณหภูมิสูง
+  - ระบบทำความร้อน (Heating)
+  - ระบบแอร์แช่ (Chilled Water)
+  - โรงแรม 5 ดาว
+  - โรงพยาบาลและศูนย์การแพทย์
+  - โครงการระดับพรีเมียม
+  - โรงงานอุตสาหกรรม
+certifications:
+  - DIN 8077/8078
+  - ISO 15874
+  - DVGW
+  - SKZ
+  - Hygienic Certificate
+faq:
+  - question: ท่อ POLOPLAST กับท่อ PPR ทั่วไปต่างกันอย่างไร?
+    answer: ท่อ POLOPLAST ผลิตในเยอรมนี มีมาตรฐาน DVGW และ SKZ ทนแรงดันสูงถึง PN25 มีค่านำความร้อนต่ำกว่า และรับประกัน 10 ปี ซึ่งดีกว่าท่อ PPR ทั่วไป
+  - question: PP-RCT คืออะไร?
+    answer: PP-RCT (Polypropylene Random Copolymer with modified Crystallinity and Temperature resistance) เป็นวัสดุพัฒนาต่อจาก PP-R มีความทนทานต่อแรงดันและอุณหภูมิสูงกว่า สามารถทนแรงดันได้สูงถึง PN25
+  - question: ท่อ POLOPLAST รับประกันกี่ปี?
+    answer: ท่อ POLOPLAST มีการรับประกันคุณภาพ 10 ปี สะท้อนถึงความมั่นใจในคุณภาพของผลิตภัณฑ์
+relatedProductIds:
+  - ppr-elephant
+  - thai-ppr
+  - ppr-welder
+schemaData:
+  brand: POLOPLAST
+  manufacturer: POLOPLAST GmbH (Germany)
+  material: PP-R / PP-RCT
+  category: Plumbing Pipe - Premium PPR
+---
+
+# ท่อ PP-R/PP-RCT POLOPLAST
+
+## ภาพรวม
+
+ท่อพีพีอาร์ **POLOPLAST** เป็นผลิตภัณฑ์ระดับพรีเมียมจาก**เยอรมนี** มีทั้งรุ่น PP-R และ PP-RCT
+
+## คุณสมบัติเด่น
+
+- ผลิตในเยอรมนี คุณภาพระดับพรีเมียม
+- มาตรฐาน **DVGW** และ **SKZ** ระดับสากล
+- ทนอุณหภูมิสูงสุด 95°C
+- ทนแรงดันสูงถึง **PN25**
+- รับประกัน **10 ปี**
--- a/dealplustech-astro/src/content/products/sleeve-anchor.md
+++ b/dealplustech-astro/src/content/products/sleeve-anchor.md
@@ -0,0 +1,69 @@
+---
+id: sleeve-anchor
+name: พุกเหล็ก Sleeve Anchor
+nameEn: Sleeve Anchor
+slug: อุปกรณ์แขวนท่อ
+href: /พุกเหล็ก-sleeve-anchor-bolt/
+description: 'พุกเหล็ก Sleeve Anchor เหล็กชุบซิงค์/สแตนเลส SUS304 ขนาด M8-M16 สำหรับงานหนัก'
+shortDescription: 'Sleeve Anchor พุกขยายงานหนัก'
+image: /images/2025/01/Hanger-Clamp-Bolt_000.jpg
+keywords:
+  - พุกเหล็ก
+  - Sleeve Anchor
+  - พุกขยาย
+  - Expansion Anchor
+  - M8 M10 M12 M16
+  - พุกคอนกรีต
+  - Anchor Bolt
+  - Heavy Duty Anchor
+  - พุกเหล็กชุบซิงค์
+seoContent: 'พุกเหล็ก Sleeve Anchor เป็นพุกเหล็กขยายสำหรับงานหนัก ทำจากเหล็กชุบซิงค์หรือสแตนเลส SUS304 มีขนาด M8-M16 ทำงานโดยการขยายแขนเมื่อขันน็อต ยึดแน่นกับผนังคอนกรีต เหมาะสำหรับงานยึดอุปกรณ์หนัก งานแขวนท่อ และงานอุตสาหกรรม'
+specifications:
+  - label: วัสดุ
+    value: เหล็กชุบซิงค์, สแตนเลส SUS304
+  - label: ขนาด
+    value: 'M8, M10, M12, M14, M16'
+  - label: ความยาว
+    value: '50-200'
+    unit: mm
+  - label: วัสดุผนัง
+    value: คอนกรีต, อิฐเต็ม
+  - label: น้ำหนักบรรทุก
+    value: 'สูงสุด 200'
+    unit: kg/ตัว
+features:
+  - รับน้ำหนักสูง
+  - ยึดแน่นกับคอนกรีต
+  - ติดตั้งง่าย
+  - มีทั้งแบบชุบซิงค์และสแตนเลส
+applications:
+  - งานยึดอุปกรณ์หนัก
+  - งานแขวนท่อ
+  - งานติดตั้งเครื่องจักร
+  - งานอุตสาหกรรม
+certifications:
+  - ISO 9001
+faq:
+  - question: Sleeve Anchor ติดตั้งอย่างไร?
+    answer: Sleeve Anchor ติดตั้งโดยเจาะรูที่ผนังคอนกรีต สอดพุกเข้าไป แล้วขันน็อตให้แน่น แขนขยายจะยึดแน่นกับผนัง
+relatedProductIds:
+  - anchors
+  - beam-clamp
+schemaData:
+  brand: Multi-Brand
+  material: Galvanized Steel / SUS304
+  category: Sleeve Anchor
+---
+
+# พุกเหล็ก Sleeve Anchor
+
+## ภาพรวม
+
+พุกเหล็ก **Sleeve Anchor** เป็นพุกเหล็กขยายสำหรับ**งานหนัก** รับน้ำหนักได้สูงสุด 200 กก./ตัว
+
+## คุณสมบัติเด่น
+
+- รับน้ำหนักสูง
+- ยึดแน่นกับคอนกรีต
+- ติดตั้งง่าย
+- มีทั้งแบบชุบซิงค์และสแตนเลส
--- a/dealplustech-astro/src/content/products/syler.md
+++ b/dealplustech-astro/src/content/products/syler.md
@@ -0,0 +1,84 @@
+---
+id: syler
+name: ท่อไซเลอร์
+nameEn: Syler Pipe
+slug: ท่อไซเลอร์
+href: /ท่อไซเลอร์/
+description: 'ท่อไซเลอร์ ท่อเหล็กบุ PE ทนแรงดัน 50 bar มาตรฐาน BS1387 FM APPROVED สำหรับระบบดับเพลิง'
+shortDescription: 'ท่อเหล็กบุ PE BS1387 FM APPROVED'
+image: /images/2021/03/syler_000C.jpg
+keywords:
+  - ท่อไซเลอร์
+  - Syler Pipe
+  - ท่อเหล็กบุ PE
+  - FM APPROVED
+  - ท่อดับเพลิง
+  - ท่อสปริงเกลอร์
+  - BS1387
+  - ท่อเหล็กชุบ PE
+  - fire protection pipe
+  - ท่อน้ำดับเพลิง
+seoContent: 'ท่อไซเลอร์ (Syler Pipe) เป็นท่อเหล็กบุ PE (Polyethylene) ที่ออกแบบมาเฉพาะสำหรับระบบดับเพลิงและสปริงเกลอร์ ท่อมีความทนทานสูง ทนแรงดันได้ถึง 50 บาร์ ผ่านมาตรฐาน BS1387 จากอังกฤษและ FM APPROVED จาก Factory Mutual ท่อไซเลอร์มีการบุ PE ภายในเพื่อป้องกันการกัดกร่อนและสนิม ทำให้มีอายุการใช้งานยาวนาน เหมาะสำหรับโครงการที่ต้องการมาตรฐานความปลอดภัยสูง'
+specifications:
+  - label: วัสดุ
+    value: เหล็กบุ PE (Steel with PE lining)
+  - label: มาตรฐาน
+    value: BS1387, FM APPROVED
+  - label: แรงดันทนทาน
+    value: '50'
+    unit: bar
+  - label: ขนาดท่อ
+    value: '25, 32, 40, 50, 65, 80, 100, 150, 200'
+    unit: mm
+  - label: ความหนาผนัง
+    value: Schedule 40, 80
+  - label: ความยาว
+    value: '6'
+    unit: เมตร
+  - label: สี
+    value: แดง (Red) - Fire Protection
+features:
+  - ทนแรงดันสูง 50 บาร์
+  - ผ่านมาตรฐาน BS1387 และ FM APPROVED
+  - บุ PE ป้องกันสนิมและการกัดกร่อน
+  - อายุการใช้งานยาวนาน
+  - เหมาะสำหรับระบบดับเพลิง
+  - ติดตั้งด้วย Groove Coupling
+  - ทนทานต่อความร้อน
+applications:
+  - ระบบสปริงเกลอร์
+  - ระบบดับเพลิง
+  - โรงงานอุตสาหกรรม
+  - อาคารพาณิชย์สูง
+  - โรงแรมและโรงพยาบาล
+certifications:
+  - BS1387
+  - FM APPROVED
+  - UL Listed
+faq:
+  - question: ท่อไซเลอร์เหมาะกับงานอะไร?
+    answer: ท่อไซเลอร์ออกแบบมาเฉพาะสำหรับระบบดับเพลิงและสปริงเกลอร์ ผ่านมาตรฐาน FM APPROVED จึงมั่นใจได้ในความปลอดภัย
+  - question: ท่อไซเลอร์ต่างจากท่อเหล็กทั่วไปอย่างไร?
+    answer: ท่อไซเลอร์มีการบุ PE ภายในท่อ ป้องกันการเกิดสนิมและการกัดกร่อน ทำให้มีอายุการใช้งานยาวนานกว่าท่อเหล็กทั่วไป
+relatedProductIds:
+  - realflex
+  - groove-coupling
+schemaData:
+  brand: Syler
+  material: Steel with PE Lining
+  category: Fire Protection Pipe
+---
+
+# ท่อไซเลอร์ (Syler Pipe)
+
+## ภาพรวม
+
+ท่อไซเลอร์ (Syler Pipe) เป็นท่อ**เหล็กบุ PE** ที่ออกแบบมาเฉพาะสำหรับระบบดับเพลิงและสปริงเกลอร์
+
+## คุณสมบัติเด่น
+
+- ทนแรงดันสูง **50 บาร์**
+- ผ่านมาตรฐาน **BS1387** และ **FM APPROVED**
+- บุ PE ป้องกันสนิมและการกัดกร่อน
+- อายุการใช้งานยาวนาน
+- ติดตั้งด้วย Groove Coupling
--- a/dealplustech-astro/src/content/products/tevada.md
+++ b/dealplustech-astro/src/content/products/tevada.md
@@ -0,0 +1,69 @@
+---
+id: tevada
+name: รั้วเทวดา
+nameEn: Tevada Fence
+slug: ระบบรั้ว
+href: /รั้วเทวดา/
+description: 'รั้วเทวดา คุณภาพสูง ทนทาน อายุการใช้งานยาวนาน'
+shortDescription: 'รั้วเทวดาคุณภาพสูง'
+image: /images/2021/03/TEVADA_001.png
+keywords:
+  - รั้วเทวดา
+  - Tevada
+  - Tevada Fence
+  - รั้วเทวดา Tevada
+  - รั้วอาคาร
+  - รั้วทนทาน
+  - AS/NZS 4534
+  - รั้วสูง
+  - รั้วคุณภาพ
+seoContent: 'รั้วเทวดา (Tevada) เป็นรั้วคุณภาพสูงจากออสเตรเลีย ผ่านมาตรฐาน AS/NZS 4534 มีความทนทานสูง ทนทานต่อสภาพอากาศ ไม่เป็นสนิม อายุการใช้งานยาวนาน มีหลายรูปแบบและสีให้เลือก เหมาะสำหรับอาคารพาณิชย์ โรงงาน และบ้านพักอาศัยระดับสูง'
+specifications:
+  - label: มาตรฐาน
+    value: AS/NZS 4534
+  - label: วัสดุ
+    value: เหล็กชุบซิงค์, อลูมิเนียม
+  - label: ความสูง
+    value: '1.5, 1.8, 2.0, 2.5, 3.0'
+    unit: เมตร
+  - label: สี
+    value: ดำ, เทา, ขาว, ปรับแต่งได้
+  - label: การเคลือบ
+    value: Powder Coating
+features:
+  - ผ่านมาตรฐาน AS/NZS 4534
+  - ทนทานต่อสภาพอากาศ
+  - ไม่เป็นสนิม
+  - อายุการใช้งานยาวนาน
+  - หลายสีและรูปแบบ
+applications:
+  - อาคารพาณิชย์
+  - โรงงาน
+  - บ้านพักอาศัยระดับสูง
+  - โครงการจัดสรร
+certifications:
+  - AS/NZS 4534
+  - ISO 9001
+faq:
+  - question: รั้วเทวดาทนทานแค่ไหน?
+    answer: รั้วเทวดาผ่านมาตรฐาน AS/NZS 4534 จากออสเตรเลีย มีอายุการใช้งานยาวนาน ทนทานต่อสภาพอากาศและการกัดกร่อน
+relatedProductIds:
+  - fencing
+schemaData:
+  brand: Tevada
+  category: Fencing - Premium
+---
+
+# รั้วเทวดา (Tevada Fence)
+
+## ภาพรวม
+
+รั้วเทวดา (Tevada) เป็น**รั้วคุณภาพสูง**จากออสเตรเลีย ผ่านมาตรฐาน **AS/NZS 4534**
+
+## คุณสมบัติเด่น
+
+- ผ่านมาตรฐาน AS/NZS 4534
+- ทนทานต่อสภาพอากาศ
+- ไม่เป็นสนิม
+- อายุการใช้งานยาวนาน
+- หลายสีและรูปแบบ
--- a/dealplustech-astro/src/content/products/thai-ppr.md
+++ b/dealplustech-astro/src/content/products/thai-ppr.md
@@ -0,0 +1,84 @@
+---
+id: thai-ppr
+name: ท่อ PPR Thai PPR
+nameEn: Thai PPR Pipe
+slug: ท่อพีพีอาร์
+href: /ท่อ-ppr-thai-ppr/
+description: 'ท่อ PPR Thai PPR คุณภาพสูง มาตรฐาน มอก. เหมาะสำหรับงานประปาและระบบน้ำ'
+shortDescription: 'ท่อ PPR Thai PPR มาตรฐาน มอก.'
+image: /images/2021/03/ppr-pipe_000C.jpg
+keywords:
+  - ท่อ PPR
+  - Thai PPR
+  - ท่อพีพีอาร์ไทย
+  - ท่อ PPR ไทย
+  - ท่อน้ำ PPR
+  - ท่อประปา PPR
+  - ราคาท่อ PPR ไทย
+  - ท่อพีพีอาร์มาตรฐาน มอก.
+  - ท่อ PPR ราคาถูก
+seoContent: 'ท่อ PPR Thai PPR เป็นท่อพลาสติกพีพีอาร์ผลิตในประเทศไทย ผ่านมาตรฐาน มอก. สำหรับใช้ในงานระบบประปาและระบบน้ำ ท่อ Thai PPR มีคุณสมบัติทนทานต่อความร้อนและความดัน เหมาะสำหรับงานประปาน้ำเย็นและน้ำร้อน ด้วยราคาที่เป็นมิตรกับงบประมาณ ท่อ PPR Thai PPR เป็นทางเลือกที่คุ้มค่าสำหรับโครงการก่อสร้างทุกขนาด'
+specifications:
+  - label: วัสดุ
+    value: PP-R (Polypropylene Random Copolymer)
+  - label: มาตรฐาน
+    value: มอก. 248-2549
+  - label: แรงดันทนทาน
+    value: 'PN10, PN16, PN20'
+    unit: bar
+  - label: อุณหภูมิทนทาน
+    value: '0-70'
+    unit: °C
+  - label: ขนาดท่อ
+    value: '20, 25, 32, 40, 50, 63, 75, 90, 110'
+    unit: mm
+  - label: สี
+    value: ขาว, เขียว, เทา
+  - label: อายุการใช้งาน
+    value: '30-50'
+    unit: ปี
+features:
+  - ผลิตในประเทศไทย ราคาประหยัด
+  - ผ่านมาตรฐาน มอก. สามารถตรวจสอบได้
+  - ทนอุณหภูมิสูงสุด 70°C
+  - ไม่เกิดสนิมและการกัดกร่อน
+  - ติดตั้งด้วยการเชื่อมความร้อน
+  - ปลอดภัยสำหรับน้ำดื่ม
+  - น้ำหนักเบา ขนส่งง่าย
+applications:
+  - ระบบประปาภายในอาคาร
+  - ระบบน้ำเย็น
+  - งานก่อสร้างที่อยู่อาศัย
+  - โครงการจัดสรร
+  - งานประปาขนาดเล็กและกลาง
+certifications:
+  - มอก. 248-2549
+faq:
+  - question: ท่อ Thai PPR ต่างจากท่อ PPR ตราช้างอย่างไร?
+    answer: ท่อ Thai PPR เป็นผลิตภัณฑ์ที่ผลิตในประเทศไทย ราคาประหยัดกว่า ในขณะที่ท่อ PPR ตราช้างเป็นผลิตภัณฑ์จาก SCG มีมาตรฐานสากลที่หลากหลายกว่า
+  - question: ท่อ Thai PPR รับประกันคุณภาพหรือไม่?
+    answer: ได้ ท่อ Thai PPR ผ่านมาตรฐาน มอก. 248-2549 สามารถตรวจสอบคุณภาพได้
+relatedProductIds:
+  - ppr-elephant
+  - poloplast
+  - ppr-welder
+schemaData:
+  brand: Thai PPR
+  manufacturer: Thai PPR
+  material: Polypropylene Random Copolymer (PP-R)
+  category: Plumbing Pipe - PPR
+---
+
+# ท่อ PPR Thai PPR
+
+## ภาพรวม
+
+ท่อ **Thai PPR** เป็นท่อพลาสติกพีพีอาร์**ผลิตในประเทศไทย** ผ่านมาตรฐาน **มอก.**
+
+## คุณสมบัติเด่น
+
+- ผลิตในประเทศไทย ราคาประหยัด
+- ผ่านมาตรฐาน มอก. สามารถตรวจสอบได้
+- ทนอุณหภูมิสูงสุด 70°C
+- ไม่เกิดสนิมและการกัดกร่อน
+- ติดตั้งด้วยการเชื่อมความร้อน
--- a/dealplustech-astro/src/content/products/thermobreak.md
+++ b/dealplustech-astro/src/content/products/thermobreak.md
@@ -0,0 +1,80 @@
+---
+id: thermobreak
+name: เทอร์โมเบรค Thermobreak
+nameEn: Thermobreak Insulation
+slug: อุปกรณ์ปรับอากาศ
+href: /เทอร์โมเบรค-thermobreak/
+description: 'เทอร์โมเบรค ฉนวนหุ้มท่อ Polyolefin Foam 0.032 W/mK มาตรฐาน FM/UL สำหรับ HVAC'
+shortDescription: 'Thermobreak ฉนวนหุ้มท่อ FM/UL'
+image: /images/2025/01/thermobrek_cover_000C.jpg
+keywords:
+  - เทอร์โมเบรค
+  - ฉนวนหุ้มท่อ
+  - Thermobreak
+  - Pipe Insulation
+  - ฉนวนกันความร้อน
+  - Polyolefin Foam
+  - ฉนวนท่อแอร์
+  - Thermal Insulation
+  - FM UL approved
+  - ฉนวน HVAC
+seoContent: 'เทอร์โมเบรค (Thermobreak) เป็นฉนวนหุ้มท่อคุณภาพสูงทำจาก Polyolefin Foam มีค่านำความร้อนต่ำเพียง 0.032 W/mK ช่วยป้องกันการสูญเสียความเย็นและควบคุมความร้อนได้ดีเยี่ยม ผ่านมาตรฐาน FM และ UL ทนไฟ ปลอดภัยสำหรับงาน HVAC มีหลายขนาดตามเส้นผ่านศูนย์กลางท่อ มีทั้งแบบท่อและแผ่น'
+specifications:
+  - label: วัสดุ
+    value: Polyolefin Foam
+  - label: ค่านำความร้อน
+    value: '0.032'
+    unit: W/mK
+  - label: ความหนา
+    value: '9, 13, 19, 25, 32'
+    unit: mm
+  - label: อุณหภูมิใช้งาน
+    value: '-200 ถึง +105'
+    unit: °C
+  - label: มาตรฐาน
+    value: FM Approved, UL Listed
+  - label: การติดไฟ
+    value: Self-extinguishing
+features:
+  - ค่านำความร้อนต่ำ 0.032 W/mK
+  - ผ่านมาตรฐาน FM/UL
+  - ทนไฟ ไม่ลุกลาม
+  - ทนทานต่อความชื้น
+  - ป้องกัน Condensation
+  - หลายความหนาให้เลือก
+applications:
+  - ระบบปรับอากาศ HVAC
+  - ท่อน้ำเย็น
+  - ท่อน้ำร้อน
+  - ระบบ Chiller
+  - อาคารพาณิชย์และอุตสาหกรรม
+certifications:
+  - FM Approved
+  - UL Listed
+  - ISO 9001
+faq:
+  - question: Thermobreak คืออะไร?
+    answer: Thermobreak เป็นฉนวนหุ้มท่อจาก Polyolefin Foam มีค่านำความร้อนต่ำ ช่วยป้องกันการสูญเสียความเย็นและควบคุมความร้อนได้ดี
+  - question: ทำไมต้องใช้ฉนวนหุ้มท่อ?
+    answer: ฉนวนหุ้มท่อช่วยป้องกันการสูญเสียความเย็น ป้องกันการควบแน่น (Condensation) และประหยัดพลังงานในระบบปรับอากาศ
+relatedProductIds:
+  - grilles
+  - ball-jet
+schemaData:
+  brand: Thermobreak
+  material: Polyolefin Foam
+  category: HVAC Insulation
+---
+
+# เทอร์โมเบรค (Thermobreak Insulation)
+
+## ภาพรวม
+
+เทอร์โมเบรค (Thermobreak) เป็น**ฉนวนหุ้มท่อคุณภาพสูง**ทำจาก Polyolefin Foam มีค่านำความร้อนต่ำเพียง **0.032 W/mK**
+
+## คุณสมบัติเด่น
+
+- ค่านำความร้อนต่ำ 0.032 W/mK
+- ผ่านมาตรฐาน **FM/UL**
+- ทนไฟ ไม่ลุกลาม
+- ป้องกัน Condensation
--- a/dealplustech-astro/src/content/products/threaded-rod.md
+++ b/dealplustech-astro/src/content/products/threaded-rod.md
@@ -0,0 +1,65 @@
+---
+id: threaded-rod
+name: สตัดเกลียวตลอด
+nameEn: Threaded Rod
+slug: อุปกรณ์แขวนท่อ
+href: /สตัดเกลียวตลอด-เหล็ก-threaded-rod/
+description: 'สตัดเกลียวตลอด เหล็กชุบซิงค์/สแตนเลส SUS304 ขนาด M6-M20 ความยาว 1-3 เมตร'
+shortDescription: 'Threaded Rod เกลียวตลอดแนว'
+image: /images/2024/02/THREADED_ROD_cover_01.jpg
+keywords:
+  - สตัดเกลียวตลอด
+  - Threaded Rod
+  - All Thread
+  - เกลียวตลอด
+  - เหล็กเกลียว
+  - แท่งเกลียว
+  - M6 M8 M10 M12 M16 M20
+  - Threaded bar
+  - อุปกรณ์แขวนท่อ
+seoContent: 'สตัดเกลียวตลอด (Threaded Rod) เป็นแท่งเหล็กที่มีเกลียวตลอดความยาว ใช้สำหรับแขวนท่อ ยึดอุปกรณ์ และงานก่อสร้างทั่วไป ทำจากเหล็กชุบซิงค์หรือสแตนเลส SUS304 มีขนาด M6-M20 ความยาว 1-3 เมตร สามารถตัดตามความต้องการได้'
+specifications:
+  - label: วัสดุ
+    value: เหล็กชุบซิงค์, สแตนเลส SUS304
+  - label: ขนาด
+    value: 'M6, M8, M10, M12, M14, M16, M20'
+  - label: ความยาว
+    value: '1, 2, 3'
+    unit: เมตร
+  - label: เกลียว
+    value: Metric Thread
+features:
+  - เกลียวตลอดแนว
+  - ตัดได้ตามต้องการ
+  - ทนทานต่อการกัดกร่อน
+  - ใช้งานได้หลากหลาย
+applications:
+  - แขวนท่อ
+  - ยึดอุปกรณ์
+  - งานก่อสร้าง
+  - งานอุตสาหกรรม
+certifications:
+  - ISO 9001
+faq:
+  - question: สตัดเกลียวตลอดมีขนาดอะไรบ้าง?
+    answer: สตัดเกลียวตลอดมีขนาด M6, M8, M10, M12, M14, M16, M20 ความยาว 1-3 เมตร
+relatedProductIds:
+  - clevis-hanger
+  - beam-clamp
+schemaData:
+  brand: Multi-Brand
+  material: Galvanized Steel / SUS304
+  category: Threaded Rod
+---
+
+# สตัดเกลียวตลอด (Threaded Rod)
+
+## ภาพรวม
+
+สตัดเกลียวตลอด (Threaded Rod) เป็นแท่งเหล็กที่มี**เกลียวตลอดความยาว** ใช้สำหรับแขวนท่อและยึดอุปกรณ์
+
+## คุณสมบัติเด่น
+
+- เกลียวตลอดแนว
+- ตัดได้ตามต้องการ
+- ทนทานต่อการกัดกร่อน
--- a/dealplustech-astro/src/content/products/u-bolt.md
+++ b/dealplustech-astro/src/content/products/u-bolt.md
@@ -0,0 +1,66 @@
+---
+id: u-bolt
+name: ยูโบลท์
+nameEn: U-Bolt
+slug: อุปกรณ์แขวนท่อ
+href: /ยูโบลท์-u-bolt/
+description: 'ยูโบลท์ (U-Bolt) เหล็กชุบซิงค์/สแตนเลส SUS304 ขนาด 1/2-8 นิ้ว สำหรับยึดท่อ'
+shortDescription: 'U-Bolt ยึดท่อรูปตัวยูมาตรฐาน'
+image: /images/2024/02/UBolt_cover_01.jpg
+keywords:
+  - ยูโบลท์
+  - U-Bolt
+  - U Bolt
+  - ท่อรูป U
+  - ยึดท่อ
+  - Pipe Clamp U
+  - U-bolt pipe support
+  - สกรูรูปตัวยู
+  - อุปกรณ์ยึดท่อ
+seoContent: 'ยูโบลท์ (U-Bolt) เป็นสกรูรูปตัว U สำหรับยึดท่อกับโครงสร้าง ทำจากเหล็กชุบซิงค์หรือสแตนเลส SUS304 มีขนาด 1/2-8 นิ้ว สามารถรับน้ำหนักได้ดี ติดตั้งง่าย มี 2 ขาที่มีเกลียวสำหรับขันน็อตยึด เหมาะสำหรับงานยึดท่อกับคานเหล็กหรือผนัง'
+specifications:
+  - label: วัสดุ
+    value: เหล็กชุบซิงค์, สแตนเลส SUS304
+  - label: ขนาดท่อ
+    value: '1/2, 3/4, 1, 1.25, 1.5, 2, 2.5, 3, 4, 6, 8'
+    unit: นิ้ว
+  - label: เส้นผ่าศูนย์กลางสกรู
+    value: 'M6, M8, M10, M12, M16'
+    unit: mm
+  - label: รูปแบบ
+    value: Round Bend, Square Bend
+features:
+  - รูปตัว U ยึดท่อได้แน่น
+  - ติดตั้งง่าย
+  - รับน้ำหนักดี
+  - หลายขนาดให้เลือก
+applications:
+  - ยึดท่อกับคานเหล็ก
+  - ยึดท่อกับผนัง
+  - งานอุตสาหกรรม
+certifications:
+  - ISO 9001
+faq:
+  - question: U-Bolt ใช้ยึดท่ออย่างไร?
+    answer: U-Bolt สอดท่อเข้าไปตรงกลางรูป U แล้วขันน็อตที่ขาทั้งสองข้างเพื่อยึดแน่น
+relatedProductIds:
+  - threaded-rod
+  - beam-clamp
+schemaData:
+  brand: Multi-Brand
+  material: Galvanized Steel / SUS304
+  category: U-Bolt
+---
+
+# ยูโบลท์ (U-Bolt)
+
+## ภาพรวม
+
+ยูโบลท์ (U-Bolt) เป็นสกรูรูปตัว **U** สำหรับยึดท่อกับโครงสร้าง
+
+## คุณสมบัติเด่น
+
+- รูปตัว U ยึดท่อได้แน่น
+- ติดตั้งง่าย
+- รับน้ำหนักดี
+- หลายขนาดให้เลือก
--- a/dealplustech-astro/src/content/products/water-pump.md
+++ b/dealplustech-astro/src/content/products/water-pump.md
@@ -0,0 +1,79 @@
+---
+id: water-pump
+name: Water Pump Grundfos
+nameEn: Water Pump
+slug: เครื่องจักร
+href: /waterpump-grundfos-จำหน่ายติดตั้ง/
+description: 'ปั๊มน้ำ Grundfos จำหน่ายและติดตั้ง บริการหลังการขาย'
+shortDescription: 'ปั๊มน้ำ Grundfos จำหน่ายติดตั้ง'
+image: /images/2021/03/water-pump_000C.jpg
+keywords:
+  - ปั๊มน้ำ
+  - Water Pump
+  - Grundfos
+  - ปั๊ม Grundfos
+  - Grundfos pump
+  - ปั๊มน้ำอัตโนมัติ
+  - ปั๊มน้ำดื่ม
+  - ปั๊มน้ำประปา
+  - Variable Speed Pump
+  - ปั๊มอัจฉริยะ
+seoContent: 'ปั๊มน้ำ Grundfos เป็นปั๊มน้ำคุณภาพสูงจากเดนมาร์ก มีหลากหลายรุ่นสำหรับงานประปา งานอุตสาหกรรม และงาน HVAC มีเทคโนโลยี Variable Speed Drive ช่วยประหยัดพลังงาน พร้อมบริการจำหน่าย ติดตั้ง และบำรุงรักษาครบวงจร'
+specifications:
+  - label: แบรนด์
+    value: Grundfos
+  - label: ประเภท
+    value: Centrifugal, Submersible, Booster
+  - label: แรงดัน
+    value: ตามรุ่น
+    unit: bar
+  - label: อัตราการไหล
+    value: ตามรุ่น
+    unit: ลบ.ม./ชม.
+  - label: เทคโนโลยี
+    value: Variable Speed Drive
+features:
+  - แบรนด์ชั้นนำจากเดนมาร์ก
+  - ประหยัดพลังงาน
+  - Variable Speed Drive
+  - ทนทาน อายุการใช้งานยาวนาน
+  - บริการหลังการขาย
+applications:
+  - ระบบประปา
+  - งานอุตสาหกรรม
+  - ระบบ HVAC
+  - ระบบน้ำดื่ม
+certifications:
+  - ISO 9001
+  - ISO 14001
+  - Energy Star
+faq:
+  - question: ทำไมต้องเลือกปั๊ม Grundfos?
+    answer: Grundfos เป็นแบรนด์ปั๊มน้ำชั้นนำจากเดนมาร์ก มีคุณภาพสูง ประหยัดพลังงาน และมีบริการหลังการขายที่ดี
+relatedProductIds:
+  - water-treatment
+  - ppr-elephant
+schemaData:
+  brand: Grundfos
+  manufacturer: Grundfos (Denmark)
+  category: Water Pump
+---
+
+# Water Pump Grundfos
+
+## ภาพรวม
+
+ปั๊มน้ำ **Grundfos** เป็นปั๊มน้ำคุณภาพสูงจาก**เดนมาร์ก** มีหลากหลายรุ่นสำหรับงานประปา งานอุตสาหกรรม และงาน HVAC
+
+## ประเภท
+
+- **Centrifugal** - ปั๊มแรงเหวี่ยง
+- **Submersible** - ปั๊มจมน้ำ
+- **Booster** - ปั๊มเพิ่มแรงดัน
+
+## คุณสมบัติเด่น
+
+- แบรนด์ชั้นนำจากเดนมาร์ก
+- **Variable Speed Drive** ประหยัดพลังงาน
+- ทนทาน อายุการใช้งานยาวนาน
+- บริการหลังการขาย
--- a/dealplustech-astro/src/content/products/water-treatment.md
+++ b/dealplustech-astro/src/content/products/water-treatment.md
@@ -0,0 +1,74 @@
+---
+id: water-treatment
+name: Water Treatment
+nameEn: Water Treatment
+slug: เครื่องจักร
+href: /water-treatment/
+description: 'ระบบผลิตน้ำประปา Water Treatment ครบวงจร'
+shortDescription: 'ระบบผลิตน้ำประปา'
+image: /images/2021/03/water-treatment_000C.jpg
+keywords:
+  - Water Treatment
+  - ระบบน้ำประปา
+  - บำบัดน้ำ
+  - ระบบกรองน้ำ
+  - Water Purification
+  - Reverse Osmosis
+  - RO System
+  - ระบบผลิตน้ำดื่ม
+  - Water Filter System
+  - บำบัดน้ำเสีย
+seoContent: 'ระบบบำบัดน้ำ (Water Treatment) ครบวงจร สำหรับผลิตน้ำประปาและน้ำดื่ม ประกอบด้วยระบบกรองน้ำหลายขั้นตอน ระบบ Reverse Osmosis (RO) และระบบฆ่าเชื้อ เหมาะสำหรับโรงงาน อาคารสำนักงาน และโครงการที่อยู่อาศัย พร้อมบริการออกแบบ ติดตั้ง และบำรุงรักษา'
+specifications:
+  - label: ประเภท
+    value: Filtration, RO, UV Disinfection
+  - label: ความสามารถ
+    value: ตามรุ่น
+    unit: ลบ.ม./วัน
+  - label: คุณภาพน้ำ
+    value: ตามมาตรฐานกรมอนามัย
+  - label: ระบบ
+    value: Auto Backwash, Media Filter, RO Membrane
+features:
+  - ระบบครบวงจร
+  - ผลิตน้ำได้หลากหลายคุณภาพ
+  - อัตโนมัติ
+  - บำรุงรักษาง่าย
+  - ประหยัดต้นทุน
+applications:
+  - โรงงานอุตสาหกรรม
+  - อาคารสำนักงาน
+  - โครงการที่อยู่อาศัย
+  - โรงพยาบาล
+certifications:
+  - ISO 9001
+  - กรมอนามัย
+faq:
+  - question: ระบบ Water Treatment ประกอบด้วยอะไรบ้าง?
+    answer: ระบบ Water Treatment ประกอบด้วยระบบกรองน้ำหยาบ กรองละเอียด ระบบ RO และระบบฆ่าเชื้อ UV ขึ้นอยู่กับคุณภาพน้ำที่ต้องการ
+relatedProductIds:
+  - water-pump
+  - hdpe
+schemaData:
+  brand: Multi-Brand
+  category: Water Treatment System
+---
+
+# Water Treatment (ระบบบำบัดน้ำ)
+
+## ภาพรวม
+
+ระบบบำบัดน้ำ (Water Treatment) ครบวงจร สำหรับผลิตน้ำประปาและน้ำดื่ม
+
+## ประเภทระบบ
+
+- **Filtration** - ระบบกรองน้ำ
+- **RO (Reverse Osmosis)** - ระบบแก้วน้ำกลับ
+- **UV Disinfection** - ระบบฆ่าเชื้อด้วย UV
+
+## คุณสมบัติเด่น
+
+- ระบบครบวงจร
+- ผลิตน้ำได้หลากหลายคุณภาพ
+- ระบบอัตโนมัติ
+- บำรุงรักษาง่าย
--- a/dealplustech-astro/src/data/site-config.ts
+++ b/dealplustech-astro/src/data/site-config.ts
@@ -0,0 +1,226 @@
+// Deal Plus Tech - Site Configuration for Astro
+
+export interface SiteConfig {
+  name: string;
+  nameTh: string;
+  url: string;
+  description: string;
+  phone: string;
+  email: string;
+  lineId: string;
+  facebookUrl: string;
+  address: string;
+}
+
+export interface ProductCategory {
+  id: string;
+  name: string;
+  nameEn: string;
+  slug: string;
+  href: string;
+  image: string;
+  description: string;
+  shortDescription?: string;
+  keywords?: string[];
+  seoContent?: string;
+  specifications?: Array<{ label: string; value: string; unit?: string }>;
+  features?: string[];
+  applications?: string[];
+  certifications?: string[];
+  faq?: Array<{ question: string; answer: string }>;
+  relatedProductIds?: string[];
+  productTables?: Array<{ tableName: string; headers: string[]; rows: string[][] }>;
+}
+
+export interface WorkHours {
+  day: string;
+  hours: string;
+  isClosed?: boolean;
+}
+
+export interface PortfolioProject {
+  id: string;
+  name: string;
+  href: string;
+  image: string;
+  description: string;
+}
+
+export const siteConfig: SiteConfig = {
+  name: 'Deal Plus Tech',
+  nameTh: 'ดีลพลัสเทค',
+  url: 'https://dealplustech.co.th',
+  description: 'บริษัท ดีล พลัส เทค จำกัด เราเป็นผู้เชียวชาญด้านระบบน้ำ ให้คำแนะนำและจำหน่าย ท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ HDPE รั้วตาข่าย คุณภาพสูง ราคาถูก',
+  phone: '090-555-1415',
+  email: 'info@dealplustech.co.th',
+  lineId: '@dealplustech',
+  facebookUrl: 'https://facebook.com/dealplustech',
+  address: 'บริษัท ดีล พลัส เทค จำกัด 9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กทม. 10160',
+};
+
+export const workHours: WorkHours[] = [
+  { day: 'จันทร์ - ศุกร์', hours: '08:30 - 17:30' },
+  { day: 'เสาร์', hours: '08:30 - 12:00' },
+  { day: 'อาทิตย์', hours: 'ปิดทำการ', isClosed: true },
+];
+
+// Product Categories - key products for homepage and navigation
+export const productCategories: ProductCategory[] = [
+  {
+    id: 'ppr-elephant',
+    name: 'ท่อพีพีอาร์ตราช้าง',
+    nameEn: 'PPR Elephant Pipe',
+    slug: 'ท่อพีพีอาร์',
+    href: '/ท่อพีพีอาร์ตราช้าง/',
+    image: '/images/2021/03/ppr-pipe_000C.jpg',
+    description: 'ท่อพีพีอาร์ตราช้าง (SCG) คุณภาพระดับสากล ทนอุณหภูมิสูง 95°C ทนความดัน 20 บาร์ อายุการใช้งาน 50 ปี',
+    shortDescription: 'ท่อพีพีอาร์ตราช้าง SCG มาตรฐาน DIN 8077/8078',
+    keywords: ['ท่อ PPR', 'ท่อพีพีอาร์', 'ท่อน้ำ PPR'],
+    specifications: [
+      { label: 'วัสดุ', value: 'PP-R (Polypropylene Random Copolymer)' },
+      { label: 'มาตรฐาน', value: 'DIN 8077/8078, ISO 15874' },
+      { label: 'แรงดันทนทาน', value: 'PN10, PN16, PN20', unit: 'bar' },
+      { label: 'อุณหภูมิทนทาน', value: '-20 ถึง 95', unit: '°C' },
+      { label: 'ขนาดท่อ', value: '20, 25, 32, 40, 50, 63, 75, 90, 110', unit: 'mm' },
+    ],
+    features: [
+      'ทนอุณหภูมิสูงสุด 95°C เหมาะกับน้ำร้อน',
+      'ทนความดัน PN20 (20 บาร์)',
+      'ไม่เกิดสนิมและการกัดกร่อน',
+      'ติดตั้งด้วยการเชื่อมความร้อน',
+    ],
+  },
+  {
+    id: 'hdpe',
+    name: 'ท่อ HDPE',
+    nameEn: 'HDPE Pipe',
+    slug: 'ท่อhdpe',
+    href: '/ท่อhdpe/',
+    image: '/images/2021/03/hdpe-pipe_000C.jpg',
+    description: 'ท่อ HDPE คุณภาพสูง ทนทานต่อแรงดันสูง เหมาะสำหรับระบบประปา ระบบดับเพลิง',
+    shortDescription: 'ท่อ HDPE มาตรฐาน มอก. ทนแรงดันสูง',
+    keywords: ['ท่อ HDPE', 'ท่อพลาสติก'],
+    features: [
+      'ทนทานต่อแรงดันสูง',
+      'ทนการกัดกร่อน',
+      'ติดตั้งง่าย',
+    ],
+  },
+  {
+    id: 'upvc',
+    name: 'ท่อ uPVC',
+    nameEn: 'uPVC Pipe',
+    slug: 'ท่อupvc',
+    href: '/ท่อupvc/',
+    image: '/images/2021/03/upvc-pipe.jpg',
+    description: 'ท่อ uPVC มาตรฐาน มอก. เหมาะสำหรับระบบประปาและระบบระบายน้ำ',
+    shortDescription: 'ท่อ uPVC มาตรฐาน มอก.',
+    keywords: ['ท่อ uPVC', 'ท่อ PVC'],
+    features: [
+      'ผิวเรียบ ไม่สะสมตะกรัน',
+      'ทนทานต่อแรงดันน้ำ',
+      'ราคาประหยัด',
+    ],
+  },
+  {
+    id: 'valve',
+    name: 'วาล์ว Valve',
+    nameEn: 'Valve',
+    slug: 'วาล์ว-valve',
+    href: '/วาล์ว-valve/',
+    image: '/images/2021/03/valve.jpg',
+    description: 'วาล์วคุณภาพสูง หลากหลายประเภท สำหรับระบบท่อทุกประเภท',
+    shortDescription: 'วาล์วคุณภาพสูง หลากหลายประเภท',
+    keywords: ['วาล์ว', 'วาล์วน้ำ', 'Valve'],
+    features: [
+      'คุณภาพสูง มาตรฐาน',
+      'หลากหลายประเภท',
+      'ทนทาน ใช้งานได้นาน',
+    ],
+  },
+  {
+    id: 'grilles',
+    name: 'กริลแอร์พลาสติก',
+    nameEn: 'Air Grilles',
+    slug: 'หัวจ่ายลม-กริล',
+    href: '/หัวจ่ายลม-กริล/',
+    image: '/images/2021/03/grilles_000C.jpg',
+    description: 'หัวจ่ายลมพลาสติก Ball Jet สำหรับระบบปรับอากาศ ทนทาน กะทัดรัด ติดตั้งง่าย',
+    shortDescription: 'หัวจ่ายลมพลาสติก Ball Jet',
+    keywords: ['กริลแอร์', 'หัวจ่ายลม'],
+    features: [
+      'วัสดุพลาสติกคุณภาพสูง',
+      'ติดตั้งง่าย',
+      'ทนทานต่อการใช้งาน',
+    ],
+  },
+  {
+    id: 'thermobreak',
+    name: 'เทอร์โมเบรค',
+    nameEn: 'Thermobreak',
+    slug: 'เทอร์โมเบรค-thermobreak',
+    href: '/เทอร์โมเบรค-thermobreak/',
+    image: '/images/2025/01/thermobrek_cover_000C.jpg',
+    description: 'ฉนวนหุ้มท่อ Polyolefin Foam มาตรฐาน FM/UL สำหรับ HVAC ประหยัดพลังงาน',
+    shortDescription: 'ฉนวนหุ้มท่อ Polyolefin Foam',
+    keywords: ['เทอร์โมเบรค', 'ฉนวนหุ้มท่อ'],
+    features: [
+      'ประสิทธิภาพการกันความร้อนสูง',
+      'มาตรฐาน FM/UL',
+      'ประหยัดพลังงาน',
+    ],
+  },
+];
+
+// Portfolio Projects
+export const portfolioProjects: PortfolioProject[] = [
+  {
+    id: 'thai-water',
+    name: 'ไทยน้ำทิพย์',
+    href: '/ไทยน้ำทิพย์/',
+    image: '/images/2021/02/ไทยน้ำทิพย์1-horz.jpg',
+    description: 'โครงการระบบท่อ บริษัท ไทยน้ำทิพย์ จำกัด',
+  },
+  {
+    id: 'ethanol-factory',
+    name: 'โรงงานเอธานอล',
+    href: '/โรงงานเอธานอล/',
+    image: '/images/2021/02/ลพบุรี5.jpg',
+    description: 'โครงการระบบท่อ โรงงานเอธานอล จังหวัดลพบุรี',
+  },
+  {
+    id: 'cyber-world',
+    name: 'Cyber World',
+    href: '/cyber-world/',
+    image: '/images/2021/02/IMG_3089.jpg',
+    description: 'โครงการระบบท่อ Cyber World',
+  },
+  {
+    id: 'toyox',
+    name: 'Toyox',
+    href: '/toyox/',
+    image: '/images/2021/02/IMG_2226.jpg',
+    description: 'โครงการระบบท่อ Toyox',
+  },
+  {
+    id: 'seacon-bangkae',
+    name: 'ซีคอนบางแค',
+    href: '/ซีคอนบางแค/',
+    image: '/images/2021/02/บางแค1.jpg',
+    description: 'โครงการระบบท่อ ซีคอนบางแค',
+  },
+  {
+    id: 'cp-ram-latkrabang',
+    name: 'ซีพีแรม ลาดกระบัง',
+    href: '/ซีพีแรม-ลาดกระบัง/',
+    image: '/images/2021/02/ลาดกระบัง1.jpg',
+    description: 'โครงการระบบท่อ ซีพีแรม ลาดกระบัง',
+  },
+];
+
+// Featured Products for Homepage
+export const featuredProducts = [
+  productCategories.find(p => p.id === 'ppr-elephant')!,
+  productCategories.find(p => p.id === 'hdpe')!,
+  productCategories.find(p => p.id === 'valve')!,
+];
--- a/dealplustech-astro/src/env.d.ts
+++ b/dealplustech-astro/src/env.d.ts
@@ -0,0 +1 @@
+/// <reference path="../.astro/types.d.ts" />
--- a/dealplustech-astro/src/layouts/BaseLayout.astro
+++ b/dealplustech-astro/src/layouts/BaseLayout.astro
@@ -0,0 +1,74 @@
+---
+interface Props {
+  title: string;
+  description?: string;
+}
+
+const { title, description } = Astro.props;
+const siteName = 'ดีลพลัสเทค';
+const defaultDescription = 'ผู้เชี่ยวชาญด้านวัสดุท่อและอุปกรณ์ระบบท่อ จำหน่ายท่อ PPR, ท่อ HDPE, วาล์ว และอุปกรณ์ระบบท่อครบวงจร';
+---
+
+<!DOCTYPE html>
+<html lang="th">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="generator" content={Astro.generator} />
+    <title>{title} | {siteName}</title>
+    <meta name="description" content={description || defaultDescription} />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
+  </head>
+  <body class="font-kanit bg-secondary-50 text-secondary-900">
+    <slot />
+  </body>
+</html>
+
+<style is:global>
+  * {
+    box-sizing: border-box;
+  }
+  
+  html {
+    scroll-behavior: smooth;
+  }
+  
+  body {
+    font-family: 'Kanit', sans-serif;
+  }
+  
+  .btn-primary {
+    @apply inline-block px-6 py-3 bg-primary-600 text-white font-semibold rounded-lg hover:bg-primary-700 transition-colors;
+  }
+  
+  .btn-secondary {
+    @apply inline-block px-6 py-3 bg-secondary-900 text-white font-semibold rounded-lg hover:bg-secondary-800 transition-colors;
+  }
+  
+  .btn-outline {
+    @apply inline-block px-6 py-3 border-2 border-primary-600 text-primary-600 font-semibold rounded-lg hover:bg-primary-600 hover:text-white transition-colors;
+  }
+  
+  .card {
+    @apply bg-white rounded-xl shadow-card overflow-hidden hover:shadow-lg transition-shadow;
+  }
+  
+  .card-industrial {
+    @apply bg-secondary-800 rounded-xl p-8;
+  }
+  
+  .shadow-card {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  }
+  
+  .section-title {
+    @apply text-3xl md:text-4xl font-bold text-secondary-900;
+  }
+  
+  .section-subtitle {
+    @apply text-secondary-600 text-lg max-w-2xl;
+  }
+</style>
--- a/dealplustech-astro/src/pages/404.astro
+++ b/dealplustech-astro/src/pages/404.astro
@@ -0,0 +1,20 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+import Header from '../components/Header.astro';
+import Footer from '../components/Footer.astro';
+import FloatingContact from '../components/FloatingContact.astro';
+---
+
+<BaseLayout title="404 - ไม่พบหน้า">
+  <Header />
+  <main class="min-h-[60vh] flex items-center justify-center pt-20">
+    <div class="text-center px-4">
+      <h1 class="text-6xl font-bold text-secondary-900 mb-4">404</h1>
+      <h2 class="text-2xl font-bold text-secondary-700 mb-4">ไม่พบหน้าที่คุณต้องการ</h2>
+      <p class="text-secondary-600 mb-8">หน้าที่คุณกำลังค้นหาไม่มีอยู่หรือถูกย้ายแล้ว</p>
+      <a href="/" class="btn-primary">กลับหน้าแรก</a>
+    </div>
+  </main>
+  <Footer />
+  <FloatingContact />
+</BaseLayout>
--- a/dealplustech-astro/src/pages/about-us/index.astro
+++ b/dealplustech-astro/src/pages/about-us/index.astro
@@ -0,0 +1,116 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import Header from '../../components/Header.astro';
+import Footer from '../../components/Footer.astro';
+import FloatingContact from '../../components/FloatingContact.astro';
+import { siteConfig } from '../../data/site-config';
+---
+
+<BaseLayout title="เกี่ยวกับเรา" description="เรียนรู้เพิ่มเติมเกี่ยวกับดีลพลัสเทค ผู้เชี่ยวชาญด้านวัสดุท่อและอุปกรณ์ระบบท่อ">
+  <Header />
+  <main class="pt-32 pb-16">
+    <div class="container mx-auto px-4">
+      <div class="relative h-[400px] -mt-32 mb-12 rounded-b-3xl overflow-hidden">
+        <div class="absolute inset-0 bg-gradient-to-r from-secondary-900 via-secondary-800 to-secondary-900" />
+        <div class="absolute inset-0 flex items-center justify-center">
+          <div class="text-center">
+            <h1 class="text-4xl md:text-5xl font-bold text-white mb-4">
+              เกี่ยวกับ<span class="text-primary-400">{siteConfig.name}</span>
+            </h1>
+            <p class="text-xl text-secondary-200">
+              ผู้เชี่ยวชาญด้านวัสดุท่อและอุปกรณ์ระบบท่อ
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 mb-16">
+        <div>
+          <h2 class="text-3xl font-bold text-secondary-900 mb-6">เรื่องราวของเรา</h2>
+          <div class="space-y-4 text-secondary-600">
+            <p>
+              {siteConfig.nameTh} ก่อตั้งขึ้นด้วยความมุ่งมั่นที่จะเป็นผู้นำด้านการจัดหาวัสดุท่อ
+              และอุปกรณ์ระบบท่อคุณภาพสูงให้กับลูกค้าในประเทศไทย
+            </p>
+            <p>
+              ด้วยประสบการณ์มากกว่า 10 ปีในอุตสาหกรรม เราได้สั่งสมความเชี่ยวชาญ
+              และสร้างเครือข่ายความร่วมมือกับผู้ผลิตชั้นนำทั้งในและต่างประเทศ
+            </p>
+            <p>
+              เรามุ่งมั่นให้บริการสินค้าที่ผ่านมาตรฐานคุณภาพ พร้อมคำแนะนำจากทีมงานมืออาชีพ
+              เพื่อให้ลูกค้าได้รับสินค้าที่เหมาะสมกับความต้องการ
+            </p>
+          </div>
+        </div>
+        <div class="relative aspect-video bg-secondary-100 rounded-xl overflow-hidden">
+          <img
+            src="/images/2021/03/hdpe-pipe_000C.jpg"
+            alt="เกี่ยวกับดีลพลัสเทค"
+            class="object-cover w-full h-full"
+            loading="lazy"
+          />
+        </div>
+      </div>
+
+      <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-16">
+        <div class="bg-secondary-800 p-8 rounded-xl">
+          <h3 class="text-2xl font-bold text-primary-400 mb-4">วิสัยทัศน์</h3>
+          <p class="text-secondary-200">
+            เป็นผู้นำตลาดวัสดุท่อและอุปกรณ์ระบบท่อในประเทศไทย
+            ที่ลูกค้าไว้วางใจในคุณภาพและการบริการ
+          </p>
+        </div>
+        <div class="bg-secondary-800 p-8 rounded-xl">
+          <h3 class="text-2xl font-bold text-primary-400 mb-4">พันธกิจ</h3>
+          <p class="text-secondary-200">
+            จัดหาสินค้าคุณภาพสูง ให้บริการที่เป็นเลิศ และสร้างความพึงพอใจสูงสุดให้ลูกค้า
+          </p>
+        </div>
+      </div>
+
+      <div class="text-center mb-12">
+        <h2 class="text-3xl font-bold text-secondary-900 mb-8">ค่านิยมหลัก</h2>
+        <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
+          <div class="p-6 bg-primary-50 rounded-xl">
+            <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4">
+              <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <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>
+            <h4 class="font-bold text-secondary-900 mb-2">คุณภาพ</h4>
+            <p class="text-secondary-600 text-sm">สินค้าผ่านมาตรฐาน</p>
+          </div>
+          <div class="p-6 bg-primary-50 rounded-xl">
+            <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4">
+              <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <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>
+            <h4 class="font-bold text-secondary-900 mb-2">รวดเร็ว</h4>
+            <p class="text-secondary-600 text-sm">จัดส่งรวดเร็วทันใจ</p>
+          </div>
+          <div class="p-6 bg-primary-50 rounded-xl">
+            <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4">
+              <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <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>
+            <h4 class="font-bold text-secondary-900 mb-2">บริการ</h4>
+            <p class="text-secondary-600 text-sm">ทีมงานมืออาชีพ</p>
+          </div>
+          <div class="p-6 bg-primary-50 rounded-xl">
+            <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4">
+              <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <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>
+            <h4 class="font-bold text-secondary-900 mb-2">ไว้ใจ</h4>
+            <p class="text-secondary-600 text-sm">ซื่อสัตย์ต่อลูกค้า</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
+  <Footer />
+  <FloatingContact />
+</BaseLayout>
--- a/dealplustech-astro/src/pages/contact-us/index.astro
+++ b/dealplustech-astro/src/pages/contact-us/index.astro
@@ -0,0 +1,94 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import Header from '../../components/Header.astro';
+import Footer from '../../components/Footer.astro';
+import FloatingContact from '../../components/FloatingContact.astro';
+import { siteConfig, workHours } from '../../data/site-config';
+---
+
+<BaseLayout title="ติดต่อเรา" description="ติดต่อดีลพลัสเทค สอบถามข้อมูลสินค้า ขอใบเสนอราคา หรือติดต่อทีมงาน">
+  <Header />
+  <main class="pt-32 pb-16">
+    <div class="container mx-auto px-4">
+      <div class="text-center mb-12">
+        <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-4">
+          ติดต่อ<span class="text-primary-600">เรา</span>
+        </h1>
+        <p class="text-xl text-secondary-600 max-w-2xl mx-auto">
+          พร้อมให้บริการทุกวัน สอบถามข้อมูลสินค้าและขอใบเสนอราคาได้เลย
+        </p>
+      </div>
+
+      <div class="max-w-2xl mx-auto">
+        <div class="bg-secondary-800 rounded-2xl p-8 mb-8">
+          <h2 class="text-2xl font-bold text-white mb-6">ข้อมูลติดต่อ</h2>
+          
+          <div class="space-y-6">
+            <div class="flex items-start gap-4">
+              <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center flex-shrink-0">
+                <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <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-white">ที่อยู่</h3>
+                <p class="text-secondary-300">{siteConfig.address}</p>
+              </div>
+            </div>
+
+            <div class="flex items-start gap-4">
+              <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center flex-shrink-0">
+                <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <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>
+              <div>
+                <h3 class="font-bold text-white">โทรศัพท์</h3>
+                <a href={`tel:${siteConfig.phone}`} class="text-primary-400 hover:text-primary-300">{siteConfig.phone}</a>
+              </div>
+            </div>
+
+            <div class="flex items-start gap-4">
+              <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center flex-shrink-0">
+                <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <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>
+              <div>
+                <h3 class="font-bold text-white">อีเมล</h3>
+                <a href={`mailto:${siteConfig.email}`} class="text-primary-400 hover:text-primary-300">{siteConfig.email}</a>
+              </div>
+            </div>
+
+            <div class="flex items-start gap-4">
+              <div class="w-12 h-12 bg-[#00B900] rounded-lg flex items-center justify-center flex-shrink-0">
+                <svg class="w-6 h-6 text-white" viewBox="0 0 24 24" fill="currentColor">
+                  <path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.7550 .63.283.63.63 0 .c.349 344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.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-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.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>
+              <div>
+                <h3 class="font-bold text-white">LINE Official</h3>
+                <a href={`https://line.me/ti/p/${siteConfig.lineId}`} target="_blank" rel="noopener" class="text-primary-400 hover:text-primary-300">{siteConfig.lineId}</a>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="bg-primary-600 rounded-2xl p-8">
+          <h2 class="text-2xl font-bold text-white mb-6">เวลาทำการ</h2>
+          <ul class="space-y-3">
+            {workHours.map((item) => (
+              <li class="flex justify-between">
+                <span class="text-primary-100">{item.day}</span>
+                <span class={`font-semibold ${item.isClosed ? 'text-red-200' : 'text-white'}`}>{item.hours}</span>
+              </li>
+            ))}
+          </ul>
+        </div>
+      </div>
+    </div>
+  </main>
+  <Footer />
+  <FloatingContact />
+</BaseLayout>
--- a/dealplustech-astro/src/pages/index.astro
+++ b/dealplustech-astro/src/pages/index.astro
@@ -0,0 +1,189 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+import Header from '../components/Header.astro';
+import Footer from '../components/Footer.astro';
+import FloatingContact from '../components/FloatingContact.astro';
+import { productCategories, featuredProducts, siteConfig } from '../data/site-config';
+---
+
+<BaseLayout title="หน้าแรก" description="บริษัท ดีล พลัส เทค จำกัด - ผู้เชี่ยวชาญด้านระบบท่อและ HVAC">
+  <Header />
+  <main>
+    <!-- Hero Section -->
+    <section class="relative h-[70vh] min-h-[500px] bg-secondary-900">
+      <div class="absolute inset-0 bg-gradient-to-r from-secondary-900 via-secondary-900/90 to-secondary-900/60 z-10" />
+      <img
+        src="/images/2021/03/ppr-pipe_000C.jpg"
+        alt="ท่อพีพีอาร์คุณภาพสูง"
+        class="absolute inset-0 w-full h-full object-cover opacity-50"
+        loading="eager"
+      />
+      <div class="relative z-20 container mx-auto px-4 h-full flex items-center">
+        <div class="max-w-2xl">
+          <span class="inline-block px-4 py-2 bg-primary-600 text-white font-semibold mb-4 rounded">
+            ผู้เชี่ยวชาญด้านระบบท่อและ HVAC
+          </span>
+          <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6 leading-tight">
+            วัสดุท่อ อุปกรณ์ HVAC
+            <span class="text-primary-400 block">และฉนวนหุ้มท่อ</span>
+          </h1>
+          <p class="text-lg md:text-xl text-secondary-200 mb-8">
+            จำหน่ายและติดตั้งท่อ PPR, ท่อ HDPE, กริลแอร์, เทอร์โมเบรค และอุปกรณ์ระบบท่อครบวงจร พร้อมบริการให้คำปรึกษาจากทีมมืออาชีพ
+          </p>
+          <div class="flex flex-wrap gap-4">
+            <a href="/product/" class="btn-primary">
+              ดูสินค้าทั้งหมด
+            </a>
+            <a href="/contact-us/" class="btn-outline border-white text-white hover:bg-white hover:text-secondary-900">
+              ขอใบเสนอราคา
+            </a>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- Features Section -->
+    <section class="py-16 bg-secondary-800">
+      <div class="container mx-auto px-4">
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+          <div class="text-center p-6">
+            <div class="w-16 h-16 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4">
+              <svg class="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
+              </svg>
+            </div>
+            <h3 class="text-xl font-bold text-white mb-2">สินค้าคุณภาพ</h3>
+            <p class="text-secondary-300">
+              สินค้าทุกชิ้นผ่านมาตรฐานคุณภาพ พร้อมรับประกัน
+            </p>
+          </div>
+          <div class="text-center p-6">
+            <div class="w-16 h-16 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4">
+              <svg class="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <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-2">จัดส่งรวดเร็ว</h3>
+            <p class="text-secondary-300">
+              จัดส่งสินค้าทั่วประเทศ รวดเร็วและปลอดภัย
+            </p>
+          </div>
+          <div class="text-center p-6">
+            <div class="w-16 h-16 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4">
+              <svg class="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <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="text-xl font-bold text-white mb-2">บริการหลังการขาย</h3>
+            <p class="text-secondary-300">
+              ทีมงานพร้อมให้คำปรึกษาและดูแลอย่างต่อเนื่อง
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- Featured Products Section -->
+    <section class="py-16 bg-secondary-50">
+      <div class="container mx-auto px-4">
+        <div class="text-center mb-12">
+          <h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-4">
+            สินค้า<span class="text-primary-600">เด่น</span>
+          </h2>
+          <p class="text-secondary-600 text-lg">ผลิตภัณฑ์คุณภาพสูงที่ได้รับความนิยม</p>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+          {productCategories.slice(0, 3).map((product) => (
+            <a href={product.href} class="card group">
+              <div class="relative aspect-video bg-secondary-100 overflow-hidden">
+                <img
+                  src={product.image}
+                  alt={product.name}
+                  class="object-cover w-full h-48 group-hover:scale-105 transition-transform duration-300"
+                  loading="lazy"
+                />
+              </div>
+              <div class="p-6">
+                <span class="text-xs text-primary-600 font-semibold">{product.nameEn}</span>
+                <h3 class="text-lg font-bold text-secondary-900 mt-1 group-hover:text-primary-600 transition-colors">
+                  {product.name}
+                </h3>
+                <p class="mt-2 text-sm text-secondary-600 line-clamp-2">
+                  {product.shortDescription || product.description}
+                </p>
+                <div class="mt-4 flex items-center text-primary-600 font-medium">
+                  <span>ดูรายละเอียด</span>
+                  <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M9 5l7 7-7 7" />
+                  </svg>
+                </div>
+              </div>
+            </a>
+          ))}
+        </div>
+
+        <div class="text-center mt-12">
+          <a href="/product/" class="btn-secondary">
+            ดูสินค้าทั้งหมด
+          </a>
+        </div>
+      </div>
+    </section>
+
+    <!-- CTA Section -->
+    <section class="py-16 bg-primary-600">
+      <div class="container mx-auto px-4 text-center">
+        <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">
+          พร้อมเริ่มโครงการของคุณ?
+        </h2>
+        <p class="text-primary-100 text-lg mb-8 max-w-2xl mx-auto">
+          ติดต่อเราวันนี้เพื่อรับคำปรึกษาและใบเสนอราคาฟรี
+        </p>
+        <div class="flex flex-wrap justify-center gap-4">
+          <a href={`tel:${siteConfig.phone}`} class="btn-secondary bg-white text-primary-600 hover:bg-primary-50">
+            โทรหาเรา: {siteConfig.phone}
+          </a>
+          <a href="/contact-us/" class="btn-outline border-white text-white hover:bg-white hover:text-primary-600">
+            ส่งข้อความ
+          </a>
+        </div>
+      </div>
+    </section>
+
+    <!-- About Section -->
+    <section class="py-16">
+      <div class="container mx-auto px-4">
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+          <div>
+            <h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">
+              เกี่ยวกับ<span class="text-primary-600">{siteConfig.nameTh}</span>
+            </h2>
+            <p class="text-secondary-600 mb-4">
+              {siteConfig.nameTh} เป็นผู้เชี่ยวชาญด้านวัสดุท่อและอุปกรณ์ระบบท่อครบวงจร 
+              ด้วยประสบการณ์มากกว่า 10 ปี เรามุ่งมั่นให้บริการสินค้าคุณภาพสูง 
+              พร้อมคำแนะนำจากทีมงานมืออาชีพ
+            </p>
+            <p class="text-secondary-600 mb-6">
+              เราจำหน่ายท่อพีพีอาร์ ท่อ HDPE ท่อ PVC วาล์ว และอุปกรณ์ต่อท่อหลากหลายประเภท
+              รวมถึงอุปกรณ์แขวนท่อและอุปกรณ์ปรับอากาศ
+            </p>
+            <a href="/about-us/" class="btn-primary">
+              เรียนรู้เพิ่มเติม
+            </a>
+          </div>
+          <div class="relative aspect-video bg-secondary-100 rounded-xl overflow-hidden">
+            <img
+              src="/images/2021/03/hdpe-pipe_000C.jpg"
+              alt="เกี่ยวกับดีลพลัสเทค"
+              class="object-cover w-full h-full"
+              loading="lazy"
+            />
+          </div>
+        </div>
+      </div>
+    </section>
+  </main>
+  <Footer />
+  <FloatingContact />
+</BaseLayout>
--- a/dealplustech-astro/src/pages/join-us/index.astro
+++ b/dealplustech-astro/src/pages/join-us/index.astro
@@ -0,0 +1,92 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import Header from '../../components/Header.astro';
+import Footer from '../../components/Footer.astro';
+import FloatingContact from '../../components/FloatingContact.astro';
+import { siteConfig } from '../../data/site-config';
+---
+
+<BaseLayout title="ร่วมงานกับเรา | Join Us - ดีลพลัสเทค" description="ร่วมงานกับดีลพลัสเทค เรามอบโอกาสทางอาชีพที่ดี สวัสดิการครบครัน ร่วมเติบโตไปกับเรา">
+  <Header />
+  <main class="pt-32 pb-16">
+    <div class="container mx-auto px-4">
+      <nav class="mb-6">
+        <ol class="flex items-center gap-2 text-sm">
+          <li><a href="/" class="text-secondary-500 hover:text-primary-600">หน้าแรก</a></li>
+          <li class="text-secondary-400">/</li>
+          <li class="text-primary-600 font-medium">ร่วมงานกับเรา</li>
+        </ol>
+      </nav>
+
+      <div class="mb-12 text-center">
+        <h1 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-4">ร่วมงานกับเรา</h1>
+        <p class="text-secondary-600 text-lg max-w-2xl mx-auto">เรามอบโอกาสทางอาชีพที่ดี สวัสดิการครบครัน ร่วมเติบโตไปกับดีลพลัสเทค</p>
+      </div>
+
+      <div class="mb-12 bg-primary-50 rounded-xl p-8">
+        <h2 class="text-2xl font-bold text-secondary-900 mb-6 text-center">ทำไมต้องเลือกดีลพลัสเทค?</h2>
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+          <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" viewBox="0 0 24 24" stroke="currentColor">
+                <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">เงินเดือนที่สอดคล้องกับความสามารถและประสบการณ์</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" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
+              </svg>
+            </div>
+            <h3 class="text-lg font-bold text-secondary-900 mb-2">สวัสดิการครบครัน</h3>
+            <p class="text-secondary-600">ประกันสังคม ประกันสุขภาพ โบนัส และเบี้ยขยัน</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" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" />
+              </svg>
+            </div>
+            <h3 class="text-lg font-bold text-secondary-900 mb-2">โอกาสเติบโต</h3>
+            <p class="text-secondary-600">มีโอกาสก้าวหน้าในสายงานและพัฒนาทักษะ</p>
+          </div>
+        </div>
+      </div>
+
+      <div class="mb-12">
+        <h2 class="text-2xl font-bold text-secondary-900 mb-6">ตำแหน่งงานที่เปิดรับ</h2>
+        <div class="space-y-6">
+          <div class="bg-white rounded-xl p-6 shadow-card">
+            <div class="flex flex-col md:flex-row md:items-center md:justify-between mb-4">
+              <div>
+                <h3 class="text-xl font-bold text-secondary-900">Sales Engineer</h3>
+                <p class="text-primary-600">วิศวกรฝ่ายขาย</p>
+              </div>
+              <div class="flex flex-wrap gap-2 mt-2 md:mt-0">
+                <span class="px-3 py-1 bg-secondary-100 text-secondary-700 rounded-full text-sm">Full-time</span>
+                <span class="px-3 py-1 bg-secondary-100 text-secondary-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>
+            <p class="text-secondary-600 mb-4">รับผิดชอบการขายและให้คำปรึกษาด้านเทคนิคสำหรับผลิตภัณฑ์ท่อและอุปกรณ์ระบบท่อ</p>
+            <a href="/sales-engineer/" class="btn-primary inline-block">ดูรายละเอียด</a>
+          </div>
+        </div>
+      </div>
+
+      <div class="bg-secondary-100 rounded-xl p-8 text-center">
+        <h2 class="text-2xl font-bold text-secondary-900 mb-4">สนใจร่วมงานกับเรา?</h2>
+        <p class="text-secondary-600 mb-6">ส่งประวัติการทำงานมาที่ {siteConfig?.email || 'info@dealplustech.co.th'} หรือติดต่อสอบถามได้ที่ 090-555-1415</p>
+        <div class="flex justify-center gap-4">
+          <a href="mailto:info@dealplustech.co.th" class="btn-primary">ส่งอีเมล</a>
+          <a href="/contact-us/" class="btn-outline">ติดต่อเรา</a>
+        </div>
+      </div>
+    </div>
+  </main>
+  <Footer />
+  <FloatingContact />
+</BaseLayout>
--- a/dealplustech-astro/src/pages/portfolio/index.astro
+++ b/dealplustech-astro/src/pages/portfolio/index.astro
@@ -0,0 +1,48 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import Header from '../../components/Header.astro';
+import Footer from '../../components/Footer.astro';
+import FloatingContact from '../../components/FloatingContact.astro';
+import { portfolioProjects } from '../../data/site-config';
+---
+
+<BaseLayout title="ผลงานของเรา" description="ผลงานโครงการต่างๆ ที่ดีลพลัสเทคได้ร่วมเป็นส่วนหนึ่ง">
+  <Header />
+  <main class="pt-32 pb-16">
+    <div class="container mx-auto px-4">
+      <div class="text-center mb-12">
+        <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-4">
+          ผลงาน<span class="text-primary-600">ของเรา</span>
+        </h1>
+        <p class="text-xl text-secondary-600 max-w-2xl mx-auto">
+          โครงการต่างๆ ที่เราได้ร่วมเป็นส่วนหนึ่งในการจัดหาวัสดุ
+        </p>
+      </div>
+
+      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        {portfolioProjects.map((project) => (
+          <a href={project.href} class="card group cursor-pointer overflow-hidden">
+            <div class="relative aspect-video bg-secondary-100 overflow-hidden">
+              <img
+                src={project.image}
+                alt={project.name}
+                class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300"
+                loading="lazy"
+              />
+              <div class="absolute inset-0 bg-gradient-to-t from-secondary-900/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" />
+              <div class="absolute bottom-0 left-0 right-0 p-4 translate-y-full group-hover:translate-y-0 transition-transform duration-300">
+                <h3 class="text-white font-bold">{project.name}</h3>
+              </div>
+            </div>
+            <div class="p-4 bg-white group-hover:hidden">
+              <h3 class="text-lg font-bold text-secondary-900 mt-1">{project.name}</h3>
+              <p class="text-sm text-secondary-600 mt-2 line-clamp-2">{project.description}</p>
+            </div>
+          </a>
+        ))}
+      </div>
+    </div>
+  </main>
+  <Footer />
+  <FloatingContact />
+</BaseLayout>
--- a/dealplustech-astro/src/pages/product/index.astro
+++ b/dealplustech-astro/src/pages/product/index.astro
@@ -0,0 +1,49 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import Header from '../../components/Header.astro';
+import Footer from '../../components/Footer.astro';
+import FloatingContact from '../../components/FloatingContact.astro';
+import { productCategories } from '../../data/site-config';
+---
+
+<BaseLayout title="สินค้า - ท่อพีพีอาร์ ท่อ HDPE ท่อ PVC วาล์ว อุปกรณ์ท่อ" description="สินค้าครบวงจร ท่อพีพีอาร์ ท่อ HDPE ท่อ PVC วาล์ว อุปกรณ์แขวนท่อ อุปกรณ์ปรับอากาศ และอุปกรณ์ดับเพลิง">
+  <Header />
+  <main class="pt-32 pb-16">
+    <div class="container mx-auto px-4">
+      <div class="text-center mb-12">
+        <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-4">
+          สินค้า<span class="text-primary-600">ทั้งหมด</span>
+        </h1>
+        <p class="text-xl text-secondary-600 max-w-2xl mx-auto">
+          วัสดุท่อและอุปกรณ์ระบบท่อคุณภาพสูงครบวงจร
+        </p>
+      </div>
+
+      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
+        {productCategories.map((product) => (
+          <a href={product.href} class="card group">
+            <div class="relative aspect-video bg-secondary-100">
+              <img
+                src={product.image}
+                alt={product.name}
+                class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300"
+                loading="lazy"
+              />
+            </div>
+            <div class="p-4">
+              <span class="text-xs text-primary-600 font-semibold">{product.nameEn}</span>
+              <h3 class="text-lg font-bold text-secondary-900 mt-1 group-hover:text-primary-600 transition-colors">
+                {product.name}
+              </h3>
+              <p class="text-secondary-600 text-sm mt-2 line-clamp-2">
+                {product.shortDescription || product.description}
+              </p>
+            </div>
+          </a>
+        ))}
+      </div>
+    </div>
+  </main>
+  <Footer />
+  <FloatingContact />
+</BaseLayout>
--- a/dealplustech-astro/src/pages/sales-engineer/index.astro
+++ b/dealplustech-astro/src/pages/sales-engineer/index.astro
@@ -0,0 +1,89 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import Header from '../../components/Header.astro';
+import Footer from '../../components/Footer.astro';
+import FloatingContact from '../../components/FloatingContact.astro';
+---
+
+<BaseLayout title="Sales Engineer - วิศวกรฝ่ายขาย - ดีลพลัสเทค" description="สมัครงานตำแหน่ง Sales Engineer ที่ดีลพลัสเทค รับผิดชอบการขายและให้คำปรึกษาด้านเทคนิคสำหรับผลิตภัณฑ์ท่อและอุปกรณ์ระบบท่อ">
+  <Header />
+  <main class="pt-32 pb-16">
+    <div class="container mx-auto px-4">
+      <nav class="mb-6">
+        <ol class="flex items-center gap-2 text-sm">
+          <li><a href="/" class="text-secondary-500 hover:text-primary-600">หน้าแรก</a></li>
+          <li class="text-secondary-400">/</li>
+          <li><a href="/join-us/" class="text-secondary-500 hover:text-primary-600">ร่วมงานกับเรา</a></li>
+          <li class="text-secondary-400">/</li>
+          <li class="text-primary-600 font-medium">Sales Engineer</li>
+        </ol>
+      </nav>
+
+      <div class="mb-8">
+        <div class="flex flex-wrap gap-2 mb-4">
+          <span class="px-3 py-1 bg-secondary-100 text-secondary-700 rounded-full text-sm">Full-time</span>
+          <span class="px-3 py-1 bg-secondary-100 text-secondary-700 rounded-full text-sm">กรุงเทพมหานคร</span>
+          <span class="px-3 py-1 bg-primary-100 text-primary-700 rounded-full text-sm">เจรจาต่อรอง</span>
+        </div>
+        <h1 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-2">Sales Engineer</h1>
+        <p class="text-xl text-primary-600">วิศวกรฝ่ายขาย</p>
+      </div>
+
+      <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
+        <div class="lg:col-span-2">
+          <div class="bg-white rounded-xl p-6 shadow-card mb-6">
+            <h2 class="text-xl font-bold text-secondary-900 mb-4">รายละเอียดงาน</h2>
+            <p class="text-secondary-600 mb-4">รับผิดชอบการขายและให้คำปรึกษาด้านเทคนิคสำหรับผลิตภัณฑ์ท่อและอุปกรณ์ระบบท่อ ให้บริการลูกค้าทั้งในส่วนของโครงการและงานอุตสาหกรรม</p>
+            <h3 class="font-semibold text-secondary-900 mb-2">หน้าที่ความรับผิดชอบ:</h3>
+            <ul class="list-disc list-inside text-secondary-600 space-y-2 mb-4">
+              <li>เยี่ยมเยียนลูกค้าและนำเสนอผลิตภัณฑ์</li>
+              <li>ให้คำปรึกษาและแก้ปัญหาด้านเทคนิคให้ลูกค้า</li>
+              <li>จัดทำใบเสนอราคาและติดตามการขาย</li>
+              <li>ประสานงานกับทีมงานภายในเพื่อส่งมอบงาน</li>
+              <li>ศึกษาและติดตามข้อมูลตลาดและคู่แข่ง</li>
+            </ul>
+          </div>
+
+          <div class="bg-white rounded-xl p-6 shadow-card mb-6">
+            <h2 class="text-xl font-bold text-secondary-900 mb-4">คุณสมบัติ</h2>
+            <ul class="list-disc list-inside text-secondary-600 space-y-2">
+              <li>ปริญญาตรี สาขาวิศวกรรมเครื่องกล วิศวกรรมโยธา หรือสาขาที่เกี่ยวข้อง</li>
+              <li>มีประสบการณ์อย่างน้อย 1-3 ปี ในตำแหน่ง Sales Engineer</li>
+              <li>มีความรู้ด้านท่อและอุปกรณ์ระบบท่อจะได้รับการพิจารณาเป็นพิเศษ</li>
+              <li>สามารถขับรถและมีใบขับขี่</li>
+              <li>มีทัศนคติดี กระตือรือร้น และสามารถทำงานเป็นทีมได้</li>
+              <li>มีทักษะการสื่อสารและการเจรจาที่ดี</li>
+            </ul>
+          </div>
+
+          <div class="bg-white rounded-xl p-6 shadow-card">
+            <h2 class="text-xl font-bold text-secondary-900 mb-4">สวัสดิการ</h2>
+            <ul class="list-disc list-inside text-secondary-600 space-y-2">
+              <li>เงินเดือนที่เป็นธรรมตามความสามารถ</li>
+              <li>โบนัสประจำปี</li>
+              <li>ประกันสังคม</li>
+              <li>ประกันสุขภาพ</li>
+              <li>ค่าเดินทางและค่าน้ำมัน</li>
+              <li>วันหยุดประจำสัปดาห์ (เสาร์-อาทิตย์)</li>
+              <li>วันลาป่วย วันลาพักร้อน</li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="lg:col-span-1">
+          <div class="bg-primary-50 rounded-xl p-6 sticky top-24">
+            <h3 class="text-lg font-bold text-secondary-900 mb-4">สนใจสมัครงาน?</h3>
+            <p class="text-secondary-600 mb-4">ส่งประวัติการทำงานและเรียนร้อยมาที่:</p>
+            <div class="space-y-4">
+              <a href="mailto:info@dealplustech.co.th?subject=Apply for Sales Engineer Position" class="btn-primary w-full block text-center">ส่งอีเมลสมัครงาน</a>
+              <a href="tel:090-555-1415" class="btn-outline w-full block text-center">โทรสอบถาม 090-555-1415</a>
+              <a href="/contact-us/" class="btn-outline w-full block text-center">ติดต่อเรา</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
+  <Footer />
+  <FloatingContact />
+</BaseLayout>
--- a/dealplustech-astro/src/pages/services/index.astro
+++ b/dealplustech-astro/src/pages/services/index.astro
@@ -0,0 +1,118 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import Header from '../../components/Header.astro';
+import Footer from '../../components/Footer.astro';
+import FloatingContact from '../../components/FloatingContact.astro';
+import { siteConfig } from '../../data/site-config';
+---
+
+<BaseLayout title="บริการของเรา" description="บริการครบวงจร จำหน่ายวัสดุท่อ ให้คำปรึกษา ออกแบบระบบ และติดตั้ง">
+  <Header />
+  <main>
+    <section class="relative h-[50vh] min-h-[400px] bg-secondary-900">
+      <div class="absolute inset-0 bg-gradient-to-r from-secondary-900 via-secondary-900/90 to-secondary-900/60 z-10" />
+      <img
+        src="/images/2021/03/hdpe-pipe_000C.jpg"
+        alt="บริการของเรา"
+        class="absolute inset-0 w-full h-full object-cover opacity-40"
+        loading="eager"
+      />
+      <div class="relative z-20 container mx-auto px-4 h-full flex items-center">
+        <div class="max-w-2xl">
+          <span class="inline-block px-4 py-2 bg-primary-600 text-white font-semibold mb-4 rounded">
+            บริการครบวงจร
+          </span>
+          <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6">
+            บริการ<span class="text-primary-400">ของเรา</span>
+          </h1>
+          <p class="text-xl text-secondary-200">
+            ตั้งแต่การให้คำปรึกษา ออกแบบ จัดส่ง จนถึงติดตั้ง เราพร้อมดูแลโครงการของคุณครบวงจร
+          </p>
+        </div>
+      </div>
+    </section>
+
+    <section class="py-20 bg-white">
+      <div class="container mx-auto px-4">
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+          <div class="group p-8 bg-secondary-50 rounded-2xl hover:bg-primary-600 transition-all duration-300 hover:shadow-xl">
+            <div class="w-16 h-16 bg-primary-600 text-white rounded-xl flex items-center justify-center mb-6 group-hover:bg-white group-hover:text-primary-600 transition-colors">
+              <svg class="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
+              </svg>
+            </div>
+            <h3 class="text-xl font-bold text-secondary-900 mb-3 group-hover:text-white transition-colors">จำหน่ายวัสดุท่อ</h3>
+            <p class="text-secondary-600 group-hover:text-primary-100 transition-colors">จำหน่ายท่อพีพีอาร์ ท่อ HDPE ท่อ PVC วาล์ว และอุปกรณ์ต่อท่อครบวงจร</p>
+          </div>
+          <div class="group p-8 bg-secondary-50 rounded-2xl hover:bg-primary-600 transition-all duration-300 hover:shadow-xl">
+            <div class="w-16 h-16 bg-primary-600 text-white rounded-xl flex items-center justify-center mb-6 group-hover:bg-white group-hover:text-primary-600 transition-colors">
+              <svg class="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
+              </svg>
+            </div>
+            <h3 class="text-xl font-bold text-secondary-900 mb-3 group-hover:text-white transition-colors">ให้คำปรึกษา</h3>
+            <p class="text-secondary-600 group-hover:text-primary-100 transition-colors">ทีมงานมืออาชีพพร้อมให้คำปรึกษาเกี่ยวกับการเลือกวัสดุท่อที่เหมาะสม</p>
+          </div>
+          <div class="group p-8 bg-secondary-50 rounded-2xl hover:bg-primary-600 transition-all duration-300 hover:shadow-xl">
+            <div class="w-16 h-16 bg-primary-600 text-white rounded-xl flex items-center justify-center mb-6 group-hover:bg-white group-hover:text-primary-600 transition-colors">
+              <svg class="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2" />
+              </svg>
+            </div>
+            <h3 class="text-xl font-bold text-secondary-900 mb-3 group-hover:text-white transition-colors">ออกแบบระบบ</h3>
+            <p class="text-secondary-600 group-hover:text-primary-100 transition-colors">บริการออกแบบระบบท่อน้ำ ระบบดับเพลิง และระบบปรับอากาศ</p>
+          </div>
+          <div class="group p-8 bg-secondary-50 rounded-2xl hover:bg-primary-600 transition-all duration-300 hover:shadow-xl">
+            <div class="w-16 h-16 bg-primary-600 text-white rounded-xl flex items-center justify-center mb-6 group-hover:bg-white group-hover:text-primary-600 transition-colors">
+              <svg class="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <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 mb-3 group-hover:text-white transition-colors">ติดตั้งระบบ</h3>
+            <p class="text-secondary-600 group-hover:text-primary-100 transition-colors">ทีมช่างผู้เชี่ยวชาญติดตั้งระบบท่อครบวงจร พร้อมรับประกันงาน</p>
+          </div>
+          <div class="group p-8 bg-secondary-50 rounded-2xl hover:bg-primary-600 transition-all duration-300 hover:shadow-xl">
+            <div class="w-16 h-16 bg-primary-600 text-white rounded-xl flex items-center justify-center mb-6 group-hover:bg-white group-hover:text-primary-600 transition-colors">
+              <svg class="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <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-xl font-bold text-secondary-900 mb-3 group-hover:text-white transition-colors">จัดส่งสินค้า</h3>
+            <p class="text-secondary-600 group-hover:text-primary-100 transition-colors">บริการจัดส่งสินค้าทั่วประเทศ รวดเร็ว ปลอดภัย</p>
+          </div>
+          <div class="group p-8 bg-secondary-50 rounded-2xl hover:bg-primary-600 transition-all duration-300 hover:shadow-xl">
+            <div class="w-16 h-16 bg-primary-600 text-white rounded-xl flex items-center justify-center mb-6 group-hover:bg-white group-hover:text-primary-600 transition-colors">
+              <svg class="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <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="text-xl font-bold text-secondary-900 mb-3 group-hover:text-white transition-colors">บริการหลังการขาย</h3>
+            <p class="text-secondary-600 group-hover:text-primary-100 transition-colors">ทีมงานพร้อมให้การดูแลและบริการซ่อมบำรุงหลังการขาย</p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="py-20 bg-secondary-900">
+      <div class="container mx-auto px-4 text-center">
+        <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">
+          พร้อมเริ่มโครงการของคุณ?
+        </h2>
+        <p class="text-secondary-300 text-lg mb-8 max-w-2xl mx-auto">
+          ติดต่อเราวันนี้เพื่อรับคำปรึกษาและใบเสนอราคาฟรี
+        </p>
+        <div class="flex flex-wrap justify-center gap-4">
+          <a href="/contact-us/" class="btn-secondary bg-white text-primary-600 hover:bg-primary-50">
+            ติดต่อเรา
+          </a>
+          <a href={`tel:${siteConfig.phone}`} class="btn-outline border-white text-white hover:bg-white hover:text-primary-600">
+            โทร: {siteConfig.phone}
+          </a>
+        </div>
+      </div>
+    </section>
+  </main>
+  <Footer />
+  <FloatingContact />
+</BaseLayout>
				`@@ -0,0 +1 @@`
				`/// <reference path="../.astro/types.d.ts" />`