Auto-sync from website-creator

2026-03-15 14:42:02 +07:00
parent e311f21be2
commit f292b6db52
48 changed files with 232 additions and 232 deletions
--- a/src/components/common/Footer.astro
+++ b/src/components/common/Footer.astro
@@ -107,13 +107,13 @@ const mainCategories = [
    <div class="border-t border-gray-200 pt-6">
      <div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
-        <p class="text-secondary-500 text-base">
+        <p class="text-secondary-500 text-sm sm:text-base">
          &copy; {currentYear} Deal Plus Tech. สงวนลิขสิทธิ์
        </p>
-        <div class="flex space-x-6">
+        <div class="flex flex-wrap justify-center gap-3 sm:gap-6">
-          <a href="/privacy-policy" class="text-secondary-500 hover:text-green-600 transition-colors text-base">นโยบายความเป็นส่วนตัว</a>
+          <a href="/privacy-policy" class="text-secondary-500 hover:text-green-600 transition-colors text-sm sm:text-base">นโยบายความเป็นส่วนตัว</a>
-          <a href="/terms-and-conditions" class="text-secondary-500 hover:text-green-600 transition-colors text-base">ข้อกำหนดการใช้งาน</a>
+          <a href="/terms-and-conditions" class="text-secondary-500 hover:text-green-600 transition-colors text-sm sm:text-base">ข้อกำหนดการใช้งาน</a>
-          <button onclick="openConsentPreferences()" class="text-secondary-500 hover:text-green-600 transition-colors text-base">
+          <button onclick="openConsentPreferences()" class="text-secondary-500 hover:text-green-600 transition-colors text-sm sm:text-base">
            การตั้งค่าคุกกี้
          </button>
        </div>
--- a/src/components/common/Header.astro
+++ b/src/components/common/Header.astro
@@ -69,7 +69,7 @@ const categories = [
    <div class="flex items-center justify-between h-20">
      <!-- Logo (No Text) -->
      <a href="/" class="flex items-center group">
-        <img src="/images/logo/dealplustech-logo.png" alt="Deal Plus Tech" class="h-14 w-auto transition-transform group-hover:scale-105" />
+        <img src="/images/logo/dealplustech-logo.png" alt="Deal Plus Tech" class="h-10 sm:h-14 w-auto transition-transform group-hover:scale-105" />
      </a>
      <!-- Desktop Navigation -->
--- a/src/pages/dukelarrsen/index.astro
+++ b/src/pages/dukelarrsen/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">DUKELARRSEN Grooved Coupling</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">DUKELARRSEN Grooved Coupling</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              DUKELARRSEN Grooved Coupling and Fitting กรู๊ฟท่อคุณภาพสูง
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/durgo-avvs/index.astro
+++ b/src/pages/durgo-avvs/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ระบบวาล์วเติมอากาศ DURGO AVVs</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ระบบวาล์วเติมอากาศ DURGO AVVs</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายระบบวาล์วเติมอากาศ DURGO AVVsคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/grilles/index.astro
+++ b/src/pages/grilles/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">กริลแอร์พลาสติก (Grilles air plastic)</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">กริลแอร์พลาสติก (Grilles air plastic)</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายกริลแอร์พลาสติก (Grilles air plastic)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/groove-coupling/index.astro
+++ b/src/pages/groove-coupling/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">กรู๊ฟท่อ (Groove Coupling) - ข้อต่อกรู๊ฟ</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">กรู๊ฟท่อ (Groove Coupling) - ข้อต่อกรู๊ฟ</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายกรู๊ฟท่อ (Groove Coupling) - ข้อต่อกรู๊ฟคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -51,11 +51,11 @@ const featuredProducts = [
          <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 md:mb-8 leading-relaxed">
            บริษัท ดีล พลัส เทค จำกัด เราเป็นผู้เชี่ยวชาญด้านระบบน้ำ ให้คำแนะนำและจำหน่ายท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ HDPE Thai PPR รั้วตาข่าย คุณภาพสูง ราคาถูก
          </p>
-          <div class="flex flex-wrap gap-3 md:gap-4">
+          <div class="flex flex-wrap justify-center gap-3 md:gap-4">
            <a href="/pipe" class="bg-green-600 hover:bg-green-700 text-white px-5 py-3 md:px-8 md:py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-sm md:text-lg">ดูสินค้าทั้งหมด</a>
            <a href="/contact-us" class="bg-white text-green-600 px-5 py-3 md:px-8 md:py-4 rounded-xl border-2 border-green-500 font-medium transition-all hover:shadow-lg active:scale-95 text-sm md:text-lg">ติดต่อเรา</a>
          </div>
-          <div class="flex items-center sm:space-x-8 space-x-4 sm:mt-12 mt-8">
+          <div class="flex items-center sm:space-x-8 space-x-4 sm:mt-12 mt-8 justify-center">
            <div>
              <div class="text-xl sm:text-2xl md:text-3xl font-bold text-green-600">10+</div>
              <div class="text-secondary-600 text-xs sm:text-base">ปีประสบการณ์</div>
--- a/src/pages/pipe-coupling/index.astro
+++ b/src/pages/pipe-coupling/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ข้อต่อท่อ (Pipe Coupling)</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ข้อต่อท่อ (Pipe Coupling)</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายข้อต่อท่อ (Pipe Coupling)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/pipe/index.astro
+++ b/src/pages/pipe/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ท่อ | Pipe</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อ | Pipe</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              ท่อ | Pipe ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/pp-r-pp-rct-poloplast/index.astro
+++ b/src/pages/pp-r-pp-rct-poloplast/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">PP-R / PP-RCT POLOPLAST</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">PP-R / PP-RCT POLOPLAST</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              PP-R / PP-RCT POLOPLAST ทางเลือกที่ดีกว่า ด้วยประสบการณ์ในการผลิตที่ยาวนานกว่า 30 ปี จึงเข้าใจและเชี่ยวชาญด้านระบบท่อน้ำพีพี-อาร์ เป็นอย่างดี
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/realflex/index.astro
+++ b/src/pages/realflex/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">Realflex Flexible hose fitting</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">Realflex Flexible hose fitting</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายRealflex Flexible hose fittingคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/water-pump/index.astro
+++ b/src/pages/water-pump/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ปั๊มน้ำ (Water Pump)</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ปั๊มน้ำ (Water Pump)</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายปั๊มน้ำ (Water Pump)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -93,7 +93,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/water-treatment/index.astro
+++ b/src/pages/water-treatment/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ระบบกรองน้ำดี (Water Treatment)</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ระบบกรองน้ำดี (Water Treatment)</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายระบบกรองน้ำดี (Water Treatment)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -93,7 +93,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/ฉนวนหุ้มท่อ-pipe-insulation/index.astro
+++ b/src/pages/ฉนวนหุ้มท่อ-pipe-insulation/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ฉนวนหุ้มท่อ | Pipe Insulation</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ฉนวนหุ้มท่อ | Pipe Insulation</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              ฉนวนหุ้มท่อ (Pipe Insulation) คืออะไร? ทำไมถึงสำคัญในอุ
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/ท่อ-ppr-thai-ppr/index.astro
+++ b/src/pages/ท่อ-ppr-thai-ppr/index.astro
@@ -45,20 +45,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ท่อ PPR (Polypropylene Random Copolymer)</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อ PPR (Polypropylene Random Copolymer)</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายท่อ PPR (Polypropylene Random Copolymer)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -158,7 +158,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/ท่อ-upvc/index.astro
+++ b/src/pages/ท่อ-upvc/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ท่อ PVC (Polyvinyl Chloride)</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อ PVC (Polyvinyl Chloride)</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายท่อ PVC (Polyvinyl Chloride)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -181,7 +181,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/ท่อhdpe/index.astro
+++ b/src/pages/ท่อhdpe/index.astro
@@ -78,20 +78,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ท่อ HDPE (High Density Polyethylene Pipe)</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อ HDPE (High Density Polyethylene Pipe)</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายท่อ HDPE (High Density Polyethylene Pipe)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -280,7 +280,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/ท่อพีพีอาร์/index.astro
+++ b/src/pages/ท่อพีพีอาร์/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              ท่อพีพีอาร์ ตราช้าง เหมาะแก่การทำท่อน้ำดื่ม ท่อน้ำร้อน ท่อน้ำเย็น ระบบประปา เพราะการติดตั้งท่อจะใช้วิธีให้ความร้อนทำให้ท่อประสานเป็นเนื้อเดียวกันจึงไม่รั่วซึม
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/ท่อพีพีอาร์ตราช้าง/index.astro
+++ b/src/pages/ท่อพีพีอาร์ตราช้าง/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายท่อพีพีอาร์ (ท่อ PPR) ตราช้างคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/ท่อระบายน้ำ-3-ชั้น-ไซเลนท/index.astro
+++ b/src/pages/ท่อระบายน้ำ-3-ชั้น-ไซเลนท/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENTคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/ท่อและข้อต่อpvc/index.astro
+++ b/src/pages/ท่อและข้อต่อpvc/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ท่อ PVC (Polyvinyl Chloride)</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อ PVC (Polyvinyl Chloride)</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายท่อ PVC (Polyvinyl Chloride)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -190,7 +190,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/ท่อไซเลอร์/index.astro
+++ b/src/pages/ท่อไซเลอร์/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ท่อไซเลอร์ (Syler) ท่อเหล็กเหล็กบุพีอี</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ท่อไซเลอร์ (Syler) ท่อเหล็กเหล็กบุพีอี</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายท่อไซเลอร์ (Syler) ท่อเหล็กเหล็กบุพีอีคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/น็อต-แหวน-สกรู-hex-nut-flat-washer-hexagon-head-screw/index.astro
+++ b/src/pages/น็อต-แหวน-สกรู-hex-nut-flat-washer-hexagon-head-screw/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">น็อต, แหวน, สกรู | HEX NUT, FLAT WASHER, HEXAGON HEAD SCREW</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">น็อต, แหวน, สกรู | HEX NUT, FLAT WASHER, HEXAGON HEAD SCREW</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              น็อต, แหวน, สกรู | HEX NUT, FLAT WASHER, HEXAGON HEAD S
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/พุกต่างๆ/index.astro
+++ b/src/pages/พุกต่างๆ/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">พุกต่างๆ</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">พุกต่างๆ</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              ดรอปอิน | DROP-IN ANCHOR (DR) ส่งฟรี กรุงเทพมหานคร ปริม
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/พุกเหล็ก-sleeve-anchor-bolt/index.astro
+++ b/src/pages/พุกเหล็ก-sleeve-anchor-bolt/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">พุกเหล็ก | SLEEVE ANCHOR BOLT</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">พุกเหล็ก | SLEEVE ANCHOR BOLT</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายพุกเหล็ก | SLEEVE ANCHOR BOLTคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -93,7 +93,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/ยูโบลท์-u-bolt/index.astro
+++ b/src/pages/ยูโบลท์-u-bolt/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ยูโบลท์ | U-Bolt</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ยูโบลท์ | U-Bolt</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายยูโบลท์ | U-Boltคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/ยูโบลท์-ประกับ-u-bolt-clamp/index.astro
+++ b/src/pages/ยูโบลท์-ประกับ-u-bolt-clamp/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ยูโบลท์ + ประกับ | U-BOLT CLAMP</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ยูโบลท์ + ประกับ | U-BOLT CLAMP</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายยูโบลท์ + ประกับ | U-BOLT CLAMPคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -93,7 +93,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/ยูโบลท์เหล็กแผ่น-ยูแบน-strap/index.astro
+++ b/src/pages/ยูโบลท์เหล็กแผ่น-ยูแบน-strap/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ยูโบลท์เหล็กแผ่น (ยูแบน) | STRAP U-BOLT</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ยูโบลท์เหล็กแผ่น (ยูแบน) | STRAP U-BOLT</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              ยูโบลท์เหล็กแผ่น (ยูแบน) | STRAP U-BOLT ส่งฟรี กรุงเทพม
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/ระบบรั้ว/index.astro
+++ b/src/pages/ระบบรั้ว/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ระบบรั้ว</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ระบบรั้ว</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              ระบบรั้ว ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/ระบบรั้วไวน์แมน-vineman-2/index.astro
+++ b/src/pages/ระบบรั้วไวน์แมน-vineman-2/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนามคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/รั้วเทวดา/index.astro
+++ b/src/pages/รั้วเทวดา/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">รั้วเทวดา</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">รั้วเทวดา</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              รั้วเทวดา แข็งแรง ทนทาน เหนียวกว่า ลวดแรงดึงสูง หนา 2.5 มม. สามารถทนแรงกระแทกได้สูง ทนสนิม ลวดชุบสังกะสีหนาพิเศษ ด้วยกระบวนการแบบจุ่มร้อน ตามมาตรฐานออสเตรเลีย
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/วาล์ว-valve/index.astro
+++ b/src/pages/วาล์ว-valve/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">วาล์ว (Valve) - วาล์วน้ำทุกประเภท</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">วาล์ว (Valve) - วาล์วน้ำทุกประเภท</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายวาล์ว (Valve) - วาล์วน้ำทุกประเภทคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/สตัดเกลียวตลอด-เหล็ก-threaded-rod/index.astro
+++ b/src/pages/สตัดเกลียวตลอด-เหล็ก-threaded-rod/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">สตัดเกลียวตลอด (เหล็ก) | THREADED ROD</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">สตัดเกลียวตลอด (เหล็ก) | THREADED ROD</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              สตัดเกลียวตลอด (เหล็ก) | THREADED ROD ส่งฟรี กรุงเทพมหา
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/สปริทริงแฮงเกอร์-sr19-adjustable-split-ring-hanger/index.astro
+++ b/src/pages/สปริทริงแฮงเกอร์-sr19-adjustable-split-ring-hanger/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">แฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อ</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">แฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อ</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายแฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/หัวจ่ายแอร์-ball-jet/index.astro
+++ b/src/pages/หัวจ่ายแอร์-ball-jet/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">หัวจ่ายแอร์ | BALL JET</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">หัวจ่ายแอร์ | BALL JET</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              หัวจ่ายแอร์ | Ball jet ส่งฟรี กรุงเทพมหานคร ปริมณฑล สาม
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/อุปกรณ์ดับเพลิง/index.astro
+++ b/src/pages/อุปกรณ์ดับเพลิง/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">อุปกรณ์ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">อุปกรณ์ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              อุปกรณ์ดับเพลิง ตู้ดับเพลิงเก็บเครื่องดับเพลิง ครบอย่างจบในที่เดียว รับปรึกษาแล้วให้คำแนะนำได้ ไม่ว่าจะติดตั้งที่ไหน เราให้คำตอบคุณได้เสมอ ดีล พลัส เทค
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/เครื่องเชื่อม-hdpe/index.astro
+++ b/src/pages/เครื่องเชื่อม-hdpe/index.astro
@@ -30,12 +30,12 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">เครื่องเชื่อมท่อ HDPE</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">เครื่องเชื่อมท่อ HDPE</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายเครื่องเชื่อมท่อ HDPE คุณภาพสูง ราคาโรงงาน สำหรับงานเชื่อมท่อ HDPE ทุกขนาด พร้อมบริการติดตั้งและฝึกอบรมการใช้งานฟรี
            </p>
-            <div class="flex flex-wrap gap-4 mt-8">
+            <div class="flex flex-wrap justify-center 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">
                <img src="/images/line-icon.png" alt="Line" class="w-6 h-6" />
                <span>แชท Line</span>
@@ -170,7 +170,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/เครื่องเชื่อมท่อ-pipe-coupling-machine/index.astro
+++ b/src/pages/เครื่องเชื่อมท่อ-pipe-coupling-machine/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">เครื่องเชื่อมท่อ | Pipe Coupling Machine</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">เครื่องเชื่อมท่อ | Pipe Coupling Machine</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายเครื่องเชื่อมท่อ | Pipe Coupling Machineคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/เครื่องเชื่อมท่อพีพีอา/index.astro
+++ b/src/pages/เครื่องเชื่อมท่อพีพีอา/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">เครื่องเชื่อมท่อพีพีอาร์</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">เครื่องเชื่อมท่อพีพีอาร์</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายเครื่องเชื่อมท่อพีพีอาร์คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/เควิสแฮงเกอร์/index.astro
+++ b/src/pages/เควิสแฮงเกอร์/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">เควิสแฮงเกอร์ | ADJUSTABLE CLEVIS HANGER</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">เควิสแฮงเกอร์ | ADJUSTABLE CLEVIS HANGER</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              เควิสแฮงเกอร์ | ADJUSTABLE CLEVIS HANGER ส่งฟรี กรุงเทพ
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/เจโบลท์-แอลโบลท์-j-bolt-l-bolt/index.astro
+++ b/src/pages/เจโบลท์-แอลโบลท์-j-bolt-l-bolt/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">เจโบลท์, แอลโบลท์ | J-Bolt, L-Bolt</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">เจโบลท์, แอลโบลท์ | J-Bolt, L-Bolt</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายเจโบลท์, แอลโบลท์ | J-Bolt, L-Boltคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/เทอร์โมเบรค-thermobreak/index.astro
+++ b/src/pages/เทอร์โมเบรค-thermobreak/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">ฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ เทอร์โมเบรค (Thermobreak)</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ เทอร์โมเบรค (Thermobreak)</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายฉนวนหุ้มท่อแอร์ ฉนวนหุ้มท่อน้ำ เทอร์โมเบรค (Thermobreak)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro
+++ b/src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">เม็กกรู๊ฟ คับปลิ้ง | MECH Grooved Coupling Fitting</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">เม็กกรู๊ฟ คับปลิ้ง | MECH Grooved Coupling Fitting</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              เม็กกรู๊ฟ คับปลิ้ง นวัตกรรมเพื่อการติดตั้ง ทดแทนการเชื่อม สำหรับท่อเห็กและท่อดับเพลิง ไม่ก่อให้เกิดประกายไฟ ติดตั้งง่าย สะดวกรวดเร็ว ทำให้ประหยัด
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/แคล้มประกับ-ชุบรุ้ง-ชุบ/index.astro
+++ b/src/pages/แคล้มประกับ-ชุบรุ้ง-ชุบ/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">แคล้มประกับ (ชุบรุ้ง/ชุบซิ๊งค์)</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">แคล้มประกับ (ชุบรุ้ง/ชุบซิ๊งค์)</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              แคล้มประกับ (ชุบรุ้ง/ชุบซิ๊งค์) | EMT CONDUIT / IMC CON
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/แคล้มฟันจระเข้-beam-clamp/index.astro
+++ b/src/pages/แคล้มฟันจระเข้-beam-clamp/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">แคล้มฟันจระเข้ | BEAM CLAMP</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">แคล้มฟันจระเข้ | BEAM CLAMP</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายแคล้มฟันจระเข้ | BEAM CLAMPคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/แคล้มหยดน้ำ-adjustable-band-hanger/index.astro
+++ b/src/pages/แคล้มหยดน้ำ-adjustable-band-hanger/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">แฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อ</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">แฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อ</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายแฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/แคล้มเลเวล-level-clamp/index.astro
+++ b/src/pages/แคล้มเลเวล-level-clamp/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">แคล้มเลเวล | LEVEL CLAMP</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">แคล้มเลเวล | LEVEL CLAMP</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              จำหน่ายแคล้มเลเวล | LEVEL CLAMPคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -102,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>
--- a/src/pages/แฮงเกอร์-แคล้ม-โบลท์-แหว/index.astro
+++ b/src/pages/แฮงเกอร์-แคล้ม-โบลท์-แหว/index.astro
@@ -18,20 +18,20 @@ import Footer from '@/components/common/Footer.astro';
          </div>
          <div>
-            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">แฮงเกอร์, แคล้ม, โบลท์, แหวน, น็อต, สกรู, พุก, สตัดเกลียว | Hanger, Clamp, Bolt, Flat washer, Nut, Screw, Anchor</h1>
+            <h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">แฮงเกอร์, แคล้ม, โบลท์, แหวน, น็อต, สกรู, พุก, สตัดเกลียว | Hanger, Clamp, Bolt, Flat washer, Nut, Screw, Anchor</h1>
-            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
+            <p class="text-base sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
              แฮงเกอร์, แคล้ม, โบลท์, แหวน, น็อต, สกรู, พุก, สตัดเกลี
            </p>
-    <div class="flex flex-wrap gap-4 mt-8">
+    <div class="flex flex-wrap justify-center gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
        <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>
+        <span> 090-555-1415</span>
      </a>
    </div>
@@ -80,7 +80,7 @@ import Footer from '@/components/common/Footer.astro';
          </a>
          <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <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>
+            <span> 090-555-1415</span>
          </a>
        </div>
      </div>