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

<BaseLayout title="เกี่ยวกับเรา | About US" description="เกี่ยวกับเรา บริษัท ดีล พลัส เทค จำกัด ผู้เชี่ยวชาญด้านระบบน้ำ ท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ HDPE">
  <Header slot="header" />
  
  <main class="bg-white min-h-screen">
    <!-- Hero Section -->
    <section class="hero-gradient py-16">
      <div class="container-custom">
        <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 max-w-2xl">ผู้เชี่ยวชาญด้านระบบน้ำ คุณภาพสูง ราคาโรงงาน บริการจัดส่งฟรี กรุงเทพฯ และปริมณฑล</p>
      </div>
    </section>
    
    <!-- About Content -->
    <section class="section">
      <div class="container-custom">
        <div class="max-w-4xl mx-auto">
          <div class="card-glass p-8 md:p-12">
            <div class="prose prose-lg max-w-none">
              <p class="text-lg text-secondary-700 leading-relaxed mb-6">
                <strong>บริษัท ดีล พลัส เทค จำกัด</strong> เราเป็นผู้เชี่ยวชาญด้านระบบน้ำ ให้คำแนะนำและจำหน่าย ท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ PPR ท่อ HDPE Thai PPR รั้วตาข่าย คุณภาพสูง ราคาถูก
              </p>
               
              <p class="text-lg text-secondary-700 leading-relaxed mb-6">
                บริษัท ดีล พลัส เทค จำกัด ได้ก่อตั้งเพื่อดำเนินธุรกิจจัดจำหน่าย ท่อน้ำ อุปกรณ์ท่อน้ำ ในระบบประปาทั่วไป (ระบบน้ำดี น้ำเสีย ระบบรับแรงดัน ระบบระบายน้ำ) ระบบประปาอุตสาหกรรมเคมี ระบบประปาเกษตร ระบบการชลประทาน โดยทางบริษัทได้จัดจำหน่ายสินค้าที่ได้รับความนิยมอย่างแพร่หลาย สินค้าที่มีนวัตกรรมใหม่ๆ คุณภาพสูง มีมาตรฐานเป็นที่ยอมรับ
              </p>
               
              <h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-4 mt-10">สินค้าหลักของเรา</h2>
              
              <ul class="list-disc pl-6 mb-6 space-y-2 text-secondary-700">
                <li>ท่อ PP-R (Polypropylene copolymer random), เครื่องเชื่อมท่อ PP-R</li>
                <li>ท่อดับเพลิง และ Groove Coupling</li>
                <li>ท่อ Syler</li>
                <li>Water Pump</li>
                <li>แผ่นความร้อนและเครื่องเชื่อมท่อ HDPE</li>
                <li>งานระบบ งานแอร์ ฉนวน Insulation</li>
                <li>ระบบ Water Treatment, UV, RO, UF Water, DI&EDI Water, Softener, Sand Filter, Carbon Filter</li>
                <li>Pipe Coupling อุปกรณ์ซ่อมท่อที่ชำรุดหรือท่อรั่ว</li>
              </ul>
               
              <h2 class="text-xl sm:text-xl font-bold text-secondary-900 mb-4 mt-10">ทำไมต้องเลือกเรา</h2>
              
              <div class="grid md:grid-cols-2 gap-6">
                <div class="flex items-start gap-4">
                  <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center flex-shrink-0">
                    <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 13l4 4L19 7" />
                    </svg>
                  </div>
                  <div>
                    <h3 class="font-semibold text-secondary-900">คุณภาพสูง</h3>
                    <p class="text-secondary-600 text-sm">สินค้ามาตรฐานอุตสาหกรรม</p>
                  </div>
                </div>
                <div class="flex items-start gap-4">
                  <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center flex-shrink-0">
                    <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>
                  <div>
                    <h3 class="font-semibold text-secondary-900">ราคาโรงงาน</h3>
                    <p class="text-secondary-600 text-sm">คุ้มค่าต่อการลงทุน</p>
                  </div>
                </div>
                <div class="flex items-start gap-4">
                  <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center flex-shrink-0">
                    <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>
                  <div>
                    <h3 class="font-semibold text-secondary-900">จัดส่งรวดเร็ว</h3>
                    <p class="text-secondary-600 text-sm">ส่งฟรี กทม. ปริมณฑล</p>
                  </div>
                </div>
                <div class="flex items-start gap-4">
                  <div class="w-12 h-12 bg-primary-100 rounded-xl flex items-center justify-center flex-shrink-0">
                    <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="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z" />
                    </svg>
                  </div>
                  <div>
                    <h3 class="font-semibold text-secondary-900">บริการดี</h3>
                    <p class="text-secondary-600 text-sm">ให้คำปรึกษาฟรี</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    
    <!-- Stats Section -->
    <section class="section bg-secondary-50">
      <div class="container-custom">
        <div class="grid grid-cols-3 gap-8 text-center">
          <div>
            <div class="text-4xl sm:text-5xl font-bold text-primary-600 mb-2">10+</div>
            <div class="text-secondary-600">ปีประสบการณ์</div>
          </div>
          <div>
            <div class="text-4xl sm:text-5xl font-bold text-primary-600 mb-2">1000+</div>
            <div class="text-secondary-600">โปรเจคต์สำเร็จ</div>
          </div>
          <div>
            <div class="text-4xl sm:text-5xl font-bold text-primary-600 mb-2">500+</div>
            <div class="text-secondary-600">สินค้าในคลัง</div>
          </div>
        </div>
      </div>
    </section>
    
    <!-- CTA Section -->
    <section class="cta-gradient py-16">
      <div class="container-custom text-center">
        <h2 class="text-2xl sm:text-3xl 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="tel:0905551415" class="btn-white">
            โทร 090-555-1415
          </a>
          <a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white">
            Line: @dealplustech
          </a>
        </div>
      </div>
    </section>
  </main>
  
  <Footer slot="footer" />
</BaseLayout>