---
import BaseLayout from '../../layouts/BaseLayout.astro';
import Header from '../../components/common/Header.astro';
import Footer from '../../components/common/Footer.astro';
---

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "รั้วเทวดา",
  "description": "รั้วเทวดา แข็งแรง ทนทาน เหนียวกว่า ลวดแรงดึงสูง หนา 2.5 มม. สามารถทนแรงกระแทกได้สูง ทนสนิม ลวดชุบสังกะสีหนาพิเศษ ด้วยกระบวนการแบบจุ่มร้อน ตามมาตรฐานออสเตรเลีย",
  "image": "https://dealplustech.co.th/images/products-raw/tevada/TEVADA_001-987x1024.png",
  "offers": {
    "@type": "Offer",
    "url": "https://dealplustech.co.th/รั้วเทวดา",
    "priceCurrency": "THB",
    "availability": "https://schema.org/InStock"
  }
}
</script>

<BaseLayout title="รั้วเทวดา" description="รั้วเทวดา แข็งแรง ทนทาน เหนียวกว่า ลวดแรงดึงสูง หนา 2.5 มม. สามารถทนแรงกระแทกได้สูง ทนสนิม ลวดชุบสังกะสีหนาพิเศษ ด้วยกระบวนการแบบจุ่มร้อน ตามมาตรฐานออสเตรเลีย">
  <Header slot="header" />

  <main class="bg-white min-h-screen">
    <!-- Hero Section -->
    <section class="hero-gradient py-16">
      <div class="container-custom">
        <div class="grid lg:grid-cols-2 gap-12 items-center">
          <div class="order-2 lg:order-1">
            <div class="card-glass p-2">
              <img 
                src="/images/products-raw/tevada/TEVADA_001-987x1024.png" 
                alt="รั้วเทวดา" 
                class="w-full h-auto rounded-xl"
                width="600" height="622" loading="eager" fetchpriority="high" decoding="sync"
              />
            </div>
          </div>
          
          <div class="order-1 lg:order-2">
            <span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">
              รั้วเทวดา
            </span>
            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-4">รั้วเทวดา</h1>
            <p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
              รั้วเทวดา แข็งแรง ทนทาน เหนียวกว่า ลวดแรงดึงสูง หนา 2.5 มม. สามารถทนแรงกระแทกได้สูง ทนสนิม ลวดชุบสังกะสีหนาพิเศษ ด้วยกระบวนการแบบจุ่มร้อน ตามมาตรฐานออสเตรเลีย
            </p>
            
            <div class="flex flex-wrap gap-4 mb-8">
              <a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="btn-white flex items-center gap-2">
                <span>แชท</span>
                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
              </a>
              <a href="tel:0905551415" class="btn-white flex items-center gap-2">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
                </svg>
                <span>090-555-1415</span>
              </a>
            </div>
            
            <div class="flex flex-wrap gap-6">
              <div class="flex items-center gap-2 text-white/80">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                </svg>
                <span>ลวดหนา 2.5 มม.</span>
              </div>
              <div class="flex items-center gap-2 text-white/80">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                </svg>
                <span>ชุบสังกะสีจุ่มร้อน</span>
              </div>
              <div class="flex items-center gap-2 text-white/80">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                </svg>
                <span>มาตรฐานออสเตรเลีย</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- ทำไมต้องรั้วตาข่ายเทวดา -->
    <section class="section bg-white">
      <div class="container-custom">
        <div class="max-w-4xl mx-auto">
          <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ทำไมต้องรั้วตาข่ายเทวดา</h2>
          <div class="grid lg:grid-cols-2 gap-8 items-center">
          <div>
            <img 
              src="/images/products-raw/tevada/TEVADA_002-1024x278.png" 
              alt="ทำไมต้องรั้วเทวดา" 
              class="w-full h-auto rounded-xl"
            />
          </div>
          <div class="space-y-4">
            <div class="flex items-start space-x-3">
              <svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span class="text-secondary-700">ลวดแรงดึงสูง หนา 2.5 มม. เหนียวกว่ารั้วทั่วไป</span>
            </div>
            <div class="flex items-start space-x-3">
              <svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span class="text-secondary-700">ลวดชุบสังกะสีหนาพิเศษ ด้วยกระบวนการแบบจุ่มร้อน</span>
            </div>
            <div class="flex items-start space-x-3">
              <svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span class="text-secondary-700">ทนสนิมได้ดีเยี่ยม ตามมาตรฐานออสเตรเลีย</span>
            </div>
            <div class="flex items-start space-x-3">
              <svg class="w-6 h-6 text-primary-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
              </svg>
              <span class="text-secondary-700">สามารถทนแรงกระแทกได้สูง</span>
            </div>
          </div>
          </div>
        </div>
      </div>
    </section>

    <!-- เปรียบเทียบ -->
    <section class="section bg-gray-50">
      <div class="container-custom">
        <div class="max-w-4xl mx-auto">
          <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">เปรียบเทียบความแตกต่าง</h2>
          <img 
            src="/images/products-raw/tevada/TEVADA_003-1024x647.png" 
            alt="เปรียบเทียบรั้วเทวดา" 
            class="w-full h-auto rounded-xl max-w-4xl mx-auto"
          />
        </div>
      </div>
    </section>

    <!-- รุ่นสินค้า -->
    <section class="section bg-white">
      <div class="container-custom">
        <div class="max-w-4xl mx-auto">
          <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">รุ่นสินค้า</h2>
        
        <!-- รุ่น 8-90-15 -->
        <div class="mb-12 p-6 bg-gray-50 rounded-xl">
          <h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 8-90-15</h3>
          <div class="grid md:grid-cols-2 gap-6 items-center">
            <img 
              src="/images/products-raw/tevada/TEVADA_004.png" 
              alt="รุ่น 8-90-15" 
              class="w-full h-auto rounded-lg"
            />
            <div class="space-y-2 text-secondary-700">
              <p><strong>ความสูง:</strong> 90 ซม.</p>
              <p><strong>ระยะห่างเสา:</strong> 3 ม.</p>
              <p><strong>ขนาดลวด:</strong> 8 มม.</p>
            </div>
          </div>
        </div>

        <!-- รุ่น 10-120-15 -->
        <div class="mb-12 p-6 bg-gray-50 rounded-xl">
          <h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 10-120-15</h3>
          <div class="grid md:grid-cols-2 gap-6 items-center">
            <img 
              src="/images/products-raw/tevada/TEVADA_005.png" 
              alt="รุ่น 10-120-15" 
              class="w-full h-auto rounded-lg"
            />
            <div class="space-y-2 text-secondary-700">
              <p><strong>ความสูง:</strong> 120 ซม.</p>
              <p><strong>ระยะห่างเสา:</strong> 3 ม.</p>
              <p><strong>ขนาดลวด:</strong> 10 มม.</p>
            </div>
          </div>
        </div>

        <!-- รุ่น 12-165-15 -->
        <div class="mb-12 p-6 bg-gray-50 rounded-xl">
          <h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 12-165-15</h3>
          <div class="grid md:grid-cols-2 gap-6 items-center">
            <img 
              src="/images/products-raw/tevada/TEVADA_006-766x1024.png" 
              alt="รุ่น 12-165-15" 
              class="w-full h-auto rounded-lg"
            />
            <div class="space-y-2 text-secondary-700">
              <p><strong>ความสูง:</strong> 165 ซม.</p>
              <p><strong>ระยะห่างเสา:</strong> 3 ม.</p>
              <p><strong>ขนาดลวด:</strong> 12 มม.</p>
            </div>
          </div>
        </div>

        <!-- รุ่น 12-120-10 -->
        <div class="mb-12 p-6 bg-gray-50 rounded-xl">
          <h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 12-120-10</h3>
          <div class="grid md:grid-cols-2 gap-6 items-center">
            <img 
              src="/images/products-raw/tevada/TEVADA_007.png" 
              alt="รุ่น 12-120-10" 
              class="w-full h-auto rounded-lg"
            />
            <div class="space-y-2 text-secondary-700">
              <p><strong>ความสูง:</strong> 120 ซม.</p>
              <p><strong>ระยะห่างเสา:</strong> 2.5 ม.</p>
              <p><strong>ขนาดลวด:</strong> 12 มม.</p>
            </div>
          </div>
        </div>

        <!-- รุ่น 13-150-10 -->
        <div class="mb-12 p-6 bg-gray-50 rounded-xl">
          <h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 13-150-10</h3>
          <div class="grid md:grid-cols-3 gap-4">
            <img 
              src="/images/products-raw/tevada/TEVADA_008.png" 
              alt="รุ่น 13-150-10 ด้านหน้า" 
              class="w-full h-auto rounded-lg"
            />
            <img 
              src="/images/products-raw/tevada/TEVADA_009-658x1024.png" 
              alt="รุ่น 13-150-10 ด้านข้าง" 
              class="w-full h-auto rounded-lg"
            />
            <div class="space-y-2 text-secondary-700 flex flex-col justify-center">
              <p><strong>ความสูง:</strong> 150 ซม.</p>
              <p><strong>ระยะห่างเสา:</strong> 2.5 ม.</p>
              <p><strong>ขนาดลวด:</strong> 13 มม.</p>
            </div>
          </div>
        </div>
        </div>
      </div>
    </section>

    <!-- เสารั้ว Y-Post -->
    <section class="section bg-gray-50">
      <div class="container-custom">
        <div class="max-w-4xl mx-auto">
          <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">เสารั้ว Y-Post</h2>
          <div class="grid lg:grid-cols-2 gap-8 items-center">
          <img 
            src="/images/products-raw/tevada/TEVADA_010-1024x113.png" 
            alt="เสารั้ว Y-Post" 
            class="w-full h-auto rounded-xl"
          />
          <img 
            src="/images/products-raw/tevada/TEVADA_011-990x1024.png" 
            alt="เสารั้ว Y-Post" 
            class="w-full h-auto rounded-xl"
          />
        </div>
        </div>
      </div>
    </section>

    <!-- วิธีติดตั้ง -->
    <section class="section bg-white">
      <div class="container-custom">
        <div class="max-w-4xl mx-auto">
          <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">วิธีติดตั้ง</h2>
        
        <div class="grid md:grid-cols-4 gap-6">
          <!-- ตั้ง -->
          <div class="text-center">
            <img 
              src="/images/products-raw/tevada/TEVADA_012.png" 
              alt="ตั้งเสา" 
              class="w-full h-auto rounded-xl mb-4"
            />
            <h3 class="text-lg font-bold text-secondary-900 mb-2">1. ตั้ง</h3>
            <p class="text-secondary-600 text-sm">ปักเสา Y-Post ลงดิน</p>
          </div>

          <!-- ผูก -->
          <div class="text-center">
            <img 
              src="/images/products-raw/tevada/TEVADA_013.png" 
              alt="ผูกลวด" 
              class="w-full h-auto rounded-xl mb-4"
            />
            <h3 class="text-lg font-bold text-secondary-900 mb-2">2. ผูก</h3>
            <p class="text-secondary-600 text-sm">ผูกลวดรั้วเข้ากับเสา</p>
          </div>

          <!-- ดึง -->
          <div class="text-center">
            <img 
              src="/images/products-raw/tevada/TEVADA_014.png" 
              alt="ดึงลวด" 
              class="w-full h-auto rounded-xl mb-4"
            />
            <h3 class="text-lg font-bold text-secondary-900 mb-2">3. ดึง</h3>
            <p class="text-secondary-600 text-sm">ดึงลวดให้ตึง</p>
          </div>

          <!-- มัด -->
          <div class="text-center">
            <img 
              src="/images/products-raw/tevada/TEVADA_015.png" 
              alt="มัดลวด" 
              class="w-full h-auto rounded-xl mb-4"
            />
            <h3 class="text-lg font-bold text-secondary-900 mb-2">4. มัด</h3>
            <p class="text-secondary-600 text-sm">มัดลวดรั้วให้แน่น</p>
          </div>
        </div>

        <div class="mt-8 text-center">
          <img 
            src="/images/products-raw/tevada/TEVADA_016-1024x819.png" 
            alt="ตัวอย่างการติดตั้ง" 
            class="w-full max-w-2xl mx-auto h-auto rounded-xl"
          />
        </div>
        </div>
      </div>
    </section>

    <!-- คุณสมบัติเด่นของรั้วเทวดา -->
    <section class="section bg-gray-50">
      <div class="container-custom">
        <div class="max-w-4xl mx-auto">
          <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">คุณสมบัติเด่นของรั้วเทวดา</h2>
          
          <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
          <!-- คุณสมบัติ 1 -->
          <div class="bg-white p-6 rounded-xl shadow-sm">
            <div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
              <svg class="w-6 h-6 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-bold text-secondary-900 mb-2">ลวดหนา 2.5 มม.</h3>
            <p class="text-secondary-600 text-sm">ลวดแรงดึงสูง (High Tensile Wire) หนาพิเศษ 2.5 มม. แข็งแรงกว่ารั้วตาข่ายทั่วไป เหนียวทน ทนต่อแรงกระแทกและแรงดึงสูงสุด</p>
          </div>

          <!-- คุณสมบัติ 2 -->
          <div class="bg-white p-6 rounded-xl shadow-sm">
            <div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
              <svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064"/>
              </svg>
            </div>
            <h3 class="text-lg font-bold text-secondary-900 mb-2">ชุบสังกะสีจุ่มร้อน</h3>
            <p class="text-secondary-600 text-sm">ลวดชุบสังกะสีหนาพิเศษด้วยกระบวนการ Hot-Dip Galvanized ทนสนิมได้ยาวนาน ตามมาตรฐานออสเตรเลีย AS 2423-2002</p>
          </div>

          <!-- คุณสมบัติ 3 -->
          <div class="bg-white p-6 rounded-xl shadow-sm">
            <div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
              <svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/>
              </svg>
            </div>
            <h3 class="text-lg font-bold text-secondary-900 mb-2">ทนแรงกระแทกสูง</h3>
            <p class="text-secondary-600 text-sm">โครงสร้างแข็งแรง สามารถทนแรงกระแทกได้สูง ไม่หย่อนหรือยืดออกง่าย ใช้งานได้ยาวนานไม่เสียรูป</p>
          </div>

          <!-- คุณสมบัติ 4 -->
          <div class="bg-white p-6 rounded-xl shadow-sm">
            <div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
              <svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/>
              </svg>
            </div>
            <h3 class="text-lg font-bold text-secondary-900 mb-2">ติดตั้งง่าย</h3>
            <p class="text-secondary-600 text-sm">ระบบติดตั้งแบบ 4 ขั้นตอน ตั้ง-ผูก-ดึง-มัด สะดวกรวดเร็ว ประหยัดเวลาและค่าแรงในการติดตั้ง</p>
          </div>

          <!-- คุณสมบัติ 5 -->
          <div class="bg-white p-6 rounded-xl shadow-sm">
            <div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
              <svg class="w-6 h-6 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-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
              </svg>
            </div>
            <h3 class="text-lg font-bold text-secondary-900 mb-2">มาตรฐานออสเตรเลีย</h3>
            <p class="text-secondary-600 text-sm">ผ่านการรับรองมาตรฐานออสเตรเลีย AS 2423-2002 คุณภาพเป็นที่ยอมรับในระดับสากล</p>
          </div>

          <!-- คุณสมบัติ 6 -->
          <div class="bg-white p-6 rounded-xl shadow-sm">
            <div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
              <svg class="w-6 h-6 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-bold text-secondary-900 mb-2">ราคาคุ้มค่า</h3>
            <p class="text-secondary-600 text-sm">ราคาเป็นมิตร คุ้มค่ากับการลงทุน ทนทานใช้งานได้ยาวนานโดยไม่ต้องซ่อมบำรุงบ่อย</p>
          </div>
        </div>
        </div>
      </div>
    </section>

    <!-- การใช้งานรั้วเทวดา -->
    <section class="section bg-white">
      <div class="container-custom">
        <div class="max-w-4xl mx-auto">
          <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">การใช้งานรั้วเทวดา</h2>
          
          <div class="grid lg:grid-cols-2 gap-8">
          <div class="space-y-4">
            <div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-xl">
              <div class="w-10 h-10 bg-primary-600 rounded-full flex items-center justify-center flex-shrink-0">
                <span class="text-white font-bold">1</span>
              </div>
              <div>
                <h3 class="text-lg font-bold text-secondary-900 mb-1">สถานที่ก่อสร้างและโรงงาน</h3>
                <p class="text-secondary-600 text-sm">ใช้กั้นพื้นที่ก่อสร้าง โรงงาน คลังสินค้า เพื่อความปลอดภัยและป้องกันการเข้าถึงโดยไม่ได้รับอนุญาต</p>
              </div>
            </div>

            <div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-xl">
              <div class="w-10 h-10 bg-primary-600 rounded-full flex items-center justify-center flex-shrink-0">
                <span class="text-white font-bold">2</span>
              </div>
              <div>
                <h3 class="text-lg font-bold text-secondary-900 mb-1">ฟาร์มและสวนเกษตร</h3>
                <p class="text-secondary-600 text-sm">เหมาะสำหรับกั้นพื้นที่ฟาร์มสัตว์ สวนผลไม้ ไร่ผัก ป้องกันสัตว์ภายนอกเข้ามาทำลายพืชผล</p>
              </div>
            </div>

            <div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-xl">
              <div class="w-10 h-10 bg-primary-600 rounded-full flex items-center justify-center flex-shrink-0">
                <span class="text-white font-bold">3</span>
              </div>
              <div>
                <h3 class="text-lg font-bold text-secondary-900 mb-1">สถานที่ราชการและโครงการ</h3>
                <p class="text-secondary-600 text-sm">ใช้ในโครงการภาครัฐ สถานที่ราชการ อาคารสถานที่สาธารณะ ที่ต้องการความแข็งแรงและทนทาน</p>
              </div>
            </div>
          </div>

          <div class="space-y-4">
            <div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-xl">
              <div class="w-10 h-10 bg-primary-600 rounded-full flex items-center justify-center flex-shrink-0">
                <span class="text-white font-bold">4</span>
              </div>
              <div>
                <h3 class="text-lg font-bold text-secondary-900 mb-1">บ้านเรือนและที่อยู่อาศัย</h3>
                <p class="text-secondary-600 text-sm">ใช้กั้นรอบบ้าน คอนโดมิเนียม หมู่บ้าน สวนหย่อม เพื่อความปลอดภัยและความเป็นส่วนตัว</p>
              </div>
            </div>

            <div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-xl">
              <div class="w-10 h-10 bg-primary-600 rounded-full flex items-center justify-center flex-shrink-0">
                <span class="text-white font-bold">5</span>
              </div>
              <div>
                <h3 class="text-lg font-bold text-secondary-900 mb-1">สนามกีฬาและสถานที่ออกกำลังกาย</h3>
                <p class="text-secondary-600 text-sm">เหมาะสำหรับกั้นสนามกีฬา สนามฟุตบอล สนามเทนนิส และสถานที่ออกกำลังกายภายนอกอาคาร</p>
              </div>
            </div>

            <div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-xl">
              <div class="w-10 h-10 bg-primary-600 rounded-full flex items-center justify-center flex-shrink-0">
                <span class="text-white font-bold">6</span>
              </div>
              <div>
                <h3 class="text-lg font-bold text-secondary-900 mb-1">สถานที่พิเศษ</h3>
                <p class="text-secondary-600 text-sm">ใช้กั้นสถานที่ท่องเที่ยว อุทยาน สวนสาธารณะ ลานจอดรถ และพื้นที่ที่ต้องการความปลอดภัยสูง</p>
              </div>
            </div>
          </div>
        </div>
        </div>
      </div>
    </section>

    <!-- คำถามที่พบบ่อย -->
    <section class="section bg-gray-50">
      <div class="container-custom">
        <div class="max-w-4xl mx-auto">
          <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับรั้วเทวดา</h2>
          
          <div class="space-y-4">
          <!-- คำถามที่ 1 -->
          <div class="bg-white rounded-xl overflow-hidden shadow-sm">
            <details class="group">
              <summary class="flex items-center justify-between p-6 cursor-pointer list-none">
                <h3 class="text-lg font-bold text-secondary-900 pr-4">รั้วเทวดาแตกต่างจากรั้วตาข่ายทั่วไปอย่างไร?</h3>
                <svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                </svg>
              </summary>
              <div class="px-6 pb-6 text-secondary-600">
                <p>รั้วเทวดาใช้ลวดแรงดึงสูง (High Tensile Wire) หนาพิเศษ 2.5 มม. ซึ่งหนาและแข็งแรงกว่ารั้วตาข่ายทั่วไปที่ใช้ลวดขนาด 2.0-2.3 มม. ทำให้รั้วเทวดามีความเหนียวทนมากกว่า สามารถทนแรงกระแทกและแรงดึงได้สูงกว่า นอกจากนี้ยังผ่านกระบวนการชุบสังกะสีแบบจุ่มร้อน (Hot-Dip Galvanized) ตามมาตรฐานออสเตรเลีย ทำให้ทนสนิมได้ยาวนานกว่ารั้วทั่วไป</p>
              </div>
            </details>
          </div>

          <!-- คำถามที่ 2 -->
          <div class="bg-white rounded-xl overflow-hidden shadow-sm">
            <details class="group">
              <summary class="flex items-center justify-between p-6 cursor-pointer list-none">
                <h3 class="text-lg font-bold text-secondary-900 pr-4">รั้วเทวดาเหมาะกับการใช้งานในพื้นที่ใดบ้าง?</h3>
                <svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                </svg>
              </summary>
              <div class="px-6 pb-6 text-secondary-600">
                <p>รั้วเทวดาเหมาะสำหรับการใช้งานหลากหลาย ได้แก่ สถานที่ก่อสร้างและโรงงาน ฟาร์มและสวนเกษตร สถานที่ราชการและโครงการภาครัฐ บ้านเรือนและที่อยู่อาศัย สนามกีฬาและสถานที่ออกกำลังกาย รวมถึงสถานที่ท่องเที่ยวและสาธารณะต่างๆ ด้วยความแข็งแรงและทนทาน จึงเป็นตัวเลือกที่เหมาะสำหรับทุกการใช้งานที่ต้องการความปลอดภัยและความยาวนาน</p>
              </div>
            </details>
          </div>

          <!-- คำถามที่ 3 -->
          <div class="bg-white rounded-xl overflow-hidden shadow-sm">
            <details class="group">
              <summary class="flex items-center justify-between p-6 cursor-pointer list-none">
                <h3 class="text-lg font-bold text-secondary-900 pr-4">การติดตั้งรั้วเทวดายากหรือไม่?</h3>
                <svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                </svg>
              </summary>
              <div class="px-6 pb-6 text-secondary-600">
                <p>การติดตั้งรั้วเทวดาง่ายและสะดวก ด้วยระบบ 4 ขั้นตอน คือ 1) ตั้ง - ปักเสา Y-Post ลงดิน 2) ผูก - ผูกลวดรั้วเข้ากับเสา 3) ดึง - ดึงลวดให้ตึง และ 4) มัด - มัดลวดรั้วให้แน่น สามารถติดตั้งได้ด้วยตัวเองหรือจ้างช่างทั่วไป ประหยัดค่าแรงในการติดตั้ง และใช้เวลาไม่นาน</p>
              </div>
            </details>
          </div>

          <!-- คำถามที่ 4 -->
          <div class="bg-white rounded-xl overflow-hidden shadow-sm">
            <details class="group">
              <summary class="flex items-center justify-between p-6 cursor-pointer list-none">
                <h3 class="text-lg font-bold text-secondary-900 pr-4">รั้วเทวดาทนสนิมได้ดีเพียงใด?</h3>
                <svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                </svg>
              </summary>
              <div class="px-6 pb-6 text-secondary-600">
                <p>รั้วเทวดาใช้ลวดชุบสังกะสีหนาพิเศษด้วยกระบวนการแบบจุ่มร้อน (Hot-Dip Galvanized) ซึ่งเป็นมาตรฐานออสเตรเลีย AS 2423-2002 การชุบสังกะสีแบบจุ่มร้อนจะสร้างชั้นเคลือบที่หนาและยึดเกาะแน่นกว่าการชุบแบบอิเล็กโทร ทำให้ทนสนิมได้ดีเยี่ยม เหมาะสำหรับการใช้งานในประเทศไทยที่มีความชื้นสูง</p>
              </div>
            </details>
          </div>

          <!-- คำถามที่ 5 -->
          <div class="bg-white rounded-xl overflow-hidden shadow-sm">
            <details class="group">
              <summary class="flex items-center justify-between p-6 cursor-pointer list-none">
                <h3 class="text-lg font-bold text-secondary-900 pr-4">มีรุ่นและขนาดให้เลือกอย่างไร?</h3>
                <svg class="w-5 h-5 text-secondary-500 group-open:rotate-180 transition-transform flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                </svg>
              </summary>
              <div class="px-6 pb-6 text-secondary-600">
                <p>รั้วเทวดามีหลายรุ่นให้เลือกตามความต้องการ ได้แก่ รุ่น 8-90-15 (สูง 90 ซม.) รุ่น 10-120-15 (สูง 120 ซม.) รุ่น 12-165-15 (สูง 165 ซม.) รุ่น 12-120-10 และรุ่น 13-150-10 สามารถเลือกความสูงและขนาดลวดได้ตามความเหมาะสมของพื้นที่ใช้งาน และมีเสา Y-Post ให้เลือกใช้งานคู่กัน</p>
              </div>
            </details>
          </div>
        </div>
        </div>
      </div>
    </section>

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

  <Footer slot="footer" />
</BaseLayout>