✅ Complete Astro migration - PDPA compliant website

- Migrated all pages from Next.js to Astro
- Added PDPA-compliant Privacy Policy (Thai)
- Added PDPA-compliant Terms & Conditions (Thai)
- Added Cookie Policy with disclosure (Thai)
- Implemented cookie consent banner (client-side)
- Integrated Umami Analytics placeholder
- Blog system with 3 posts
- Optimized Docker configuration for production
- Static site build (184KB, 11 pages)
- Ready for Easypanel deployment

Backup: /Users/kunthawatgreethong/Gitea/dealplustech-backup-nextjs-20260309.tar.gz

dealplustech-astro/src/components/consent/ConsentPreferences.astro

@@ -0,0 +1,188 @@
+---
+---
+
+<div id="consent-preferences-modal" class="fixed inset-0 z-50 hidden">
+  <div class="fixed inset-0 bg-black/50 transition-opacity" id="consent-modal-backdrop"></div>
+  <div class="fixed inset-0 flex items-center justify-center p-4">
+    <div class="relative bg-white rounded-xl shadow-2xl w-full max-w-lg max-h-[90vh] overflow-y-auto">
+      <div class="p-6">
+        <h2 class="text-xl font-semibold text-gray-900 mb-2">ตั้งค่าคุกกี้</h2>
+        <p class="text-sm text-gray-600 mb-6">
+          คุณสามารถปรับแต่งการตั้งค่าคุกกี้ได้ตามต้องการ
+        </p>
+
+        <div class="space-y-5">
+          <div class="flex items-center justify-between p-4 bg-gray-50 rounded-lg">
+            <div>
+              <span class="font-medium text-gray-900">จำเป็น (เปิดเสมอ)</span>
+              <p class="text-xs text-gray-500 mt-0.5">คุกกี้ที่จำเป็นสำหรับการทำงานของเว็บไซต์</p>
+            </div>
+            <label class="relative inline-flex items-center cursor-not-allowed">
+              <input type="checkbox" checked disabled class="sr-only peer" />
+              <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-green-500 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-green-600"></div>
+            </label>
+          </div>
+
+          <div class="flex items-center justify-between p-4 bg-gray-50 rounded-lg">
+            <div>
+              <span class="font-medium text-gray-900">วิเคราะห์การใช้งาน</span>
+              <p class="text-xs text-gray-500 mt-0.5">ช่วยให้เราเข้าใจว่าผู้ใช้งานใช้เว็บไซต์อย่างไร</p>
+            </div>
+            <label class="relative inline-flex items-center cursor-pointer">
+              <input type="checkbox" id="consent-analytics" class="sr-only peer" />
+              <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-green-500 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-green-600"></div>
+            </label>
+          </div>
+
+          <div class="flex items-center justify-between p-4 bg-gray-50 rounded-lg">
+            <div>
+              <span class="font-medium text-gray-900">การตลาด</span>
+              <p class="text-xs text-gray-500 mt-0.5">ใช้สำหรับการตลาดและโฆษณา</p>
+            </div>
+            <label class="relative inline-flex items-center cursor-pointer">
+              <input type="checkbox" id="consent-marketing" class="sr-only peer" />
+              <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-green-500 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-green-600"></div>
+            </label>
+          </div>
+        </div>
+
+        <div class="mt-6 flex flex-col sm:flex-row gap-3">
+          <button
+            id="consent-save"
+            class="flex-1 px-5 py-2.5 text-sm font-medium text-white bg-green-600 rounded-lg hover:bg-green-700 transition-colors focus:outline-none focus:ring-2 focus:ring-green-500"
+          >
+            บันทึกการตั้งค่า
+          </button>
+          <button
+            id="consent-close"
+            class="px-5 py-2.5 text-sm font-medium text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200 transition-colors focus:outline-none focus:ring-2 focus:ring-gray-400"
+          >
+            ยกเลิก
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  const POLICY_VERSION = '1.0';
+  const STORAGE_KEY = 'dealplustech_consent';
+  
+  function generateSessionId(): string {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+      const r = Math.random() * 16 | 0;
+      const v = c === 'x' ? r : (r & 0x3 | 0x8);
+      return v.toString(16);
+    });
+  }
+
+  function getSessionId(): string {
+    let sessionId = localStorage.getItem('dealplustech_session');
+    if (!sessionId) {
+      sessionId = generateSessionId();
+      localStorage.setItem('dealplustech_session', sessionId);
+    }
+    return sessionId;
+  }
+
+  function getConsent(): { essential: boolean; analytics: boolean; marketing: boolean } | null {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored) {
+      try {
+        return JSON.parse(stored);
+      } catch {
+        return null;
+      }
+    }
+    return null;
+  }
+
+  function saveConsent(consent: { essential: boolean; analytics: boolean; marketing: boolean }) {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(consent));
+  }
+
+  function applyConsent(consent: { analytics: boolean; marketing: boolean }) {
+    if (consent.analytics) {
+      document.body.classList.add('analytics-enabled');
+    } else {
+      document.body.classList.remove('analytics-enabled');
+    }
+    if (consent.marketing) {
+      document.body.classList.add('marketing-enabled');
+    } else {
+      document.body.classList.remove('marketing-enabled');
+    }
+    
+    window.dispatchEvent(new CustomEvent('consent-updated', { detail: consent }));
+  }
+
+  async function logConsent(consent: { essential: boolean; analytics: boolean; marketing: boolean }) {
+    try {
+      await fetch('/api/consent', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          sessionId: getSessionId(),
+          essential: consent.essential,
+          analytics: consent.analytics,
+          marketing: consent.marketing,
+          policyVersion: POLICY_VERSION,
+        }),
+      });
+    } catch (error) {
+      console.error('Failed to log consent:', error);
+    }
+  }
+
+  function openModal() {
+    const modal = document.getElementById('consent-preferences-modal');
+    const analyticsCheckbox = document.getElementById('consent-analytics') as HTMLInputElement;
+    const marketingCheckbox = document.getElementById('consent-marketing') as HTMLInputElement;
+    
+    const existingConsent = getConsent();
+    if (existingConsent) {
+      analyticsCheckbox.checked = existingConsent.analytics;
+      marketingCheckbox.checked = existingConsent.marketing;
+    } else {
+      analyticsCheckbox.checked = false;
+      marketingCheckbox.checked = false;
+    }
+    
+    modal?.classList.remove('hidden');
+  }
+
+  function closeModal() {
+    const modal = document.getElementById('consent-preferences-modal');
+    modal?.classList.add('hidden');
+  }
+
+  async function handleSave() {
+    const analyticsCheckbox = document.getElementById('consent-analytics') as HTMLInputElement;
+    const marketingCheckbox = document.getElementById('consent-marketing') as HTMLInputElement;
+    
+    const consent = {
+      essential: true,
+      analytics: analyticsCheckbox.checked,
+      marketing: marketingCheckbox.checked,
+    };
+    
+    saveConsent(consent);
+    await logConsent(consent);
+    applyConsent(consent);
+    closeModal();
+  }
+
+  document.addEventListener('DOMContentLoaded', () => {
+    const modal = document.getElementById('consent-preferences-modal');
+    const backdrop = document.getElementById('consent-modal-backdrop');
+    const saveBtn = document.getElementById('consent-save');
+    const closeBtn = document.getElementById('consent-close');
+
+    window.addEventListener('open-consent-preferences', openModal);
+    
+    backdrop?.addEventListener('click', closeModal);
+    closeBtn?.addEventListener('click', closeModal);
+    saveBtn?.addEventListener('click', handleSave);
+  });
+</script>

dealplustech-astro/src/components/consent/CookieBanner.astro

@@ -0,0 +1,156 @@
+---
+interface Props {
+  showPreferences?: boolean;
+}
+
+const { showPreferences = false } = Astro.props;
+---
+
+<div id="cookie-banner" class={`fixed bottom-0 left-0 right-0 z-50 p-4 md:p-6 transition-transform duration-300 ${showPreferences ? 'translate-y-full' : 'translate-y-0'}`}>
+  <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-2xl border border-gray-200 p-6">
+    <div class="flex flex-col md:flex-row gap-4 md:items-start md:justify-between">
+      <div class="flex-1">
+        <h2 class="text-lg font-semibold text-gray-900 mb-2">เราใช้คุกกี้</h2>
+        <p class="text-sm text-gray-600">
+          เราใช้คุกกี้เพื่อปรับปรุงประสบการณ์การใช้งานเว็บไซต์ โดยคลิกยอมรับเพื่อใช้งานคุกกี้ทุกประเภท หรือคลิกปรับแต่งเพื่อเลือกคุกกี้ที่ต้องการ
+        </p>
+      </div>
+      <div class="flex flex-col sm:flex-row gap-3 shrink-0">
+        <button
+          id="cookie-reject"
+          class="px-5 py-2.5 text-sm font-medium text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200 transition-colors focus:outline-none focus:ring-2 focus:ring-gray-400"
+        >
+          ปฏิเสธ
+        </button>
+        <button
+          id="cookie-customize"
+          class="px-5 py-2.5 text-sm font-medium text-green-700 bg-green-50 border border-green-200 rounded-lg hover:bg-green-100 transition-colors focus:outline-none focus:ring-2 focus:ring-green-500"
+        >
+          ปรับแต่ง
+        </button>
+        <button
+          id="cookie-accept"
+          class="px-5 py-2.5 text-sm font-medium text-white bg-green-600 rounded-lg hover:bg-green-700 transition-colors focus:outline-none focus:ring-2 focus:ring-green-500"
+        >
+          ยอมรับ
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  const POLICY_VERSION = '1.0';
+  const STORAGE_KEY = 'dealplustech_consent';
+  
+  function generateSessionId(): string {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+      const r = Math.random() * 16 | 0;
+      const v = c === 'x' ? r : (r & 0x3 | 0x8);
+      return v.toString(16);
+    });
+  }
+
+  function getSessionId(): string {
+    let sessionId = localStorage.getItem('dealplustech_session');
+    if (!sessionId) {
+      sessionId = generateSessionId();
+      localStorage.setItem('dealplustech_session', sessionId);
+    }
+    return sessionId;
+  }
+
+  function getConsent(): { essential: boolean; analytics: boolean; marketing: boolean } | null {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored) {
+      try {
+        return JSON.parse(stored);
+      } catch {
+        return null;
+      }
+    }
+    return null;
+  }
+
+  function saveConsent(consent: { essential: boolean; analytics: boolean; marketing: boolean }) {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(consent));
+  }
+
+  function hideBanner() {
+    const banner = document.getElementById('cookie-banner');
+    if (banner) {
+      banner.classList.add('translate-y-full');
+      setTimeout(() => banner.remove(), 300);
+    }
+  }
+
+  async function logConsent(consent: { essential: boolean; analytics: boolean; marketing: boolean }) {
+    try {
+      await fetch('/api/consent', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          sessionId: getSessionId(),
+          essential: consent.essential,
+          analytics: consent.analytics,
+          marketing: consent.marketing,
+          policyVersion: POLICY_VERSION,
+        }),
+      });
+    } catch (error) {
+      console.error('Failed to log consent:', error);
+    }
+  }
+
+  function applyConsent(consent: { analytics: boolean; marketing: boolean }) {
+    if (consent.analytics) {
+      document.body.classList.add('analytics-enabled');
+    }
+    if (consent.marketing) {
+      document.body.classList.add('marketing-enabled');
+    }
+    
+    window.dispatchEvent(new CustomEvent('consent-updated', { detail: consent }));
+  }
+
+  async function handleAccept() {
+    const consent = { essential: true, analytics: true, marketing: true };
+    saveConsent(consent);
+    await logConsent(consent);
+    applyConsent(consent);
+    hideBanner();
+  }
+
+  async function handleReject() {
+    const consent = { essential: true, analytics: false, marketing: false };
+    saveConsent(consent);
+    await logConsent(consent);
+    applyConsent(consent);
+    hideBanner();
+  }
+
+  function handleCustomize() {
+    window.dispatchEvent(new CustomEvent('open-consent-preferences'));
+    hideBanner();
+  }
+
+  document.addEventListener('DOMContentLoaded', () => {
+    const existingConsent = getConsent();
+    
+    if (existingConsent) {
+      applyConsent(existingConsent);
+      return;
+    }
+
+    const banner = document.getElementById('cookie-banner');
+    if (!banner) return;
+
+    const acceptBtn = document.getElementById('cookie-accept');
+    const rejectBtn = document.getElementById('cookie-reject');
+    const customizeBtn = document.getElementById('cookie-customize');
+
+    acceptBtn?.addEventListener('click', handleAccept);
+    rejectBtn?.addEventListener('click', handleReject);
+    customizeBtn?.addEventListener('click', handleCustomize);
+  });
+</script>

