dealplustech-astroreal/src/pages/pipe-coupling.astro

---
import BaseLayout from '@/layouts/BaseLayout.astro';
---

<BaseLayout
  title="RNT Smart Clamp — แคลมป์รัดท่อ Rano Tech"
  description="RNT Smart Clamp แคลมป์รัดท่อ Rano Tech สินค้าคุณภาพสูงจากประเทศไทย ไม่ต้องเชื่อม ติดตั้งง่าย ทนแรงดัน ซ่อมท่อรั่วได้ใน 10 นาที"
  faq={[
    { question: 'RNT Smart Clamp แตกต่างจากการเชื่อมท่อแบบเดิมอย่างไร?', answer: 'RNT Smart Clamp ไม่ต้องใช้เครื่องเชื่อม ไม่เกิดประกายไฟ ติดตั้งได้ในพื้นที่อันตราย ถอดประกอบใหม่ได้ และซ่อมท่อรั่วได้ภายใน 10 นาที ไม่ต้องตัดท่อทิ้ง' },
    { question: 'RNT Smart Clamp ใช้กับท่อประเภทใดได้บ้าง?', answer: 'ใช้ได้กับท่อหลายประเภท เช่น ท่อเหล็กกล้า (Steel), ท่อสแตนเลส (Stainless Steel), ท่อเหล็กอาร์ค (M.S.), ท่อทองแดง (Copper) และท่อ PVC/UPVC ขึ้นอยู่กับรุ่นและขนาดที่เหมาะสม' },
    { question: 'RNT Smart Clamp ทนแรงดันได้เท่าไหร่?', answer: 'แคลมป์ RNT SMART CLAMP ทนแรงดันได้สูง เหมาะสำหรับงานอุตสาหกรรม ใช้ได้กับ น้ำ น้ำมัน แอมโมเนีย และของเหลวอุตสาหกรรมอื่น ๆ โดยมีซีลยาง NBR/EPDM ที่เหมาะกับงานแต่ละประเภท' },
    { question: 'RNT Smart Clamp ผลิตจากวัสดุอะไร?', answer: 'ตัวแคลมป์ผลิตจากเหล็ก SUS304 (Stainless Steel) เกรดอุตสาหกรรม ทนการกัดกร่อน พร้อมซีลยาง NBR (Nitrile Butadiene Rubber) หรือ EPDM ตามลักษณะการใช้งาน' },
  ]}>
  <main class="bg-white min-h-screen">
    <!-- Hero Section -->
    <section class="relative bg-gradient-to-br from-primary-800 via-primary-700 to-primary-900 text-white py-16 lg:py-24 overflow-hidden">
      <div class="absolute inset-0 overflow-hidden pointer-events-none">
        <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-gradient-to-br from-primary-400/30 via-primary-500/15 to-transparent rounded-full blur-[100px] animate-mesh-1"></div>
        <div class="absolute top-1/4 left-1/4 w-2 h-2 bg-white/30 rounded-full animate-float"></div>
        <div class="absolute top-1/3 right-1/4 w-3 h-3 bg-primary-300/20 rounded-full animate-float-delayed-1"></div>
        <div class="absolute top-2/3 left-1/3 w-2 h-2 bg-primary-200/20 rounded-full animate-float-delayed-2"></div>
        <svg class="absolute bottom-0 left-0 w-full h-[250px] opacity-20" viewBox="0 0 1440 250" preserveAspectRatio="none">
          <path d="M0,150 Q360,50 720,150 T1440,150 L1440,250 L0,250 Z" fill="none" stroke="url(#water-gradient-hero)" stroke-width="2">
            <animate attributeName="d" dur="10s" repeatCount="indefinite" values="M0,150 Q360,50 720,150 T1440,150 L1440,250 L0,250 Z;M0,180 Q360,80 720,180 T1440,180 L1440,250 L0,250 Z;M0,150 Q360,50 720,150 T1440,150 L1440,250 L0,250 Z"/>
          </path>
          <defs>
            <linearGradient id="water-gradient-hero" x1="0%" y1="0%" x2="100%" y2="0%">
              <stop offset="0%" stop-color="#40916c"/>
              <stop offset="50%" stop-color="#74c69d"/>
              <stop offset="100%" stop-color="#40916c"/>
            </linearGradient>
          </defs>
        </svg>
      </div>
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
        <div class="grid lg:grid-cols-2 gap-12 items-start">
          <div>
            <span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">เครื่องเชื่อมท่อ</span>
            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold mb-4">แคลมป์รัดท่อ Rano Tech — ซ่อมท่อรั่วใน 10 นาที</h1>
            <p class="text-lg text-primary-100 mb-8 leading-relaxed">
              แคลมป์รัดท่อ RNT SMART CLAMP จาก Rano Tech ผู้ผลิตไทย ไม่ต้องเชื่อม ใช้ได้ทุกสภาพผิว ติดตั้งง่าย รวดเร็ว ทนแรงดันสูง เหมาะกับการซ่อมท่อรั่ว ต่อท่อ และงานอุตสาหกรรมทุกประเภท
            </p>
            <div class="flex flex-wrap justify-center gap-4 mb-8 lg:justify-start">
              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-6 rounded-xl font-semibold flex items-center gap-2">
                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
                แชท Line
              </a>
              <a href="tel:0905551415" class="bg-white text-primary-700 hover:bg-primary-50 py-3 px-6 rounded-xl font-semibold flex items-center gap-2">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
                </svg>
                090-555-1415
              </a>
            </div>
          </div>
          <div class="lg:sticky lg:top-24">
            <div class="rounded-2xl overflow-hidden bg-white/10 p-2 max-w-md mx-auto lg:max-w-none">
              <img src="/images/pipe-coupling/mjg80a-hero.png" alt="RNT Smart Clamp MJG80A (SUS304 + NBR) — แคลมป์รัดท่อ Rano Tech" — แคลมป์รัดท่อ Rano Tech" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Product Series -->
    <section class="py-16 bg-white">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
        <div class="max-w-4xl mx-auto">
          <h2 class="text-2xl font-bold text-primary-700 mb-8">เกี่ยวกับ RNT Smart Clamp</h2>
          <div class="prose prose-lg max-w-none space-y-4 text-neutral-700">
            <p class="text-lg leading-relaxed">
              RNT SMART CLAMP แคลมป์รัดท่อ แคล้มล็อคท่อ ประกับรัดท่อ ใช้งานง่าย ไม่ต้องเชื่อม ใช้ได้ทุกสภาพผิว เป็นสินค้าที่พัฒนาจากประสบการณ์ในการแก้ไขปัญหาร่วมกับผู้ใช้งาน ทำให้การซ่อมแซมท่อรั่วเป็นไปได้ง่ายยิ่งขึ้น หรือที่เรียกว่า Repair Clamp ด้วยเทคโนโลยีใหม่ที่มีค่าชนิดยางให้เลือกหลากหลาย เหมาะกับทุกงาน
            </p>
            <p class="text-lg leading-relaxed">
              แคลมป์รัดท่อ RNT SMART CLAMP ถูกออกแบบมาอย่างเรียบง่าย แข็งแรง ทนทาน ใช้งานได้กับท่อหลายประเภท ติดตั้งง่าย รวดเร็ว ทนแรงดันได้สูง สามารถใช้งานได้กับ แอมโมเนีย น้ำมัน น้ำ และของเหลวอุตสาหกรรมอื่น ๆ
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- Product Models -->
    <section class="py-16 bg-neutral-50">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="text-center mb-12">
          <h2 class="text-3xl font-bold text-primary-700 mb-2">รุ่นสินค้า RNT Smart Clamp</h2>
          <p class="text-neutral-600">เลือกใช้ตามลักษณะงาน — ต่อท่อ / ซ่อมรั่ว / งานอุตสาหกรรม</p>
        </div>
        <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
          <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow flex flex-col">
            <div class="aspect-square bg-neutral-50 border-b border-neutral-100">
              <img src="/images/pipe-coupling/mjg.jpg" alt="RNT MJG" class="w-full h-full object-contain p-2" loading="lazy" />
            </div>
            <div class="p-5 flex-1 flex flex-col">
              <h4 class="text-lg font-semibold text-primary-700 mb-1">รุ่น MJG</h4>
              <p class="text-sm text-neutral-500 italic mb-2">แคลมป์ต่อท่อขนาดเท่ากัน (Same Size Coupling)</p>
              <p class="text-sm text-neutral-600 mt-2 leading-relaxed">MJG ใช้เชื่อมต่อท่อที่มีขนาดเท่ากันเข้าด้วยกัน โดยการสวมปลายท่อทั้งสองด้านเข้าไปยังแคลมป์รัดท่อ RNT SMART CLAMP ก็สามารถต่อท่อได้โดยไม่ต้องใช้เครื่องเชื่อม ติดตั้งง่าย รวดเร็ว ประหยัดเวลา</p>
            </div>
          </div>

          <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow flex flex-col">
            <div class="aspect-square bg-neutral-50 border-b border-neutral-100">
              <img src="/images/pipe-coupling/mjh.jpg" alt="RNT MJH" class="w-full h-full object-contain p-2" loading="lazy" />
            </div>
            <div class="p-5 flex-1 flex flex-col">
              <h4 class="text-lg font-semibold text-primary-700 mb-1">รุ่น MJH</h4>
              <p class="text-sm text-neutral-500 italic mb-2">แคลมป์ซ่อมท่อรั่ว (Repair Clamp แบบบานพับ)</p>
              <p class="text-sm text-neutral-600 mt-2 leading-relaxed">MJH ใช้ในการซ่อมแซมท่อรั่ว หรือท่อที่มีรอยแตกร้าว รูปแบบการใช้งานเป็นแบบบานพับที่ช่วยทำให้เปิด-ปิด ส่วนที่เสียหายได้อย่างง่ายดาย หมดปัญหาท่อรั่วภายใน 10 นาที</p>
            </div>
          </div>

          <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow flex flex-col">
            <div class="aspect-square bg-neutral-50 border-b border-neutral-100">
              <img src="/images/pipe-coupling/mjd.jpg" alt="RNT MJD" class="w-full h-full object-contain p-2" loading="lazy" />
            </div>
            <div class="p-5 flex-1 flex flex-col">
              <h4 class="text-lg font-semibold text-primary-700 mb-1">รุ่น MJD ไฮบริด</h4>
              <p class="text-sm text-neutral-500 italic mb-2">แคลมป์ไฮบริด (Hybrid Repair + Coupling)</p>
              <p class="text-sm text-neutral-600 mt-2 leading-relaxed">MJD ไฮบริดเป็น Repair Clamp เหมาะสำหรับรัดซ่อมท่อ/ต่อท่อ สะดวกในการติดตั้งโดยเฉพาะท่อขนาดเล็ก ๆ ทนแรงดันได้ดีกว่า สามารถใช้ซ่อมท่อรั่วหรือต่อท่อได้ในตัวเดียว</p>
            </div>
          </div>

          <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow flex flex-col">
            <div class="aspect-square bg-neutral-50 border-b border-neutral-100">
              <img src="/images/pipe-coupling/mjer.jpg" alt="RNT MJER" class="w-full h-full object-contain p-2" loading="lazy" />
            </div>
            <div class="p-5 flex-1 flex flex-col">
              <h4 class="text-lg font-semibold text-primary-700 mb-1">รุ่น MJER</h4>
              <p class="text-sm text-neutral-500 italic mb-2">แคลมป์ซ่อมส่วนโค้ง (Elbow Repair)</p>
              <p class="text-sm text-neutral-600 mt-2 leading-relaxed">MJER เหมาะสำหรับงานซ่อมแซมส่วนโค้งที่มีรอยรั่ว ดีไซน์แบบแยกส่วนบน-ล่าง ทำให้สามารถใช้งานได้ง่าย ไม่ต้องตัดท่อ ไม่ต้องเชื่อม</p>
            </div>
          </div>

          <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow flex flex-col">
            <div class="aspect-square bg-neutral-50 border-b border-neutral-100">
              <img src="/images/pipe-coupling/mjcx.jpg" alt="RNT MJCX" class="w-full h-full object-contain p-2" loading="lazy" />
            </div>
            <div class="p-5 flex-1 flex flex-col">
              <h4 class="text-lg font-semibold text-primary-700 mb-1">รุ่น MJCX</h4>
              <p class="text-sm text-neutral-500 italic mb-2">แคลมป์รัดท่อรุ่นพิเศษ (Custom Series)</p>
              <p class="text-sm text-neutral-600 mt-2 leading-relaxed">MJCX เป็นแคลมป์รัดท่อรุ่นพิเศษ เหมาะกับงานเฉพาะทางที่ต้องการความยาว ความแข็งแรง หรือการเชื่อมต่อที่มากกว่าแคลมป์มาตรฐาน</p>
            </div>
          </div>

          <div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow flex flex-col">
            <div class="aspect-square bg-neutral-50 border-b border-neutral-100">
              <img src="/images/pipe-coupling/rnt-e009.jpg" alt="RNT Smart Clamp รวมรุ่น" class="w-full h-full object-contain p-2" loading="lazy" />
            </div>
            <div class="p-5 flex-1 flex flex-col">
              <h4 class="text-lg font-semibold text-primary-700 mb-1">RNT Smart Clamp (E009)</h4>
              <p class="text-sm text-neutral-500 italic mb-2">ภาพรวมแคลมป์ทุกรุ่น (Catalog Series)</p>
              <p class="text-sm text-neutral-600 mt-2 leading-relaxed">ภาพรวมของแคลมป์ RNT SMART CLAMP ทุกรุ่นที่ผลิตโดย Rano Tech เลือกให้เหมาะกับงานของคุณ ตั้งแต่ท่อขนาดเล็กไปจนถึงงานอุตสาหกรรมขนาดใหญ่</p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Product Details / Application -->
    <section class="py-16 bg-white">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="max-w-4xl mx-auto">
          <h2 class="text-2xl font-bold text-primary-700 mb-8">รายละเอียดสินค้า</h2>
          <div class="prose prose-lg max-w-none space-y-4 text-neutral-700">
            <h3 class="text-xl font-bold text-primary-700 mt-6 mb-3">คุณสมบัติเด่น</h3>
            <ul class="list-disc pl-6 space-y-2 text-lg">
              <li><strong>ติดตั้งง่าย รวดเร็ว</strong> — ไม่ต้องเชื่อม ใช้งานได้ทันที</li>
              <li><strong>ทนแรงดันสูง</strong> — เหมาะกับงานอุตสาหกรรม น้ำ น้ำมัน แอมโมเนีย</li>
              <li><strong>วัสดุคุณภาพ</strong> — เหล็ก SUS304 + ซีลยาง NBR/EPDM ทนทาน</li>
              <li><strong>ใช้ได้ทุกสภาพผิว</strong> — เหล็ก สแตนเลส ทองแดง PVC/UPVC</li>
              <li><strong>ซ่อมท่อรั่วได้ใน 10 นาที</strong> — ลด downtime ของระบบ</li>
            </ul>

            <h3 class="text-xl font-bold text-primary-700 mt-8 mb-3">วิธีการติดตั้ง</h3>
            <p class="text-lg leading-relaxed">
              แคลมป์ RNT Smart Clamp ติดตั้งโดยเปิดบานพับของแคลมป์ สวมเข้ากับท่อที่ต้องการเชื่อมหรือซ่อมแซม จากนั้นปิดบานพับและขันสกรูยึดให้แน่น ใช้เวลาเพียงไม่กี่นาทีก็เสร็จ ไม่ต้องใช้เครื่องมือพิเศษ
            </p>

            <h3 class="text-xl font-bold text-primary-700 mt-8 mb-3">การใช้งาน</h3>
            <ul class="list-disc pl-6 space-y-2 text-lg">
              <li>ต่อท่อขนาดเท่ากัน (MJG)</li>
              <li>ซ่อมท่อรั่ว (MJH)</li>
              <li>ซ่อมส่วนโค้ง (MJER)</li>
              <li>ใช้งานแบบไฮบริด (MJD)</li>
            </ul>
          </div>
        </div>
      </div>
    </section>

    <!-- FAQ -->
    <section class="py-16 bg-neutral-50">
      <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="text-2xl font-bold text-primary-700 mb-8 text-center">คำถามที่พบบ่อย (FAQ)</h2>
        <div class="space-y-4">
          <details class="bg-white rounded-2xl p-5 border border-neutral-200">
            <summary class="font-semibold text-primary-700 cursor-pointer text-lg">RNT Smart Clamp แตกต่างจากการเชื่อมท่อแบบเดิมอย่างไร?</summary>
            <p class="mt-3 text-neutral-600">RNT Smart Clamp ไม่ต้องใช้เครื่องเชื่อม ไม่เกิดประกายไฟ ติดตั้งได้ในพื้นที่อันตราย ถอดประกอบใหม่ได้ และซ่อมท่อรั่วได้ภายใน 10 นาที ไม่ต้องตัดท่อทิ้ง</p>
          </details>
          <details class="bg-white rounded-2xl p-5 border border-neutral-200">
            <summary class="font-semibold text-primary-700 cursor-pointer text-lg">RNT Smart Clamp ใช้กับท่อประเภทใดได้บ้าง?</summary>
            <p class="mt-3 text-neutral-600">ใช้ได้กับท่อหลายประเภท เช่น ท่อเหล็กกล้า (Steel), ท่อสแตนเลส (Stainless Steel), ท่อเหล็กอาร์ค (M.S.), ท่อทองแดง (Copper) และท่อ PVC/UPVC ขึ้นอยู่กับรุ่นและขนาดที่เหมาะสม</p>
          </details>
          <details class="bg-white rounded-2xl p-5 border border-neutral-200">
            <summary class="font-semibold text-primary-700 cursor-pointer text-lg">RNT Smart Clamp ทนแรงดันได้เท่าไหร่?</summary>
            <p class="mt-3 text-neutral-600">แคลมป์ RNT SMART CLAMP ทนแรงดันได้สูง เหมาะสำหรับงานอุตสาหกรรม ใช้ได้กับ น้ำ น้ำมัน แอมโมเนีย และของเหลวอุตสาหกรรมอื่น ๆ โดยมีซีลยาง NBR/EPDM ที่เหมาะกับงานแต่ละประเภท</p>
          </details>
          <details class="bg-white rounded-2xl p-5 border border-neutral-200">
            <summary class="font-semibold text-primary-700 cursor-pointer text-lg">RNT Smart Clamp ผลิตจากวัสดุอะไร?</summary>
            <p class="mt-3 text-neutral-600">ตัวแคลมป์ผลิตจากเหล็ก SUS304 (Stainless Steel) เกรดอุตสาหกรรม ทนการกัดกร่อน พร้อมซีลยาง NBR (Nitrile Butadiene Rubber) หรือ EPDM ตามลักษณะการใช้งาน</p>
          </details>
        </div>
      </div>
    </section>

    <!-- Features -->
    <section class="py-16 bg-white">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid md:grid-cols-3 gap-8 max-w-4xl mx-auto">
          <div class="text-center p-6">
            <div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
              <svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
            </div>
            <h3 class="text-lg font-semibold text-neutral-900 mb-2">ติดตั้งเร็ว 10 นาที</h3>
            <p class="text-neutral-600">ไม่ต้องเชื่อม ไม่ต้องตัดท่อ ลด downtime</p>
          </div>
          <div class="text-center p-6">
            <div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
              <svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /></svg>
            </div>
            <h3 class="text-lg font-semibold text-neutral-900 mb-2">คุณภาพมาตรฐาน</h3>
            <p class="text-neutral-600">ผลิตโดย Rano Tech (ไทย) ได้มาตรฐานอุตสาหกรรม</p>
          </div>
          <div class="text-center p-6">
            <div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
              <svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
            </div>
            <h3 class="text-lg font-semibold text-neutral-900 mb-2">ราคาคุ้มค่า</h3>
            <p class="text-neutral-600">จากผู้ผลิตโดยตรง ส่งฟรีทั่วประเทศ</p>
          </div>
        </div>
      </div>
    </section>

    <!-- CTA -->
    <section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
      <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <h2 class="text-3xl font-bold mb-6">สนใจ RNT Smart Clamp?</h2>
        <p class="text-lg text-primary-100 mb-8">ติดต่อเราวันนี้ 090-555-1415 หรือแอดไลน์ ID:JPPSELECTION</p>
        <div class="flex flex-wrap justify-center gap-4">
          <a href="/contact-us" class="bg-white text-primary-700 py-3 px-8 rounded-xl font-semibold hover:bg-primary-50 transition-colors">ติดต่อเรา</a>
          <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-8 rounded-xl font-semibold transition-colors">แอดไลน์</a>
        </div>
      </div>
    </section>
  </main>
</BaseLayout>