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

<BaseLayout title="กริลแอร์พลาสติก (Grilles air plastic)" description="กริลแอร์พลาสติก (Grilles air plastic) หัวจ่ายลม หน้ากากแอร์ กริลรีเทริน์ (Grilles Return) ยี่ห้อ Deal Plus Tech ในระบบปรับอากาศและระบบระบายอากาศที่ใช้ท่อ Duct">
  <Header slot="header" />
  
  <main class="bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
    <!-- Hero Section -->
    <section class="section">
      <div class="container-custom">
        <div class="grid lg:grid-cols-2 gap-12 items-start">
          <!-- Product Images -->
          <div class="space-y-6">
            <div class="card p-8 bg-white">
              <img src="/images/logo/13523630950840.png" alt="กริลแอร์พลาสติก (Grilles air plastic)" class="w-full h-auto rounded-xl" />
            </div>
            
          </div>
          
          <!-- Product Info -->
          <div>
            <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-6">กริลแอร์พลาสติก (Grilles air plastic)</h1>
            <p class="text-xl text-secondary-600 mb-8 leading-relaxed">
              กริลแอร์พลาสติก (Grilles air plastic) หัวจ่ายลม หน้ากากแอร์ กริลรีเทริน์ (Grilles Return) ยี่ห้อ Deal Plus Tech ในระบบปรับอากาศและระบบระบายอากาศที่ใช้ท่อ Duct
            </p>
            
            
    <div class="flex flex-wrap gap-4 mt-8">
      <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-[#06C755] hover:bg-[#05b34d] text-white px-6 py-3 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95">
        <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M19.368 9.131c.896.541 1.532 1.394 1.532 2.516 0 2.059-1.944 3.274-4.268 3.274-.284 0-.554-.027-.824-.054l-1.56.793c-.868.441-1.179.274-1.179-.58v-.71c-2.892-.985-4.89-3.316-4.89-6.29 0-.653.068-1.279.191-1.891H4.796c-2.297 0-4.132 1.757-4.132 4.081 0 2.708 2.114 4.849 5.202 5.615l.027 1.333c0 .626.488.871.976.625l2.351-1.203c.642.177 1.311.273 2.007.273 3.351 0 5.966-1.73 5.966-4.356 0-.428-.068-.83-.19-1.218l2.365-2.204z"/></svg>
        <span>แชท Line</span>
      </a>
      <a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-primary-600 hover:bg-primary-700 text-white px-6 py-3 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95">
        <svg class="w-6 h-6" fill="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>
    
            
            <!-- Features -->
            <div class="mt-12 space-y-4">
              <div class="flex items-start space-x-3">
                <svg class="w-6 h-6 text-primary-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                </svg>
                <span class="text-base text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
              </div>
              <div class="flex items-start space-x-3">
                <svg class="w-6 h-6 text-primary-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                </svg>
                <span class="text-base text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
              </div>
              <div class="flex items-start space-x-3">
                <svg class="w-6 h-6 text-primary-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                </svg>
                <span class="text-base text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
              </div>
              <div class="flex items-start space-x-3">
                <svg class="w-6 h-6 text-primary-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
                </svg>
                <span class="text-base text-secondary-700">รับประกันสินค้า</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    
    <!-- Product Details -->
    <section class="section bg-white">
      <div class="container-custom">
        <h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
        <div class="prose prose-lg max-w-none">
          <p class="text-base text-secondary-700 leading-relaxed mb-4">กริลแอร์พลาสติก (Grilles air plastic) - Deal Plus Tech บริษัท ดีล พลัส เทค จำกัด เราเป็นผู้เชียวชาญด้านระบบน้ำ ให้คำแนะนำและจำหน่าย ท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ PPR ท่อ HDPE Thai PPR รั้วตาข่าย คุณภาพสูง ราคาถูก เราได้ตลอดเวลาทำการ ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Deal Plus Tech ได้ตลอดเวลาทำการ Telephone : 090-555-1415 E-mail</p>
        </div>
      </div>
    </section>
    
    <!-- CTA Section -->
    <section class="section gradient-bg">
      <div class="container-custom text-center">
        <h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
        <p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
          ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
        </p>
        <div class="flex flex-wrap justify-center gap-4">
          <a href="tel:0905551415" class="btn-primary text-lg px-8 py-4">โทรเลย: 090-555-1415</a>
          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-[#06C755] hover:bg-[#05b34d] text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
            <span>แอด Line</span>
          </a>
        </div>
      </div>
    </section>
  </main>
  
  <Footer slot="footer" />
</BaseLayout>