dealplustech-astro/src/content/products/hdpe.md

@@ -1,190 +0,0 @@
----
-id: hdpe
-name: ท่อ HDPE
-nameEn: HDPE Pipe
-slug: ท่อ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 บาร์'
-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 (High Density Polyethylene)
-
-## ภาพรวม
-
-ท่อ HDPE (High Density Polyethylene) หรือ **ท่อเอชดีพีอี** เป็นท่อพลาสติกคุณภาพสูงที่มีความ **ทนทานและยืดหยุ่นสูง** ผลิตจากเม็ดพลาสติก HDPE เกรด **PE80 และ PE100**
-
-## คุณสมบัติเด่น
-
-ท่อ HDPE สามารถทนแรงดันได้สูงถึง **PN25 บาร์** ทนทานต่อแรงกระแทกและการกัดกร่อน ไม่เกิดสนิม อายุการใช้งานยาวนานกว่า **50 ปี**
-
-### ข้อดีของท่อ HDPE
-
-1. **ทนแรงดันสูง** - สูงถึง PN25 บาร์
-2. **ทนแรงกระแทก** - ยืดหยุ่นสูง ทนต่อการเคลื่อนไหวของดิน
-3. **ไม่เกิดสนิม** - ทนสารเคมีและกรดด่าง
-4. **น้ำหนักเบา** - ขนส่งและติดตั้งง่าย
-5. **รอยต่อแน่นหนา** - ระบบ Butt Fusion ไม่รั่วซึม
-6. **อายุการใช้งานยาว** - มากกว่า 50 ปี
-7. **มาตรฐาน มอก.** - รับรองคุณภาพ
-
-## การใช้งาน
-
-### เหมาะสำหรับ
-
-- **ระบบประปา** - งานผลิตน้ำประปา
-- **ระบบชลประทาน** - ส่งน้ำทางการเกษตร
-- **ระบบน้ำเสีย** - ท่อระบายน้ำ
-- **ท่อส่งก๊าซ** - ท่อส่งก๊าซธรรมชาติ
-- **งานอุตสาหกรรม** - ท่อส่งสารเคมี
-- **ระบบระบายน้ำ** - งานเทศบาลและเมือง
-
-## มาตรฐานและรับรอง
-
-ท่อ HDPE ผ่านมาตรฐาน:
-
-- ✅ **มอก. 827-2547** - มาตรฐานผลิตภัณฑ์อุตสาหกรรม
-- ✅ **ISO 4427** - มาตรฐานสากล
-- ✅ **ISO 9001** - ระบบบริหารคุณภาพ
-
-## เกรดของท่อ HDPE
-
-### PE80 vs PE100
-
-| คุณสมบัติ | PE80 | PE100 |
-|-----------|------|-------|
-| **MRS** | 8 MPa | 10 MPa |
-| **ทนแรงดัน** | สูง | สูงกว่า |
-| **ราคา** | ประหยัด | สูงกว่า |
-| **การใช้งาน** | ทั่วไป | แรงดันสูง |
-
-## SDR (Standard Dimension Ratio)
-
-**SDR** คืออัตราส่วนระหว่างเส้นผ่านศูนย์กลางภายนอกกับความหนาผนังท่อ
-
-- **SDR น้อย** = ผนังหนา = ทนแรงดันสูง
-- **SDR มาก** = ผนังบาง = ทนแรงดันต่ำ
-
-ตัวอย่าง:
-- SDR 9 = ทนแรงดันสูงสุด
-- SDR 11 = ทนแรงดันสูง
-- SDR 17 = ทนแรงดันปานกลาง
-- SDR 26 = ทนแรงดันต่ำ
-
-## การติดตั้ง
-
-### วิธี Butt Fusion
-- เหมาะสำหรับท่อ **63-1200 mm**
-- ใช้ความร้อนหลอมปลายท่อ
-- กดต่อกันจนเป็นชิ้นเดียว
-
-### วิธี Electrofusion
-- เหมาะสำหรับท่อ **20-630 mm**
-- ใช้ข้อต่อที่มีขดลวดความร้อน
-- สะดวกในพื้นที่จำกัด
-
-## คำถามที่พบบ่อย
-
-### ท่อ HDPE PE80 กับ PE100 ต่างกันอย่างไร?
-
-ท่อ HDPE PE100 มีความทนทานต่อแรงดันสูงกว่า PE80 โดย PE100 มี MRS (Minimum Required Strength) 10 MPa ส่วน PE80 มี MRS 8 MPa
-
-### ท่อ HDPE มีอายุการใช้งานกี่ปี?
-
-ท่อ HDPE มีอายุการใช้งานยาวนานกว่า **50 ปี** ภายใต้การใช้งานตามมาตรฐาน
-
-### วิธีติดตั้งท่อ HDPE ทำอย่างไร?
-
-ท่อ HDPE ติดตั้งโดยใช้วิธี **Butt Fusion** (เชื่อมปลายต่อ) หรือ **Electrofusion** (เชื่อมด้วยไฟฟ้า)
-
-### SDR ในท่อ HDPE คืออะไร?
-
-SDR (Standard Dimension Ratio) คืออัตราส่วนระหว่างเส้นผ่านศูนย์กลางภายนอกกับความหนาผนังท่อ ค่า SDR ที่น้อยกว่าหมายถึงผนังท่อหนากว่า
-
-## สินค้าที่เกี่ยวข้อง
-
-- [เครื่องเชื่อม HDPE](/เครื่องเชื่อม-hdpe/)
-- [ท่อพีพีอาร์ตราช้าง](/ท่อพีพีอาร์ตราช้าง/)

dealplustech-astro/src/content/products/poloplast.md

@@ -1,154 +0,0 @@
----
-id: poloplast
-name: ท่อ PP-R/PP-RCT POLOPLAST
-nameEn: POLOPLAST PP-R Pipe
-slug: 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 ที่ได้รับการพัฒนาด้วยเทคโนโลยีล้ำสมัย ท่อ POLOPLAST ผ่านมาตรฐาน DVGW และ SKZ ระดับสากล
-
-## คุณสมบัติเด่น
-
-มีความทนทานสูงสุด **ทนอุณหภูมิได้ถึง 95°C** และ **ทนแรงดันสูงถึง PN25** รับประกันคุณภาพ **10 ปี**
-
-### ข้อดีของท่อ POLOPLAST
-
-1. **ผลิตในเยอรมนี** - คุณภาพระดับพรีเมียม
-2. **มาตรฐานสูงสุด** - DVGW และ SKZ
-3. **ทนแรงดัน PN25** - สูงที่สุดในตลาด
-4. **ฉนวนความร้อนดีเยี่ยม** - ค่าการนำความร้อน 0.15 W/mK
-5. **ทนอุณหภูมิ 95°C** - เหมาะกับน้ำร้อนอุณหภูมิสูง
-6. **รับประกัน 10 ปี** - มั่นใจในคุณภาพ
-7. **อายุการใช้งาน 50 ปี** - ลงทุนครั้งเดียว
-
-## การใช้งาน
-
-### เหมาะสำหรับ
-
-- ระบบประปาน้ำร้อนอุณหภูมิสูง
-- ระบบทำความร้อน (Heating)
-- ระบบแอร์แช่ (Chilled Water)
-- **โรงแรม 5 ดาว**
-- **โรงพยาบาลและศูนย์การแพทย์**
-- **โครงการระดับพรีเมียม**
-- โรงงานอุตสาหกรรม
-
-## มาตรฐานและรับรอง
-
-ท่อ POLOPLAST ได้รับมาตรฐานสากล:
-
-- ✅ **DIN 8077/8078** - มาตรฐานเยอรมัน
-- ✅ **ISO 15874** - มาตรฐานสากล
-- ✅ **DVGW** - สมาคมเทคนิคและวิทยาศาสตร์ก๊าซและน้ำเยอรมัน
-- ✅ **SKZ** - ศูนย์เซาท์เยอรมันพลาสติก
-- ✅ **Hygienic Certificate** - รับรองความปลอดภัยน้ำดื่ม
-
-## PP-RCT Technology
-
-**PP-RCT** (Polypropylene Random Copolymer with modified Crystallinity and Temperature resistance) เป็นวัสดุพัฒนาต่อจาก PP-R มีความทนทานต่อแรงดันและอุณหภูมิสูงกว่า สามารถทนแรงดันได้สูงถึง **PN25**
-
-## คำถามที่พบบ่อย
-
-### ท่อ POLOPLAST กับท่อ PPR ทั่วไปต่างกันอย่างไร?
-
-ท่อ POLOPLAST ผลิตในเยอรมนี มีมาตรฐาน DVGW และ SKZ ทนแรงดันสูงถึง PN25 มีค่านำความร้อนต่ำกว่า และรับประกัน 10 ปี ซึ่งดีกว่าท่อ PPR ทั่วไป
-
-### PP-RCT คืออะไร?
-
-PP-RCT (Polypropylene Random Copolymer with modified Crystallinity and Temperature resistance) เป็นวัสดุพัฒนาต่อจาก PP-R มีความทนทานต่อแรงดันและอุณหภูมิสูงกว่า สามารถทนแรงดันได้สูงถึง PN25
-
-### ท่อ POLOPLAST รับประกันกี่ปี?
-
-ท่อ POLOPLAST มีการรับประกันคุณภาพ **10 ปี** สะท้อนถึงความมั่นใจในคุณภาพของผลิตภัณฑ์
-
-## สินค้าที่เกี่ยวข้อง
-
-- [ท่อพีพีอาร์ตราช้าง](/ท่อพีพีอาร์ตราช้าง/)
-- [ท่อ PPR Thai PPR](/ท่อppr-thaippr/)
-- [เครื่องเชื่อมท่อพีพีอาร์](/เครื่องเชื่อมท่อพีพีอาร์/)

dealplustech-astro/src/content/products/ppr-elephant.md

