Files
Kunthawat 9cddd3da57 Refactor: Update category structure, mega menu, footer, and remove unused pages
- Move DURGO from ระบบน้ำ to อุปกรณ์ปรับอากาศ
- Add -category suffix to อุปกรณ์ดับเพลิง and ฉนวนหุ้มท่อ category pages
- Update Header mega menu with correct category slugs
- Fix Footer layout: split categories to 2 columns, remove quick links
- Delete unused pages: all-projects, join-us, services, product
- All product images fixed to 1:1 aspect ratio
2026-03-31 22:54:54 +07:00

345 lines
27 KiB
Plaintext

---
import BaseLayout from '@/layouts/BaseLayout.astro';
import Header from '@/components/common/Header.astro';
import Footer from '@/components/common/Footer.astro';
---
<BaseLayout title="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" description="จำหน่ายท่อระบายน้ำ 3 ชั้น ไซเลนท์ (XYLENT) คุณภาพสูง ผลิตจาก Poloplast ประเทศเยอรมัน-ออสเตรีย มาตรฐาน EN 1451-1 ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
<Header slot="header" />
<main class="bg-white min-h-screen">
<!-- Product 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-cropped/XYLENT_001.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-xl" width="600" height="400" loading="eager" fetchpriority="high" decoding="sync" onerror="this.src='/images/logo/dealplustech-logo.png'" />
</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">ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT</h1>
<p class="text-lg sm:text-xl text-white/80 mb-8 leading-relaxed">
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สอบถามราคาพิเศษได้ที่ Line หรือโทรติดต่อ Deal Plus Tech
</p>
<div class="flex flex-wrap gap-4 mb-8">
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="btn-white flex items-center gap-2">
<span>แชท Line</span>
</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 text-white" 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>เงียบ — ดังเพียง 22 dB</span>
</div>
<div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5 text-white" 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>แข็งแรง — ทนแรงกด 6 kN/m²</span>
</div>
<div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5 text-white" 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>ทนสารเคมี — มาตรฐาน DIN 8087</span>
</div>
<div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5 text-white" 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>ทนความร้อน 95°C</span>
</div>
<div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5 text-white" 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>อายุ 50+ ปี</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Poloplast Factory Section -->
<section class="section bg-secondary-50">
<div class="container-custom">
<div class="grid md:grid-cols-2 gap-8 items-center">
<div>
<img src="/images/products-raw/xylent/XYLENT_002.png" alt="Poloplast Factory" class="w-full h-auto rounded-xl shadow-lg" width="600" height="400" loading="lazy" decoding="async" />
</div>
<div class="text-center md:text-left">
<h2 class="text-xl font-bold text-secondary-900 mb-4">POLOPLAST FACTORY IN GERMANY & AUSTRIA</h2>
<img src="/images/products-raw/xylent/XYLENT_003-1024x185.png" alt="Factory" class="w-full h-auto rounded-xl mb-4" width="600" height="109" loading="lazy" decoding="async" />
</div>
</div>
</div>
</section>
<!-- Product Intro with New Development -->
<section class="section">
<div class="container-custom">
<div class="grid md:grid-cols-2 gap-12 items-center mb-12">
<div>
<img src="/images/products-raw/xylent/XYLENT_004-805x1024.png" alt="New Development" class="w-full h-auto rounded-xl shadow-lg mx-auto" style="max-width: 400px;" width="400" height="507" loading="lazy" decoding="async" />
</div>
<div>
<img src="/images/products-raw/xylent/XYLENT_005-1024x487.png" alt="New Development" class="w-full h-auto rounded-xl shadow-lg mb-6" width="600" height="400" loading="lazy" decoding="async" />
<h2 class="text-xl font-bold text-secondary-900 mb-4">ผู้ผลิตท่อระบายน้ำ 3 ชั้น เป็นรายแรกของโลก</h2>
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
ท่อระบายน้ำ 3 ชั้น ไซเลนท์ ผลิตจากโรงงาน Poloplast ผู้ผลิตท่อ 3 ชั้น รายแรกของโลก ที่มีโรงงานอยู่ในประเทศเยอรมัน และออสเตรีย เริ่มผลิตครั้งแรกในปี ค.ศ. 1991
</p>
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
ท่อระบายน้ำ 3 ชั้น ไซเลนท์ ผ่านการรับรองคุณภาพจาก SKZ ประเทศเยอรมัน ตามมาตรฐาน EN 1451-1 ได้รับการดูแลตรวจสอบคุณภาพโดย German and Austrian plastic institutes จึงมั่นใจได้ในคุณภาพและความปลอดภัย
</p>
</div>
</div>
</div>
</section>
<!-- Sound Insulation Section -->
<section class="section bg-secondary-50">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-6 text-center">เงียบกว่า เก็บเสียงได้ดี ดังเพียง 22 dB เท่านั้น</h2>
<div class="grid md:grid-cols-2 gap-8 items-center">
<div>
<img src="/images/products-raw/xylent/XYLENT_006.png" alt="Sound Insulation" class="w-full h-auto rounded-xl shadow-lg" width="600" height="400" loading="lazy" decoding="async" />
</div>
<div>
<img src="/images/products-raw/xylent/XYLENT_007-1024x474.png" alt="Sound Level Test" class="w-full h-auto rounded-xl shadow-lg mb-6" width="600" height="400" loading="lazy" decoding="async" />
<p class="text-lg text-secondary-700 leading-relaxed">
ท่อระบายน้ำ 3 ชั้น ไซเลนท์ มีชั้นพลาสติกพีพี ชนิดพิเศษที่เป็นฉนวนกันเสียง ที่ผ่านการทดสอบจากระดับเสียงจาก Fraunhofer IBP ซึ่งเป็นผู้เชี่ยวชาญด้านการทดสอบผลกายภาพของวัสดุที่ใช้ในการก่อสร้างอาคาร มีความเชี่ยวชาญพิเศษในด้าน Noise control and sound insulation measures ในอาคาร การทดสอบทำด้วยความเข้มงวดแบบ Installation Sound Level ในระบบ Closed Bracket เสียงดังสุดเพียง 22 dB เท่านั้น
</p>
</div>
</div>
</div>
</section>
<!-- Strength Section -->
<section class="section">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-6 text-center">แข็งแรง ทนต่อแรงกดทับได้ถึง 6 kN/m² ไม่เปราะแตกง่าย</h2>
<div class="grid md:grid-cols-2 gap-8 items-center">
<div>
<img src="/images/products-raw/xylent/XYLENT_008-1024x357.png" alt="Strength Test" class="w-full h-auto rounded-xl shadow-lg" width="600" height="400" loading="lazy" decoding="async" />
</div>
<div>
<p class="text-lg text-secondary-700 leading-relaxed">
ท่อระบายน้ำ ไซเลนท์ มีชั้นพลาสติกพีพี ถึง 3 ชั้น ที่รับแรงกระแทกได้สูง ช่วยปกป้องท่อไม่ให้เกิดปัญหาแตกหัก เมื่อโดนแรงกดทับได้ ในด้านความแข็งแรง ผ่านการทดสอบจาก OKI ตามมาตรฐาน EN ISO 9969
</p>
</div>
</div>
</div>
</section>
<!-- Chemical Resistance & Temperature -->
<section class="section bg-secondary-50">
<div class="container-custom">
<div class="grid md:grid-cols-2 gap-8 mb-12">
<div>
<h2 class="text-xl font-bold text-secondary-900 mb-4">ความต้านทานสารเคมี</h2>
<img src="/images/products-raw/xylent/XYLENT_009-1024x418.png" alt="Chemical Resistance" class="w-full h-auto rounded-xl shadow-lg mb-4" width="600" height="400" loading="lazy" decoding="async" />
<p class="text-lg text-secondary-700 leading-relaxed">
<strong>ท่อและข้อต่อ:</strong> ผลิตจากโพลีโพรพิลีน ตามมาตรฐานเยอรมัน DIN 8087 Supplement 1
</p>
<p class="text-lg text-secondary-700 leading-relaxed mt-2">
<strong>ซีลยาง:</strong> ผลิตจาก SBR หรือ NBR ตามมาตรฐาน ISO TR7620
</p>
</div>
<div>
<h2 class="text-xl font-bold text-secondary-900 mb-4">ทนอุณหภูมิสูงสุด 95°C อายุการใช้งานยาวนาน 50 ปี</h2>
<img src="/images/products-raw/xylent/XYLENT_010-1024x309.png" alt="Temperature Resistance" class="w-full h-auto rounded-xl shadow-lg mb-4" width="600" height="400" loading="lazy" decoding="async" />
<p class="text-lg text-secondary-700 leading-relaxed">
ในการใช้งานจริง ผู้อยู่อาศัยอาจเทน้ำร้อนหรือน้ำมันจากการทำครัว ลงท่อระบายน้ำทันทีได้ ท่อระบายน้ำ 3 ชั้น ไซเลนท์ ผ่านการทดสอบจาก TGM ตามมาตรฐาน EN 1055 : 11.1996 สามารถรองรับอุณหภูมิได้ตามรายละเอียดในตาราง
</p>
</div>
</div>
<!-- Expansion Rate -->
<div class="text-center">
<h2 class="text-xl font-bold text-secondary-900 mb-4">อัตราการยืดตัวของท่อ ต่ำสุดเพียง 0.05 mm / m K</h2>
<img src="/images/products-raw/xylent/XYLENT_011-1024x325.png" alt="Expansion Rate" class="w-full max-w-3xl mx-auto h-auto rounded-xl shadow-lg mb-4" width="800" height="600" loading="lazy" decoding="async" />
<p class="text-lg text-secondary-700 leading-relaxed max-w-3xl mx-auto">
โดยปกติวัตถุจะมีการยืดขยายตัวเมื่อมีอุณหภูมิที่สูงขึ้น สำหรับท่อระบายน้ำนั้น ในแง่ของการใช้งาน มักจะมีการเทน้ำร้อนลงท่อทันที ซึ่งอุณหภูมิที่เปลี่ยนไปจะทำให้ท่อมีการยืดขยายตัวและหดตัวลงเมื่อกลับมาสู่อุณหภูมิห้อง นานไปจะทำให้เกิดปัญหารั่วซึมที่บริเวณข้อต่อได้
</p>
</div>
</div>
</section>
<!-- Push Fit Installation -->
<section class="section">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-6 text-center">ติดตั้งด้วยระบบสวมล็อค (Push Fit)</h2>
<p class="text-lg text-secondary-700 leading-relaxed text-center max-w-3xl mx-auto mb-8">
ติดตั้งง่าย ด้วยการออกแบบพิเศษ ปลายท่อด้านหนึ่งเป็นปากระฆัง พร้อมซีลยางจากโรงงาน ด้วยระบบสวมล็อค (Push Fit) อีกทั้งท่อยังเบากว่าท่อเหล็กหล่อ แต่มีความแข็งแรงกว่าท่อพีวีซี จึงทำให้ท่อระบายน้ำ ไซเลนท์ ติดตั้งได้อย่างง่ายมาก แม้จะเป็นพื้นที่แคบๆ อย่างในช่องชาร์ป
</p>
<h3 class="text-xl font-bold text-secondary-900 mb-6 text-center">ขั้นตอนง่ายๆ ในการติดตั้งระบบสวมล็อค</h3>
<div class="text-lg text-secondary-700 leading-relaxed max-w-3xl mx-auto mb-12 space-y-4">
<p><strong>ขั้นตอนที่ 1:</strong> ตัดท่อให้ได้ฉาก และแต่งปลายท่อ (มุมที่เหมาะสมในการแต่งปลายท่อคือ 15 องศา ตามตาราง)</p>
<p><strong>ขั้นตอนที่ 2:</strong> ทา Lubricant XYLENT ที่ด้านปลายปากระฆังให้ทั่ว</p>
<p><strong>ขั้นตอนที่ 3:</strong> สวมท่อเข้ากับปลายปากระฆังจนกว่าจะสุด สามารถหมุนท่อเพื่อให้สวมท่อเข้าได้ง่ายขึ้น</p>
<p><strong>ขั้นตอนที่ 4:</strong> ถ้ามีความจำเป็น สามารถดึงท่อขึ้นมาได้โดยดึงได้ 10 มม. (ตามรูปที่ 1)</p>
<p><strong>ขั้นตอนที่ 5:</strong> สำหรับการติดตั้งท่อในแนวตั้ง ใช้ตัวรัดท่อรัดที่ด้านล่างของปากระฆังทันทีหลังจากติดตั้ง เพื่อป้องกันท่อหดกลับเข้าไปในปากปลายระฆัง (ตามรูปที่ 2)</p>
</div>
<!-- All Step Images -->
<div class="max-w-4xl mx-auto">
<div class="grid grid-cols-3 gap-4 mb-4">
<img src="/images/products-raw/xylent/XYLENT_012.png" alt="ขั้นตอนที่ 1" class="w-full h-auto rounded-xl shadow-lg" width="600" height="400" loading="lazy" decoding="async" />
<img src="/images/products-raw/xylent/XYLENT_013.png" alt="ขั้นตอนที่ 2" class="w-full h-auto rounded-xl shadow-lg" width="600" height="400" loading="lazy" decoding="async" />
<img src="/images/products-raw/xylent/XYLENT_014.png" alt="ขั้นตอนที่ 3" class="w-full h-auto rounded-xl shadow-lg" width="600" height="400" loading="lazy" decoding="async" />
</div>
<div class="flex justify-center mb-4">
<img src="/images/products-raw/xylent/XYLENT_015.png" alt="ขั้นตอนที่ 4" class="w-full h-auto rounded-xl shadow-lg" style="max-width: 33.333%;" width="600" height="400" loading="lazy" decoding="async" />
</div>
<div class="flex justify-center">
<img src="/images/products-raw/xylent/XYLENT_016-1024x617.png" alt="ขั้นตอนที่ 5" class="w-full h-auto rounded-xl shadow-lg" style="max-width: 33.333%;" width="600" height="361" loading="lazy" decoding="async" />
</div>
</div>
</div>
</section>
<!-- Cast Iron Comparison -->
<section class="section bg-secondary-50">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-6 text-center">เหตุใดในยุโรป จึงไม่ใช้ท่อเหล็กหล่อ (Cast Iron) เป็นท่อน้ำทิ้ง</h2>
<div class="grid md:grid-cols-2 gap-8 items-center">
<div>
<img src="/images/products-raw/xylent/XYLENT_017.png" alt="Why Not Cast Iron" class="w-full h-auto rounded-xl shadow-lg" width="600" height="400" loading="lazy" decoding="async" />
</div>
<div>
<ul class="list-disc pl-6 space-y-3 text-lg text-secondary-700">
<li>เป็นสนิมกัดกร่อน</li>
<li>มีความสะสมของตะกรัน รูในท่อจะเล็กลงจนอุดตัน ทำให้ประสิทธิภาพในการระบายน้ำลดลง</li>
<li>อายุการใช้งานสั้น ทำให้ต้องมีการรื้อถอนเพื่อซ่อมแซมในส่วนของท่อระบายน้ำ</li>
<li>ต้นทุนค่าก่อสร้างแพงกว่า</li>
<li>วิธีการติดตั้งทำได้ยาก ต้องใช้แรงงานจำนวนมาก</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Halogen Free -->
<section class="section">
<div class="container-custom text-center">
<h2 class="text-xl font-bold text-secondary-900 mb-6">ท่อระบายน้ำ 3 ชั้น ไซเลนท์ ปลอดสารฮาโลเจน</h2>
<div class="flex justify-center mb-6">
<img src="/images/products-raw/xylent/XYLENT_018-1024x848.png" alt="ปลอดสารฮาโลเจน" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
</div>
<p class="text-lg text-secondary-700 leading-relaxed max-w-3xl mx-auto">
วัตถุดิบที่ใช้ผลิตท่อและข้อต่อ ทำจากพีพี ซึ่งมีความสะอาดสูง และปลอดสารฮาโลเจน จึงปลอดภัยกว่าเมื่อเกิดอัคคีภัย
</p>
</div>
</section>
<!-- Product Gallery: Pipe -->
<section class="section bg-secondary-50">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">ท่อ / PIPE</h2>
<div class="flex justify-center">
<img src="/images/products-raw/xylent/XYLENT_022.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
</div>
</div>
</section>
<!-- Product Gallery: Fitting -->
<section class="section">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">ข้อต่อ / FITTING</h2>
<div class="flex flex-col items-center gap-8">
<img src="/images/products-raw/xylent/XYLENT_023.png" alt="ข้อต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
<img src="/images/products-raw/xylent/XYLENT_024.png" alt="ข้อต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
<img src="/images/products-raw/xylent/XYLENT_025.png" alt="ข้อต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
</div>
</div>
</section>
<!-- Product Gallery: Trap -->
<section class="section bg-secondary-50">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">อุปกรณ์ดับกลิ่น / TRAP</h2>
<div class="flex justify-center">
<img src="/images/products-raw/xylent/XYLENT_026.png" alt="อุปกรณ์ดับกลิ่น" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
</div>
</div>
</section>
<!-- Product Gallery: Transition Fittings -->
<section class="section">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">อุปกรณ์ต่อท่อชนิดอื่น / TRANSITION FITTINGS</h2>
<div class="flex flex-col items-center gap-8">
<img src="/images/products-raw/xylent/XYLENT_027.png" alt="อุปกรณ์ต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
<img src="/images/products-raw/xylent/XYLENT_028.png" alt="อุปกรณ์ต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
</div>
</div>
</section>
<!-- Product Gallery: Accessories -->
<section class="section bg-secondary-50">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8 text-center">อุปกรณ์เสริม / ACCESSORIES</h2>
<div class="flex flex-col items-center gap-8">
<img src="/images/products-raw/xylent/XYLENT_029.png" alt="อุปกรณ์เสริม" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
<img src="/images/products-raw/xylent/XYLENT_030.png" alt="อุปกรณ์เสริม" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
<img src="/images/products-raw/xylent/XYLENT_031-771x1024.png" alt="อุปกรณ์เสริม" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" width="800" height="600" loading="lazy" decoding="async" />
</div>
</div>
</section>
<!-- PDF Price List -->
<section class="section">
<div class="container-custom">
<div class="card-glass p-8 max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-6 text-center">ดาวน์โหลดราคาสินค้า</h2>
<div class="grid md:grid-cols-2 gap-4">
<a href="/documents/Price List XYLENT_Novat_V12-2022 [080265]_220727_155718 (1).pdf" target="_blank" class="flex items-center gap-4 p-4 bg-secondary-50 rounded-xl hover:bg-secondary-100 transition-colors group">
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
<div><div class="font-medium text-secondary-900 group-hover:text-primary-600 transition-colors">Price List XYLENT Novat V12-2022</div><div class="text-sm text-secondary-500">PDF</div></div>
</a>
<a href="/documents/Price List_novat_18-1-64_210723_094815.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-secondary-50 rounded-xl hover:bg-secondary-100 transition-colors group">
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
<div><div class="font-medium text-secondary-900 group-hover:text-primary-600 transition-colors">Price List Novat 18-1-64</div><div class="text-sm text-secondary-500">PDF</div></div>
</a>
</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/~dealplustech" target="_blank" class="btn-white">
Line: @dealplustech
</a>
<a href="tel:0905551415" class="btn-white">
โทร 090-555-1415
</a>
</div>
</div>
</section>
</main>
<Footer slot="footer" />
</BaseLayout>