Phase 8: Grilles redesign - 2-column → 1-column alternating backgrounds

- Replaced 2-column grid with 1-column alternating bg design
- Technical specs, size guide, materials, FAQ as stacked sections
- Installation tips and gallery integrated into prose flow
- bg-gray-50 and bg-white alternating per design spec

README.md

@@ -244,8 +244,8 @@ Edit product pages in `src/pages/[url]/index.astro`
 
 **Deal Plus Tech**
 - Phone: 090-555-1415
-- Line: @dealplustech
+- Line: @JPPSELECTION
-- Email: info@dealplustech.co.th
+- Email: info@JPPSELECTION.co.th
 
 ## 📄 License
 

src/components/common/Footer.astro

@@ -25,7 +25,7 @@ const mainCategories = [
           <a href="https://www.facebook.com/Dealplustech/" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-lg bg-primary-600 hover:bg-primary-700 flex items-center justify-center transition-all duration-200">
             <svg class="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
           </a>
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-lg bg-primary-600 hover:bg-primary-700 flex items-center justify-center transition-all duration-200">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-lg bg-primary-600 hover:bg-primary-700 flex items-center justify-center transition-all duration-200">
             <svg class="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 24 24">
               <path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/>
             </svg>
@@ -65,7 +65,7 @@ const mainCategories = [
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
             </svg>
-            <span class="text-secondary-700 text-base break-words">9/69 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กรุงเทพมหานคร 10160</span>
+            <span class="text-secondary-700 text-base break-words">9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กรุงเทพมหานคร 10160</span>
           </li>
         </ul>
       </div>

src/components/common/Header.astro

@@ -20,7 +20,6 @@ const categories = [
     subcategories: [
       { name: 'เครื่องเชื่อม HDPE', slug: '/เครื่องเชื่อม-hdpe' },
       { name: 'เครื่องเชื่อม PPR', slug: '/เครื่องเชื่อมท่อพีพีอา' },
-      { name: 'กรู๊ฟท่อ', slug: '/groove-coupling' },
       { name: 'Pipe Coupling', slug: '/pipe-coupling' },
       { name: 'Dukelarrsen', slug: '/dukelarrsen' },
       { name: 'เม็กกรู๊ฟ', slug: '/เม็กกรู๊ฟ-คับปลิ้ง' },

src/layouts/BaseLayout.astro

@@ -54,7 +54,7 @@ const siteUrl = 'https://dealplustech.co.th';
         "description": "ผู้เชี่ยวชาญระบบน้ำ ให้คำแนะนำและจำหน่ายท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ HDPE รั้วตาข่าย คุณภาพสูง ราคาถูก",
         "address": {
           "@type": "PostalAddress",
-          "streetAddress": "9/69 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค",
+          "streetAddress": "9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค",
           "addressLocality": "กรุงเทพมหานคร",
           "postalCode": "10160",
           "addressCountry": "TH"
@@ -92,7 +92,7 @@ const siteUrl = 'https://dealplustech.co.th';
         "priceRange": "฿฿",
         "address": {
           "@type": "PostalAddress",
-          "streetAddress": "9/69 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค",
+          "streetAddress": "9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค",
           "addressLocality": "กรุงเทพมหานคร",
           "postalCode": "10160",
           "addressCountry": "TH"

src/pages/about-us/index.astro

@@ -131,7 +131,7 @@ import Footer from '@/components/common/Footer.astro';
           <a href="tel:0905551415" class="btn-white">
             โทร 090-555-1415
           </a>
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/all-products/index.astro

@@ -15,7 +15,6 @@ const productImages: Record<string, string> = {
   '/ท่อพีพีอาร์': '/images/products-cropped/ppr-pipe_000C.jpg',
   '/เครื่องเชื่อม-hdpe': '/images/HDPE-welding-crop.jpg',
   '/เครื่องเชื่อมท่อพีพีอา': '/images/products-misc/ppr-welding-machine-main.jpg',
-  '/groove-coupling': '/images/products-cropped/mech_000C.jpg',
   '/pipe-coupling': '/images/pipe-coupling/BG-SMC02.png',
   '/dukelarrsen': '/images/dukelarrsen/dukelarrsen-43.jpg',
   '/เม็กกรู๊ฟ-คับปลิ้ง': '/images/products-misc/MECH_001.jpg',
@@ -55,7 +54,6 @@ const productCategories = [
     products: [
       { name: 'เครื่องเชื่อม HDPE', slug: '/เครื่องเชื่อม-hdpe' },
       { name: 'เครื่องเชื่อม PPR', slug: '/เครื่องเชื่อมท่อพีพีอา' },
-      { name: 'กรู๊ฟท่อ', slug: '/groove-coupling' },
       { name: 'Pipe Coupling', slug: '/pipe-coupling' },
       { name: 'Dukelarrsen', slug: '/dukelarrsen' },
       { name: 'เม็กกรู๊ฟ', slug: '/เม็กกรู๊ฟ-คับปลิ้ง' },
@@ -158,7 +156,7 @@ const productCategories = [
           ติดต่อเราเพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/contact-us/index.astro

@@ -77,10 +77,10 @@ import Footer from '@/components/common/Footer.astro';
           <div class="card-glass p-4 sm:p-6 md:p-10">
             <h2 class="text-2xl font-bold text-secondary-900 text-center mb-8">ช่องทางติดต่อ</h2>
             
-            <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 sm:gap-6">
+            <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 sm:gap-6 items-stretch">
               
               <!-- Phone -->
-              <div class="flex flex-col items-center text-center p-4 sm:p-6 bg-gray-50 rounded-2xl">
+              <div class="flex flex-col items-center text-center p-4 sm:p-6 bg-gray-50 rounded-2xl h-full">
                 <div class="w-12 h-12 sm:w-16 sm:h-16 bg-blue-100 rounded-2xl flex items-center justify-center mb-3 sm:mb-4">
                   <svg class="w-6 h-6 sm:w-8 sm:h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
@@ -92,19 +92,26 @@ import Footer from '@/components/common/Footer.astro';
               </div>
               
               <!-- Line -->
-              <div class="flex flex-col items-center text-center p-4 sm:p-6 bg-green-50 rounded-2xl">
+              <div class="flex flex-col items-center text-center p-4 sm:p-6 bg-green-50 rounded-2xl h-full">
                 <div class="w-12 h-12 sm:w-16 sm:h-16 bg-green-100 rounded-2xl flex items-center justify-center mb-3 sm:mb-4">
                   <svg class="w-6 h-6 sm:w-8 sm:h-8 text-green-600" fill="currentColor" viewBox="0 0 24 24">
                     <path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/>
                   </svg>
                 </div>
                 <h3 class="font-bold text-secondary-900 text-base sm:text-lg mb-1 sm:mb-2">ไลน์</h3>
-                <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="text-base sm:text-xl font-bold text-green-600 hover:text-green-700 mb-1 sm:mb-2">@dealplustech</a>
+                <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="text-base sm:text-xl font-bold text-green-600 hover:text-green-700 mb-1 sm:mb-2">@JPPSELECTION</a>
-                <p class="text-secondary-500 text-xs sm:text-sm">แชทได้ตลอด 24 ชม.</p>
+                <p class="text-secondary-500 text-xs sm:text-sm mb-3">แชทได้ตลอด 24 ชม.</p>
+                <img 
+                  src="/images/dealplustechlineqr.png" 
+                  alt="Line QR Code" 
+                  class="w-28 h-28 sm:w-32 sm:h-32 rounded-lg border-2 border-green-200 object-contain bg-white"
+                  loading="lazy"
+                  decoding="async"
+                />
               </div>
               
               <!-- Email -->
-              <div class="flex flex-col items-center text-center p-4 sm:p-6 bg-gray-50 rounded-2xl">
+              <div class="flex flex-col items-center text-center p-4 sm:p-6 bg-gray-50 rounded-2xl h-full">
                 <div class="w-12 h-12 sm:w-16 sm:h-16 bg-primary-100 rounded-2xl flex items-center justify-center mb-3 sm:mb-4">
                   <svg class="w-6 h-6 sm:w-8 sm:h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
@@ -128,7 +135,7 @@ import Footer from '@/components/common/Footer.astro';
                 </div>
                 <div>
                   <h3 class="font-bold text-secondary-900 mb-1">ที่อยู่</h3>
-                  <p class="text-secondary-600 text-sm sm:text-base break-words">9/69 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กรุงเทพมหานคร 10160</p>
+                  <p class="text-secondary-600 text-sm sm:text-base break-words">9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กรุงเทพมหานคร 10160</p>
                 </div>
               </div>
             </div>

src/pages/dukelarrsen/index.astro

@@ -8,8 +8,8 @@ import Footer from '@/components/common/Footer.astro';
 {
   "@context": "https://schema.org",
   "@type": "Product",
-  "name": "DUKELARRSEN กรู๊ฟท่อ และข้อต่อกรู๊ฟ",
+  "name": "DUKELARRSEN Grooved Coupling สำหรับระบบดับเพลิง",
-  "description": "DUKELARRSEN Grooved Coupling and Fitting กรู๊ฟท่อคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
+  "description": "DUKELARRSEN Grooved Coupling ระบบดับเพลิง ไม่ต้องเชื่อม ไม่เกิดประกายไฟ ติดตั้งง่าย ประหยัด 20-40% มาตรฐาน UL/FM",
   "image": "https://dealplustech.co.th/images/dukelarrsen/dukelarrsen-43.jpg",
   "offers": {
     "@type": "Offer",
@@ -20,7 +20,7 @@ import Footer from '@/components/common/Footer.astro';
 }
 </script>
 
-<BaseLayout title="DUKELARRSEN กรู๊ฟท่อ และข้อต่อกรู๊ฟ" description="DUKELARRSEN Grooved Coupling and Fitting กรู๊ฟท่อคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
+<BaseLayout title="DUKELARRSEN Grooved Coupling ระบบดับเพลิง มาตรฐาน UL/FM" description="DUKELARRSEN Grooved Coupling ระบบดับเพลิง ไม่ต้องเชื่อม ไม่เกิดประกายไฟ ติดตั้งง่าย ประหยัด 20-40% มาตรฐาน UL/FM">
   <Header slot="header" />
   
   <main class="bg-white min-h-screen">
@@ -36,15 +36,15 @@ import Footer from '@/components/common/Footer.astro';
           
           <div class="order-1 lg:order-2">
             <span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
-              ข้อต่อกรู๊ฟ
+              ระบบดับเพลิง
             </span>
-            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">DUKELARRSEN กรู๊ฟท่อและข้อต่อกรู๊ฟ</h1>
+            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">DUKELARRSEN Grooved Coupling ระบบดับเพลิง</h1>
             <p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
-              DUKELARRSEN Grooved Coupling and Fitting ระบบกรู๊ฟท่อคุณภาพสูง ประหยัดค่าติดตั้ง ติดตั้งง่าย รวดเร็ว ไม่ต้องเชื่อม ส่งฟรี กรุงเทพมหานครและปริมณฑล
+              ไม่ต้องเชื่อม ไม่เกิดประกายไฟ ติดตั้งง่าย ประหยัด 20-40% มาตรฐาน UL/FM รองรับขนาด 1" – 12" แรงดัน 300 psi
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -61,19 +61,19 @@ import Footer from '@/components/common/Footer.astro';
                 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                 </svg>
-                <span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
+                <span>มาตรฐาน UL/FM</span>
               </div>
               <div class="flex items-center gap-2 text-white/80">
                 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                 </svg>
-                <span>ราคาโรงงาน คุ้มค่า</span>
+                <span>ไม่ต้องเชื่อม ไม่เกิดประกายไฟ</span>
               </div>
               <div class="flex items-center gap-2 text-white/80">
                 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                 </svg>
-                <span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
+                <span>ประหยัด 20-40%</span>
               </div>
             </div>
           </div>
@@ -81,44 +81,88 @@ import Footer from '@/components/common/Footer.astro';
       </div>
     </section>
     
-    <!-- 4 Reasons Section -->
+    <!-- Why Grooved Coupling Section -->
     <section id="reasons" class="section bg-gray-50">
       <div class="container-custom">
         <div class="max-w-4xl mx-auto">
-          <h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">4 เหตุผลที่ควรใช้ระบบกรู๊ฟ</h2>
+          <h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">Grooved Coupling สำหรับระบบดับเพลิง</h2>
+          <p class="text-lg text-secondary-700 text-center mb-12">
+            ไม่ต้องเชื่อม ไม่เกิดประกายไฟ ติดตั้งง่าย Flexible รับแรงสั่นสะเทือน ประหยัด 20-40%
+          </p>
           
-          <div class="space-y-12">
+          <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
-          <!-- Reason 1 -->
+            <div class="bg-white rounded-xl p-6 shadow-sm text-center">
-          <div class="bg-white rounded-2xl p-8 shadow-sm">
+              <div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
-            <h3 class="text-2xl font-bold text-red-600 mb-6">1. ไม่เกิดการอุดตันจาก Slag (เศษผงเหล็ก)</h3>
+                <svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <img src="/images/dukelarrsen/dukelarrsen-02-03.jpg" alt="ไม่เกิด Slag" class="w-full h-auto rounded-xl" width="800" height="600" loading="lazy" decoding="async" />
+                  <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" />
-          </div>
+                </svg>
-          
-          <!-- Reason 2 -->
-          <div class="bg-white rounded-2xl p-8 shadow-sm">
-            <h3 class="text-2xl font-bold text-red-600 mb-6">2. รูพรุนจากรอยเชื่อม ต้นเหตุของการเกิดท่อผุ รั่ว ซึมในที่สุด</h3>
-            <img src="/images/dukelarrsen/dukelarrsen-04.jpg" alt="รูพรุนจากรอยเชื่อม" class="w-full h-auto rounded-xl" width="800" height="600" loading="lazy" decoding="async" />
-          </div>
-          
-          <!-- Reason 3 -->
-          <div class="bg-white rounded-2xl p-8 shadow-sm">
-            <h3 class="text-2xl font-bold text-red-600 mb-6">3. การเชื่อมแบบดั้งเดิมอาจก่อให้เกิดเศษผงเหล็ก (Slag) ฝังในรอยเชื่อม</h3>
-            <img src="/images/dukelarrsen/dukelarrsen-05.jpg" alt="เศษผงเหล็กจากการเชื่อม" class="w-full h-auto rounded-xl" width="800" height="600" loading="lazy" decoding="async" />
-          </div>
-          
-          <!-- Reason 4 -->
-          <div class="bg-white rounded-2xl p-8 shadow-sm">
-            <h3 class="text-2xl font-bold text-red-600 mb-6">4. การเกิดประกายไฟ</h3>
-            <div class="grid md:grid-cols-2 gap-6">
-              <div>
-                <p class="text-lg font-bold text-secondary-900 mb-4">ระบบเชื่อม</p>
-                <img src="/images/dukelarrsen/dukelarrsen-06.jpg" alt="ระบบเชื่อมมีประกายไฟ" class="w-full h-auto rounded-xl mb-2" width="600" height="400" loading="lazy" decoding="async" />
-                <p class="text-red-600 font-medium">ระบบเชื่อมมีประกายไฟ ต้นเหตุของเพลิงไหม้</p>
               </div>
-              <div>
+              <h3 class="text-lg font-bold text-secondary-900 mb-2">1. รัดแน่น</h3>
-                <p class="text-lg font-bold text-secondary-900 mb-4">ระบบกรู๊ฟ</p>
+              <p class="text-secondary-600 text-sm">ล็อครอบเส้นรอบวงของท่อแน่นหนา</p>
-                <img src="/images/dukelarrsen/dukelarrsen-07.jpg" alt="ระบบกรู๊ฟไม่มีประกายไฟ" class="w-full h-auto rounded-xl mb-2" width="600" height="400" loading="lazy" decoding="async" />
+            </div>
-                <p class="text-primary-600 font-medium">ระบบกรู๊ฟไม่ก่อให้เกิดประกายไฟ</p>
+            
+            <div class="bg-white rounded-xl p-6 shadow-sm text-center">
+              <div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6z" />
+                </svg>
+              </div>
+              <h3 class="text-lg font-bold text-secondary-900 mb-2">2. ให้ตัว</h3>
+              <p class="text-secondary-600 text-sm">รองรับการขยายตัว หดตัว และเบี่ยงเบน</p>
+            </div>
+            
+            <div class="bg-white rounded-xl p-6 shadow-sm text-center">
+              <div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4" />
+                </svg>
+              </div>
+              <h3 class="text-lg font-bold text-secondary-900 mb-2">3. ปรับไลน์ได้</h3>
+              <p class="text-secondary-600 text-sm">ปรับแนวท่อได้อย่างยืดหยุ่น</p>
+            </div>
+            
+            <div class="bg-white rounded-xl p-6 shadow-sm text-center">
+              <div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
+                </svg>
+              </div>
+              <h3 class="text-lg font-bold text-secondary-900 mb-2">4. ยึดแน่น</h3>
+              <p class="text-secondary-600 text-sm">ป้องกันปลายท่อแยกออกจากกัน</p>
+            </div>
+            
+            <div class="bg-white rounded-xl p-6 shadow-sm text-center">
+              <div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="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-lg font-bold text-secondary-900 mb-2">5. ถอดประกอบง่าย</h3>
+              <p class="text-secondary-600 text-sm">สะดวกต่อการซ่อมบำรุง</p>
+            </div>
+            
+            <div class="bg-white rounded-xl p-6 shadow-sm text-center">
+              <div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                <svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
+                </svg>
+              </div>
+              <h3 class="text-lg font-bold text-secondary-900 mb-2">6. รับแรงสั่นสะเทือน</h3>
+              <p class="text-secondary-600 text-sm">ลดและดูดซับเสียงและการสั่นสะเทือน</p>
+            </div>
+          </div>
+          
+          <div class="bg-primary-50 rounded-2xl p-8">
+            <h3 class="text-xl font-bold text-secondary-900 mb-6 text-center">ประเภทของ Coupling</h3>
+            <div class="grid md:grid-cols-2 gap-6">
+              <div class="bg-white rounded-xl p-6 shadow-sm">
+                <h4 class="text-lg font-bold text-primary-600 mb-3">Rigid Coupling</h4>
+                <p class="text-secondary-700">เหมาะสำหรับแนวนอน ให้การเชื่อมต่อที่แข็งแรงเทียบเท่าการเชื่อม</p>
+              </div>
+              <div class="bg-white rounded-xl p-6 shadow-sm">
+                <h4 class="text-lg font-bold text-primary-600 mb-3">Flexible Coupling</h4>
+                <p class="text-secondary-700">เหมาะสำหรับแนวตั้ง รับแรงสั่นสะเทือน รองรับการขยายตัวจากอุณหภูมิ</p>
               </div>
             </div>
           </div>
@@ -129,66 +173,35 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Product Specifications Section -->
     <section id="product-specs" class="section bg-white">
     
-    <!-- Fire Incident Section -->
-    <section id="fire-incident" class="section bg-white">
-      <div class="container-custom">
-        <div class="max-w-4xl mx-auto">
-          <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">เหตุการณ์จริง..เพลิงไหม้จากการเชื่อมท่อ</h2>
-          <img src="/images/dukelarrsen/dukelarrsen-08.jpg" alt="เพลิงไหม้จากการเชื่อมท่อ" class="w-full h-auto rounded-xl max-w-3xl mx-auto" width="800" height="600" loading="lazy" decoding="async" />
-        </div>
-      </div>
-    </section>
-    
     <!-- Benefits Section -->
     <section id="benefits" class="section bg-gray-50">
       <div class="container-custom">
         <div class="max-w-4xl mx-auto">
-          <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">GROOVED COUPLINGS AND FITTINGS</h2>
+          <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">ข้อมูลจำเพาะ / Specifications</h2>
+          
+          <div class="grid md:grid-cols-2 gap-6 mb-8">
+            <div class="bg-white rounded-xl p-6 shadow-sm">
+              <h3 class="text-lg font-bold text-primary-600 mb-4">ขนาด (Size)</h3>
+              <p class="text-secondary-700 text-lg">1" – 12"</p>
+            </div>
+            
+            <div class="bg-white rounded-xl p-6 shadow-sm">
+              <h3 class="text-lg font-bold text-primary-600 mb-4">แรงดัน (Pressure)</h3>
+              <p class="text-secondary-700 text-lg">300 psi max</p>
+            </div>
+            
+            <div class="bg-white rounded-xl p-6 shadow-sm">
+              <h3 class="text-lg font-bold text-primary-600 mb-4">มาตรฐาน (Certificate)</h3>
+              <p class="text-secondary-700 text-lg">UL / FM</p>
+            </div>
+            
+            <div class="bg-white rounded-xl p-6 shadow-sm">
+              <h3 class="text-lg font-bold text-primary-600 mb-4">การประหยัด (Cost Savings)</h3>
+              <p class="text-secondary-700 text-lg">20-40%</p>
+            </div>
+          </div>
+          
           <img src="/images/dukelarrsen/dukelarrsen-09.jpg" alt="Grooved Couplings and Fittings" class="w-full h-auto rounded-xl mb-8" width="800" height="600" loading="lazy" decoding="async" />
-          
-          <div class="grid md:grid-cols-2 gap-8">
-          <div class="bg-white rounded-xl p-6 shadow-sm">
-            <h3 class="text-xl font-bold text-secondary-900 mb-4">1. ลดค่าติดตั้ง</h3>
-            <ul class="space-y-2 text-secondary-700">
-              <li>• ประกอบง่าย ไม่ต้องใช้ช่างเฉพาะทาง</li>
-              <li>• ใช้อุปกรณ์น้อย</li>
-              <li>• ประกอบรวดเร็วในพื้นที่จำกัด</li>
-              <li>• ไม่ต้องเชื่อม ไม่มีมลพิษ</li>
-              <li>• ค่าติดตั้งต่ำ</li>
-            </ul>
-          </div>
-          
-          <div class="bg-white rounded-xl p-6 shadow-sm">
-            <h3 class="text-xl font-bold text-secondary-900 mb-4">2. ความยืดหยุ่นและความแข็งแรง</h3>
-            <ul class="space-y-2 text-secondary-700">
-              <li>• Flexible Coupling รองรับการขยายตัว หดตัว และเบี่ยงเบน</li>
-              <li>• เนื่องจากอุณหภูมิที่เปลี่ยนแปลง</li>
-              <li>• Rigid Coupling ให้การเชื่อมต่อที่แข็งแรงเทียบเท่าการเชื่อม</li>
-            </ul>
-          </div>
-          
-          <div class="bg-white rounded-xl p-6 shadow-sm">
-            <h3 class="text-xl font-bold text-secondary-900 mb-4">3. ความน่าเชื่อถือของข้อต่อ</h3>
-            <ul class="space-y-2 text-secondary-700">
-              <li>• คู่ครองล็อครอบเส้นรอบวงของท่อ</li>
-              <li>• ป้องกันปลายท่อแยกออกจากกันเนื่องจากแรงดันและแรงอื่นๆ</li>
-              <li>• สูงสุดถึงแรงดันใช้งานสูงสุดของ Coupling</li>
-            </ul>
-          </div>
-          
-          <div class="bg-white rounded-xl p-6 shadow-sm">
-            <h3 class="text-xl font-bold text-secondary-900 mb-4">4. ลดเสียงและการสั่นสะเทือน</h3>
-            <ul class="space-y-2 text-secondary-700">
-              <li>• ช่องว่างเล็กน้อยระหว่างปลายท่อกับยางแหวนช่วย</li>
-              <li>• ลดและดูดซับเสียงและการสั่นสะเทือน</li>
-            </ul>
-          </div>
-        </div>
-        
-        <div class="bg-white rounded-xl p-6 shadow-sm mt-8">
-          <h3 class="text-xl font-bold text-secondary-900 mb-4">5. ข้อต่อที่สะดวก</h3>
-          <p class="text-secondary-700">Coupling สามารถถอดประกอบได้ง่าย ช่วยให้การถอดส่วนท่อสำหรับทำความสะอาดหรือซ่อมแซม ช่วยให้การหมุนท่อเป็นระยะเพื่อกระจายการสึกหรอภายในจากของเหลวหรือสื่อที่มีฤทธิ์กัดเซาะ</p>
-        </div>
         </div>
       </div>
     </section>
@@ -1286,7 +1299,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -1295,7 +1308,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/durgo-avvs/index.astro

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -470,7 +470,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -479,7 +479,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/grilles/index.astro

@@ -38,13 +38,13 @@ import Footer from '@/components/common/Footer.astro';
             <span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
               กริลแอร์
             </span>
-            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">กริลแอร์พลาสติก (Grilles air plastic)</h1>
+            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">กริลแอร์ (Grilles air)</h1>
             <p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
-              จำหน่ายกริลแอร์พลาสติก (Grilles air plastic)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
+              จำหน่ายกริลแอร์พลาสติก (ABS) และอลูมิเนียม คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -75,6 +75,12 @@ import Footer from '@/components/common/Footer.astro';
                 </svg>
                 <span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
               </div>
+              <div class="flex items-center gap-2 bg-green-500/20 rounded px-3 py-1">
+                <svg class="w-5 h-5 text-green-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+                </svg>
+                <span class="text-green-300 font-semibold">ไม่เกิดหยดน้ำ</span>
+              </div>
             </div>
           </div>
         </div>
@@ -85,11 +91,11 @@ import Footer from '@/components/common/Footer.astro';
       <div class="container-custom">
         <div class="max-w-4xl mx-auto">
           <h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
-          <div class="prose prose-lg max-w-none">
+<div class="prose prose-lg max-w-none space-y-8">
             <p class="text-lg text-secondary-700 leading-relaxed">
               หลายคนอาจเรียกอุปกรณ์นี้ว่า "ตะแกรงแอร์" หรือ "หน้ากากช่องลม" แต่ชื่อที่ถูกต้องและเป็นทางการคือ <strong>หน้ากากแอร์ (Air Grille and Diffuser)</strong> อุปกรณ์นี้ทำหน้าที่เป็นจุดเชื่อมต่อระหว่างระบบท่อส่งลมเย็นกับพื้นที่ใช้งาน หน้ากากแอร์ไม่ได้เป็นเพียงแค่ส่วนตกแต่ง แต่ยังมีบทบาทสำคัญในการกระจายลมเย็นให้ทั่วถึงและมีประสิทธิภาพ
             </p>
-
+ 
             <h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">หน้าที่หลักของหน้ากากแอร์</h3>
             
             <h4 class="text-xl font-semibold text-secondary-800 mt-6 mb-2">1. ควบคุมทิศทางลม</h4>
@@ -188,226 +194,146 @@ import Footer from '@/components/common/Footer.astro';
             </p>
           </div>
         </div>
-      </div>
+        
-    </section>
+          <!-- ข้อมูลจำเพาะทางเทคนิค -->
-    
+          <div class="bg-gray-50 -mx-4 px-4 py-6 rounded-lg">
-    <!-- Technical Specifications Table -->
+            <h2 class="text-xl font-bold text-secondary-900 mb-4">ข้อมูลจำเพาะทางเทคนิค</h2>
-    <section id="specifications" class="section bg-gray-50">
-      <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-6">ข้อมูลจำเพาะทางเทคนิค</h2>
-        <div class="overflow-x-auto">
-          <table class="w-full border-collapse bg-white rounded-lg shadow-md">
-            <thead>
-              <tr class="bg-primary-600 text-white">
-                <th class="px-4 py-3 text-left">ประเภท</th>
-                <th class="px-4 py-3 text-center">ขนาด (นิ้ว)</th>
-                <th class="px-4 py-3 text-center">CFM สูงสุด</th>
-                <th class="px-4 py-3 text-center">Throw Distance (m)</th>
-                <th class="px-4 py-3 text-center">Noise Level (NC)</th>
-              </tr>
-            </thead>
-            <tbody class="divide-y">
-              <tr><td colspan="5" class="px-4 py-2 bg-gray-100 font-semibold">หน้ากากลมส่ง (Supply Air Grille)</td></tr>
-              <tr><td class="px-4 py-2">Square Diffuser</td><td class="px-4 py-2 text-center">6x6 - 24x24</td><td class="px-4 py-2 text-center">200-800</td><td class="px-4 py-2 text-center">3-8</td><td class="px-4 py-2 text-center">25-35</td></tr>
-              <tr><td class="px-4 py-2">Linear Slot</td><td class="px-4 py-2 text-center">12" - 48"</td><td class="px-4 py-2 text-center">150-600</td><td class="px-4 py-2 text-center">4-12</td><td class="px-4 py-2 text-center">20-30</td></tr>
-              <tr><td class="px-4 py-2">Jet Diffuser</td><td class="px-4 py-2 text-center">8 - 12</td><td class="px-4 py-2 text-center">300-1200</td><td class="px-4 py-2 text-center">8-20</td><td class="px-4 py-2 text-center">30-45</td></tr>
-              <tr><td colspan="5" class="px-4 py-2 bg-gray-100 font-semibold">หน้ากากลมกลับ (Return Air Grille)</td></tr>
-              <tr><td class="px-4 py-2">Standard</td><td class="px-4 py-2 text-center">10x10 - 36x36</td><td class="px-4 py-2 text-center">300-1500</td><td class="px-4 py-2 text-center">-</td><td class="px-4 py-2 text-center">20-30</td></tr>
-              <tr><td class="px-4 py-2">Heavy Duty</td><td class="px-4 py-2 text-center">12x12 - 48x48</td><td class="px-4 py-2 text-center">500-2500</td><td class="px-4 py-2 text-center">-</td><td class="px-4 py-2 text-center">25-35</td></tr>
-            </tbody>
-          </table>
-        </div>
-        <p class="text-sm text-secondary-600 mt-4">* ค่า CFM และ Throw Distance เป็นค่าประมาณ ขึ้นอยู่กับ static pressure ของระบบ</p>
-      </div>
-    </section>
-
-    <!-- Size Selection Guide -->
-    <section id="size-guide" class="section bg-white">
-      <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-6">วิธีเลือกขนาดหน้ากากแอร์</h2>
-        <div class="grid md:grid-cols-2 gap-8">
-          <div>
-            <h3 class="text-lg font-semibold text-secondary-800 mb-4">สูตรคำนวณขนาด</h3>
-            <div class="bg-gray-50 p-4 rounded-lg mb-4">
-              <p class="font-mono text-secondary-900">CFM ÷ 2 = พื้นที่หน้ากาก (ตร.นิ้ว)</p>
-              <p class="text-sm text-secondary-600 mt-2">ตัวอย่าง: 400 CFM ÷ 2 = 200 ตร.นิ้ว → 14x14 หรือ 10x20</p>
-            </div>
-            <h3 class="text-lg font-semibold text-secondary-800 mb-4">ขนาดที่นิยมใช้</h3>
-            <ul class="space-y-2">
-              <li><strong>6x6 นิ้ว</strong> - ห้องนอนเล็ก, ห้องน้ำ</li>
-              <li><strong>8x8 นิ้ว</strong> - ห้องนอน, ห้องทำงานขนาดเล็ก</li>
-              <li><strong>10x10 นิ้ว</strong> - ห้องนอนใหญ่, ห้องประชุมเล็ก</li>
-              <li><strong>12x12 นิ้ว</strong> - ห้องประชุม, ห้องรับแขก</li>
-              <li><strong>14x14 นิ้ว</strong> - ห้องประชุมใหญ่, พื้นที่สำนักงาน</li>
-              <li><strong>24x24 นิ้ว</strong> - ห้องควบคุม, พื้นที่ขนาดใหญ่</li>
-            </ul>
-          </div>
-          <div>
-            <h3 class="text-lg font-semibold text-secondary-800 mb-4">ตารางเปรียบเทียบ CFM กับขนาด</h3>
             <div class="overflow-x-auto">
-              <table class="w-full border-collapse bg-white rounded-lg shadow-sm">
+              <table class="w-full border-collapse bg-white rounded-lg shadow-sm text-sm">
                 <thead>
-                  <tr class="bg-primary-100 text-secondary-900">
+                  <tr class="bg-primary-600 text-white">
-                    <th class="px-3 py-2 text-left text-sm">CFM</th>
+                    <th class="px-3 py-2 text-left">ประเภท</th>
-                    <th class="px-3 py-2 text-center text-sm">ขนาดแนะนำ</th>
+                    <th class="px-3 py-2 text-center">ขนาด</th>
-                    <th class="px-3 py-2 text-center text-sm">จำนวนทิศทาง</th>
+                    <th class="px-3 py-2 text-center">CFM</th>
                   </tr>
                 </thead>
-                <tbody class="divide-y text-sm">
+                <tbody class="divide-y text-xs">
-                  <tr><td class="px-3 py-2">100-200</td><td class="px-3 py-2 text-center">6x6</td><td class="px-3 py-2 text-center">2-4 ทาง</td></tr>
+                  <tr><td colspan="3" class="px-3 py-1.5 bg-gray-100 font-semibold">หน้ากากลมส่ง</td></tr>
-                  <tr><td class="px-3 py-2">200-350</td><td class="px-3 py-2 text-center">8x8</td><td class="px-3 py-2 text-center">4 ทาง</td></tr>
+                  <tr><td class="px-3 py-1.5">Square Diffuser</td><td class="px-3 py-1.5 text-center">6x6 - 24x24"</td><td class="px-3 py-1.5 text-center">200-800</td></tr>
-                  <tr><td class="px-3 py-2">350-500</td><td class="px-3 py-2 text-center">10x10</td><td class="px-3 py-2 text-center">4 ทาง</td></tr>
+                  <tr><td class="px-3 py-1.5">Linear Slot</td><td class="px-3 py-1.5 text-center">12" - 48"</td><td class="px-3 py-1.5 text-center">150-600</td></tr>
-                  <tr><td class="px-3 py-2">500-700</td><td class="px-3 py-2 text-center">12x12</td><td class="px-3 py-2 text-center">4 ทาง</td></tr>
+                  <tr><td class="px-3 py-1.5">Jet Diffuser</td><td class="px-3 py-1.5 text-center">8" - 12"</td><td class="px-3 py-1.5 text-center">300-1200</td></tr>
-                  <tr><td class="px-3 py-2">700-1000</td><td class="px-3 py-2 text-center">14x14</td><td class="px-3 py-2 text-center">4 ทาง</td></tr>
+                  <tr><td colspan="3" class="px-3 py-1.5 bg-gray-100 font-semibold">หน้ากากลมกลับ</td></tr>
+                  <tr><td class="px-3 py-1.5">Standard</td><td class="px-3 py-1.5 text-center">10x10 - 36x36"</td><td class="px-3 py-1.5 text-center">300-1500</td></tr>
                 </tbody>
               </table>
             </div>
           </div>
-        </div>
-      </div>
-    </section>
 
-    <!-- Material Comparison -->
+          <!-- วิธีเลือกขนาด -->
-    <section id="materials" class="section bg-gray-50">
+          <div class="bg-white px-4 py-6">
-      <div class="container-custom">
+            <h2 class="text-xl font-bold text-secondary-900 mb-4">วิธีเลือกขนาด</h2>
-        <h2 class="text-xl font-bold text-secondary-900 mb-6">เปรียบเทียบวัสดุหน้ากากแอร์</h2>
+            <div class="bg-blue-50 p-4 rounded-lg mb-4">
-        <div class="grid md:grid-cols-3 gap-6">
+              <p class="font-mono text-secondary-900 text-sm">CFM ÷ 2 = พื้นที่ (ตร.นิ้ว)</p>
-          <div class="bg-white p-6 rounded-lg shadow-md">
+              <p class="text-xs text-secondary-600 mt-1">ตัวอย่าง: 400 CFM ÷ 2 = 200 ตร.นิ้ว → 14x14</p>
-            <div class="flex items-center gap-3 mb-4">
-              <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center">
-                <svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"/></svg>
-              </div>
-              <h3 class="text-lg font-bold text-secondary-900">ABS Plastic</h3>
             </div>
-            <ul class="space-y-2 text-secondary-700">
+            <div class="grid grid-cols-3 gap-2 text-sm">
-              <li class="flex items-start gap-2"><span class="text-green-500">✓</span> ราคาประหยัด</li>
+              <div><strong>6x6"</strong> - ห้องน้ำ</div>
-              <li class="flex items-start gap-2"><span class="text-green-500">✓</span> น้ำหนักเบา</li>
+              <div><strong>8x8"</strong> - ห้องนอน</div>
-              <li class="flex items-start gap-2"><span class="text-green-500">✓</span> ติดตั้งง่าย</li>
+              <div><strong>10x10"</strong> - ห้องประชุมเล็ก</div>
-              <li class="flex items-start gap-2"><span class="text-green-500">✓</span> ทนความชื้น</li>
+              <div><strong>12x12"</strong> - ห้องรับแขก</div>
-              <li class="flex items-start gap-2"><span class="text-amber-500">△</span> ไม่ทนความร้อนสูง</li>
+              <div><strong>14x14"</strong> - ห้องประชุมใหญ่</div>
-              <li class="flex items-start gap-2"><span class="text-amber-500">△</span> เหมาะกับพื้นที่ภายใน</li>
+              <div><strong>24x24"</strong> - พื้นที่ใหญ่</div>
-            </ul>
-            <p class="text-sm text-secondary-600 mt-4"><strong>เหมาะสำหรับ:</strong> บ้านพักอาศัย, คอนโด, สำนักงานขนาดเล็ก</p>
-          </div>
-          <div class="bg-white p-6 rounded-lg shadow-md">
-            <div class="flex items-center gap-3 mb-4">
-              <div class="w-12 h-12 bg-gray-200 rounded-full flex items-center justify-center">
-                <svg class="w-6 h-6 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg>
-              </div>
-              <h3 class="text-lg font-bold text-secondary-900">Aluminum</h3>
             </div>
-            <ul class="space-y-2 text-secondary-700">
-              <li class="flex items-start gap-2"><span class="text-green-500">✓</span> ทนทานต่อการกัดกร่อน</li>
-              <li class="flex items-start gap-2"><span class="text-green-500">✓</span> น้ำหนักเบา</li>
-              <li class="flex items-start gap-2"><span class="text-green-500">✓</span> ดีไซน์หลากหลาย</li>
-              <li class="flex items-start gap-2"><span class="text-green-500">✓</span> ทำความสะอาดง่าย</li>
-              <li class="flex items-start gap-2"><span class="text-green-500">✓</span> รีไซเคิลได้</li>
-              <li class="flex items-start gap-2"><span class="text-red-500">✗</span> ราคาสูงกว่า ABS</li>
-            </ul>
-            <p class="text-sm text-secondary-600 mt-4"><strong>เหมาะสำหรับ:</strong> อาคารสำนักงาน, โรงแรม, ห้างสรรพสินค้า, โรงพยาบาล</p>
           </div>
-          <div class="bg-white p-6 rounded-lg shadow-md">
+
-            <div class="flex items-center gap-3 mb-4">
+          <!-- เปรียบเทียบวัสดุ -->
-              <div class="w-12 h-12 bg-gray-700 rounded-full flex items-center justify-center">
+          <div class="bg-gray-50 -mx-4 px-4 py-6 rounded-lg">
-                <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
+            <h2 class="text-xl font-bold text-secondary-900 mb-4">เปรียบเทียบวัสดุ</h2>
+            <div class="grid md:grid-cols-2 gap-4">
+              <div class="bg-white p-4 rounded-lg shadow-sm">
+                <h3 class="font-bold text-secondary-900 mb-2 flex items-center gap-2">
+                  <span class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center">
+                    <svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4z"/></svg>
+                  </span>
+                  ABS Plastic
+                </h3>
+                <ul class="space-y-1 text-xs text-secondary-700">
+                  <li class="flex items-start gap-1"><span class="text-green-500">✓</span> ราคาประหยัด</li>
+                  <li class="flex items-start gap-1"><span class="text-green-500">✓</span> น้ำหนักเบา</li>
+                  <li class="flex items-start gap-1 bg-green-50 rounded px-1 -mx-1 border border-green-200"><span class="text-green-600 font-bold">★</span> <strong class="text-green-700">ไม่เกิดหยดน้ำ</strong></li>
+                </ul>
+              </div>
+              <div class="bg-white p-4 rounded-lg shadow-sm">
+                <h3 class="font-bold text-secondary-900 mb-2 flex items-center gap-2">
+                  <span class="w-8 h-8 bg-gray-200 rounded-full flex items-center justify-center">
+                    <svg class="w-4 h-4 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg>
+                  </span>
+                  Aluminum
+                </h3>
+                <ul class="space-y-1 text-xs text-secondary-700">
+                  <li class="flex items-start gap-1"><span class="text-green-500">✓</span> ทนทานต่อการกัดกร่อน</li>
+                  <li class="flex items-start gap-1"><span class="text-green-500">✓</span> ดีไซน์หลากหลาย</li>
+                </ul>
               </div>
-              <h3 class="text-lg font-bold text-secondary-900">Steel</h3>
             </div>
-            <ul class="space-y-2 text-secondary-700">
-              <li class="flex items-start gap-2"><span class="text-green-500">✓</span> แข็งแรงทนทานมาก</li>
-              <li class="flex items-start gap-2"><span class="text-green-500">✓</span> รับน้ำหนักได้สูง</li>
-              <li class="flex items-start gap-2"><span class="text-green-500">✓</span> เหมาะกับงานหนัก</li>
-              <li class="flex items-start gap-2"><span class="text-amber-500">△</span> ต้องทาสีกันสนิม</li>
-              <li class="flex items-start gap-2"><span class="text-amber-500">△</span> น้ำหนักมาก</li>
-              <li class="flex items-start gap-2"><span class="text-red-500">✗</span> ติดตั้งยากกว่า</li>
-            </ul>
-            <p class="text-sm text-secondary-600 mt-4"><strong>เหมาะสำหรับ:</strong> โรงงานอุตสาหกรรม, คลังสินค้า, พื้นที่ที่ต้องการความแข็งแรงสูง</p>
           </div>
-        </div>
+
-      </div>
+          <!-- คำถามที่พบบ่อย -->
+          <div class="bg-white px-4 py-6">
+            <h2 class="text-xl font-bold text-secondary-900 mb-4">คำถามที่พบบ่อย</h2>
+            <div class="space-y-3 text-sm">
+              <div class="bg-gray-50 rounded-lg p-3">
+                <h3 class="font-semibold text-secondary-900 mb-1">ABS vs Aluminum?</h3>
+                <p class="text-secondary-700">ABS ราคาประหยัด เหมาะบ้านพัก ส่วน Aluminum ทนทาน เหมาะอาคารสำนักงาน</p>
+              </div>
+              <div class="bg-primary-50 rounded-lg p-3 border border-primary-200">
+                <h3 class="font-semibold text-primary-800 mb-1">ทำไม ABS ไม่เกิดหยดน้ำ?</h3>
+                <p class="text-primary-700">พื้นผิวเรียบลื่น ไม่มีจุดให้น้ำควบแน่นเกาะ ต่างจาก Aluminum ที่เย็นกว่าจุดน้ำควบแน่น</p>
+              </div>
+              <div class="bg-gray-50 rounded-lg p-3">
+                <h3 class="font-semibold text-secondary-900 mb-1">สั่งขนาดพิเศษได้ไหม?</h3>
+                <p class="text-secondary-700">ได้ รับสั่งทำตามความต้องการ ติดต่อเราเพื่อสอบถามราคา</p>
+              </div>
+            </div>
+          </div>
+
+          <!-- ข้อแนะนำการติดตั้ง -->
+          <div class="bg-gray-50 -mx-4 px-4 py-6 rounded-lg">
+            <h2 class="text-xl font-bold text-secondary-900 mb-4">ข้อแนะนำการติดตั้ง</h2>
+            <div class="grid md:grid-cols-2 gap-8">
+              <div>
+                <h3 class="text-lg font-semibold text-secondary-800 mb-4">ขั้นตอนการติดตั้ง</h3>
+                <ol class="space-y-3">
+                  <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">1</span><span class="text-secondary-700">วัดและทำเครื่องหมายตำแหน่งที่จะติดตั้ง</span></li>
+                  <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">2</span><span class="text-secondary-700">ตัดช่องเปิดตามขนาดหน้ากาก (เผื่อความกว้าง 1-2 ซม.)</span></li>
+                  <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">3</span><span class="text-secondary-700">ตรวจสอบระดับให้ตรง</span></li>
+                  <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">4</span><span class="text-secondary-700">ยึดกรอบหน้ากากด้วยสกรูหรือคลิปยึด</span></li>
+                  <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">5</span><span class="text-secondary-700">ติดตั้งตัวหน้ากากเข้ากับกรอบ</span></li>
+                  <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">6</span><span class="text-secondary-700">ปรับบานเกล็ดให้ได้ทิศทางลมที่ต้องการ</span></li>
+                </ol>
+              </div>
+              <div>
+                <h3 class="text-lg font-semibold text-secondary-800 mb-4">ข้อควรระวัง</h3>
+                <ul class="space-y-3">
+                  <li class="flex items-start gap-3"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">อย่าติดตั้งหน้ากากใกล้ม่านบังตา or ผ้ามากเกินไป เพราะจะขวางทางลม</span></li>
+                  <li class="flex items-start gap-3"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">ควรเว้นระยะห่างจากผนังอย่างน้อย 15 ซม. เพื่อให้ลมกระจายได้ดี</span></li>
+                  <li class="flex items-start gap-3"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">ตรวจสอบ static pressure ของระบบก่อนเลือกขนาด</span></li>
+                  <li class="flex items-start gap-3"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">อย่าใช้หน้ากากขนาดเล็กเกินไป เพราะจะทำให้ลมแรงและ шум</span></li>
+                </ul>
+              </div>
+            </div>
+          </div>
+
+          <!-- รูปภาพสินค้าเพิ่มเติม -->
+          <div class="bg-white px-4 py-6">
+            <h2 class="text-xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
+            <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
+              <img src="/images/grilles/fresh-air-hing-type.jpg" alt="Fresh Air Hing Type" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
+              <img src="/images/grilles/eye-ball.jpg" alt="Eye Ball" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
+              <img src="/images/grilles/perforate.jpg" alt="Perforate" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
+              <img src="/images/grilles/return-air-hing-type.jpg" alt="Return Air Hing Type" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
+              <img src="/images/grilles/hi-flo-jet-diffuser.jpg" alt="Hi-Flo Jet Diffuser" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
+              <img src="/images/grilles/louver-2.jpg" alt="Louver 2" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
+              <img src="/images/grilles/rectangular.jpg" alt="Rectangular" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
+              <img src="/images/grilles/round-ceiling.jpg" alt="Round Ceiling" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
+              <img src="/images/grilles/linear-bar.jpg" alt="Linear Bar" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
+              <img src="/images/grilles/louver-4.jpg" alt="Louver 4" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
+              <img src="/images/grilles/return-air.jpg" alt="Return Air" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
+              <img src="/images/grilles/square-ceiling.jpg" alt="Square Ceiling" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
+            </div>
+          </div>
     </section>
 
-    <!-- FAQ Section -->
-    <section id="faq" class="section bg-white">
-      <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-6">คำถามที่พบบ่อย</h2>
-        <div class="space-y-4">
-          <div class="bg-gray-50 rounded-lg p-4">
-            <h3 class="font-semibold text-secondary-900 mb-2">Q: หน้ากากแอร์ ABS กับ อลูมิเนียม ต่างกันอย่างไร?</h3>
-            <p class="text-secondary-700">ABS ราคาประหยัด น้ำหนักเบา เหมาะกับบ้านพักอาศัย ส่วนอลูมิเนียมทนทานกว่า ดีไซน์หลากหลาย เหมาะกับอาคารสำนักงานและพื้นที่ที่ต้องการความสวยงาม</p>
-          </div>
-          <div class="bg-gray-50 rounded-lg p-4">
-            <h3 class="font-semibold text-secondary-900 mb-2">Q: ขนาดหน้ากากแอร์เลือกอย่างไร?</h3>
-            <p class="text-secondary-700">ใช้สูตร CFM ÷ 2 = พื้นที่หน้ากาก (ตร.นิ้ว) ตัวอย่างเช่น ระบบ 400 CFM ควรใช้หน้ากากขนาด 14x14 นิ้ว (196 ตร.นิ้ว) หรือใกล้เคียง</p>
-          </div>
-          <div class="bg-gray-50 rounded-lg p-4">
-            <h3 class="font-semibold text-secondary-900 mb-2">Q: หน้ากากแอร์ทาสีได้ไหม?</h3>
-            <p class="text-secondary-700">หน้ากากอลูมิเนียมสามารถทาสีได้ แต่ควรใช้สีที่เหมาะกับพื้นผิวโลหะ ส่วน ABS ควรใช้สีที่ออกแบบมาสำหรับพลาสติกโดยเฉพาะ</p>
-          </div>
-          <div class="bg-gray-50 rounded-lg p-4">
-            <h3 class="font-semibold text-secondary-900 mb-2">Q: สั่งขนาดพิเศษได้ไหม?</h3>
-            <p class="text-secondary-700">ได้ รับสั่งทำขนาดพิเศษตามความต้องการ ติดต่อเราเพื่อสอบถามรายละเอียดและราคา</p>
-          </div>
-          <div class="bg-gray-50 rounded-lg p-4">
-            <h3 class="font-semibold text-secondary-900 mb-2">Q: หน้ากากแอร์ดูแลรักษาอย่างไร?</h3>
-            <p class="text-secondary-700">ใช้ผ้าชุบน้ำหมาดเช็ดทำความสะอาดเป็นประจำ ควรล้างฟิลเตอร์ทุก 3-6 เดือน และตรวจสอบบานเกล็ดว่าปรับได้คล่อง</p>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- Installation Tips -->
-    <section id="installation" class="section bg-gray-50">
-      <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-6">ข้อแนะนำการติดตั้ง</h2>
-        <div class="grid md:grid-cols-2 gap-8">
-          <div>
-            <h3 class="text-lg font-semibold text-secondary-800 mb-4">ขั้นตอนการติดตั้ง</h3>
-            <ol class="space-y-3">
-              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">1</span><span class="text-secondary-700">วัดและทำเครื่องหมายตำแหน่งที่จะติดตั้ง</span></li>
-              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">2</span><span class="text-secondary-700">ตัดช่องเปิดตามขนาดหน้ากาก (เผื่อความกว้าง 1-2 ซม.)</span></li>
-              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">3</span><span class="text-secondary-700">ตรวจสอบระดับให้ตรง</span></li>
-              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">4</span><span class="text-secondary-700">ยึดกรอบหน้ากากด้วยสกรูหรือคลิปยึด</span></li>
-              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">5</span><span class="text-secondary-700">ติดตั้งตัวหน้ากากเข้ากับกรอบ</span></li>
-              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">6</span><span class="text-secondary-700">ปรับบานเกล็ดให้ได้ทิศทางลมที่ต้องการ</span></li>
-            </ol>
-          </div>
-          <div>
-            <h3 class="text-lg font-semibold text-secondary-800 mb-4">ข้อควรระวัง</h3>
-            <ul class="space-y-3">
-              <li class="flex items-start gap-3"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">อย่าติดตั้งหน้ากากใกล้ม่านบังตา or ผ้ามากเกินไป เพราะจะขวางทางลม</span></li>
-              <li class="flex items-start gap-3"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">ควรเว้นระยะห่างจากผนังอย่างน้อย 15 ซม. เพื่อให้ลมกระจายได้ดี</span></li>
-              <li class="flex items-start gap-3"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">ตรวจสอบ static pressure ของระบบก่อนเลือกขนาด</span></li>
-              <li class="flex items-start gap-3"><span class="text-amber-500 text-xl">⚠️</span><span class="text-secondary-700">อย่าใช้หน้ากากขนาดเล็กเกินไป เพราะจะทำให้ลมแรงและ шум</span></li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </section>
-    
-    
-    <section class="section bg-white">
-      <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
-        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
-          <img src="/images/grilles/fresh-air-hing-type.jpg" alt="Fresh Air Hing Type" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
-          <img src="/images/grilles/eye-ball.jpg" alt="Eye Ball" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
-          <img src="/images/grilles/perforate.jpg" alt="Perforate" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
-          <img src="/images/grilles/return-air-hing-type.jpg" alt="Return Air Hing Type" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
-          <img src="/images/grilles/hi-flo-jet-diffuser.jpg" alt="Hi-Flo Jet Diffuser" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
-          <img src="/images/grilles/louver-2.jpg" alt="Louver 2" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
-          <img src="/images/grilles/rectangular.jpg" alt="Rectangular" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
-          <img src="/images/grilles/round-ceiling.jpg" alt="Round Ceiling" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
-          <img src="/images/grilles/linear-bar.jpg" alt="Linear Bar" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
-          <img src="/images/grilles/louver-4.jpg" alt="Louver 4" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
-          <img src="/images/grilles/return-air.jpg" alt="Return Air" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
-          <img src="/images/grilles/square-ceiling.jpg" alt="Square Ceiling" class="w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" decoding="async" />
-        </div>
-      </div>
-    </section>
-        
-
-    
     <section class="cta-gradient py-16">
       <div class="container-custom text-center">
         <h2 class="text-xl sm:text-2xl font-bold text-white mb-6">สนใจสินค้าของเรา?</h2>
@@ -415,7 +341,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -424,7 +350,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/groove-coupling/index.astro

@@ -1,505 +0,0 @@
----
-import BaseLayout from '@/layouts/BaseLayout.astro';
-import Header from '@/components/common/Header.astro';
-import Footer from '@/components/common/Footer.astro';
----
-
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "Product",
-  "name": "กรู๊ฟท่อ (Groove Coupling)",
-  "description": "จำหน่ายกรู๊ฟท่อ (Groove Coupling) คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล",
-  "image": "https://dealplustech.co.th/images/products-cropped/mech_000C.jpg",
-  "offers": {
-    "@type": "Offer",
-    "url": "https://dealplustech.co.th/groove-coupling",
-    "priceCurrency": "THB",
-    "availability": "https://schema.org/InStock"
-  }
-}
-</script>
-
-<BaseLayout title="กรู๊ฟท่อ (Groove Coupling)" description="จำหน่ายกรู๊ฟท่อ (Groove Coupling) คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
-  <Header slot="header" />
-  
-  <main class="bg-white min-h-screen">
-    <!-- Product Hero Section -->
-    <section class="hero-gradient py-16">
-      <div class="container-custom">
-        <div class="grid lg:grid-cols-2 gap-12 items-start">
-          <div class="lg:sticky lg:top-24">
-            <div class="card-glass p-8">
-              <img src="/images/products-cropped/mech_000C.jpg" alt="กรู๊ฟท่อ" class="w-full h-auto rounded-xl" width="600" height="400" loading="eager" fetchpriority="high" decoding="sync" onerror="this.src='/images/logo/dealplustech-logo.png'" />
-            </div>
-          </div>
-          
-          <div>
-            <span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
-              กรู๊ฟท่อ
-            </span>
-            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">กรู๊ฟท่อ (Groove Coupling)</h1>
-            <p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
-              จำหน่ายกรู๊ฟท่อ (Groove Coupling) คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
-            </p>
-            
-            <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-                <span>แชท</span>
-                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
-              </a>
-              <a href="tel:0905551415" class="btn-white flex items-center gap-2">
-                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
-                </svg>
-                <span>090-555-1415</span>
-              </a>
-            </div>
-            
-            <div class="space-y-4">
-              <div class="flex items-start space-x-3">
-                <svg class="w-6 h-6 text-white mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-                </svg>
-                <span class="text-lg text-white/80">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
-              </div>
-              <div class="flex items-start space-x-3">
-                <svg class="w-6 h-6 text-white mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-                </svg>
-                <span class="text-lg text-white/80">ราคาโรงงาน คุ้มค่า</span>
-              </div>
-              <div class="flex items-start space-x-3">
-                <svg class="w-6 h-6 text-white mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-                </svg>
-                <span class="text-lg text-white/80">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
-              </div>
-              <div class="flex items-start space-x-3">
-                <svg class="w-6 h-6 text-white mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-                </svg>
-                <span class="text-lg text-white/80">รับประกันสินค้า</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-    
-    <!-- Product Details -->
-    <section class="section">
-      <div class="container-custom">
-        <div class="max-w-4xl mx-auto">
-          <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">ข้อดีของการใช้กรู๊ฟท่อ</h2>
-          <div class="prose prose-lg max-w-none">
-            <p class="text-lg text-secondary-700 leading-relaxed">
-              <strong>กรู๊ฟท่อ</strong> ติดตั้งง่าย สะดวกรวดเร็ว ทำให้ประหยัดทั้งค่าแรงและเวลาในการติดตั้ง นอกจากนี้ยังคล่องตัวรองรับการออกแบบที่หลากหลายตามแต่สภาพหน้างาน สามารถโยกย้าย เปลี่ยนแปลงรูปแบบการติดตั้ง หรือขยายไลน์ท่อเพิ่มเติม รวมทั้งถอดทำความสะอาดและประกอบเข้าใหม่ได้โดยง่าย
-            </p>
-            
-            <p class="text-lg text-secondary-700 leading-relaxed mt-6">
-              กรู๊ฟท่อสามารถรับแรงสั่นสะเทือนและแรงกดจากแผ่นดินไหวได้ดี อีกทั้งยังสามารถดูดซับเสียงได้อย่างมีประสิทธิภาพ รับแรงดันได้สูง 300 - 735 psi (การทนแรงดันจะขึ้นอยู่กับรุ่นของ Coupling ที่เลือกใช้)
-            </p>
-            
-            <p class="text-lg text-secondary-700 leading-relaxed mt-6">
-              ข้อต่อกรู๊ฟมี PE เคลือบผิวด้านใน คงคุณสมบัติเด่นของท่อไซเลอร์ไว้ครบถ้วน จึงมั่นใจว่าน้ำที่ไหลผ่านจะปลอดสนิม อีกทั้งแข็งแรง ทนทาน และมีอายุการใช้งานยาวนาน
-            </p>
-          </div>
-        </div>
-      </div>
-    </section>
-    
-    <!-- Installation Section -->
-    <section class="section bg-gray-50">
-      <div class="container-custom">
-        <div class="max-w-4xl mx-auto">
-          <h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">วิธีการติดตั้ง</h2>
-        
-        <!-- Step 1: Grooved -->
-        <div class="mb-16">
-          <h3 class="text-xl font-bold text-secondary-900 mb-8 flex items-center">
-            <span class="bg-primary-600 text-white w-10 h-10 rounded-full flex items-center justify-center mr-4 text-lg">1</span>
-            การกรู๊ฟท่อ (Grooved)
-          </h3>
-          
-          <!-- Machine Image -->
-          <div class="bg-gray-50 rounded-2xl p-8 mb-8">
-            <div class="max-w-3xl mx-auto text-center">
-              <img src="/images/groove-coupling/G1.png" alt="เครื่องกรู๊ฟท่อไซเลอร์" class="w-full h-auto rounded-lg mb-6" style="max-height: 300px; object-fit: contain;" width="800" height="400" loading="lazy" decoding="async" />
-              <h4 class="text-xl font-bold text-secondary-900 mb-2">เครื่องกรู๊ฟท่อไซเลอร์</h4>
-              <p class="text-secondary-600">หมายเหตุ: การ Grooved ท่อ Syler ต้องใช้เครื่อง Grooved ของ Syler เท่านั้น</p>
-            </div>
-          </div>
-          
-          <!-- Step Cards -->
-          <div class="grid md:grid-cols-2 gap-6">
-            <div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
-              <div class="flex items-center mb-4">
-                <span class="bg-primary-100 text-primary-700 px-3 py-1 rounded-full text-sm font-medium">ขั้นตอนที่ 1.1 - 1.3</span>
-              </div>
-              <p class="text-secondary-700 mb-4">ตั้งเครื่องกรู๊ฟ สอดท่อให้หน้าตัดท่อชนแนบกับหัวกรู๊ฟ ปรับระดับท่อที่วางพาดกับขาตั้งท่อด้วยมาตรวัดระดับน้ำ จากนั้นดึงคันโยกไฮโดริกให้หัวกดทับเนื้อท่อแล้ว จึงเปิดสวิทช์เครื่องเพื่อเริ่มทำการกรู๊ฟ</p>
-              <img src="/images/groove-coupling/G2.png" alt="การกรู๊ฟท่อ" class="w-full h-48 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
-            </div>
-            
-            <div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
-              <div class="flex items-center mb-4">
-                <span class="bg-primary-100 text-primary-700 px-3 py-1 rounded-full text-sm font-medium">ขั้นตอนที่ 1.4</span>
-              </div>
-              <p class="text-secondary-700 mb-4">เมื่อกรู๊ฟเสร็จแล้ว ให้ปิดเครื่องแล้วยกคันโยกไฮโดริกขึ้น นำสายวัดระยะร่องกรู๊ฟมาวัดร่องตามขนาดท่อที่กรู๊ฟ ทั้งนี้ระยะความลึกของร่องกรู๊ฟอนุโลมให้ขาดเกินได้ไม่เกิน 3 มิลลิเมตร</p>
-              <div class="grid grid-cols-2 gap-3">
-                <img src="/images/groove-coupling/G6.png" alt="การวัดร่องกรู๊ฟ" class="w-full h-32 object-cover rounded-lg" width="400" height="300" loading="lazy" decoding="async" />
-                <img src="/images/groove-coupling/G7.png" alt="ล็อคระดับปั้มไฮโดริก" class="w-full h-32 object-cover rounded-lg" width="400" height="300" loading="lazy" decoding="async" />
-              </div>
-            </div>
-          </div>
-          
-          <!-- Important Notice -->
-          <div class="bg-amber-50 border-l-4 border-amber-500 rounded-r-xl p-6 mt-6">
-            <h4 class="font-bold text-amber-800 mb-2">ข้อควรระวังในการกรู๊ฟ</h4>
-            <p class="text-amber-700">การกรู๊ฟท่อต่อเนื่องเป็นระยะเวลานานหัวกรู๊ฟท่อจะมีความร้อนสะสม หากหัวกรู๊ฟร้อนเกินไปจะทำให้พลาสติกละลายได้ ควรพักเพื่อให้หัวกรู๊ฟเย็นลงจึงค่อยกรู๊ฟท่อต่อไป</p>
-          </div>
-          
-          <!-- Additional Step Images -->
-          <div class="grid grid-cols-3 gap-4 mt-6">
-            <img src="/images/groove-coupling/G3.png" alt="ความร้อนสะสม" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
-            <img src="/images/groove-coupling/G4.png" alt="การกรู๊ฟท่อ" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
-            <img src="/images/groove-coupling/G5.png" alt="การกรู๊ฟท่อต่อ" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
-          </div>
-        </div>
-        
-        <!-- Step 2: Coupling -->
-        <div class="mb-16">
-          <h3 class="text-xl font-bold text-secondary-900 mb-8 flex items-center">
-            <span class="bg-primary-600 text-white w-10 h-10 rounded-full flex items-center justify-center mr-4 text-lg">2</span>
-            การใส่ข้อต่อคัปปิ้ง (Coupling)
-          </h3>
-          
-          <p class="text-lg text-secondary-700 mb-8">เมื่อกรู๊ฟท่อเรียบร้อยแล้ว ให้ทำการสวมข้อต่อ Coupling ตามขั้นตอนดังนี้</p>
-          
-          <!-- Coupling Steps -->
-          <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
-            <div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
-              <span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.1</span>
-              <p class="text-secondary-700 mb-4">ทากาวเฮอร์เมสซีล 55 ที่หน้าตัดท่อเพื่อป้องกันสนิมบริเวณหน้าตัดท่อ</p>
-              <img src="/images/groove-coupling/G8.png" alt="ทากาวเฮอร์เมสซีล" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
-            </div>
-            
-            <div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
-              <span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.2</span>
-              <p class="text-secondary-700 mb-4">นำ Grooved line gasket มาสวมที่ปลายท่อ เพื่อป้องกันไม่ให้น้ำที่ไหลผ่านสัมผัสหน้าตัดท่อ</p>
-              <img src="/images/groove-coupling/G9.png" alt="สวม Grooved line gasket" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
-            </div>
-            
-            <div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
-              <span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.3</span>
-              <p class="text-secondary-700 mb-4">ทาน้ำยาหล่อลื่น Lubricant ให้ทั่วแหวนยาง EPDM เพื่อยืดอายุการใช้งาน</p>
-              <img src="/images/groove-coupling/G10.png" alt="ทาน้ำยาหล่อลื่น" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
-            </div>
-            
-            <div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
-              <span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.4</span>
-              <p class="text-secondary-700 mb-4">นำยางที่ทา Lubricant แล้วมาสวมเข้ากับท่อก่อนจากนั้นจึงสวมเข้ากับข้อต่อ</p>
-              <div class="grid grid-cols-2 gap-2">
-                <img src="/images/groove-coupling/G11.png" alt="สวมยางเข้ากับท่อ" class="w-full h-28 object-cover rounded-lg" width="400" height="300" loading="lazy" decoding="async" />
-                <img src="/images/groove-coupling/G12.png" alt="สวมเข้ากับข้อต่อ" class="w-full h-28 object-cover rounded-lg" width="400" height="300" loading="lazy" decoding="async" />
-              </div>
-            </div>
-            
-            <div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm md:col-span-2">
-              <span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.5</span>
-              <p class="text-secondary-700 mb-4">นำข้อต่อ Coupling มาประกบพร้อมขันน๊อตจนแน่น</p>
-              <img src="/images/groove-coupling/G13.png" alt="ขันน๊อตจนแน่น" class="w-full h-48 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
-            </div>
-          </div>
-        </div>
-        
-        <!-- Torque Specifications -->
-        <div class="mt-16">
-          <h3 class="text-xl font-bold text-secondary-900 mb-8 flex items-center">
-            <span class="bg-primary-600 text-white w-10 h-10 rounded-full flex items-center justify-center mr-4 text-lg">3</span>
-            แรงบิด (Torque) ที่ควรใช้ในการขันน๊อต
-          </h3>
-          
-          <div class="bg-white rounded-xl p-8 shadow-sm border border-gray-200">
-            <p class="text-lg text-secondary-700 mb-6">
-              การขันน๊อตด้วยแรงบิดที่ถูกต้องเป็นสิ่งสำคัญเพื่อให้ข้อต่อกรู๊ฟประกอบติดแน่นและปลอดภัย ควรขันน๊อตให้แน่นพอประมาณ ไม่แน่นเกินไปซึ่งอาจทำให้ยางเสียหาย หรือหลวมเกินไปซึ่งอาจทำให้รั่วซึม
-            </p>
-            
-            <div class="overflow-x-auto">
-              <table class="w-full rounded-lg overflow-hidden">
-                <thead class="bg-primary-600 text-white">
-                  <tr>
-                    <th class="px-4 py-3 text-center font-bold text-sm">ขนาดท่อ (นิ้ว)</th>
-                    <th class="px-4 py-3 text-center font-bold text-sm">ขนาดน๊อต</th>
-                    <th class="px-4 py-3 text-center font-bold text-sm">แรงบิด (Torque)</th>
-                    <th class="px-4 py-3 text-center font-bold text-sm">หมายเหตุ</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr class="border-b border-gray-100">
-                    <td class="px-4 py-3 text-center text-secondary-700">1/2" - 2"</td>
-                    <td class="px-4 py-3 text-center text-secondary-700">3/8" - 1/2"</td>
-                    <td class="px-4 py-3 text-center text-secondary-700 font-medium">35-65 ft-lb</td>
-                    <td class="px-4 py-3 text-center text-secondary-700">47-88 Nm</td>
-                  </tr>
-                  <tr class="border-b border-gray-100 bg-gray-50">
-                    <td class="px-4 py-3 text-center text-secondary-700">2-1/2" - 4"</td>
-                    <td class="px-4 py-3 text-center text-secondary-700">1/2"</td>
-                    <td class="px-4 py-3 text-center text-secondary-700 font-medium">65-100 ft-lb</td>
-                    <td class="px-4 py-3 text-center text-secondary-700">88-136 Nm</td>
-                  </tr>
-                  <tr class="border-b border-gray-100">
-                    <td class="px-4 py-3 text-center text-secondary-700">5" - 8"</td>
-                    <td class="px-4 py-3 text-center text-secondary-700">5/8"</td>
-                    <td class="px-4 py-3 text-center text-secondary-700 font-medium">100-150 ft-lb</td>
-                    <td class="px-4 py-3 text-center text-secondary-700">136-203 Nm</td>
-                  </tr>
-                  <tr class="border-b border-gray-100 bg-gray-50">
-                    <td class="px-4 py-3 text-center text-secondary-700">10" - 12"</td>
-                    <td class="px-4 py-3 text-center text-secondary-700">3/4"</td>
-                    <td class="px-4 py-3 text-center text-secondary-700 font-medium">150-200 ft-lb</td>
-                    <td class="px-4 py-3 text-center text-secondary-700">203-271 Nm</td>
-                  </tr>
-                  <tr>
-                    <td class="px-4 py-3 text-center text-secondary-700">14" - 24"</td>
-                    <td class="px-4 py-3 text-center text-secondary-700">7/8"</td>
-                    <td class="px-4 py-3 text-center text-secondary-700 font-medium">200-300 ft-lb</td>
-                    <td class="px-4 py-3 text-center text-secondary-700">271-407 Nm</td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-            
-            <div class="bg-amber-50 border-l-4 border-amber-500 rounded-r-xl p-6 mt-6">
-              <h4 class="font-bold text-amber-800 mb-2">ข้อควรระวังเรื่องแรงบิด</h4>
-              <ul class="text-amber-700 space-y-1">
-                <li>• ควรใช้คันทวนแรง (Torque Wrench) เพื่อให้ได้แรงบิดที่แม่นยำ</li>
-                <li>• ขันน๊อตสลับกันเป็นวงกลม (Cross Pattern) เพื่อให้แรงกระจายอย่างเท่าเทียม</li>
-                <li>• หากไม่แน่ใจควรปรึกษาผู้ผลิตหรือตัวแทนจำหน่าย</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    </section>
-    
-    <!-- FAQ Section -->
-    <section class="section bg-gray-50">
-      <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับกรู๊ฟท่อ</h2>
-        
-        <div class="max-w-4xl mx-auto space-y-4">
-          <div class="bg-white rounded-xl p-6 shadow-sm border border-gray-200">
-            <h3 class="font-bold text-lg text-secondary-900 mb-3">1. กรู๊ฟท่อเหมาะกับการใช้งานประเภทใดบ้าง?</h3>
-            <p class="text-secondary-700 leading-relaxed">
-              กรู๊ฟท่อเหมาะสำหรับงานระบบดับเพลิง (Fire Protection System), ระบบปรับอากาศ HVAC, ระบบท่อส่งน้ำอุตสาหกรรม, ระบบท่อน้ำมันและก๊าซ และระบบท่อในโรงงานผลิต สามารถรองรับท่อขนาดตั้งแต่ 1/2 นิ้ว จนถึง 24 นิ้ว
-            </p>
-          </div>
-          
-          <div class="bg-white rounded-xl p-6 shadow-sm border border-gray-200">
-            <h3 class="font-bold text-lg text-secondary-900 mb-3">2. จะเลือกขนาดกรู๊ฟท่ออย่างไรให้เหมาะสม?</h3>
-            <p class="text-secondary-700 leading-relaxed">
-              การเลือกขนาดกรู๊ฟท่อต้องพิจารณาจากขนาดเส้นผ่านศูนย์กลางภายนอก (OD) ของท่อเป็นหลัก โดยต้องตรวจสอบให้แน่ใจว่าร่องกรู๊ฟ (Groove) มีความลึกและความกว้างตามมาตรฐาน ควรปรึกษาผู้เชี่ยวชาญเพื่อรับการแนะนำที่เหมาะสมกับลักษณะงานของท่าน
-            </p>
-          </div>
-          
-          <div class="bg-white rounded-xl p-6 shadow-sm border border-gray-200">
-            <h3 class="font-bold text-lg text-secondary-900 mb-3">3. กรู๊ฟท่อรับแรงดันได้สูงเท่าไหร่?</h3>
-            <p class="text-secondary-700 leading-relaxed">
-              กรู๊ฟท่อสามารถรับแรงดันได้ตั้งแต่ 300 psi จนถึง 735 psi ขึ้นอยู่กับรุ่นและวัสดุของข้อต่อที่เลือกใช้ สำหรับงานระบบดับเพลิงมักใช้ที่ 300 psi ส่วนงานอุตสาหกรรมหนักอาจต้องใช้รุ่นที่รับแรงดันได้สูงกว่านี้
-            </p>
-          </div>
-          
-          <div class="bg-white rounded-xl p-6 shadow-sm border border-gray-200">
-            <h3 class="font-bold text-lg text-secondary-900 mb-3">4. ควรเลือกวัสดุกรู๊ฟท่อประเภทใดดี?</h3>
-            <p class="text-secondary-700 leading-relaxed">
-              วัสดุที่นิยมใช้มี 2 ประเภทหลัก ได้แก่ <strong>เหล็กชุบสincงกลาไลซ์ไลซ์ (Galvanized Steel)</strong> ซึ่งราคาประหยัด เหมาะกับงานทั่วไป และ <strong>สแตนเลส (Stainless Steel)</strong> ที่ทนสนิมได้ดีเยี่ยม เหมาะกับงานที่ต้องการความทนทานสูงและอายุการใช้งานยาวนาน
-            </p>
-          </div>
-          
-          <div class="bg-white rounded-xl p-6 shadow-sm border border-gray-200">
-            <h3 class="font-bold text-lg text-secondary-900 mb-3">5. การติดตั้งกรู๊ฟท่อต้องใช้เครื่องมือพิเศษอะไรบ้าง?</h3>
-            <p class="text-secondary-700 leading-relaxed">
-              การติดตั้งกรู๊ฟท่อต้องใช้เครื่องกรู๊ฟท่อ (Grooving Machine) เพื่อสร้างร่องกรู๊ฟบนท่อ ซึ่งแต่ละยี่ห้ออาจต้องใช้เครื่องเฉพาะยี่ห้อ นอกจากนี้ยังต้องใช้อุปกรณ์ประกอบอื่นๆ เช่น กาวเฮอร์เมสซีล (HermeSeal 55), ยางแหวน EPDM และน้ำยาหล่อลื่น (Lubricant)
-            </p>
-          </div>
-        </div>
-      </div>
-    </section>
-    
-    <!-- Size Selection Guide -->
-    <section class="section">
-      <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">คู่มือการเลือกขนาดกรู๊ฟท่อ</h2>
-        
-        <div class="max-w-4xl mx-auto">
-          <div class="bg-white rounded-xl p-8 shadow-sm border border-gray-200">
-            <p class="text-lg text-secondary-700 leading-relaxed mb-6">
-              การเลือกขนาดกรู๊ฟท่อที่ถูกต้องเป็นสิ่งสำคัญเพื่อให้ระบบท่อทำงานได้อย่างมีประสิทธิภาพและปลอดภัย ควรพิจารณาปัจจัยหลักดังต่อไปนี้:
-            </p>
-            
-            <div class="space-y-6">
-              <div class="flex items-start">
-                <div class="bg-primary-100 rounded-lg p-3 mr-4">
-                  <span class="text-primary-700 font-bold text-xl">1</span>
-                </div>
-                <div>
-                  <h4 class="font-bold text-secondary-900 mb-2">ขนาดเส้นผ่านศูนย์กลางภายนอก (OD)</h4>
-                  <p class="text-secondary-700">วัดขนาดเส้นผ่านศูนย์กลางภายนอกของท่อเป็นมิลลิเมตร แล้วเลือกขนาดกรู๊ฟท่อให้ตรงกับขนาดท่อมาตรฐาน</p>
-                </div>
-              </div>
-              
-              <div class="flex items-start">
-                <div class="bg-primary-100 rounded-lg p-3 mr-4">
-                  <span class="text-primary-700 font-bold text-xl">2</span>
-                </div>
-                <div>
-                  <h4 class="font-bold text-secondary-900 mb-2">ความหนาผนังท่อ (Wall Thickness)</h4>
-                  <p class="text-secondary-700">ตรวจสอบความหนาผนังท่อเพื่อให้แน่ใจว่าร่องกรู๊ฟมีความลึกเหมาะสมและไม่ทำให้ท่ออ่อนแอเกินไป</p>
-                </div>
-              </div>
-              
-              <div class="flex items-start">
-                <div class="bg-primary-100 rounded-lg p-3 mr-4">
-                  <span class="text-primary-700 font-bold text-xl">3</span>
-                </div>
-                <div>
-                  <h4 class="font-bold text-secondary-900 mb-2">ชนิดของท่อ</h4>
-                  <p class="text-secondary-700">กรู๊ฟท่อสามารถใช้ได้กับท่อหลายประเภท เช่น ท่อเหล็ก (Steel), ท่อสแตนเลส (Stainless Steel), ท่อ PVC และท่อ HDPE แต่ต้องใช้วิธีการกรู๊ฟที่เหมาะสมกับแต่ละชนิด</p>
-                </div>
-              </div>
-              
-              <div class="flex items-start">
-                <div class="bg-primary-100 rounded-lg p-3 mr-4">
-                  <span class="text-primary-700 font-bold text-xl">4</span>
-                </div>
-                <div>
-                  <h4 class="font-bold text-secondary-900 mb-2">แรงดันในระบบ (Working Pressure)</h4>
-                  <p class="text-secondary-700">เลือกรุ่นกรู๊ฟท่อที่สามารถรับแรงดันได้สูงกว่าแรงดันในระบบจริงอย่างน้อย 25% เพื่อความปลอดภัย</p>
-                </div>
-              </div>
-            </div>
-            
-            <div class="bg-blue-50 border-l-4 border-blue-500 rounded-r-xl p-6 mt-8">
-              <h4 class="font-bold text-blue-800 mb-2">หมายเหตุ</h4>
-              <p class="text-blue-700">สำหรับการเลือกขนาดที่แม่นยำ ควรปรึกษาวิศวกรหรือผู้เชี่ยวชาญ เพื่อรับการแนะนำที่เหมาะสมกับลักษณะงานและข้อกำหนดของโครงการ</p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-    
-    <!-- Material Comparison -->
-    <section class="section bg-gray-50">
-      <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">เปรียบเทียบวัสดุกรู๊ฟท่อ</h2>
-        
-        <div class="max-w-4xl mx-auto">
-          <div class="overflow-x-auto">
-            <table class="w-full bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden">
-              <thead class="bg-primary-600 text-white">
-                <tr>
-                  <th class="px-6 py-4 text-left font-bold">คุณสมบัติ</th>
-                  <th class="px-6 py-4 text-center font-bold">เหล็กชุบสincงกลาไลซ์ไลซ์</th>
-                  <th class="px-6 py-4 text-center font-bold">สแตนเลส</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr class="border-b border-gray-100">
-                  <td class="px-6 py-4 text-secondary-900 font-medium">ราคา</td>
-                  <td class="px-6 py-4 text-center text-secondary-700">ประหยัดกว่า</td>
-                  <td class="px-6 py-4 text-center text-secondary-700">สูงกว่า</td>
-                </tr>
-                <tr class="border-b border-gray-100 bg-gray-50">
-                  <td class="px-6 py-4 text-secondary-900 font-medium">ความทนทานต่อสนิม</td>
-                  <td class="px-6 py-4 text-center text-secondary-700">ดี (ชั้นเคลือบสincงกลาไลซ์ไลซ์)</td>
-                  <td class="px-6 py-4 text-center text-secondary-700">ยอดเยี่ยม</td>
-                </tr>
-                <tr class="border-b border-gray-100">
-                  <td class="px-6 py-4 text-secondary-900 font-medium">ความแข็งแรง</td>
-                  <td class="px-6 py-4 text-center text-secondary-700">สูง</td>
-                  <td class="px-6 py-4 text-center text-secondary-700">สูงมาก</td>
-                </tr>
-                <tr class="border-b border-gray-100 bg-gray-50">
-                  <td class="px-6 py-4 text-secondary-900 font-medium">น้ำหนัก</td>
-                  <td class="px-6 py-4 text-center text-secondary-700">เบากว่า</td>
-                  <td class="px-6 py-4 text-center text-secondary-700">หนักกว่า</td>
-                </tr>
-                <tr class="border-b border-gray-100">
-                  <td class="px-6 py-4 text-secondary-900 font-medium">อายุการใช้งาน</td>
-                  <td class="px-6 py-4 text-center text-secondary-700">10-15 ปี</td>
-                  <td class="px-6 py-4 text-center text-secondary-700">20-30 ปี</td>
-                </tr>
-                <tr class="bg-gray-50">
-                  <td class="px-6 py-4 text-secondary-900 font-medium">เหมาะกับงาน</td>
-                  <td class="px-6 py-4 text-center text-secondary-700">ระบบท่อทั่วไป, ระบบดับเพลิง</td>
-                  <td class="px-6 py-4 text-center text-secondary-700">งานอุตสาหกรรมหนัก, งานทะเล, งานเคมี</td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-          
-          <div class="mt-8 bg-white rounded-xl p-6 shadow-sm border border-gray-200">
-            <h3 class="font-bold text-lg text-secondary-900 mb-4">สรุปการเลือกใช้</h3>
-            <div class="grid md:grid-cols-2 gap-6">
-              <div class="bg-gray-50 rounded-lg p-5">
-                <h4 class="font-bold text-secondary-900 mb-2">เลือกเหล็กชุบสincงกลาไลซ์ไลซ์เมื่อ:</h4>
-                <ul class="text-secondary-700 space-y-2">
-                  <li class="flex items-start"><span class="text-primary-600 mr-2">•</span>งบประมาณจำกัด</li>
-                  <li class="flex items-start"><span class="text-primary-600 mr-2">•</span>ต้องการความคุ้มค่า</li>
-                  <li class="flex items-start"><span class="text-primary-600 mr-2">•</span>ใช้ในสภาพแวดล้อมทั่วไป</li>
-                  <li class="flex items-start"><span class="text-primary-600 mr-2">•</span>ต้องการติดตั้งง่ายและรวดเร็ว</li>
-                </ul>
-              </div>
-              <div class="bg-gray-50 rounded-lg p-5">
-                <h4 class="font-bold text-secondary-900 mb-2">เลือกสแตนเลสเมื่อ:</h4>
-                <ul class="text-secondary-700 space-y-2">
-                  <li class="flex items-start"><span class="text-primary-600 mr-2">•</span>ต้องการความทนทานสูงสุด</li>
-                  <li class="flex items-start"><span class="text-primary-600 mr-2">•</span>ใช้ในสภาพแวดล้อมที่มีความชื้นสูง</li>
-                  <li class="flex items-start"><span class="text-primary-600 mr-2">•</span>ต้องการอายุการใช้งานยาวนาน</li>
-                  <li class="flex items-start"><span class="text-primary-600 mr-2">•</span>ใช้กับสารเคมีหรือของเหลวที่กัดกร่อน</li>
-                </ul>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-    
-    <!-- Product Gallery -->
-    <section class="section">
-      <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">รุ่นของสินค้า</h2>
-        <div class="space-y-6 max-w-6xl mx-auto">
-          <img src="/images/groove-coupling/Grooved01.jpg" alt="รุ่นที่ 1" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" />
-          <img src="/images/groove-coupling/Grooved02.jpg" alt="รุ่นที่ 2" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" />
-        </div>
-      </div>
-    </section>
-    
-    <!-- CTA Section -->
-    <section class="cta-gradient py-16">
-      <div class="container-custom text-center">
-        <h2 class="text-2xl md:text-3xl font-bold text-white mb-6">สนใจสินค้าของเรา?</h2>
-        <p class="text-xl text-white/80 mb-8 max-w-2xl mx-auto">
-          ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
-        </p>
-        <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
-            <span>แชท</span>
-            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
-          </a>
-          <a href="tel:0905551415" class="btn-white flex items-center gap-2">
-            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
-            </svg>
-            <span>090-555-1415</span>
-          </a>
-        </div>
-      </div>
-    </section>
-  </main>
-  
-  <Footer slot="footer" />
-</BaseLayout>

src/pages/index.astro

@@ -16,7 +16,6 @@ const categories = [
   // เครื่องเชื่อมท่อ
   { name: 'เครื่องเชื่อม HDPE', slug: '/เครื่องเชื่อม-hdpe', image: '/images/HDPE-welding-crop.jpg' },
   { name: 'เครื่องเชื่อม PPR', slug: '/เครื่องเชื่อมท่อพีพีอา', image: '/images/products-misc/ppr-welding-machine-main.jpg' },
-  { name: 'กรู๊ฟท่อ', slug: '/groove-coupling', image: '/images/products-cropped/mech_000C.jpg' },
   { name: 'Pipe Coupling', slug: '/pipe-coupling', image: '/images/pipe-coupling/BG-SMC02.png' },
   { name: 'DUKELARRSEN', slug: '/dukelarrsen', image: '/images/dukelarrsen/dukelarrsen-43.jpg' },
   { name: 'เม็กกรู๊ฟ คับปลิ้ง', slug: '/เม็กกรู๊ฟ-คับปลิ้ง', image: '/images/products-misc/MECH_001.jpg' },
@@ -231,7 +230,7 @@ const featuredProducts = [
         <a href="tel:0905551415" class="btn-white">
           โทร 090-555-1415
         </a>
-        <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+        <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
           <span>แชท</span>
           <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
         </a>

src/pages/pipe-coupling/index.astro

@@ -39,12 +39,12 @@ import Footer from '@/components/common/Footer.astro';
               ข้อต่อท่อ
             </span>
             <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ข้อต่อท่อ SMC (Pipe Coupling)</h1>
-            <p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
+            <p class="text-lg sm:text-xl text-white/80 mb-4 leading-relaxed">
               จำหน่ายข้อต่อท่อ SMC (Pipe Coupling) คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -92,16 +92,16 @@ import Footer from '@/components/common/Footer.astro';
       <div class="container-custom">
         <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl font-bold text-secondary-900 mb-4">รายละเอียดสินค้า</h2>
-        </div>
+          
-      </div>
+          <!-- Key Feature Text -->
-    </section>
+          <div class="bg-primary-50 border-2 border-primary-200 rounded-xl p-6 mt-4 mb-6">
-    
+            <p class="text-xl sm:text-2xl font-bold text-primary-700 text-center">
-    <!-- Technical Revolution -->
+              ไม่เชื่อม • ไม่กรู๊ฟ • ติดตั้งง่าย • แค่ขันน็อต
-    <section class="section bg-gray-50">
+            </p>
-      <div class="container-custom">
+          </div>
-        <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">การปฏิวัติวงการท่อส่งน้ำและก๊าซ</h2>
+          
-        
+          <h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">การปฏิวัติวงการท่อส่งน้ำและก๊าซ</h2>
-        <div class="max-w-4xl mx-auto">
+          
           <div class="prose prose-lg max-w-none">
             <p class="text-lg text-secondary-700 leading-relaxed">
               <strong>ข้อต่อท่อ SMC</strong> เป็นระบบข้อต่อท่อที่ได้รับการพัฒนามาเพื่อทดแทนการเชื่อมท่อด้วยไฟฟ้าแบบเดิม โดยใช้หลักการบีบอัด (Compression) เข้ากับวงแหวน O-Ring ที่อยู่ภายในตัวข้อต่อ ทำให้สามารถประกอบท่อได้อย่างรวดเร็วและมีความแข็งแรงทนทาน
@@ -633,7 +633,7 @@ import Footer from '@/components/common/Footer.astro';
           
           <div class="mt-8 text-center">
             <p class="text-secondary-600 mb-4">หากมีคำถามเพิ่มเติมเกี่ยวกับข้อต่อท่อ SMC?</p>
-            <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-primary inline-flex items-center gap-2">
+            <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-primary inline-flex items-center gap-2">
               <span>สอบถามผู้เชี่ยวชาญ</span>
             </a>
           </div>
@@ -649,7 +649,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/pp-r-pp-rct-poloplast/index.astro

@@ -50,7 +50,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -393,7 +393,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -402,7 +402,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/realflex/index.astro

@@ -42,7 +42,7 @@ import Footer from '@/components/common/Footer.astro';
             <h2 class="text-xl sm:text-xl md:text-2xl text-white/80 mb-8">Stainless Steel Flexible Hose Fitting</h2>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -347,7 +347,7 @@ import Footer from '@/components/common/Footer.astro';
             <div class="bg-white rounded-lg shadow-sm overflow-hidden">
               <div class="p-6">
                 <h3 class="text-lg font-bold text-secondary-900 mb-3">5. ซื้อ Realflex® จากที่ไหนได้?</h3>
-                <p class="text-base text-secondary-700">จำหน่าย Realflex® ผ่านตัวแทนจำหน่ายที่ได้รับอนุญาตทั่วประเทศ สามารถติดต่อผ่าน Line @dealplustech หรือโทร 090-555-1415 เพื่อสอบถามราคาและข้อมูลผลิตภัณฑ์ จัดส่งสินค้าฟรีในกรุงเทพฯ และปริมณฑล</p>
+                <p class="text-base text-secondary-700">จำหน่าย Realflex® ผ่านตัวแทนจำหน่ายที่ได้รับอนุญาตทั่วประเทศ สามารถติดต่อผ่าน Line @JPPSELECTION หรือโทร 090-555-1415 เพื่อสอบถามราคาและข้อมูลผลิตภัณฑ์ จัดส่งสินค้าฟรีในกรุงเทพฯ และปริมณฑล</p>
               </div>
             </div>
           </div>
@@ -363,7 +363,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -372,7 +372,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/water-pump/index.astro

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -331,7 +331,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -340,7 +340,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/water-treatment/index.astro

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -144,7 +144,7 @@ import Footer from '@/components/common/Footer.astro';
               <li><strong>ระบบบำบัดน้ำเสีย</strong> - Wastewater Treatment Plant</li>
             </ul>
             
-            <p class="text-lg text-secondary-700 leading-relaxed mb-4">ติดต่อสอบถามราคาและข้อมูลเพิ่มเติมได้ที่ Line @dealplustech หรือโทร 090-555-1415</p>
+            <p class="text-lg text-secondary-700 leading-relaxed mb-4">ติดต่อสอบถามราคาและข้อมูลเพิ่มเติมได้ที่ Line @JPPSELECTION หรือโทร 090-555-1415</p>
           </div>
         </div>
       </div>
@@ -333,7 +333,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -342,7 +342,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/ฉนวนหุ้มท่อ-category/index.astro

@@ -28,7 +28,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -101,7 +101,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/ฉนวนหุ้มท่อ-pipe-insulation/index.astro

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
               </a>
               <a href="tel:0905551415" class="btn-white flex items-center gap-2">
@@ -255,7 +255,7 @@ import Footer from '@/components/common/Footer.astro';
 
             <div class="bg-green-50 border-l-4 border-green-600 p-4 mt-6">
               <p class="text-secondary-700">
-                <strong>สอบถามราคาและสั่งซื้อ:</strong> ติดต่อเราได้ที่ Line: <a href="https://line.me/ti/p/~dealplustech" class="text-green-700 underline">@dealplustech</a> หรือโทร <a href="tel:0905551415" class="text-green-700 underline">090-555-1415</a> ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
+                <strong>สอบถามราคาและสั่งซื้อ:</strong> ติดต่อเราได้ที่ Line: <a href="https://line.me/ti/p/~JPPSELECTION" class="text-green-700 underline">@JPPSELECTION</a> หรือโทร <a href="tel:0905551415" class="text-green-700 underline">090-555-1415</a> ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
               </p>
             </div>
           </div>
@@ -376,7 +376,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/ท่อ-ppr-thai-ppr/index.astro

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -221,12 +221,11 @@ import Footer from '@/components/common/Footer.astro';
           <div>
             <h3 class="text-lg font-semibold text-secondary-800 mb-4">ขั้นตอนการเชื่อม</h3>
             <ol class="space-y-3">
-              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">1</span><span class="text-secondary-700">ตัดท่อให้ตรง ฉากมุม</span></li>
+              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">1</span><span class="text-secondary-700">ตัดท่อให้ตรง</span></li>
-              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">2</span><span class="text-secondary-700">เปลือกท่อออกเล็กน้อยที่ปลาย</span></li>
+              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">2</span><span class="text-secondary-700">เปิดเครื่องเชื่อมรอจนอุณหภูมิถึง 260°C</span></li>
-              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">3</span><span class="text-secondary-700">เปิดเครื่องเชื่อมรอจนอุณหภูมิถึง 260°C</span></li>
+              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">3</span><span class="text-secondary-700">สวมท่อและข้อต่อเข้าแผ่นร้อนตามเวลาที่กำหนด</span></li>
-              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">4</span><span class="text-secondary-700">สวมท่อและข้อต่อเข้าแผ่นร้อนตามเวลาที่กำหนด</span></li>
+              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">4</span><span class="text-secondary-700">นำออกและเชื่อมเข้าด้วยกันทันที</span></li>
-              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">5</span><span class="text-secondary-700">นำออกและเชื่อมเข้าด้วยกันทันที</span></li>
+              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">5</span><span class="text-secondary-700">รอให้เย็นตัวประมาณ 2-3 นาที</span></li>
-              <li class="flex gap-3"><span class="flex-shrink-0 w-6 h-6 bg-primary-600 text-white rounded-full flex items-center justify-center text-sm">6</span><span class="text-secondary-700">รอให้เย็นตัวประมาณ 2-3 นาที</span></li>
             </ol>
           </div>
         </div>
@@ -258,7 +257,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -267,7 +266,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/ท่อ-upvc/index.astro

@@ -53,7 +53,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -298,7 +298,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -307,7 +307,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/ท่อhdpe/index.astro

@@ -53,7 +53,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -188,7 +188,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -197,7 +197,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/ท่อพีพีอาร์/index.astro

@@ -28,7 +28,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -149,7 +149,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/ท่อพีพีอาร์ตราช้าง/index.astro

@@ -45,7 +45,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -276,7 +276,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -285,7 +285,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/ท่อระบายน้ำ-3-ชั้น-ไซเลนท/index.astro

@@ -48,7 +48,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -184,7 +184,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/ท่อและข้อต่อpvc/index.astro

@@ -53,7 +53,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -396,7 +396,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -405,7 +405,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/ท่อไซเลอร์/index.astro

@@ -45,7 +45,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -142,6 +142,181 @@ import Footer from '@/components/common/Footer.astro';
       </div>
     </section>
     
+    <!-- Installation Section (from groove-coupling) -->
+    <section class="section bg-gray-50">
+      <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
+          <h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">วิธีการติดตั้ง</h2>
+        
+        <!-- Step 1: Grooved -->
+        <div class="mb-16">
+          <h3 class="text-xl font-bold text-secondary-900 mb-8 flex items-center">
+            <span class="bg-primary-600 text-white w-10 h-10 rounded-full flex items-center justify-center mr-4 text-lg">1</span>
+            การกรู๊ฟท่อ (Grooved)
+          </h3>
+          
+          <!-- Machine Image -->
+          <div class="bg-gray-50 rounded-2xl p-8 mb-8">
+            <div class="max-w-3xl mx-auto text-center">
+              <img src="/images/groove-coupling/G1.png" alt="เครื่องกรู๊ฟท่อไซเลอร์" class="w-full h-auto rounded-lg mb-6" style="max-height: 300px; object-fit: contain;" width="800" height="400" loading="lazy" decoding="async" />
+              <h4 class="text-xl font-bold text-secondary-900 mb-2">เครื่องกรู๊ฟท่อไซเลอร์</h4>
+              <p class="text-secondary-600">หมายเหตุ: การ Grooved ท่อ Syler ต้องใช้เครื่อง Grooved ของ Syler เท่านั้น</p>
+            </div>
+          </div>
+          
+          <!-- Step Cards -->
+          <div class="grid md:grid-cols-2 gap-6">
+            <div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
+              <div class="flex items-center mb-4">
+                <span class="bg-primary-100 text-primary-700 px-3 py-1 rounded-full text-sm font-medium">ขั้นตอนที่ 1.1 - 1.3</span>
+              </div>
+              <p class="text-secondary-700 mb-4">ตั้งเครื่องกรู๊ฟ สอดท่อให้หน้าตัดท่อชนแนบกับหัวกรู๊ฟ ปรับระดับท่อที่วางพาดกับขาตั้งท่อด้วยมาตรวัดระดับน้ำ จากนั้นดึงคันโยกไฮโดริกให้หัวกดทับเนื้อท่อแล้ว จึงเปิดสวิทช์เครื่องเพื่อเริ่มทำการกรู๊ฟ</p>
+              <img src="/images/groove-coupling/G2.png" alt="การกรู๊ฟท่อ" class="w-full h-48 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
+            </div>
+            
+            <div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
+              <div class="flex items-center mb-4">
+                <span class="bg-primary-100 text-primary-700 px-3 py-1 rounded-full text-sm font-medium">ขั้นตอนที่ 1.4</span>
+              </div>
+              <p class="text-secondary-700 mb-4">เมื่อกรู๊ฟเสร็จแล้ว ให้ปิดเครื่องแล้วยกคันโยกไฮโดริกขึ้น นำสายวัดระยะร่องกรู๊ฟมาวัดร่องตามขนาดท่อที่กรู๊ฟ ทั้งนี้ระยะความลึกของร่องกรู๊ฟอนุโลมให้ขาดเกินได้ไม่เกิน 3 มิลลิเมตร</p>
+              <div class="grid grid-cols-2 gap-3">
+                <img src="/images/groove-coupling/G6.png" alt="การวัดร่องกรู๊ฟ" class="w-full h-32 object-cover rounded-lg" width="400" height="300" loading="lazy" decoding="async" />
+                <img src="/images/groove-coupling/G7.png" alt="ล็อคระดับปั้มไฮโดริก" class="w-full h-32 object-cover rounded-lg" width="400" height="300" loading="lazy" decoding="async" />
+              </div>
+            </div>
+          </div>
+          
+          <!-- Important Notice -->
+          <div class="bg-amber-50 border-l-4 border-amber-500 rounded-r-xl p-6 mt-6">
+            <h4 class="font-bold text-amber-800 mb-2">ข้อควรระวังในการกรู๊ฟ</h4>
+            <p class="text-amber-700">การกรู๊ฟท่อต่อเนื่องเป็นระยะเวลานานหัวกรู๊ฟท่อจะมีความร้อนสะสม หากหัวกรู๊ฟร้อนเกินไปจะทำให้พลาสติกละลายได้ ควรพักเพื่อให้หัวกรู๊ฟเย็นลงจึงค่อยกรู๊ฟท่อต่อไป</p>
+          </div>
+          
+          <!-- Additional Step Images -->
+          <div class="grid grid-cols-3 gap-4 mt-6">
+            <img src="/images/groove-coupling/G3.png" alt="ความร้อนสะสม" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
+            <img src="/images/groove-coupling/G4.png" alt="การกรู๊ฟท่อ" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
+            <img src="/images/groove-coupling/G5.png" alt="การกรู๊ฟท่อต่อ" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
+          </div>
+        </div>
+        
+        <!-- Step 2: Coupling -->
+        <div class="mb-16">
+          <h3 class="text-xl font-bold text-secondary-900 mb-8 flex items-center">
+            <span class="bg-primary-600 text-white w-10 h-10 rounded-full flex items-center justify-center mr-4 text-lg">2</span>
+            การใส่ข้อต่อคัปปิ้ง (Coupling)
+          </h3>
+          
+          <p class="text-lg text-secondary-700 mb-8">เมื่อกรู๊ฟท่อเรียบร้อยแล้ว ให้ทำการสวมข้อต่อ Coupling ตามขั้นตอนดังนี้</p>
+          
+          <!-- Coupling Steps -->
+          <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
+            <div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
+              <span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.1</span>
+              <p class="text-secondary-700 mb-4">ทากาวเฮอร์เมสซีล 55 ที่หน้าตัดท่อเพื่อป้องกันสนิมบริเวณหน้าตัดท่อ</p>
+              <img src="/images/groove-coupling/G8.png" alt="ทากาวเฮอร์เมสซีล" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
+            </div>
+            
+            <div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
+              <span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.2</span>
+              <p class="text-secondary-700 mb-4">นำ Grooved line gasket มาสวมที่ปลายท่อ เพื่อป้องกันไม่ให้น้ำที่ไหลผ่านสัมผัสหน้าตัดท่อ</p>
+              <img src="/images/groove-coupling/G9.png" alt="สวม Grooved line gasket" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
+            </div>
+            
+            <div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
+              <span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.3</span>
+              <p class="text-secondary-700 mb-4">ทาน้ำยาหล่อลื่น Lubricant ให้ทั่วแหวนยาง EPDM เพื่อยืดอายุการใช้งาน</p>
+              <img src="/images/groove-coupling/G10.png" alt="ทาน้ำยาหล่อลื่น" class="w-full h-40 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
+            </div>
+            
+            <div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm">
+              <span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.4</span>
+              <p class="text-secondary-700 mb-4">นำยางที่ทา Lubricant แล้วมาสวมเข้ากับท่อก่อนจากนั้นจึงสวมเข้ากับข้อต่อ</p>
+              <div class="grid grid-cols-2 gap-2">
+                <img src="/images/groove-coupling/G11.png" alt="สวมยางเข้ากับท่อ" class="w-full h-28 object-cover rounded-lg" width="400" height="300" loading="lazy" decoding="async" />
+                <img src="/images/groove-coupling/G12.png" alt="สวมเข้ากับข้อต่อ" class="w-full h-28 object-cover rounded-lg" width="400" height="300" loading="lazy" decoding="async" />
+              </div>
+            </div>
+            
+            <div class="bg-white border border-gray-200 rounded-xl p-6 shadow-sm md:col-span-2">
+              <span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium mb-3 inline-block">ขั้นตอนที่ 2.5</span>
+              <p class="text-secondary-700 mb-4">นำข้อต่อ Coupling มาประกบพร้อมขันน๊อตจนแน่น</p>
+              <img src="/images/groove-coupling/G13.png" alt="ขันน๊อตจนแน่น" class="w-full h-48 object-cover rounded-lg" width="600" height="400" loading="lazy" decoding="async" />
+            </div>
+          </div>
+        </div>
+        
+        <!-- Torque Specifications -->
+        <div class="mt-16">
+          <h3 class="text-xl font-bold text-secondary-900 mb-8 flex items-center">
+            <span class="bg-primary-600 text-white w-10 h-10 rounded-full flex items-center justify-center mr-4 text-lg">3</span>
+            แรงบิด (Torque) ที่ควรใช้ในการขันน๊อต
+          </h3>
+          
+          <div class="bg-white rounded-xl p-8 shadow-sm border border-gray-200">
+            <p class="text-lg text-secondary-700 mb-6">
+              การขันน๊อตด้วยแรงบิดที่ถูกต้องเป็นสิ่งสำคัญเพื่อให้ข้อต่อกรู๊ฟประกอบติดแน่นและปลอดภัย ควรขันน๊อตให้แน่นพอประมาณ ไม่แน่นเกินไปซึ่งอาจทำให้ยางเสียหาย หรือหลวมเกินไปซึ่งอาจทำให้รั่วซึม
+            </p>
+            
+            <div class="overflow-x-auto">
+              <table class="w-full rounded-lg overflow-hidden">
+                <thead class="bg-primary-600 text-white">
+                  <tr>
+                    <th class="px-4 py-3 text-center font-bold text-sm">ขนาดท่อ (นิ้ว)</th>
+                    <th class="px-4 py-3 text-center font-bold text-sm">ขนาดน๊อต</th>
+                    <th class="px-4 py-3 text-center font-bold text-sm">แรงบิด (Torque)</th>
+                    <th class="px-4 py-3 text-center font-bold text-sm">หมายเหตุ</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr class="border-b border-gray-100">
+                    <td class="px-4 py-3 text-center text-secondary-700">1/2" - 2"</td>
+                    <td class="px-4 py-3 text-center text-secondary-700">3/8" - 1/2"</td>
+                    <td class="px-4 py-3 text-center text-secondary-700 font-medium">35-65 ft-lb</td>
+                    <td class="px-4 py-3 text-center text-secondary-700">47-88 Nm</td>
+                  </tr>
+                  <tr class="border-b border-gray-100 bg-gray-50">
+                    <td class="px-4 py-3 text-center text-secondary-700">2-1/2" - 4"</td>
+                    <td class="px-4 py-3 text-center text-secondary-700">1/2"</td>
+                    <td class="px-4 py-3 text-center text-secondary-700 font-medium">65-100 ft-lb</td>
+                    <td class="px-4 py-3 text-center text-secondary-700">88-136 Nm</td>
+                  </tr>
+                  <tr class="border-b border-gray-100">
+                    <td class="px-4 py-3 text-center text-secondary-700">5" - 8"</td>
+                    <td class="px-4 py-3 text-center text-secondary-700">5/8"</td>
+                    <td class="px-4 py-3 text-center text-secondary-700 font-medium">100-150 ft-lb</td>
+                    <td class="px-4 py-3 text-center text-secondary-700">136-203 Nm</td>
+                  </tr>
+                  <tr class="border-b border-gray-100 bg-gray-50">
+                    <td class="px-4 py-3 text-center text-secondary-700">10" - 12"</td>
+                    <td class="px-4 py-3 text-center text-secondary-700">3/4"</td>
+                    <td class="px-4 py-3 text-center text-secondary-700 font-medium">150-200 ft-lb</td>
+                    <td class="px-4 py-3 text-center text-secondary-700">203-271 Nm</td>
+                  </tr>
+                  <tr>
+                    <td class="px-4 py-3 text-center text-secondary-700">14" - 24"</td>
+                    <td class="px-4 py-3 text-center text-secondary-700">7/8"</td>
+                    <td class="px-4 py-3 text-center text-secondary-700 font-medium">200-300 ft-lb</td>
+                    <td class="px-4 py-3 text-center text-secondary-700">271-407 Nm</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+            
+            <div class="bg-amber-50 border-l-4 border-amber-500 rounded-r-xl p-6 mt-6">
+              <h4 class="font-bold text-amber-800 mb-2">ข้อควรระวังเรื่องแรงบิด</h4>
+              <ul class="text-amber-700 space-y-1">
+                <li>• ควรใช้คันทวนแรง (Torque Wrench) เพื่อให้ได้แรงบิดที่แม่นยำ</li>
+                <li>• ขันน๊อตสลับกันเป็นวงกลม (Cross Pattern) เพื่อให้แรงกระจายอย่างเท่าเทียม</li>
+                <li>• หากไม่แน่ใจควรปรึกษาผู้ผลิตหรือตัวแทนจำหน่าย</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+        </div>
+      </div>
+    </section>
+    
     <!-- FAQ Section -->
     <section id="faq" class="section bg-white">
       <div class="container-custom">
@@ -201,7 +376,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/ระบบน้ำ/index.astro

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -126,7 +126,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/ระบบรั้ว/index.astro

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -274,7 +274,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -283,7 +283,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/ระบบรั้วไวน์แมน-vineman-2/index.astro

@@ -49,7 +49,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -701,7 +701,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -710,7 +710,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/รั้วเทวดา/index.astro

@@ -49,7 +49,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -573,7 +573,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -582,7 +582,7 @@ import Footer from '@/components/common/Footer.astro';
           </a>
         </div>
         <p class="text-base text-white/70 mt-8">
-          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> dealplustech &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
+          <strong>โทร:</strong> 090-555-1415 &nbsp;|&nbsp; <strong>Line Id:</strong> JPPSELECTION &nbsp;|&nbsp; <strong>E-mail:</strong> dealplustech@gmail.com
         </p>
       </div>
     </section>

src/pages/วาล์ว-valve/index.astro

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -136,7 +136,7 @@ import Footer from '@/components/common/Footer.astro';
             
             <p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ขนาด:</strong> มีขนาดตั้งแต่ DN15 ถึง DN600 หรือ 1/2" ถึง 24" ตามความต้องการ</p>
             
-            <p class="text-lg text-secondary-700 leading-relaxed mb-4">สินค้าทุกชิ้นผ่านการตรวจสอบคุณภาพก่อนส่งมอบ พร้อมรับประกันสินค้าจริง ติดต่อสอบถามราคาและข้อมูลเพิ่มเติมได้ที่ Line @dealplustech หรือโทร 090-555-1415</p>
+            <p class="text-lg text-secondary-700 leading-relaxed mb-4">สินค้าทุกชิ้นผ่านการตรวจสอบคุณภาพก่อนส่งมอบ พร้อมรับประกันสินค้าจริง ติดต่อสอบถามราคาและข้อมูลเพิ่มเติมได้ที่ Line @JPPSELECTION หรือโทร 090-555-1415</p>
           </div>
         </div>
       </div>
@@ -215,7 +215,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/หัวจ่ายแอร์-ball-jet/index.astro

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -419,7 +419,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

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

@@ -28,7 +28,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -101,7 +101,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

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

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -401,7 +401,7 @@ import Footer from '@/components/common/Footer.astro';
           
           <div class="bg-gray-50 rounded-lg p-6">
             <h3 class="font-bold text-secondary-900 mb-2">5. บริษัทของเราให้บริการติดตั้งและบำรุงรักษาอุปกรณ์ดับเพลิงหรือไม่?</h3>
-            <p class="text-secondary-700">ใช่ บริษัท ดีล พลัส เทค ให้บริการครบวงจร ตั้งแต่ให้คำปรึกษา ออกแบบระบบ จัดหาและติดตั้งอุปกรณ์ดับเพลิง พร้อมทั้งบริการตรวจสอบและบำรุงรักษาตามมาตรฐาน ติดต่อสอบถามรายละเอียดได้ที่ Line @dealplustech</p>
+            <p class="text-secondary-700">ใช่ บริษัท ดีล พลัส เทค ให้บริการครบวงจร ตั้งแต่ให้คำปรึกษา ออกแบบระบบ จัดหาและติดตั้งอุปกรณ์ดับเพลิง พร้อมทั้งบริการตรวจสอบและบำรุงรักษาตามมาตรฐาน ติดต่อสอบถามรายละเอียดได้ที่ Line @JPPSELECTION</p>
           </div>
         </div>
       </div>
@@ -415,7 +415,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/อุปกรณ์ปรับอากาศ/index.astro

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -433,7 +433,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/เครื่องเชื่อม-hdpe/index.astro

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -231,7 +231,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/เครื่องเชื่อมท่อ-pipe-coupling-machine/index.astro

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -166,7 +166,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/เครื่องเชื่อมท่อพีพีอา/index.astro

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -264,7 +264,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/เทอร์โมเบรค-thermobreak/index.astro

@@ -44,7 +44,7 @@ import Footer from '@/components/common/Footer.astro';
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
@@ -520,7 +520,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>

src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro

@@ -8,8 +8,8 @@ import Footer from '@/components/common/Footer.astro';
 {
   "@context": "https://schema.org",
   "@type": "Product",
-  "name": "เม็กกรู๊ฟ คับปลิ้ง | MECH Grooved Coupling Fitting",
+  "name": "ข้อต่อกรู๊ฟคับปลิ้ง | MECH Grooved Coupling",
-  "description": "เม็กกรู๊ฟ คับปลิ้ง นวัตกรรมเพื่อการติดตั้ง ทดแทนการเชื่อม สำหรับท่อเห็กและท่อดับเพลิง ไม่ก่อให้เกิดประกายไฟ ติดตั้งง่าย สะดวกรวดเร็ว ทำให้ประหยัด",
+  "description": "ข้อต่อกรู๊ฟคับปลิ้ง (Grooved Coupling) ทดแทนการเชื่อม ติดตั้งง่าย ไร้ประกายไฟ ผลิตจาก Ductile Iron แข็งแรง ทนทาน มาตรฐาน UL/FM/Vds/DVGW/LPCB",
   "image": "https://dealplustech.co.th/images/products-misc/MECH_001.jpg",
   "offers": {
     "@type": "Offer",
@@ -20,92 +20,288 @@ import Footer from '@/components/common/Footer.astro';
 }
 </script>
 
-<BaseLayout title="เม็กกรู๊ฟ คับปลิ้ง | MECH Grooved Coupling Fitting" description="เม็กกรู๊ฟ คับปลิ้ง นวัตกรรมเพื่อการติดตั้ง ทดแทนการเชื่อม สำหรับท่อเห็กและท่อดับเพลิง ไม่ก่อให้เกิดประกายไฟ ติดตั้งง่าย สะดวกรวดเร็ว ทำให้ประหยัด">
+<BaseLayout title="ข้อต่อกรู๊ฟคับปลิ้ง | MECH Grooved Coupling ติดตั้งง่าย ไร้ประกายไฟ" description="ข้อต่อกรู๊ฟคับปลิ้ง (Grooved Coupling) ทดแทนการเชื่อม ติดตั้งง่าย ไร้ประกายไฟ ผลิตจาก Ductile Iron มาตรฐาน UL/FM/Vds/DVGW/LPCB ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
   <Header slot="header" />
   
   <main class="bg-white min-h-screen">
     <!-- Product Hero Section -->
     <section class="hero-gradient py-16">
       <div class="container-custom">
-        <div class="grid lg:grid-cols-2 gap-12 items-center">
+        <div class="grid lg:grid-cols-2 gap-12 items-start">
-          <div class="order-2 lg:order-1">
+          <div class="lg:sticky lg:top-24">
             <div class="card-glass p-2">
-              <img src="/images/products-misc/MECH_001.jpg" alt="เม็กกรู๊ฟ คับปลิ้ง | MECH Grooved Coupling Fitting" class="w-full h-auto rounded-xl" width="600" height="400" loading="eager" fetchpriority="high" decoding="sync" onerror="this.src='/images/logo/dealplustech-logo.png'" />
+              <img src="/images/products-misc/MECH_001.jpg" alt="ข้อต่อกรู๊ฟคับปลิ้ง | MECH Grooved Coupling" class="w-full h-auto rounded-xl" width="600" height="400" loading="eager" fetchpriority="high" decoding="sync" onerror="this.src='/images/logo/dealplustech-logo.png'" />
             </div>
           </div>
           
-          <div class="order-1 lg:order-2">
+          <div>
             <span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
               ข้อต่อท่อ
             </span>
-            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">เม็กกรู๊ฟ คับปลิ้ง | MECH Grooved Coupling Fitting</h1>
+            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">ข้อต่อกรู๊ฟคับปลิ้ง | MECH Grooved Coupling</h1>
             <p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
-              เม็กกรู๊ฟ คับปลิ้ง นวัตกรรมเพื่อการติดตั้ง ทดแทนการเชื่อม สำหรับท่อเห็กและท่อดับเพลิง ไม่ก่อให้เกิดประกายไฟ ติดตั้งง่าย สะดวกรวดเร็ว
+              ทดแทนการเชื่อม ติดตั้งง่าย ไร้ประกายไฟ ผลิตจาก Ductile Iron (เหล็กหล่อเหนียว) แข็งแรง ทนทาน มาตรฐาน UL/FM/Vds/DVGW/LPCB ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
             </p>
             
             <div class="flex flex-wrap gap-4 mb-8">
-              <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                 <span>แชท</span>
                 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
               </a>
               <a href="tel:0905551415" class="btn-white flex items-center gap-2">
-                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
+                </svg>
                 <span>090-555-1415</span>
               </a>
               <a href="#pricelist" class="btn-white flex items-center gap-2">
-                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/>
+                </svg>
                 <span>ดาวน์โหลดราคา</span>
               </a>
             </div>
             
-            <div class="flex flex-wrap gap-6">
+            <div class="space-y-4">
-              <div class="flex items-center gap-2 text-white/80">
+              <div class="flex items-start space-x-3">
-                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg class="w-6 h-6 text-white mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                 </svg>
-                <span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
+                <span class="text-lg text-white/80">ติดตั้งเร็วกว่า <strong>5 เท่า</strong> เมื่อเทียบกับการเชื่อม</span>
               </div>
-              <div class="flex items-center gap-2 text-white/80">
+              <div class="flex items-start space-x-3">
-                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg class="w-6 h-6 text-white mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                 </svg>
-                <span>ราคาโรงงาน คุ้มค่า</span>
+                <span class="text-lg text-white/80">ประหยัดค่าใช้จ่าย <strong>25-40%</strong></span>
               </div>
-              <div class="flex items-center gap-2 text-white/80">
+              <div class="flex items-start space-x-3">
-                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg class="w-6 h-6 text-white mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                 </svg>
-                <span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
+                <span class="text-lg text-white/80">มาตรฐาน <strong>UL/FM/Vds/DVGW/LPCB</strong></span>
               </div>
-              <div class="flex items-center gap-2 text-white/80">
+              <div class="flex items-start space-x-3">
-                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <svg class="w-6 h-6 text-white mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                 </svg>
-                <span>รับประกันสินค้า</span>
+                <span class="text-lg text-white/80">ไม่ก่อให้เกิดประกายไฟ ปลอดภัยต่องานดับเพลิง</span>
               </div>
             </div>
           </div>
         </div>
+      </div>
+    </section>
+
+    <!-- Product Details -->
+    <section class="section">
+      <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
+          <h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
+          <div class="prose prose-lg max-w-none">
+            
+            <h3 class="text-lg sm:text-xl font-bold text-secondary-900 mt-8 mb-4">ข้อต่อกรู๊ฟคับปลิ้ง (Grooved Coupling) คืออะไร?</h3>
+            <p class="text-lg text-secondary-700 leading-relaxed mb-6">
+              <strong>ข้อต่อกรู๊ฟคับปลิ้ง (Grooved Coupling)</strong> คือนวัตกรรมเพื่อการติดตั้งที่ทดแทนการเชื่อม สำหรับท่อเหล็กและท่อดับเพลิง โดยไม่ก่อให้เกิดประกายไฟ ติดตั้งง่าย สะดวก รวดเร็ว และประหยัดค่าใช้จ่าย
+            </p>
+
+            <h3 class="text-lg sm:text-xl font-bold text-secondary-900 mt-8 mb-4">จุดเด่นของ MECH Grooved Coupling</h3>
+            <div class="grid md:grid-cols-3 gap-6 mb-8">
+              <div class="bg-primary-50 rounded-xl p-6 text-center">
+                <div class="text-3xl font-bold text-primary-600 mb-2">5 เท่า</div>
+                <div class="text-secondary-700">ติดตั้งเร็วกว่า</div>
+              </div>
+              <div class="bg-accent-50 rounded-xl p-6 text-center">
+                <div class="text-3xl font-bold text-accent-600 mb-2">25-40%</div>
+                <div class="text-secondary-700">ประหยัดค่าใช้จ่าย</div>
+              </div>
+              <div class="bg-secondary-100 rounded-xl p-6 text-center">
+                <div class="text-3xl font-bold text-secondary-700 mb-2">5 มาตรฐาน</div>
+                <div class="text-secondary-700">UL/FM/Vds/DVGW/LPCB</div>
+              </div>
+            </div>
+
+            <h3 class="text-lg sm:text-xl font-bold text-secondary-900 mt-8 mb-4">วัสดุและคุณภาพ</h3>
+            <p class="text-lg text-secondary-700 leading-relaxed mb-6">
+              ผลิตจาก <strong>Ductile Iron (เหล็กหล่อเหนียว)</strong> — แข็งแรง ทนทาน เหมาะสำหรับงานหนักและงานอุตสาหกรรม ด้วยคุณภาพที่ผ่านการรับรองมาตรฐานระดับสากล
+            </p>
+
+            <h3 class="text-lg sm:text-xl font-bold text-secondary-900 mt-8 mb-4">ขนาดและแรงดัน</h3>
+            <div class="overflow-x-auto mb-6">
+              <table class="min-w-full bg-white border border-secondary-200 rounded-lg overflow-hidden">
+                <thead class="bg-secondary-100">
+                  <tr>
+                    <th class="px-6 py-3 text-left text-sm font-semibold text-secondary-900">รายการ</th>
+                    <th class="px-6 py-3 text-left text-sm font-semibold text-secondary-900">ข้อมูล</th>
+                  </tr>
+                </thead>
+                <tbody class="divide-y divide-secondary-200">
+                  <tr>
+                    <td class="px-6 py-3 text-sm text-secondary-700">ขนาดท่อ</td>
+                    <td class="px-6 py-3 text-sm font-medium text-secondary-900">1" – 32"</td>
+                  </tr>
+                  <tr class="bg-secondary-50">
+                    <td class="px-6 py-3 text-sm text-secondary-700">แรงดันใช้งาน</td>
+                    <td class="px-6 py-3 text-sm font-medium text-secondary-900">225 - 750 psi</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+
+            <h3 class="text-lg sm:text-xl font-bold text-secondary-900 mt-8 mb-4">การใช้งาน</h3>
+            <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
+              <div class="bg-red-50 rounded-lg p-4 text-center">
+                <svg class="w-10 h-10 text-red-600 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z"/>
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z"/>
+                </svg>
+                <div class="font-semibold text-secondary-900">ระบบดับเพลิง</div>
+              </div>
+              <div class="bg-blue-50 rounded-lg p-4 text-center">
+                <svg class="w-10 h-10 text-blue-600 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"/>
+                </svg>
+                <div class="font-semibold text-secondary-900">ระบบประปา</div>
+              </div>
+              <div class="bg-green-50 rounded-lg p-4 text-center">
+                <svg class="w-10 h-10 text-green-600 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
+                </svg>
+                <div class="font-semibold text-secondary-900">HVAC</div>
+              </div>
+              <div class="bg-purple-50 rounded-lg p-4 text-center">
+                <svg class="w-10 h-10 text-purple-600 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
+                </svg>
+                <div class="font-semibold text-secondary-900">อุตสาหกรรม</div>
+              </div>
+            </div>
+
+          </div>
         </div>
       </div>
     </section>
 
-    <!-- FAQ Section -->
+    <!-- Quick Mech Coupling Section -->
-    <section id="faq" class="section bg-white">
+    <section class="section bg-secondary-50">
       <div class="container-custom">
-        <h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
+        <div class="max-w-4xl mx-auto">
-        <div class="space-y-4 max-w-4xl">
+          <h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-8">Quick Mech Coupling</h2>
-          <div class="bg-gray-50 rounded-lg p-4">
+          <div class="bg-white rounded-2xl shadow-lg overflow-hidden">
-            <h3 class="font-semibold text-secondary-900 mb-2">Q: Groove กับ Flange ต่างกันอย่างไร?</h3>
+            <div class="grid md:grid-cols-2 gap-8 p-8">
-            <p class="text-secondary-700">Groove coupling ใช้ร่องที่ตัดที่ตัวท่อและข้อต่อมีบ่ายึด ติดตั้งง่ายและรวดเร็วกว่า Flange ที่ต้องเชื่อมหรือสกรูข้อต่อเข้ากับท่อ</p>
+              <div>
+                <h3 class="text-lg font-bold text-secondary-900 mb-4">คุณสมบัติเด่น</h3>
+                <ul class="space-y-3">
+                  <li class="flex items-start space-x-3">
+                    <svg class="w-5 h-5 text-primary-600 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+                    </svg>
+                    <span class="text-secondary-700">ปะเก็นยาง EPDM ชนิด Pre-Lubricated พร้อมติดตั้ง</span>
+                  </li>
+                  <li class="flex items-start space-x-3">
+                    <svg class="w-5 h-5 text-primary-600 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+                    </svg>
+                    <span class="text-secondary-700">มาตรฐาน UL/FM สำหรับระบบดับเพลิง</span>
+                  </li>
+                  <li class="flex items-start space-x-3">
+                    <svg class="w-5 h-5 text-primary-600 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+                    </svg>
+                    <span class="text-secondary-700">ติดตั้งง่าย รวดเร็ว ไม่ต้องใช้เครื่องมือพิเศษ</span>
+                  </li>
+                  <li class="flex items-start space-x-3">
+                    <svg class="w-5 h-5 text-primary-600 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+                    </svg>
+                    <span class="text-secondary-700">รับแรงดันได้สูง ทนทาน</span>
+                  </li>
+                </ul>
+              </div>
+              <div class="flex items-center justify-center">
+                <div class="bg-primary-100 rounded-xl p-8 text-center">
+                  <svg class="w-16 h-16 text-primary-600 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <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 class="font-bold text-primary-700 text-lg">UL/FM Certified</div>
+                  <div class="text-primary-600 text-sm">มาตรฐานระบบดับเพลิง</div>
+                </div>
+              </div>
+            </div>
           </div>
-          <div class="bg-gray-50 rounded-lg p-4">
+        </div>
-            <h3 class="font-semibold text-secondary-900 mb-2">Q: ข้อต่อหลุดได้ไหม?</h3>
+      </div>
-            <p class="text-secondary-700">ถ้าติดตั้งถูกวิธีและใช้แรงบิดที่ถูกต้อง ข้อต่อจะแน่นหนาวไม่หลุด สำคัญคือต้องตรวจสอบสภาพและขันสกรูใหม่ตามระยะเวลาที่กำหนด</p>
+    </section>
+
+    <!-- Comparison Section -->
+    <section class="section">
+      <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
+          <h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-8">เปรียบเทียบ Grooved Coupling กับ การเชื่อม</h2>
+          <div class="overflow-x-auto">
+            <table class="min-w-full bg-white border border-secondary-200 rounded-lg overflow-hidden">
+              <thead class="bg-primary-600">
+                <tr>
+                  <th class="px-6 py-3 text-left text-sm font-semibold text-white">รายการ</th>
+                  <th class="px-6 py-3 text-left text-sm font-semibold text-white">Grooved Coupling</th>
+                  <th class="px-6 py-3 text-left text-sm font-semibold text-white">การเชื่อม</th>
+                </tr>
+              </thead>
+              <tbody class="divide-y divide-secondary-200">
+                <tr>
+                  <td class="px-6 py-3 text-sm font-medium text-secondary-900">ความเร็วติดตั้ง</td>
+                  <td class="px-6 py-3 text-sm text-primary-600 font-semibold">เร็วกว่า 5 เท่า</td>
+                  <td class="px-6 py-3 text-sm text-secondary-600">ใช้เวลานาน</td>
+                </tr>
+                <tr class="bg-secondary-50">
+                  <td class="px-6 py-3 text-sm font-medium text-secondary-900">ความปลอดภัย</td>
+                  <td class="px-6 py-3 text-sm text-primary-600 font-semibold">ไม่มีประกายไฟ</td>
+                  <td class="px-6 py-3 text-sm text-secondary-600">มีความเสี่ยงจากประกายไฟ</td>
+                </tr>
+                <tr>
+                  <td class="px-6 py-3 text-sm font-medium text-secondary-900">ความยืดหยุ่น</td>
+                  <td class="px-6 py-3 text-sm text-primary-600 font-semibold">ถอดแยกได้ง่าย</td>
+                  <td class="px-6 py-3 text-sm text-secondary-600">ตัดออกทั้งส่วน</td>
+                </tr>
+                <tr class="bg-secondary-50">
+                  <td class="px-6 py-3 text-sm font-medium text-secondary-900">ค่าใช้จ่าย</td>
+                  <td class="px-6 py-3 text-sm text-primary-600 font-semibold">ประหยัด 25-40%</td>
+                  <td class="px-6 py-3 text-sm text-secondary-600">ค่าใช้จ่ายสูงกว่า</td>
+                </tr>
+                <tr>
+                  <td class="px-6 py-3 text-sm font-medium text-secondary-900">ช่างที่ต้องการ</td>
+                  <td class="px-6 py-3 text-sm text-primary-600 font-semibold">ผ่านการฝึกอบรมมาตรฐาน</td>
+                  <td class="px-6 py-3 text-sm text-secondary-600">ช่างเชื่อมผีเสื้อสมุทร</td>
+                </tr>
+              </tbody>
+            </table>
           </div>
-          <div class="bg-gray-50 rounded-lg p-4">
+        </div>
-            <h3 class="font-semibold text-secondary-900 mb-2">Q: ใช้กับท่อวัสดุอะไรได้บ้าง?</h3>
+      </div>
-            <p class="text-secondary-700">Groove coupling ใช้ได้กับท่อเหล็ก (แบบลดน้ำหนัก, แบบหนา), ท่อสแตนเลส, ท่อ HDPE, ท่อ PVC และท่อ GRP</p>
+    </section>
+    
+    <!-- FAQ Section -->
+    <section id="faq" class="section bg-gray-50">
+      <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
+          <h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
+          <div class="space-y-4">
+            <div class="bg-white rounded-lg p-4 shadow-sm">
+              <h3 class="font-semibold text-secondary-900 mb-2">Q: Grooved Coupling กับ Flange ต่างกันอย่างไร?</h3>
+              <p class="text-secondary-700">Groove coupling ใช้ร่องที่ตัดที่ตัวท่อและข้อต่อมีบ่ายึด ติดตั้งง่ายและรวดเร็วกว่า Flange ที่ต้องเชื่อมหรือสกรูข้อต่อเข้ากับท่อ</p>
+            </div>
+            <div class="bg-white rounded-lg p-4 shadow-sm">
+              <h3 class="font-semibold text-secondary-900 mb-2">Q: ข้อต่อหลุดได้ไหม?</h3>
+              <p class="text-secondary-700">ถ้าติดตั้งถูกวิธีและใช้แรงบิดที่ถูกต้อง ข้อต่อจะแน่นหนาวไม่หลุด สำคัญคือต้องตรวจสอบสภาพและขันสกรูใหม่ตามระยะเวลาที่กำหนด</p>
+            </div>
+            <div class="bg-white rounded-lg p-4 shadow-sm">
+              <h3 class="font-semibold text-secondary-900 mb-2">Q: ใช้กับท่อวัสดุอะไรได้บ้าง?</h3>
+              <p class="text-secondary-700">Groove coupling ใช้ได้กับท่อเหล็ก (แบบลดน้ำหนัก, แบบหนา), ท่อสแตนเลส, ท่อ HDPE, ท่อ PVC และท่อ GRP</p>
+            </div>
+            <div class="bg-white rounded-lg p-4 shadow-sm">
+              <h3 class="font-semibold text-secondary-900 mb-2">Q: ทำไมต้องเลือก MECH Grooved Coupling?</h3>
+              <p class="text-secondary-700">MECH ได้รับการรับรองมาตรฐาน UL/FM/Vds/DVGW/LPCB ทั้ง 5 มาตรฐาน ผลิตจาก Ductile Iron คุณภาพสูง ติดตั้งเร็วกว่า 5 เท่า และประหยัดค่าใช้จ่าย 25-40%</p>
+            </div>
           </div>
         </div>
       </div>
@@ -135,7 +331,7 @@ import Footer from '@/components/common/Footer.astro';
           ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
         </p>
         <div class="flex flex-wrap justify-center gap-4">
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
             <span>แชท</span>
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
           </a>
@@ -148,4 +344,4 @@ import Footer from '@/components/common/Footer.astro';
   </main>
   
   <Footer slot="footer" />
-</BaseLayout>
+</BaseLayout>

update_pages.py

@@ -54,7 +54,7 @@ import Footer from '@/components/common/Footer.astro';
             
             
     <div class="flex flex-wrap gap-4 mt-8">
-      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-[#06C755] hover:bg-[#05b34d] text-white px-6 py-3 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95">
+      <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="inline-flex items-center space-x-2 bg-[#06C755] hover:bg-[#05b34d] text-white px-6 py-3 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95">
         <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M19.368 9.131c.896.541 1.532 1.394 1.532 2.516 0 2.059-1.944 3.274-4.268 3.274-.284 0-.554-.027-.824-.054l-1.56.793c-.868.441-1.179.274-1.179-.58v-.71c-2.892-.985-4.89-3.316-4.89-6.29 0-.653.068-1.279.191-1.891H4.796c-2.297 0-4.132 1.757-4.132 4.081 0 2.708 2.114 4.849 5.202 5.615l.027 1.333c0 .626.488.871.976.625l2.351-1.203c.642.177 1.311.273 2.007.273 3.351 0 5.966-1.73 5.966-4.356 0-.428-.068-.83-.19-1.218l2.365-2.204z"/></svg>
         <span>แชท Line</span>
       </a>
@@ -104,7 +104,7 @@ import Footer from '@/components/common/Footer.astro';
         </p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="tel:0905551415" class="btn-primary text-lg px-8 py-4">โทรเลย: 090-555-1415</a>
-          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-[#06C755] hover:bg-[#05b34d] text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
+          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="inline-flex items-center space-x-2 bg-[#06C755] hover:bg-[#05b34d] text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
             <span>แอด Line</span>
           </a>
         </div>