@@ -1,160 +0,0 @@
----
-id: ppr-elephant
-name: ท่อพีพีอาร์ตราช้าง
-nameEn: PPR Elephant Pipe
-slug: ท่อพีพีอาร์ตราช้าง
-description: 'ท่อพีพีอาร์ตราช้าง (SCG) คุณภาพระดับสากล ทนอุณหภูมิสูง 95°C ทนความดัน 20 บาร์ อายุการใช้งาน 50 ปี'
-shortDescription: 'ท่อพีพีอาร์ตราช้าง SCG มาตรฐาน DIN 8077/8078'
-image: /images/2021/03/ppr-pipe_000C.jpg
-seoContent: 'ท่อพีพีอาร์ตราช้าง (PPR Elephant) ผลิตโดย SCG บริษัทชั้นนำของไทย เป็นท่อพลาสติกประเภท Polypropylene Random Copolymer (PP-R) ที่มีคุณภาพสูง ได้รับมาตรฐาน DIN 8077/8078 จากเยอรมนี และมาตรฐาน ISO 15874 ระดับสากล'
-keywords:
-  - ท่อ PPR
-  - ท่อพีพีอาร์
-  - ท่อน้ำ PPR
-  - ท่อประปา PPR
-  - ราคาท่อ PPR
-  - ท่อตราช้าง
-  - SCG PPR
-  - ท่อ PPR SCG
-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
-  - label: ความหนาผนัง
-    value: SDR 7.4, 11, 17.6
-  - label: สี
-    value: ขาว, เขียว
-  - label: อายุการใช้งาน
-    value: '50'
-    unit: ปี
-features:
-  - ทนอุณหภูมิสูงสุด 95°C เหมาะกับน้ำร้อน
-  - ทนความดัน PN20 (20 บาร์)
-  - ไม่เกิดสนิมและการกัดกร่อน
-  - ผิวภายในเรียบลดการสะสมของตะกรัน
-  - ติดตั้งด้วยการเชื่อมความร้อน ไม่ต้องใช้กาว
-  - ปลอดภัยสำหรับน้ำดื่ม ไม่ปนเปื้อนสารพิษ
-  - ฉนวนความร้อนดี ลดการสูญเสียความร้อน
-  - อายุการใช้งานยาวนาน 50 ปี
-  - บำรุงรักษาต่ำ ไม่ต้องทาสี
-  - น้ำหนักเบา ติดตั้งง่าย
-applications:
-  - ระบบประปาน้ำร้อน
-  - ระบบประปาน้ำเย็น
-  - ระบบทำความร้อน (Heating)
-  - ระบบน้ำแรงดันสูง
-  - โรงแรมและรีสอร์ท
-  - โรงพยาบาลและสถานพยาบาล
-  - อาคารพาณิชย์และสำนักงาน
-  - โครงการบ้านจัดสรร
-  - โรงงานอุตสาหกรรม
-certifications:
-  - DIN 8077/8078
-  - ISO 15874
-  - มอก. 248-2549
-  - SCG Quality Certified
-faq:
-  - question: ท่อ PPR ตราช้างทนอุณหภูมิสูงสุดเท่าไร?
-    answer: ท่อ PPR ตราช้างทนอุณหภูมิสูงสุด 95°C ทำให้เหมาะสำหรับใช้กับระบบน้ำร้อนและระบบทำความร้อน
-  - question: ท่อ PPR ตราช้างอายุการใช้งานกี่ปี?
-    answer: ท่อ PPR ตราช้างมีอายุการใช้งานยาวนานถึง 50 ปี ภายใต้การใช้งานตามมาตรฐาน
-  - question: ท่อ PPR แตกต่างจากท่อ PVC อย่างไร?
-    answer: ท่อ PPR ทนอุณหภูมิสูงกว่า (95°C vs 60°C) ทนแรงดันสูงกว่า ติดตั้งด้วยการเชื่อมความร้อนไม่ต้องใช้กาว และมีอายุการใช้งานยาวนานกว่า
-  - question: วิธีติดตั้งท่อ PPR ตราช้างทำอย่างไร?
-    answer: ติดตั้งโดยใช้เครื่องเชื่อมท่อ PPR อุณหภูมิ 260°C โดยเชื่อมท่อกับข้อต่อด้วยความร้อนจนกลายเป็นชิ้นเดียวกัน
-  - question: ท่อ PPR ตราช้างใช้กับน้ำดื่มได้หรือไม่?
-    answer: ได้ ท่อ PPR ตราช้างได้รับมาตรฐานสำหรับน้ำดื่ม ไม่ปล่อยสารพิษ และไม่เปลี่ยนแปลงรสชาติน้ำ
-relatedProductIds:
-  - thai-ppr
-  - poloplast
-  - ppr-welder
-schemaData:
-  brand: SCG Elephant
-  manufacturer: SCG Chemicals
-  material: Polypropylene Random Copolymer (PP-R)
-  category: Plumbing Pipe - PPR
----
-
-# ท่อพีพีอาร์ตราช้าง (PPR Elephant Pipe)
-
-## ภาพรวม
-
-ท่อพีพีอาร์ตราช้าง (PPR Elephant) ผลิตโดย SCG บริษัทชั้นนำของไทย เป็นท่อพลาสติกประเภท **Polypropylene Random Copolymer (PP-R)** ที่มีคุณภาพสูง ได้รับมาตรฐาน DIN 8077/8078 จากเยอรมนี และมาตรฐาน ISO 15874 ระดับสากล
-
-## คุณสมบัติเด่น
-
-ท่อ PPR ตราช้างมีความทนทานต่ออุณหภูมิสูงสุด **95°C** และทนความดันได้ถึง **20 บาร์ (PN20)** เหมาะสำหรับงานระบบประปาน้ำร้อน น้ำเย็น และระบบทำความร้อน
-
-### ข้อดีของท่อ PPR ตราช้าง
-
-1. **ทนความร้อนสูง** - ใช้งานกับน้ำร้อนได้ถึง 95°C
-2. **ทนแรงดัน** - รับแรงดันได้สูงสุด 20 บาร์
-3. **ไม่เกิดสนิม** - ไม่มีการกัดกร่อนจากสารเคมี
-4. **ผิวเรียบ** - ลดการสะสมของตะกรันในท่อ
-5. **ติดตั้งง่าย** - เชื่อมด้วยความร้อน ไม่ต้องใช้กาว
-6. **ปลอดภัย** - ใช้กับน้ำดื่มได้ ไม่ปนเปื้อนสารพิษ
-7. **อายุยาวนาน** - ใช้งานได้นาน 50 ปี
-
-## การใช้งาน
-
-### เหมาะสำหรัก
-
-- ระบบประปาน้ำร้อนในโรงแรมและรีสอร์ท
-- ระบบน้ำเย็นในอาคารพาณิชย์
-- ระบบทำความร้อน (Heating System)
-- ระบบน้ำแรงดันสูงในโรงงาน
-- โรงพยาบาลและสถานพยาบาล
-- โครงการบ้านจัดสรร
-
-## มาตรฐานและรับรอง
-
-ท่อพีพีอาร์ตราช้างได้รับมาตรฐานสากล:
-
-- ✅ **DIN 8077/8078** - มาตรฐานเยอรมัน
-- ✅ **ISO 15874** - มาตรฐานสากล
-- ✅ **มอก. 248-2549** - มาตรฐานผลิตภัณฑ์อุตสาหกรรมไทย
-- ✅ **SCG Quality Certified** - รับรองคุณภาพโดย SCG
-
-## วิธีการติดตั้ง
-
-การติดตั้งท่อ PPR ตราช้างใช้ระบบ **เชื่อมความร้อน (Heat Fusion)**:
-
-1. ตั้งเครื่องเชื่อมที่อุณหภูมิ **260°C**
-2. เสียบท่อและข้อต่อเข้าในแม่พิมพ์
-3. รอให้พลาสติกหลอมตัว (เวลาตามขนาดท่อ)
-4. ดึงออกและเชื่อมท่อกับข้อต่อทันที
-5. รอให้เย็นตัว (ประมาณ 2-3 นาที)
-
-## คำถามที่พบบ่อย
-
-### ท่อ PPR ตราช้างทนอุณหภูมิสูงสุดเท่าไร?
-
-ท่อ PPR ตราช้างทนอุณหภูมิสูงสุด **95°C** ทำให้เหมาะสำหรับใช้กับระบบน้ำร้อนและระบบทำความร้อน
-
-### ท่อ PPR ตราช้างอายุการใช้งานกี่ปี?
-
-ท่อ PPR ตราช้างมีอายุการใช้งานยาวนานถึง **50 ปี** ภายใต้การใช้งานตามมาตรฐาน
-
-### ท่อ PPR แตกต่างจากท่อ PVC อย่างไร?
-
-ท่อ PPR ทนอุณหภูมิสูงกว่า (95°C vs 60°C) ทนแรงดันสูงกว่า ติดตั้งด้วยการเชื่อมความร้อนไม่ต้องใช้กาว และมีอายุการใช้งานยาวนานกว่า
-
-### ท่อ PPR ตราช้างใช้กับน้ำดื่มได้หรือไม่?
-
-**ได้** ท่อ PPR ตราช้างได้รับมาตรฐานสำหรับน้ำดื่ม ไม่ปล่อยสารพิษ และไม่เปลี่ยนแปลงรสชาติน้ำ
-
-## สินค้าที่เกี่ยวข้อง
-
-- [ท่อ PPR Thai PPR](/ท่อppr-thaippr/)
-- [ท่อ PP-R/PP-RCT POLOPLAST](/pp-r-pp-rct-poloplast/)
-- [เครื่องเชื่อมท่อพีพีอาร์](/เครื่องเชื่อมท่อพีพีอาร์/)

dealplustech-astro/src/content/products/syler.md

@@ -1,130 +0,0 @@
----
-id: syler
-name: ท่อไซเลอร์
-nameEn: Syler Pipe
-slug: ท่อไซเลอร์
-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'
-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 (Polyethylene) ที่ออกแบบมาเฉพาะสำหรับ **ระบบดับเพลิงและสปริงเกลอร์** ท่อมีความทนทานสูง ทนแรงดันได้ถึง **50 บาร์**
-
-## คุณสมบัติเด่น
-
-ผ่านมาตรฐาน **BS1387** จากอังกฤษและ **FM APPROVED** จาก Factory Mutual ท่อไซเลอร์มีการบุ PE ภายในเพื่อป้องกันการกัดกร่อนและสนิม
-
-### ข้อดีของท่อไซเลอร์
-
-1. **ทนแรงดันสูง** - สูงถึง 50 บาร์
-2. **มาตรฐานสากล** - BS1387, FM APPROVED, UL Listed
-3. **บุ PE** - ป้องกันสนิมและการกัดกร่อน
-4. **เหมาะสำหรับดับเพลิง** - ออกแบบมาเฉพาะงานนี้
-5. **ติดตั้งง่าย** - ใช้ Groove Coupling
-6. **ทนความร้อน** - เหมาะกับระบบสปริงเกลอร์
-7. **อายุการใช้งานยาว** - ทนทานในระยะยาว
-
-## การใช้งาน
-
-### เหมาะสำหรับ
-
-- **ระบบสปริงเกลอร์** - งานดับเพลิงอัตโนมัติ
-- **ระบบดับเพลิง** - งานป้องกันอัคคีภัย
-- **โรงงานอุตสาหกรรม** - ระบบความปลอดภัย
-- **อาคารพาณิชย์สูง** - อาคารสูง คอนโด
-- **โรงแรมและโรงพยาบาล** - สถานที่สาธารณะ
-
-## มาตรฐานและรับรอง
-
-ท่อไซเลอร์ผ่านมาตรฐาน:
-
-- ✅ **BS1387** - มาตรฐานอังกฤษสำหรับท่อเหล็ก
-- ✅ **FM APPROVED** - Factory Mutual รับรองสำหรับระบบดับเพลิง
-- ✅ **UL Listed** - รับรองความปลอดภัย
-
-## การติดตั้ง
-
-ท่อไซเลอร์ติดตั้งโดยใช้ **Groove Coupling** ซึ่งเป็นระบบต่อท่อที่:
-- ติดตั้งรวดเร็ว
-- ไม่ต้องใช้เครื่องเชื่อม
-- รองรับแรงดันสูง
-- ถอดประกอบได้สะดวก
-
-## คำถามที่พบบ่อย
-
-### ท่อไซเลอร์เหมาะกับงานอะไร?
-
-ท่อไซเลอร์ออกแบบมาเฉพาะสำหรับ **ระบบดับเพลิงและสปริงเกลอร์** ผ่านมาตรฐาน FM APPROVED จึงมั่นใจได้ในความปลอดภัย
-
-### ท่อไซเลอร์ต่างจากท่อเหล็กทั่วไปอย่างไร?
-
-ท่อไซเลอร์มีการ **บุ PE ภายในท่อ** ป้องกันการเกิดสนิมและการกัดกร่อน ทำให้มีอายุการใช้งานยาวนานกว่าท่อเหล็กทั่วไป
-
-## สินค้าที่เกี่ยวข้อง
-
-- [Realflex](/realflex/)
-- [ท่อและข้อต่อ Groove](/อุปกรณ์ท่อกรูฟ/)

dealplustech-astro/src/content/products/thai-ppr.md

@@ -1,121 +0,0 @@
----
-id: thai-ppr
-name: ท่อ PPR Thai PPR
-nameEn: Thai PPR Pipe
-slug: ท่อppr-thaippr
-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
-
-## ภาพรวม
-
-ท่อ PPR Thai PPR เป็นท่อพลาสติกพีพีอาร์ **ผลิตในประเทศไทย** ผ่านมาตรฐาน มอก. สำหรับใช้ในงานระบบประปาและระบบน้ำ ท่อ Thai PPR มีคุณสมบัติทนทานต่อความร้อนและความดัน เหมาะสำหรับงานประปาน้ำเย็นและน้ำร้อน
-
-## คุณสมบัติเด่น
-
-ด้วยราคาที่เป็นมิตรกับงบประมาณ ท่อ PPR Thai PPR เป็นทางเลือกที่คุ้มค่าสำหรับโครงการก่อสร้างทุกขนาด
-
-### ข้อดีของท่อ Thai PPR
-
-1. **ผลิตในไทย** - ราคาประหยัด สนับสนุนสินค้าไทย
-2. **มาตรฐาน มอก.** - รับรองคุณภาพ ตรวจสอบได้
-3. **ทนความร้อน** - ใช้งานได้สูงถึง 70°C
-4. **ไม่เกิดสนิม** - ไม่มีการกัดกร่อนจากสารเคมี
-5. **ติดตั้งง่าย** - เชื่อมด้วยความร้อน ไม่ต้องใช้กาว
-6. **ปลอดภัย** - ใช้กับน้ำดื่มได้
-7. **น้ำหนักเบา** - ขนส่งและติดตั้งสะดวก
-
-## การใช้งาน
-
-### เหมาะสำหรับ
-
-- ระบบประปาภายในอาคาร
-- ระบบน้ำเย็น
-- งานก่อสร้างที่อยู่อาศัย
-- โครงการจัดสรร
-- งานประปาขนาดเล็กและกลาง
-
-## มาตรฐานและรับรอง
-
-ท่อ PPR Thai PPR ผ่านมาตรฐาน:
-
-- ✅ **มอก. 248-2549** - มาตรฐานผลิตภัณฑ์อุตสาหกรรม
-
-## คำถามที่พบบ่อย
-
-### ท่อ Thai PPR ต่างจากท่อ PPR ตราช้างอย่างไร?
-
-ท่อ Thai PPR เป็นผลิตภัณฑ์ที่ผลิตในประเทศไทย ราคาประหยัดกว่า ในขณะที่ท่อ PPR ตราช้างเป็นผลิตภัณฑ์จาก SCG มีมาตรฐานสากลที่หลากหลายกว่า
-
-### ท่อ Thai PPR รับประกันคุณภาพหรือไม่?
-
-ได้ ท่อ Thai PPR ผ่านมาตรฐาน มอก. 248-2549 สามารถตรวจสอบคุณภาพได้
-
-## สินค้าที่เกี่ยวข้อง
-
-- [ท่อพีพีอาร์ตราช้าง](/ท่อพีพีอาร์ตราช้าง/)
-- [ท่อ PP-R/PP-RCT POLOPLAST](/pp-r-pp-rct-poloplast/)
-- [เครื่องเชื่อมท่อพีพีอาร์](/เครื่องเชื่อมท่อพีพีอาร์/)

dealplustech-astro/src/content/products/xylent.md

@@ -1,146 +0,0 @@
----
-id: xylent
-name: ท่อระบายน้ำ 3 ชั้น ไซเลนท์
-nameEn: XYLENT Silent Pipe
-slug: ท่อระบายน้ำ-3-ชั้น-ไซเลนท
-description: 'ท่อระบายน้ำ XYLENT 3 ชั้น ลดเสียง 22dB ระบบ Push Fit ติดตั้งง่าย จาก Poloplast ยุโรป'
-shortDescription: 'ท่อระบายน้ำไซเลนท์ 22dB Push Fit'
-image: /images/2021/03/xylent_000C.jpg
-keywords:
-  - ท่อ XYLENT
-  - 22 dB
-  - ท่อระบายน้ำ 3 ชั้น
-  - ท่อไซเลนท์
-  - silent pipe
-  - ท่อลดเสียง
-  - Push Fit pipe
-  - ท่อระบายน้ำไซเลนท์
-  - Poloplast
-  - ท่อ PP
-  - ท่อระบายน้ำอาคาร
-seoContent: 'ท่อระบายน้ำ XYLENT เป็นท่อระบายน้ำระดับพรีเมียมจาก Poloplast ประเทศออสเตรีย มีโครงสร้าง 3 ชั้น (Triple Layer) ช่วยลดเสียงรบกวนจากการไหลของน้ำได้ถึง 22 เดซิเบล ระบบ Push Fit ช่วยให้ติดตั้งง่าย ไม่ต้องใช้กาวหรือเครื่องมือพิเศษ'
-specifications:
-  - label: วัสดุ
-    value: PP (Polypropylene) 3 ชั้น
-  - label: มาตรฐาน
-    value: EN 1451, DIN 19560
-  - label: การลดเสียง
-    value: '22'
-    unit: dB
-  - label: อุณหภูมิทนทาน
-    value: '-20 ถึง 95'
-    unit: °C
-  - label: ขนาดท่อ
-    value: '32, 40, 50, 75, 90, 110, 125, 160'
-    unit: mm
-  - label: ระบบติดตั้ง
-    value: Push Fit (Push-Fit)
-  - label: สี
-    value: เทาอ่อน
-  - label: อายุการใช้งาน
-    value: '50'
-    unit: ปี
-features:
-  - ลดเสียงรบกวน 22 dB
-  - โครงสร้าง 3 ชั้น (Triple Layer)
-  - ระบบ Push Fit ติดตั้งง่าย
-  - ไม่ต้องใช้กาวหรือเครื่องมือพิเศษ
-  - ผลิตในออสเตรีย คุณภาพยุโรป
-  - ทนอุณหภูมิสูง 95°C
-  - ไม่แตกหักง่าย
-  - อายุการใช้งาน 50 ปี
-applications:
-  - ระบบระบายน้ำอาคาร
-  - โรงแรมและรีสอร์ท
-  - โรงพยาบาล
-  - อาคารพักอาศัยระดับสูง
-  - อาคารสำนักงาน
-certifications:
-  - EN 1451
-  - DIN 19560
-  - DIBt Approved
-faq:
-  - question: ท่อ XYLENT ลดเสียงได้กี่เดซิเบล?
-    answer: ท่อ XYLENT สามารถลดเสียงรบกวนจากการไหลของน้ำได้ถึง 22 เดซิเบล ทำให้เหมาะสำหรับอาคารที่ต้องการความเงียบ
-  - question: ระบบ Push Fit คืออะไร?
-    answer: ระบบ Push Fit เป็นระบบติดตั้งที่ไม่ต้องใช้กาวหรือเครื่องมือพิเศษ เพียงสองท่อเข้าหากันก็ติดตั้งเสร็จ สะดวกและรวดเร็ว
-relatedProductIds:
-  - poloplast
-  - upvc
-schemaData:
-  brand: XYLENT by Poloplast
-  manufacturer: Poloplast (Austria)
-  material: Polypropylene (PP) - Triple Layer
-  category: Drainage Pipe - Silent
----
-
-# ท่อระบายน้ำ 3 ชั้น XYLENT (Silent Pipe)
-
-## ภาพรวม
-
-ท่อระบายน้ำ **XYLENT** เป็นท่อระบายน้ำระดับพรีเมียมจาก **Poloplast ประเทศออสเตรีย** มีโครงสร้าง **3 ชั้น (Triple Layer)** ช่วยลดเสียงรบกวนจากการไหลของน้ำได้ถึง **22 เดซิเบล**
-
-## คุณสมบัติเด่น
-
-ระบบ **Push Fit** ช่วยให้ติดตั้งง่าย ไม่ต้องใช้กาวหรือเครื่องมือพิเศษ ท่อ XYLENT เหมาะสำหรับอาคารที่ต้องการความเงียบ
-
-### ข้อดีของท่อ XYLENT
-
-1. **ลดเสียง 22 dB** - เงียบกว่าท่อทั่วไป
-2. **3 ชั้น** - Triple Layer Structure
-3. **Push Fit** - ติดตั้งง่าย ไม่ต้องใช้กาว
-4. **คุณภาพยุโรป** - ผลิตในออสเตรีย
-5. **ทนอุณหภูมิ** - สูงถึง 95°C
-6. **ไม่แตกหัก** - PP เกรดสูง
-7. **อายุ 50 ปี** - ทนทานยาวนาน
-
-## การใช้งาน
-
-### เหมาะสำหรับ
-
-- **ระบบระบายน้ำอาคาร** - ท่อระบายน้ำทิ้ง
-- **โรงแรมและรีสอร์ท** - ต้องการความเงียบ
-- **โรงพยาบาล** - สถานที่ต้องการความสงบ
-- **อาคารพักอาศัยระดับสูง** - คอนโดระดับพรีเมียม
-- **อาคารสำนักงาน** - สำนักงานเกรด A
-
-## มาตรฐานและรับรอง
-
-ท่อ XYLENT ผ่านมาตรฐาน:
-
-- ✅ **EN 1451** - มาตรฐานยุโรปสำหรับท่อระบายน้ำ
-- ✅ **DIN 19560** - มาตรฐานเยอรมัน
-- ✅ **DIBt Approved** - รับรองโดยสถาบันก่อสร้างเยอรมัน
-
-## โครงสร้าง 3 ชั้น
-
-ท่อ XYLENT มีโครงสร้าง **Triple Layer**:
-
-1. **ชั้นใน** - PP เรียบ ลดแรงเสียดทาน
-2. **ชั้นกลาง** - PP แร่ เพิ่มความแข็งแรง
-3. **ชั้นนอก** - PP เรียบ ป้องกันรอยขีดข่วน
-
-โครงสร้างนี้ช่วย **ลดเสียงรบกวน** ได้ถึง **22 dB**
-
-## ระบบ Push Fit
-
-**Push Fit** คือระบบติดตั้งที่:
-- ไม่ต้องใช้กาว
-- ไม่ต้องใช้เครื่องมือพิเศษ
-- แค่ดันท่อเข้ากันก็ติดตั้งเสร็จ
-- ประหยัดเวลาและค่าแรง
-
-## คำถามที่พบบ่อย
-
-### ท่อ XYLENT ลดเสียงได้กี่เดซิเบล?
-
-ท่อ XYLENT สามารถลดเสียงรบกวนจากการไหลของน้ำได้ถึง **22 เดซิเบล** ทำให้เหมาะสำหรับอาคารที่ต้องการความเงียบ
-
-### ระบบ Push Fit คืออะไร?
-
-ระบบ Push Fit เป็นระบบติดตั้งที่ **ไม่ต้องใช้กาวหรือเครื่องมือพิเศษ** เพียงสองท่อเข้าหากันก็ติดตั้งเสร็จ สะดวกและรวดเร็ว
-
-## สินค้าที่เกี่ยวข้อง
-
-- [ท่อ PP-R/PP-RCT POLOPLAST](/pp-r-pp-rct-poloplast/)
-- [ท่อ uPVC](/ท่อupvc/)

dealplustech-astro/src/layouts/BaseLayout.astro

@@ -37,11 +37,100 @@ const { title, description, image } = Astro.props;
   </head>
   <body class="flex flex-col min-h-screen">
     <slot />
+    
+    <!-- Cookie Consent Banner -->
+    <script>
+      // Check for consent preferences
+      const consent = JSON.parse(localStorage.getItem('consent-preferences') || 'null');
+      
+      if (!consent) {
+        // Dynamically create and show cookie banner
+        const banner = document.createElement('div');
+        banner.id = 'cookie-banner';
+        banner.className = 'fixed bottom-0 left-0 right-0 bg-secondary-900 text-white p-6 z-50 shadow-lg';
+        banner.innerHTML = `
+          <div class="container mx-auto max-w-4xl">
+            <p class="text-lg mb-4">เราใช้คุกกี้เพื่อปรับปรุงประสบการณ์การใช้งานเว็บไซต์ โดยคลิกยอมรับเพื่อใช้งานคุกกี้ทุกประเภท หรือคลิกปรับแต่งเพื่อเลือกคุกกี้ที่ต้องการ</p>
+            <div class="flex flex-wrap gap-3">
+              <button id="accept-all" class="px-6 py-2 bg-primary-600 text-white font-semibold rounded-md hover:bg-primary-700">ยอมรับ</button>
+              <button id="reject-all" class="px-6 py-2 bg-secondary-700 text-white font-semibold rounded-md hover:bg-secondary-600">ปฏิเสธ</button>
+              <button id="customize" class="px-6 py-2 border border-white text-white font-semibold rounded-md hover:bg-white hover:text-secondary-900">ปรับแต่ง</button>
+            </div>
+          </div>
+        `;
+        document.body.appendChild(banner);
+        
+        // Handle button clicks
+        document.getElementById('accept-all')?.addEventListener('click', () => {
+          localStorage.setItem('consent-preferences', JSON.stringify({
+            essential: true,
+            analytics: true,
+            marketing: true,
+            timestamp: new Date().toISOString()
+          }));
+          banner.remove();
+          loadAnalytics();
+        });
+        
+        document.getElementById('reject-all')?.addEventListener('click', () => {
+          localStorage.setItem('consent-preferences', JSON.stringify({
+            essential: true,
+            analytics: false,
+            marketing: false,
+            timestamp: new Date().toISOString()
+          }));
+          banner.remove();
+        });
+        
+        document.getElementById('customize')?.addEventListener('click', () => {
+          // For now, treat as reject - can be enhanced later
+          localStorage.setItem('consent-preferences', JSON.stringify({
+            essential: true,
+            analytics: false,
+            marketing: false,
+            timestamp: new Date().toISOString()
+          }));
+          banner.remove();
+        });
+      } else if (consent.analytics) {
+        // Load analytics if already consented
+        loadAnalytics();
+      }
+      
+      // Load Umami Analytics if consented
+      function loadAnalytics() {
+        // Umami configuration - set in .env
+        const umamiEnabled = false; // Set to true when Umami is configured
+        const umamiWebsiteId = ''; // Add your Umami Website ID
+        const umamiDomain = ''; // e.g., analytics.moreminimore.com
+        
+        if (umamiEnabled && umamiWebsiteId && umamiDomain) {
+          const script = document.createElement('script');
+          script.defer = true;
+          script.src = `https://${umamiDomain}/script.js`;
+          script.setAttribute('data-website-id', umamiWebsiteId);
+          document.head.appendChild(script);
+        }
+      }
+    </script>
   </body>
 </html>
 
 <style is:global>
   html {
     font-family: 'Kanit', system-ui, sans-serif;
+    font-size: 18px;
+  }
+  
+  @media (min-width: 1280px) {
+    html { font-size: 20px; }
+  }
+  
+  @media (min-width: 1536px) {
+    html { font-size: 22px; }
+  }
+  
+  @media (min-width: 1920px) {
+    html { font-size: 24px; }
   }
 </style>

dealplustech-astro/src/lib/umami.ts

@@ -0,0 +1,30 @@
+/**
+ * Umami Analytics Integration
+ * 
+ * To enable Umami Analytics:
+ * 1. Get your Umami Website ID from your Umami dashboard
+ * 2. Add to .env:
+ *    UMAMI_WEBSITE_ID=your-website-id-here
+ *    UMAMI_DOMAIN=analytics.yourdomain.com
+ * 3. Set consent.analytics = true in cookie consent
+ * 
+ * The script will load automatically after user consent.
+ */
+
+export const UMAMI_CONFIG = {
+  enabled: false, // Set to true after configuring .env
+  websiteId: '', // Add your Umami Website ID
+  domain: '', // Add your Umami domain (e.g., analytics.moreminimore.com)
+};
+
+export function getUmamiScript() {
+  if (!UMAMI_CONFIG.enabled || !UMAMI_CONFIG.websiteId || !UMAMI_CONFIG.domain) {
+    return null;
+  }
+
+  return {
+    src: `https://${UMAMI_CONFIG.domain}/script.js`,
+    'data-website-id': UMAMI_CONFIG.websiteId,
+    defer: true,
+  };
+}

dealplustech-astro/src/pages/about-us/index.astro

@@ -0,0 +1,116 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import FloatingContact from '../../components/FloatingContact.astro';
+import { siteConfig } from '../../data/site-config';
+---
+
+<BaseLayout title="เกี่ยวกับเรา" description="เรียนรู้เพิ่มเติมเกี่ยวกับดีลพลัสเทค ผู้เชี่ยวชาญด้านวัสดุท่อและอุปกรณ์ระบบท่อ">
+  <main class="pt-32 pb-16">
+    <div class="container mx-auto px-4">
+      <!-- Hero -->
+      <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>
+
+      <!-- Company Story -->
+      <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>
+
+      <!-- Vision & Mission -->
+      <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>
+
+      <!-- Core Values -->
+      <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>
+  <FloatingContact />
+</BaseLayout>

dealplustech-astro/src/pages/cookie-policy.astro

@@ -0,0 +1,156 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+---
+
+<BaseLayout 
+  title="นโยบายคุกกี้" 
+  description="นโยบายการใช้งานคุกกี้ของเว็บไซต์บริษัท ดีล พลัส เทค จำกัด"
+>
+  <main class="min-h-screen bg-secondary-50">
+    <div class="container mx-auto px-4 py-12">
+      <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-lg p-8 md:p-12">
+        <h1 class="text-4xl font-bold text-secondary-900 mb-4">นโยบายคุกกี้</h1>
+        <p class="text-secondary-600 mb-8">Cookie Policy - ปรับปรุงล่าสุด: 9 มีนาคม 2026</p>
+
+        <div class="prose prose-lg max-w-none text-secondary-700">
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">1. คุกกี้คืออะไร?</h2>
+            <p class="mb-4">
+              คุกกี้ (Cookie) คือไฟล์ข้อความขนาดเล็กที่เว็บไซต์บันทึกลงบนอุปกรณ์ของท่าน 
+              (คอมพิวเตอร์, แท็บเล็ต, หรือมือถือ) เมื่อท่านเยี่ยมชมเว็บไซต์ 
+              คุกกี้ช่วยให้เว็บไซต์จดจำการกระทำและความชอบของท่าน ทำให้ประสบการณ์การใช้งานดีขึ้น
+            </p>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">2. ประเภทคุกกี้ที่เราใช้</h2>
+            <p class="mb-4">เราใช้คุกกี้ 3 ประเภท:</p>
+            
+            <div class="space-y-4">
+              <div class="bg-secondary-50 p-4 rounded-lg">
+                <h3 class="text-lg font-semibold mb-2">🔒 คุกกี้ที่จำเป็น (Essential Cookies)</h3>
+                <p class="text-sm">
+                  คุกกี้เหล่านี้จำเป็นสำหรับการทำงานของเว็บไซต์ ไม่สามารถปิดใช้งานได้ 
+                  ใช้สำหรับ: การจัดการเซสชัน, ความปลอดภัย, การทำงานพื้นฐานของเว็บไซต์
+                </p>
+                <p class="text-sm mt-2"><strong>ความยินยอม:</strong> ไม่จำเป็น (เปิดเสมอ)</p>
+              </div>
+
+              <div class="bg-secondary-50 p-4 rounded-lg">
+                <h3 class="text-lg font-semibold mb-2">📊 คุกกี้วิเคราะห์ (Analytics Cookies)</h3>
+                <p class="text-sm">
+                  คุกกี้เหล่านี้帮助我们เก็บข้อมูลการใช้งานเว็บไซต์แบบไม่ระบุตัวตน 
+                  ใช้สำหรับ: การวิเคราะห์ผู้เยี่ยมชม, หน้าเว็บที่นิยม, อัตราการตีกลับ
+                </p>
+                <p class="text-sm mt-2"><strong>ความยินยอม:</strong> ต้องเปิดใช้งาน (Opt-in)</p>
+              </div>
+
+              <div class="bg-secondary-50 p-4 rounded-lg">
+                <h3 class="text-lg font-semibold mb-2">📢 คุกกี้การตลาด (Marketing Cookies)</h3>
+                <p class="text-sm">
+                  คุกกี้เหล่านี้ใช้เพื่อติดตามผู้ใช้งานบนเว็บไซต์ต่าง ๆ 
+                  ใช้สำหรับ: การโฆษณาที่กำหนดเป้าหมาย, การวัดประสิทธิภาพโฆษณา
+                </p>
+                <p class="text-sm mt-2"><strong>ความยินยอม:</strong> ต้องเปิดใช้งาน (Opt-in)</p>
+              </div>
+            </div>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">3. คุกกี้ที่เราใช้</h2>
+            <div class="overflow-x-auto">
+              <table class="min-w-full border">
+                <thead class="bg-secondary-100">
+                  <tr>
+                    <th class="px-4 py-2 border text-left">ชื่อคุกกี้</th>
+                    <th class="px-4 py-2 border text-left">ประเภท</th>
+                    <th class="px-4 py-2 border text-left">ระยะเวลา</th>
+                    <th class="px-4 py-2 border text-left">วัตถุประสงค์</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <td class="px-4 py-2 border">session_id</td>
+                    <td class="px-4 py-2 border">จำเป็น</td>
+                    <td class="px-4 py-2 border">จนกว่าจะปิดเบราว์เซอร์</td>
+                    <td class="px-4 py-2 border">จัดการเซสชัน</td>
+                  </tr>
+                  <tr>
+                    <td class="px-4 py-2 border">consent-preferences</td>
+                    <td class="px-4 py-2 border">จำเป็น</td>
+                    <td class="px-4 py-2 border">1 ปี</td>
+                    <td class="px-4 py-2 border">บันทึกการตั้งค่าคุกกี้</td>
+                  </tr>
+                  <tr>
+                    <td class="px-4 py-2 border">umami analytics</td>
+                    <td class="px-4 py-2 border">วิเคราะห์</td>
+                    <td class="px-4 py-2 border">ไม่ใช้คุกกี้</td>
+                    <td class="px-4 py-2 border">วิเคราะห์การใช้งาน (Privacy-first)</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">4. การจัดการคุกกี้</h2>
+            <p class="mb-4">ท่านสามารถจัดการการตั้งค่าคุกกี้ได้โดย:</p>
+            <ul class="list-disc pl-6 space-y-2">
+              <li><strong>แบนเนอร์คุกกี้:</strong> คลิกที่ปุ่ม "ปรับแต่ง" ในแบนเนอร์คุกกี้เพื่อเลือกคุกกี้ที่ต้องการ</li>
+              <li><strong>การตั้งค่าเบราว์เซอร์:</strong> เบราว์เซอร์ส่วนใหญ่ยอมให้ท่านบล็อกหรือลบคุกกี้ได้</li>
+              <li><strong>ลิงก์ในฟุตเตอร์:</strong> คลิก "การตั้งค่าคุกกี้" ที่ด้านล่างของหน้าเว็บ</li>
+            </ul>
+            <p class="mt-4">
+              <a href="#" id="openPreferences" class="text-primary-600 hover:underline font-semibold">
+                → เปิดการตั้งค่าคุกกี้ตอนนี้
+              </a>
+            </p>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">5. การเพิกถอนความยินยอม</h2>
+            <p class="mb-4">
+              ท่านสามารถเพิกถอนความยินยอมสำหรับคุกกี้วิเคราะห์และคุกกี้การตลาดเมื่อใดก็ได้ 
+              โดยไปที่การตั้งค่าคุกกี้และปิดการใช้งานคุกกี้เหล่านั้น 
+              การเพิกถอนความยินยอมจะไม่มีผลต่อความถูกต้องของการประมวลผลก่อนการเพิกถอน
+            </p>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">6. การอัปเดตนโยบาย</h2>
+            <p class="mb-4">
+              เราอาจอัปเดตนโยบายคุกกี้นี้เป็นครั้งคราว การเปลี่ยนแปลงใด ๆ จะถูกเผยแพร่บนหน้านี้ 
+              กรุณาตรวจสอบหน้าทนี้เป็นระยะเพื่อดูการเปลี่ยนแปลง
+            </p>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">7. การติดต่อ</h2>
+            <p class="mb-4">หากมีคำถามเกี่ยวกับนโยบายคุกกี้นี้ กรุณาติดต่อ:</p>
+            <div class="bg-secondary-50 p-4 rounded-lg">
+              <p><strong>บริษัท ดีล พลัส เทค จำกัด</strong></p>
+              <p>อีเมล: info@dealplustech.co.th</p>
+              <p>โทรศัพท์: 090-555-1415</p>
+            </div>
+          </section>
+
+          <section class="mt-12 pt-8 border-t border-secondary-200">
+            <p class="text-sm text-secondary-600">
+              อ่านเพิ่มเติม: <a href="/privacy-policy/" class="text-primary-600 hover:underline">นโยบายความเป็นส่วนตัว</a> | 
+              <a href="/terms-and-conditions/" class="text-primary-600 hover:underline">ข้อกำหนดและเงื่อนไข</a>
+            </p>
+          </section>
+        </div>
+      </div>
+    </div>
+  </main>
+</BaseLayout>
+
+<script>
+  // Open cookie preferences when clicked
+  document.getElementById('openPreferences')?.addEventListener('click', (e) => {
+    e.preventDefault();
+    // Dispatch custom event to open cookie preferences modal
+    window.dispatchEvent(new CustomEvent('open-cookie-preferences'));
+  });
+</script>

dealplustech-astro/src/pages/privacy-policy.astro

@@ -0,0 +1,171 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+---
+
+<BaseLayout 
+  title="นโยบายความเป็นส่วนตัว" 
+  description="นโยบายความเป็นส่วนตัวตามกฎหมายคุ้มครองข้อมูลส่วนบุคคล (PDPA) ของบริษัท ดีล พลัส เทค จำกัด"
+>
+  <main class="min-h-screen bg-secondary-50">
+    <div class="container mx-auto px-4 py-12">
+      <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-lg p-8 md:p-12">
+        <h1 class="text-4xl font-bold text-secondary-900 mb-4">นโยบายความเป็นส่วนตัว</h1>
+        <p class="text-secondary-600 mb-8">Privacy Policy - ปรับปรุงล่าสุด: 9 มีนาคม 2026</p>
+
+        <nav class="mb-8 p-4 bg-secondary-50 rounded-lg">
+          <h2 class="text-lg font-semibold mb-3">สารบัญ</h2>
+          <ul class="space-y-1 text-primary-600">
+            <li><a href="#section1" class="hover:underline">1. ข้อมูลผู้ควบคุมข้อมูลส่วนบุคคล</a></li>
+            <li><a href="#section2" class="hover:underline">2. ประเภทข้อมูลที่เก็บรวบรวม</a></li>
+            <li><a href="#section3" class="hover:underline">3. วัตถุประสงค์การเก็บรวบรวม</a></li>
+            <li><a href="#section4" class="hover:underline">4. ฐานทางกฎหมายสำหรับการประมวลผล</a></li>
+            <li><a href="#section5" class="hover:underline">5. ระยะเวลาเก็บรักษาข้อมูล</a></li>
+            <li><a href="#section6" class="hover:underline">6. การเปิดเผยข้อมูล</a></li>
+            <li><a href="#section9" class="hover:underline">7. คุกกี้และเทคโนโลยีการติดตาม</a></li>
+            <li><a href="#section10" class="hover:underline">8. สิทธิของเจ้าของข้อมูล</a></li>
+            <li><a href="#section11" class="hover:underline">9. มาตรการรักษาความปลอดภัย</a></li>
+            <li><a href="#section13" class="hover:underline">10. สิทธิร้องเรียน</a></li>
+          </ul>
+        </nav>
+
+        <div class="prose prose-lg max-w-none">
+          <section id="section1" class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">1. ข้อมูลผู้ควบคุมข้อมูลส่วนบุคคล</h2>
+            <p class="text-secondary-700 mb-4">
+              <strong>บริษัท ดีล พลัส เทค จำกัด</strong> เป็นผู้ควบคุมข้อมูลส่วนบุคคล (Data Controller) 
+              ซึ่งมีหน้าที่ในการตัดสินใจเกี่ยวกับการเก็บรวบรวม ใช้ หรือเปิดเผยข้อมูลส่วนบุคคล
+            </p>
+            <div class="bg-secondary-50 p-4 rounded-lg">
+              <p class="text-secondary-700"><strong>ที่อยู่:</strong> 9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กทม. 10160</p>
+              <p class="text-secondary-700"><strong>เบอร์โทรศัพท์:</strong> 090-555-1415</p>
+              <p class="text-secondary-700"><strong>อีเมล:</strong> info@dealplustech.co.th</p>
+            </div>
+          </section>
+
+          <section id="section2" class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">2. ประเภทข้อมูลที่เก็บรวบรวม</h2>
+            <p class="text-secondary-700 mb-4">เราเก็บรวบรวมข้อมูลส่วนบุคคลดังนี้:</p>
+            <ul class="list-disc pl-6 space-y-2 text-secondary-700">
+              <li><strong>ข้อมูลส่วนบุคคลทั่วไป:</strong> ชื่อ, นามสกุล, ที่อยู่อีเมล, เบอร์โทรศัพท์</li>
+              <li><strong>ข้อมูลการใช้งาน:</strong> IP Address, Browser Type, Device Information, Cookie Data</li>
+              <li><strong>ข้อมูลการติดต่อ:</strong> ข้อความหรือคำถามที่ท่านส่งถึงเรา</li>
+            </ul>
+          </section>
+
+          <section id="section3" class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">3. วัตถุประสงค์การเก็บรวบรวม</h2>
+            <p class="text-secondary-700 mb-4">เราเก็บรวบรวมข้อมูลเพื่อวัตถุประสงค์ดังนี้:</p>
+            <ul class="list-disc pl-6 space-y-2 text-secondary-700">
+              <li>เพื่อให้บริการและตอบคำถามหรือคำขอของท่าน</li>
+              <li>เพื่อปรับปรุงประสบการณ์การใช้งานเว็บไซต์</li>
+              <li>เพื่อส่งข้อมูลข่าวสารและการตลาด (เมื่อได้รับความยินยอม)</li>
+              <li>เพื่อวิเคราะห์และปรับปรุงบริการของเรา</li>
+              <li>เพื่อปฏิบัติตามกฎหมายและข้อบังคับที่เกี่ยวข้อง</li>
+            </ul>
+          </section>
+
+          <section id="section4" class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">4. ฐานทางกฎหมายสำหรับการประมวลผล</h2>
+            <p class="text-secondary-700 mb-4">เราประมวลผลข้อมูลส่วนบุคคลภายใต้ฐานทางกฎหมายดังนี้:</p>
+            <ul class="list-disc pl-6 space-y-2 text-secondary-700">
+              <li><strong>ความยินยอม (Consent):</strong> สำหรับการส่งข้อมูลการตลาดและการใช้คุกกี้บางประเภท</li>
+              <li><strong>การปฏิบัติตามสัญญา (Contract):</strong> เพื่อให้บริการที่ท่านร้องขอ</li>
+              <li><strong>ผลประโยชน์โดยชอบด้วยกฎหมาย (Legitimate Interest):</strong> เพื่อปรับปรุงบริการและวิเคราะห์การใช้งาน</li>
+              <li><strong>การปฏิบัติตามกฎหมาย (Legal Obligation):</strong> เมื่อจำเป็นต้องปฏิบัติตามกฎหมาย</li>
+            </ul>
+          </section>
+
+          <section id="section5" class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">5. ระยะเวลาเก็บรักษาข้อมูล</h2>
+            <p class="text-secondary-700 mb-4">
+              เราเก็บรักษาข้อมูลส่วนบุคคลเป็นเวลา <strong>10 ปี</strong> ตามข้อกำหนดของกฎหมาย PDPA 
+              หรือตราบเท่าที่จำเป็นสำหรับวัตถุประสงค์ที่ระบุไว้ข้างต้น 
+              หลังจากสิ้นสุดระยะเวลาเก็บรักษา เราจะทำลายหรือทำให้ข้อมูลไม่สามารถระบุตัวตนได้
+            </p>
+          </section>
+
+          <section id="section6" class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">6. การเปิดเผยข้อมูล</h2>
+            <p class="text-secondary-700 mb-4">
+              เราจะไม่เปิดเผยข้อมูลส่วนบุคคลของท่านให้กับบุคคลภายนอก เว้นแต่:
+            </p>
+            <ul class="list-disc pl-6 space-y-2 text-secondary-700">
+              <li>ท่านให้ความยินยอมอย่างชัดเจน</li>
+              <li>จำเป็นต้องปฏิบัติตามกฎหมายหรือคำสั่งศาล</li>
+              <li>จำเป็นสำหรับการให้บริการที่ท่านร้องขอ (เช่น ผู้ให้บริการจัดส่ง)</li>
+              <li>เพื่อปกป้องสิทธิและความปลอดภัยของเราและผู้อื่น</li>
+            </ul>
+          </section>
+
+          <section id="section9" class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">7. คุกกี้และเทคโนโลยีการติดตาม</h2>
+            <p class="text-secondary-700 mb-4">
+              เราใช้คุกกี้และเทคโนโลยีการติดตามเพื่อปรับปรุงประสบการณ์การใช้งานเว็บไซต์ ท่านสามารถจัดการการตั้งค่าคุกกี้ได้ที่ 
+              <a href="/cookie-policy/" class="text-primary-600 hover:underline">นโยบายคุกกี้</a>
+            </p>
+          </section>
+
+          <section id="section10" class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">8. สิทธิของเจ้าของข้อมูล</h2>
+            <p class="text-secondary-700 mb-4">
+              ภายใต้กฎหมาย PDPA ท่านมีสิทธิดังต่อไปนี้:
+            </p>
+            <ul class="list-disc pl-6 space-y-2 text-secondary-700">
+              <li><strong>สิทธิขอเข้าถึง:</strong> ขอรับสำเนาข้อมูลส่วนบุคคลที่ท่านให้ไว้</li>
+              <li><strong>สิทธิขอแก้ไข:</strong> ขอให้แก้ไขข้อมูลที่ไม่ถูกต้อง</li>
+              <li><strong>สิทธิขอ ลบ:</strong> ขอให้ ลบข้อมูลส่วนบุคคล (Right to Erasure)</li>
+              <li><strong>สิทธิขอระงับ:</strong> ขอให้ระงับการประมวลผลข้อมูล</li>
+              <li><strong>สิทธิขอพกพา:</strong> ขอรับข้อมูลในรูปแบบที่อ่านได้ทั่วไป</li>
+              <li><strong>สิทธิคัดค้าน:</strong> คัดค้านการประมวลผลข้อมูล</li>
+              <li><strong>สิทธิเพิกถอนความยินยอม:</strong> เพิกถอนความยินยอมที่ได้ให้ไว้ก่อนหน้า</li>
+              <li><strong>สิทธิร้องเรียน:</strong> ร้องเรียนต่อคณะกรรมการคุ้มครองข้อมูลส่วนบุคคล</li>
+            </ul>
+            <p class="text-secondary-700 mt-4">
+              หากท่านต้องการใช้สิทธิเหล่านี้ กรุณาติดต่อเราที่ info@dealplustech.co.th
+            </p>
+          </section>
+
+          <section id="section11" class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">9. มาตรการรักษาความปลอดภัย</h2>
+            <p class="text-secondary-700 mb-4">
+              เราใช้มาตรการรักษาความปลอดภัยที่เหมาะสมเพื่อปกป้องข้อมูลส่วนบุคคลของท่านจากการเข้าถึง 
+              การใช้ การแก้ไข หรือการเปิดเผยโดยไม่ได้รับอนุญาต มาตรการเหล่านี้รวมถึง:
+            </p>
+            <ul class="list-disc pl-6 space-y-2 text-secondary-700">
+              <li>การเข้ารหัสข้อมูล (Encryption)</li>
+              <li>การควบคุมการเข้าถึง (Access Control)</li>
+              <li>การสำรองข้อมูลเป็นประจำ</li>
+              <li>การฝึกอบรมพนักงานเรื่องการคุ้มครองข้อมูล</li>
+            </ul>
+          </section>
+
+          <section id="section13" class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">10. สิทธิร้องเรียน</h2>
+            <p class="text-secondary-700 mb-4">
+              หากท่านเชื่อว่ามีการละเมิดกฎหมาย PDPA ท่านมีสิทธิร้องเรียนต่อ:
+            </p>
+            <div class="bg-secondary-50 p-4 rounded-lg">
+              <p class="text-secondary-700">
+                <strong>คณะกรรมการคุ้มครองข้อมูลส่วนบุคคล (PDPC)</strong>
+              </p>
+              <p class="text-secondary-700">เว็บไซต์: www.pdpc.or.th</p>
+              <p class="text-secondary-700">อีเมล: info@pdpc.or.th</p>
+            </div>
+          </section>
+
+          <section class="mt-12 pt-8 border-t border-secondary-200">
+            <h2 class="text-xl font-bold text-secondary-900 mb-4">การติดต่อ</h2>
+            <p class="text-secondary-700">
+              หากมีคำถามเกี่ยวกับนโยบายความเป็นส่วนตัวนี้ กรุณาติดต่อ:
+            </p>
+            <div class="mt-4">
+              <p class="text-secondary-700"><strong>บริษัท ดีล พลัส เทค จำกัด</strong></p>
+              <p class="text-secondary-700">อีเมล: info@dealplustech.co.th</p>
+              <p class="text-secondary-700">โทรศัพท์: 090-555-1415</p>
+            </div>
+          </section>
+        </div>
+      </div>
+    </div>
+  </main>
+</BaseLayout>

dealplustech-astro/src/pages/products/[slug].astro

@@ -1,177 +0,0 @@
----
-import { getCollection, render } from 'astro:content';
-import BaseLayout from '../../layouts/BaseLayout.astro';
-import { productCategories } from '../../data/site-config';
-
-export async function getStaticPaths() {
-  const products = await getCollection('products');
-  return products.map((product) => ({
-    params: { slug: product.data.slug },
-    props: { product },
-  }));
-}
-
-interface Props {
-  product: CollectionEntry<'products'>;
-}
-
-const { product } = Astro.props;
-const { Content } = await render(product);
-
-// Get product tables from site-config
-const productData = productCategories.find(p => p.id === product.data.id);
-const productTables = productData?.productTables || [];
----
-
-<BaseLayout title={product.data.name} description={product.data.shortDescription || product.data.description}>
-  <main class="py-12">
-    <article class="container mx-auto px-4 max-w-7xl">
-      <!-- Product Header -->
-      <header class="mb-12">
-        <h1 class="text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-bold text-secondary-900 mb-6">
-          {product.data.name}
-        </h1>
-        <p class="text-lg md:text-xl lg:text-2xl xl:text-3xl text-secondary-600 max-w-4xl">
-          {product.data.description}
-        </p>
-      </header>
-
-      <!-- Content from Markdown -->
-      <div class="prose prose-lg md:prose-xl lg:prose-2xl max-w-none mb-12">
-        <Content />
-      </div>
-
-      <!-- Product Tables Section -->
-      {productTables.length > 0 && (
-        <section class="mb-12">
-          <h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-8 flex items-center gap-3">
-            <svg class="w-8 h-8 md:w-10 md:h-10 lg:w-12 lg:h-12 text-primary-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M3 10h18M3 14h18m-9-4v8m-7 0h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" />
-            </svg>
-            ตารางข้อมูลผลิตภัณฑ์
-          </h2>
-          <div class="space-y-10">
-            {productTables.map((table, tableIndex) => (
-              <div class="bg-white rounded-2xl border-2 border-secondary-200 shadow-lg">
-                <h3 class="text-lg md:text-xl lg:text-2xl font-semibold text-secondary-800 p-4 md:p-6 bg-secondary-50 border-b-2 border-secondary-200">
-                  {table.tableName}
-                </h3>
-                <div class="w-full overflow-x-auto -mx-2 md:mx-0">
-                  <div class="px-2 md:px-0">
-                    <table class="w-full min-w-[600px] border-collapse">
-                      <thead>
-                        <tr class="bg-primary-100">
-                          {table.headers.map((header, headerIndex) => (
-                            <th class="px-3 py-2 md:px-4 md:py-3 text-left text-xs md:text-sm lg:text-base font-bold text-primary-800 border-b-2 border-primary-300 whitespace-nowrap">
-                              {header}
-                            </th>
-                          ))}
-                        </tr>
-                      </thead>
-                      <tbody>
-                        {table.rows.map((row, rowIndex) => (
-                          <tr class={rowIndex % 2 === 0 ? 'bg-white' : 'bg-secondary-50'}>
-                            {row.map((cell, cellIndex) => (
-                              <td class="px-3 py-2 md:px-4 md:py-3 text-xs md:text-sm lg:text-base text-secondary-700 border-b border-secondary-100 break-words max-w-[200px] md:max-w-none">
-                                {cell}
-                              </td>
-                            ))}
-                          </tr>
-                        ))}
-                      </tbody>
-                    </table>
-                  </div>
-                </div>
-              </div>
-            ))}
-          </div>
-        </section>
-      )})}
-                      </tr>
-                    </thead>
-                    <tbody>
-                      {table.rows.map((row, rowIndex) => (
-                        <tr class={rowIndex % 2 === 0 ? 'bg-white' : 'bg-secondary-50'}>
-                          {row.map((cell, cellIndex) => (
-                            <td class="px-5 py-4 md:px-6 md:py-5 text-base md:text-lg lg:text-xl text-secondary-700 border-b border-secondary-100">
-                              {cell}
-                            </td>
-                          ))}
-                        </tr>
-                      ))}
-                    </tbody>
-                  </table>
-                </div>
-              </div>
-            ))}
-          </div>
-        </section>
-      )}
-
-      <!-- Specifications -->
-      {product.data.specifications && product.data.specifications.length > 0 && (
-        <section class="mb-12">
-          <h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-8">ข้อมูลจำเพาะ</h2>
-          <div class="bg-white rounded-2xl border-2 border-secondary-200 p-6 md:p-8 shadow-lg">
-            <dl class="grid grid-cols-1 md:grid-cols-2 gap-6">
-              {product.data.specifications.map((spec, index) => (
-                <div class="flex flex-col md:flex-row md:justify-between border-b border-secondary-100 pb-4">
-                  <dt class="text-base md:text-lg lg:text-xl font-semibold text-secondary-700 mb-2 md:mb-0 md:mr-4">{spec.label}</dt>
-                  <dd class="text-base md:text-lg lg:text-xl text-secondary-900">
-                    {spec.value}
-                    {spec.unit && <span class="text-secondary-500 ml-2">{spec.unit}</span>}
-                  </dd>
-                </div>
-              ))}
-            </dl>
-          </div>
-        </section>
-      )}
-
-      <!-- Features -->
-      {product.data.features && product.data.features.length > 0 && (
-        <section class="mb-12">
-          <h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-8">คุณสมบัติเด่น</h2>
-          <ul class="grid grid-cols-1 md:grid-cols-2 gap-6">
-            {product.data.features.map((feature, index) => (
-              <li class="flex items-start gap-4 bg-white p-6 rounded-xl border border-secondary-200 shadow">
-                <span class="text-2xl md:text-3xl text-primary-600 flex-shrink-0">✓</span>
-                <span class="text-base md:text-lg lg:text-xl text-secondary-700">{feature}</span>
-              </li>
-            ))}
-          </ul>
-        </section>
-      )}
-
-      <!-- FAQ -->
-      {product.data.faq && product.data.faq.length > 0 && (
-        <section class="mb-12">
-          <h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
-          <div class="space-y-6">
-            {product.data.faq.map((item, index) => (
-              <div class="bg-white rounded-2xl p-6 md:p-8 border-2 border-secondary-200 shadow">
-                <h3 class="text-xl md:text-2xl lg:text-3xl font-bold text-secondary-900 mb-4">{item.question}</h3>
-                <p class="text-base md:text-lg lg:text-xl text-secondary-700 leading-relaxed">{item.answer}</p>
-              </div>
-            ))}
-          </div>
-        </section>
-      )}
-    </article>
-  </main>
-</BaseLayout>
-
-<style>
-  /* Responsive typography for large screens */
-  @media (min-width: 1280px) {
-    html {
-      font-size: 18px;
-    }
-  }
-  
-  @media (min-width: 1536px) {
-    html {
-      font-size: 20px;
-    }
-  }
-</style>

dealplustech-astro/src/pages/services/index.astro

@@ -0,0 +1,270 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import FloatingContact from '../../components/FloatingContact.astro';
+---
+
+<BaseLayout title="บริการของเรา" description="บริการครบวงจร จำหน่ายวัสดุท่อ ให้คำปรึกษา ออกแบบระบบ และติดตั้ง">
+  <main>
+    <!-- Hero Section -->
+    <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>
+
+    <!-- Services Grid -->
+    <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">
+          <!-- Service 1 -->
+          <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>
+
+          <!-- Service 2 -->
+          <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>
+
+          <!-- Service 3 -->
+          <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>
+
+          <!-- Service 4 -->
+          <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>
+
+          <!-- Service 5 -->
+          <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>
+
+          <!-- Service 6 -->
+          <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>
+
+    <!-- Process Section -->
+    <section class="py-20 bg-secondary-900">
+      <div class="container mx-auto px-4">
+        <div class="text-center mb-16">
+          <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">
+            ขั้นตอน<span class="text-primary-400">การทำงาน</span>
+          </h2>
+          <p class="text-secondary-300 text-lg max-w-2xl mx-auto">
+            เราให้ความสำคัญกับทุกขั้นตอน เพื่อให้ลูกค้าได้รับบริการที่ดีที่สุด
+          </p>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+          <!-- Step 1 -->
+          <div class="relative">
+            <div class="text-center">
+              <span class="text-6xl font-bold text-primary-600/30">01</span>
+              <h3 class="text-xl font-bold text-white mt-4 mb-2">ปรึกษา</h3>
+              <p class="text-secondary-400">ติดต่อเราเพื่อปรึกษาเกี่ยวกับความต้องการของโครงการ</p>
+            </div>
+          </div>
+
+          <!-- Step 2 -->
+          <div class="relative">
+            <div class="text-center">
+              <span class="text-6xl font-bold text-primary-600/30">02</span>
+              <h3 class="text-xl font-bold text-white mt-4 mb-2">ออกแบบ</h3>
+              <p class="text-secondary-400">ทีมวิศวกรออกแบบระบบให้เหมาะสมกับการใช้งาน</p>
+            </div>
+          </div>
+
+          <!-- Step 3 -->
+          <div class="relative">
+            <div class="text-center">
+              <span class="text-6xl font-bold text-primary-600/30">03</span>
+              <h3 class="text-xl font-bold text-white mt-4 mb-2">เสนอราคา</h3>
+              <p class="text-secondary-400">เสนอราคาสินค้าและบริการอย่างโปร่งใส</p>
+            </div>
+          </div>
+
+          <!-- Step 4 -->
+          <div class="relative">
+            <div class="text-center">
+              <span class="text-6xl font-bold text-primary-600/30">04</span>
+              <h3 class="text-xl font-bold text-white mt-4 mb-2">ติดตั้ง</h3>
+              <p class="text-secondary-400">ทีมช่างติดตั้งโดยมืออาชีพตรงตามกำหนด</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- Why Choose Us -->
+    <section class="py-20 bg-secondary-50">
+      <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">ดีลพลัสเทค</span>
+            </h2>
+            <div class="space-y-6">
+              <div class="flex 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="M5 13l4 4L19 7" />
+                  </svg>
+                </div>
+                <div>
+                  <h3 class="font-bold text-secondary-900 mb-1">ประสบการณ์กว่า 10 ปี</h3>
+                  <p class="text-secondary-600">เชี่ยวชาญด้านระบบท่อและอุปกรณ์ครบวงจร</p>
+                </div>
+              </div>
+              <div class="flex 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="M5 13l4 4L19 7" />
+                  </svg>
+                </div>
+                <div>
+                  <h3 class="font-bold text-secondary-900 mb-1">สินค้าคุณภาพ</h3>
+                  <p class="text-secondary-600">สินค้าผ่านมาตรฐาน มอก. / FM / UL พร้อมรับประกัน</p>
+                </div>
+              </div>
+              <div class="flex 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="M5 13l4 4L19 7" />
+                  </svg>
+                </div>
+                <div>
+                  <h3 class="font-bold text-secondary-900 mb-1">ทีมงานมืออาชีพ</h3>
+                  <p class="text-secondary-600">วิศวกรและช่างผู้เชี่ยวชาญพร้อมให้คำปรึกษา</p>
+                </div>
+              </div>
+              <div class="flex 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="M5 13l4 4L19 7" />
+                  </svg>
+                </div>
+                <div>
+                  <h3 class="font-bold text-secondary-900 mb-1">บริการรวดเร็ว</h3>
+                  <p class="text-secondary-600">จัดส่งสินค้าทั่วประเทศ ตรงตามกำหนด</p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="relative aspect-video bg-secondary-200 rounded-2xl overflow-hidden">
+            <img
+              src="/images/2021/03/hdpe-welding_000C-1.jpg"
+              alt="ทีมงานมืออาชีพ"
+              class="object-cover w-full h-full"
+              loading="lazy"
+            />
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- CTA -->
+    <section class="py-20 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="/contact-us/" class="btn-secondary bg-white text-primary-600 hover:bg-primary-50">
+            ติดต่อเรา
+          </a>
+          <a href="tel:090-555-1415" class="btn-outline border-white text-white hover:bg-white hover:text-primary-600">
+            โทร: 090-555-1415
+          </a>
+        </div>
+      </div>
+    </section>
+  </main>
+  <FloatingContact />
+</BaseLayout>

dealplustech-astro/src/pages/terms-and-conditions.astro

@@ -0,0 +1,130 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+---
+
+<BaseLayout 
+  title="ข้อกำหนดและเงื่อนไข" 
+  description="ข้อกำหนดและเงื่อนไขการใช้งานเว็บไซต์ของบริษัท ดีล พลัส เทค จำกัด"
+>
+  <main class="min-h-screen bg-secondary-50">
+    <div class="container mx-auto px-4 py-12">
+      <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-lg p-8 md:p-12">
+        <h1 class="text-4xl font-bold text-secondary-900 mb-4">ข้อกำหนดและเงื่อนไข</h1>
+        <p class="text-secondary-600 mb-8">Terms and Conditions - มีผลบังคับใช้ตั้งแต่วันที่ 9 มีนาคม 2026</p>
+
+        <div class="prose prose-lg max-w-none text-secondary-700">
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">1. การยอมรับข้อกำหนด</h2>
+            <p class="mb-4">
+              ยินดีต้อนรับสู่เว็บไซต์ของ <strong>บริษัท ดีล พลัส เทค จำกัด</strong> ("เรา", "ของเรา" หรือ "เว็บไซต์") 
+              โดยการเข้าใช้งานเว็บไซต์นี้ ท่านยอมรับว่าท่านได้อ่าน เข้าใจ และตกลงที่จะผูกพันกับข้อกำหนดและเงื่อนไขเหล่านี้ 
+              หากท่านไม่ยอมรับข้อกำหนดใด ๆ กรุณาหยุดการใช้งานเว็บไซต์นี้
+            </p>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">2. คำอธิบายบริการ</h2>
+            <p class="mb-4">
+              เว็บไซต์นี้ให้บริการข้อมูลเกี่ยวกับสินค้าและบริการของเรา รวมถึง:
+            </p>
+            <ul class="list-disc pl-6 space-y-2">
+              <li>ข้อมูลผลิตภัณฑ์ท่อและอุปกรณ์ระบบ HVAC</li>
+              <li>ข้อมูลทางเทคนิคและสเปคสินค้า</li>
+              <li>บริการให้คำปรึกษา</li>
+              <li>ช่องทางการติดต่อและขอใบเสนอราคา</li>
+            </ul>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">3. สิทธิ์ในทรัพย์สินทางปัญญา</h2>
+            <p class="mb-4">
+              เนื้อหาทั้งหมดบนเว็บไซต์นี้ รวมถึงแต่ไม่จำกัดเพียง ข้อความ รูปภาพ กราฟิก โลโก้ ไอคอน 
+              และซอฟต์แวร์ เป็นทรัพย์สินทางปัญญาของบริษัท ดีล พลัส เทค จำกัด และได้รับความคุ้มครองตามกฎหมายลิขสิทธิ์ 
+              ห้ามมิให้ทำซ้ำ ดัดแปลง เผยแพร่ หรือใช้เพื่อการค้าโดยไม่ได้รับอนุญาตเป็นลายลักษณ์อักษร
+            </p>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">4. ข้อผูกมัดของผู้ใช้</h2>
+            <p class="mb-4">ท่านตกลงที่จะ:</p>
+            <ul class="list-disc pl-6 space-y-2">
+              <li>ใช้เว็บไซต์นี้เพื่อวัตถุประสงค์ที่ถูกต้องตามกฎหมายเท่านั้น</li>
+              <li>ไม่ให้ข้อมูลที่เป็นเท็จหรือไม่ถูกต้อง</li>
+              <li>ไม่พยายามเข้าถึงระบบหรือข้อมูลโดยไม่ได้รับอนุญาต</li>
+              <li>ไม่ใช้เว็บไซต์ในทางที่ผิดหรือเป็นอันตรายต่อผู้อื่น</li>
+              <li>เคารพสิทธิ์ในทรัพย์สินทางปัญญาของเรา</li>
+            </ul>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">5. การจำกัดความรับผิด</h2>
+            <p class="mb-4">
+              เราพยายามให้ข้อมูลที่ถูกต้องและทันสมัยบนเว็บไซต์ อย่างไรก็ตาม เราไม่รับประกันว่า:
+            </p>
+            <ul class="list-disc pl-6 space-y-2">
+              <li>ข้อมูลบนเว็บไซต์จะถูกต้อง ครบถ้วน หรือเป็นปัจจุบันเสมอ</li>
+              <li>เว็บไซต์จะทำงานได้โดยไม่มีการขัดข้องหรือปราศจากข้อผิดพลาด</li>
+              <li>เว็บไซต์จะปลอดภัยจากการโจมตีทางไซเบอร์หรือไวรัส</li>
+            </ul>
+            <p class="mt-4">
+              เราจะไม่รับผิดชอบต่อความเสียหายใด ๆ ที่เกิดขึ้นจากการใช้หรือไม่สามารถใช้เว็บไซต์นี้ 
+              ไม่ว่ากรณีใด ๆ ทั้งสิ้น
+            </p>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">6. เงื่อนไขการ终止</h2>
+            <p class="mb-4">
+              เราขอสงวนสิทธิ์ในการระงับหรือยกเลิกการเข้าถึงเว็บไซต์ของท่าน โดยไม่ต้องแจ้งให้ทราบล่วงหน้า 
+              หาก我们发现ว่าท่านละเมิดข้อกำหนดและเงื่อนไขเหล่านี้
+            </p>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">7. กฎหมายที่ใช้บังคับ</h2>
+            <p class="mb-4">
+              ข้อกำหนดและเงื่อนไขนี้ อยู่ภายใต้บังคับของกฎหมายแห่งราชอาณาจักรไทย 
+              และให้ตีความตามกฎหมายดังกล่าว
+            </p>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">8. การระงับข้อพิพาท</h2>
+            <p class="mb-4">
+              หากเกิดข้อพิพาทใด ๆ จากข้อกำหนดและเงื่อนไขนี้ คู่สัญญาตกลงที่จะเจรจาไกล่เกลี่ยข้อพิพาท 
+              หากไม่สามารถตกลงกันได้ ให้อยู่ในอำนาจพิจารณาคดีของศาลไทย
+            </p>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">9. การแก้ไขข้อกำหนด</h2>
+            <p class="mb-4">
+              เราขอสงวนสิทธิ์ในการแก้ไขข้อกำหนดและเงื่อนไขนี้เมื่อใดก็ได้ 
+              โดยจะแจ้งให้ท่านทราบผ่านการเผยแพร่บนเว็บไซต์ การแก้ไขจะมีผลบังคับใช้ทันทีหลังการเผยแพร่ 
+              กรุณาตรวจสอบหน้าทนี้เป็นระยะ
+            </p>
+          </section>
+
+          <section class="mb-8">
+            <h2 class="text-2xl font-bold text-secondary-900 mb-4">10. ข้อมูลการติดต่อ</h2>
+            <p class="mb-4">หากมีคำถามเกี่ยวกับข้อกำหนดและเงื่อนไขนี้ กรุณาติดต่อ:</p>
+            <div class="bg-secondary-50 p-4 rounded-lg">
+              <p><strong>บริษัท ดีล พลัส เทค จำกัด</strong></p>
+              <p>ที่อยู่: 9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กทม. 10160</p>
+              <p>โทรศัพท์: 090-555-1415</p>
+              <p>อีเมล: info@dealplustech.co.th</p>
+            </div>
+          </section>
+
+          <section class="mt-12 pt-8 border-t border-secondary-200">
+            <p class="text-sm text-secondary-600">
+              ข้อกำหนดและเงื่อนไขนี้เป็นส่วนหนึ่งของข้อตกลงการใช้งานเว็บไซต์ของเรา 
+              และต้องอ่านร่วมกับ <a href="/privacy-policy/" class="text-primary-600 hover:underline">นโยบายความเป็นส่วนตัว</a> 
+              และ <a href="/cookie-policy/" class="text-primary-600 hover:underline">นโยบายคุกกี้</a>
+            </p>
+          </section>
+        </div>
+      </div>
+    </div>
+  </main>
+</BaseLayout>