fix(hero): remove duplicate old CTAs from 19 product pages
Old CTAs (e.g. 'สนใจสินค้าของเรา?', 'สอบถามราคาและสั่งซื้อ',
'sนใจรั้วเทวดา?') were still present above the canonical CTA
section added in 17f4eb7. Each page now has exactly one CTA.
Deleted section types:
- 12x section gradient (สนใจสินค้าของเรา?)
- 5x section gradient (สนใจสินค้านี้? — different buttons)
- 3x box bg-primary-50 (สอบถามราคาและสั่งซื้อ)
- 2x accent gradient sections
- 1x div-based (ตู้ดับเพลิง — special format)
Verified: new CTA intact, no duplicate headings, build 40/40 OK,
HTML render: 20/20 have correct single CTA with 2 buttons.
This commit is contained in:
Kunthawat Greethong
@@ -91,140 +91,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Product Details -->
|
<!-- Product Details -->
|
||||||
<section class="py-16">
|
|
||||||
<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-slate-900 mb-8">รายละเอียดสินค้า AEROCEL D-AL</h2>
|
|
||||||
|
|
||||||
<div class="prose prose-lg max-w-none mb-8">
|
|
||||||
<p class="text-lg text-slate-700 leading-relaxed mb-6">
|
|
||||||
<strong>AEROCEL D-AL</strong> ฉนวนยางดำ EPDM เคลือบผิวด้วยอลูมิเนียมฟอยล์ สำหรับงานหุ้มระบบปรับอากาศ ผลิตจากฉนวนยางดำชนิด EPDM รีดออกมาเป็นแผ่นและปิดผิวทับด้วยอลูมิเนียมฟอยล์ นำมาหุ้มท่อปรับอากาศ เพื่อรักษาอุณหภูมิในท่อดักท์ ลดการสูญเสียพลังงาน ลดเสียงรบกวน ช่วยลดการเกิดเชื้อราและแบคทีเรียสะสม
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="grid md:grid-cols-2 gap-6 mb-8">
|
|
||||||
<div class="bg-primary-50 rounded-xl p-6">
|
|
||||||
<h3 class="text-xl font-bold text-primary-700 mb-4">คุณสมบัติเด่น</h3>
|
|
||||||
<ul class="space-y-3">
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>เคลือบอลูมิเนียมฟอยล์</strong> — ป้องกันความชื้น เพิ่มความทนทาน</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>โครงสร้างเซลล์ปิด</strong> — กันไอน้ำและความชื้นได้ดี</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>ยืดหยุ่นสูง</strong> — ติดตั้งง่าย เข้ามุม เข้ารูปได้ดี</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>ลดเสียงรบกวน</strong> — ดูดซับเสียงจากระบบท่อ</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>ปลอดภัย</strong> — ไม่มีเส้นใย ไม่มีฟอร์มาลดีไฮด์</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-slate-50 rounded-xl p-6">
|
|
||||||
<h3 class="text-xl font-bold text-slate-900 mb-4">ข้อมูลจำเพาะ</h3>
|
|
||||||
<ul class="space-y-3">
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">วัสดุ:</span>
|
|
||||||
<span class="text-slate-700">ยาง EPDM (Ethylene Propylene Diene Monomer)</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">การเคลือบ:</span>
|
|
||||||
<span class="text-slate-700">อลูมิเนียมฟอยล์ 1 ด้าน</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">โครงสร้าง:</span>
|
|
||||||
<span class="text-slate-700">เซลล์ปิด (Close Cell)</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">อุณหภูมิใช้งาน:</span>
|
|
||||||
<span class="text-slate-700">-50°C ถึง +116°C</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">ขนาด:</span>
|
|
||||||
<span class="text-slate-700">กว้าง 1 เมตร x ยาว 10 เมตร</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 class="text-2xl font-bold text-slate-900 mt-8 mb-4">ประโยชน์จากการใช้งาน AEROCEL D-AL</h3>
|
|
||||||
<ul class="list-disc pl-6 mb-6 space-y-3">
|
|
||||||
<li><strong>รักษาอุณหภูมิในท่อดักท์</strong> — ลดการสูญเสียความเย็น ประหยัดพลังงาน</li>
|
|
||||||
<li><strong>ป้องกันการเกิดหยดน้ำ (Condensation)</strong> — โครงสร้างเซลล์ปิดและเคลือบอลูมิเนียมช่วยป้องกันความชื้น</li>
|
|
||||||
<li><strong>ลดเสียงรบกวน</strong> — ดูดซับเสียงจากการไหลของอากาศในท่อ</li>
|
|
||||||
<li><strong>ป้องกันเชื้อราและแบคทีเรีย</strong> — ผิวเรียบไม่เป็นที่สะสมของเชื้อรา</li>
|
|
||||||
<li><strong>เพิ่มความสวยงาม</strong> — ผิวอลูมิเนียมเรียบสวย เหมาะกับงานที่ต้องการความสวยงาม</li>
|
|
||||||
<li><strong>เพิ่มคุณภาพอากาศในอาคาร</strong> — ปลอดภัย ไม่มีเส้นใย ไม่มีฟอร์มาลดีไฮด์</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h3 class="text-2xl font-bold text-slate-900 mt-8 mb-4">การประยุกต์ใช้งาน</h3>
|
|
||||||
<p class="text-lg text-slate-700 mb-6">
|
|
||||||
AEROCEL D-AL เหมาะสำหรับใช้ในงานต่างๆ ดังนี้:
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="grid md:grid-cols-2 gap-4 mb-8">
|
|
||||||
<div class="flex items-center gap-3 p-4 bg-blue-50 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-blue-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>
|
|
||||||
<span class="font-medium text-slate-900">ท่อลมเย็น (Air Duct)</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center gap-3 p-4 bg-blue-50 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-blue-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>
|
|
||||||
<span class="font-medium text-slate-900">ระบบปรับอากาศ (HVAC)</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center gap-3 p-4 bg-blue-50 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-blue-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>
|
|
||||||
<span class="font-medium text-slate-900">ท่อน้ำเย็น (Chilled Water)</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center gap-3 p-4 bg-blue-50 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-blue-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>
|
|
||||||
<span class="font-medium text-slate-900">ระบบทำความเย็น (Refrigeration)</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-amber-50 border-l-4 border-amber-500 p-4 mb-8">
|
|
||||||
<h4 class="font-semibold text-slate-900 mb-2">💡 คำแนะนำการเลือกความหนา</h4>
|
|
||||||
<ul class="text-slate-700 space-y-1">
|
|
||||||
<li>• ท่อลมเย็น ขนาดเล็ก: 10-15 มม.</li>
|
|
||||||
<li>• ท่อลมเย็น ขนาดกลาง-ใหญ่: 15-25 มม.</li>
|
|
||||||
<li>• ท่อลมเย็น ขนาดใหญ่พิเศษ: 25-40 มม.</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-primary-50 border-l-4 border-primary-600 p-4 mt-6">
|
|
||||||
<p class="text-slate-700">
|
|
||||||
<strong>สอบถามราคาและสั่งซื้อ:</strong> ติดต่อเราได้ที่ Line: <a href="https://line.me/ti/p/~JPPSELECTION" class="text-primary-700 underline">JPPSELECTION</a> หรือโทร <a href="tel:0905551415" class="text-primary-700 underline">090-555-1415</a> ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Product Image Gallery -->
|
<!-- Product Image Gallery -->
|
||||||
<section class="py-12 bg-gray-50">
|
<section class="py-12 bg-gray-50">
|
||||||
|
|||||||
@@ -104,170 +104,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Product Details -->
|
<!-- Product Details -->
|
||||||
<section class="py-16">
|
|
||||||
<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-slate-900 mb-8">รายละเอียดสินค้า Armaflex Class 1 ชนิดม้วน</h2>
|
|
||||||
|
|
||||||
<div class="prose prose-lg max-w-none mb-8">
|
|
||||||
<p class="text-lg text-slate-700 leading-relaxed mb-6">
|
|
||||||
<strong>Armaflex Class 1</strong> เป็นผลิตภัณฑ์ในเครือของ <strong>Armacell</strong> ซึ่งเป็นบริษัทผลิตและวิจัยพัฒนาฉนวนยางดำชั้นนำของโลก ฉนวนยางดำแบบม้วน (Sheet/Roll) ผลิตจากยางสังเคราะห์ชนิด NBR มีโครงสร้างเซลล์ปิด (Close Cell Structure) ช่วยป้องกันการซึมผ่านของไอน้ำและความชื้นได้อย่างมีประสิทธิภาพ
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="grid md:grid-cols-2 gap-6 mb-8">
|
|
||||||
<div class="bg-primary-50 rounded-xl p-6">
|
|
||||||
<h3 class="text-xl font-bold text-primary-700 mb-4">คุณสมบัติเด่น</h3>
|
|
||||||
<ul class="space-y-3">
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>โครงสร้างเซลล์ปิด</strong> — ป้องกันการดูดซับน้ำและไอน้ำ</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>ค่าการนำความร้อนต่ำ</strong> — ประหยัดพลังงาน รักษาอุณหภูมิได้ดี</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>ยืดหยุ่นสูง</strong> — ติดตั้งง่าย เข้ามุม เข้ารูปได้ดี</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>ทนทาน</strong> — ทนต่อสภาพอากาศและรังสี UV</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>ปลอดภัย</strong> — ไม่มีเส้นใย ไม่มีฟอร์มาลดีไฮด์</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-slate-50 rounded-xl p-6">
|
|
||||||
<h3 class="text-xl font-bold text-slate-900 mb-4">ข้อมูลจำเพาะ</h3>
|
|
||||||
<ul class="space-y-3">
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">วัสดุ:</span>
|
|
||||||
<span class="text-slate-700">ยางสังเคราะห์ NBR (Nitrile Rubber)</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">โครงสร้าง:</span>
|
|
||||||
<span class="text-slate-700">เซลล์ปิด (Close Cell)</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">อุณหภูมิใช้งาน:</span>
|
|
||||||
<span class="text-slate-700">-50°C ถึง +105°C</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">ความหนา:</span>
|
|
||||||
<span class="text-slate-700">6-25 มม.</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">ขนาดม้วน:</span>
|
|
||||||
<span class="text-slate-700">กว้าง 1 เมตร x ยาว 10-30 เมตร</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 class="text-2xl font-bold text-slate-900 mt-8 mb-4">มาตรฐานและการรับรอง</h3>
|
|
||||||
<p class="text-lg text-slate-700 mb-6">
|
|
||||||
Armaflex Class 1 ได้รับการรับรองมาตรฐานระดับโลกหลายรายการ:
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="grid md:grid-cols-3 gap-4 mb-8">
|
|
||||||
<div class="p-4 bg-blue-50 rounded-xl text-center">
|
|
||||||
<div class="text-2xl font-bold text-blue-700 mb-2">FM Approved</div>
|
|
||||||
<p class="text-sm text-slate-700">มาตรฐานความปลอดภัยจากประกันภัย</p>
|
|
||||||
</div>
|
|
||||||
<div class="p-4 bg-green-50 rounded-xl text-center">
|
|
||||||
<div class="text-2xl font-bold text-green-700 mb-2">UL 94 V-0</div>
|
|
||||||
<p class="text-sm text-slate-700">มาตรฐานทนไฟระดับสูง</p>
|
|
||||||
</div>
|
|
||||||
<div class="p-4 bg-purple-50 rounded-xl text-center">
|
|
||||||
<div class="text-2xl font-bold text-purple-700 mb-2">GREENGUARD Gold</div>
|
|
||||||
<p class="text-sm text-slate-700">รับรองคุณภาพอากาศในอาคาร</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 class="text-2xl font-bold text-slate-900 mt-8 mb-4">ค่าความต้านทานการแพร่ของไอน้ำ (μ)</h3>
|
|
||||||
<p class="text-lg text-slate-700 mb-4">
|
|
||||||
ฉนวนยางดำ Armaflex Class 1 มีค่า μ = <strong>10,000</strong> ซึ่งสูงกว่าวัสดุก่อสร้างทั่วไป:
|
|
||||||
</p>
|
|
||||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
|
||||||
<li>ก้อนอิฐ: μ = 14.28</li>
|
|
||||||
<li>แผ่นคอนกรีต: μ = 76</li>
|
|
||||||
<li>แผ่นเหล็กสแตนเลส: μ = 1,000</li>
|
|
||||||
<li><strong>Armaflex Class 1: μ = 10,000</strong></li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h3 class="text-2xl font-bold text-slate-900 mt-8 mb-4">การประยุกต์ใช้งาน</h3>
|
|
||||||
<p class="text-lg text-slate-700 mb-6">
|
|
||||||
ด้วยอุณหภูมิการใช้งานที่ค่อนไปทางต่ำ (-50°C ถึง +105°C) Armaflex Class 1 ชนิดม้วน เหมาะสำหรับงานระบบเย็นดังนี้:
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="grid md:grid-cols-2 gap-4 mb-8">
|
|
||||||
<div class="flex items-center gap-3 p-4 bg-blue-50 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-blue-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>
|
|
||||||
<span class="font-medium text-slate-900">ระบบปรับอากาศ (HVAC/R)</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center gap-3 p-4 bg-blue-50 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-blue-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>
|
|
||||||
<span class="font-medium text-slate-900">ท่อน้ำเย็น (Chilled Water)</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center gap-3 p-4 bg-blue-50 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-blue-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>
|
|
||||||
<span class="font-medium text-slate-900">ห้องแช่แข็ง (Cold Storage)</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center gap-3 p-4 bg-blue-50 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-blue-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>
|
|
||||||
<span class="font-medium text-slate-900">ระบบท่อลมเย็น</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 class="text-2xl font-bold text-slate-900 mt-8 mb-4">ข้อดีของการใช้ Armaflex Class 1</h3>
|
|
||||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
|
||||||
<li><strong>ป้องกัน CUI (Corrosion Under Insulation)</strong> — โครงสร้างเซลล์ปิดป้องกันไอน้ำซึมเข้าทำให้เกิดสนิมใต้ฉนวน</li>
|
|
||||||
<li><strong>ประหยัดค่าพลังงาน</strong> — ค่าการนำความร้อนต่ำ ลดการสูญเสียความเย็น</li>
|
|
||||||
<li><strong>ลดการเกิดหยดน้ำ</strong> — ผิวฉนวนเซลล์ปิดไม่ดูดซับความชื้น</li>
|
|
||||||
<li><strong>คุณภาพอากาศในอาคาร</strong> — ปลอดภัย ไม่มีเส้นใย ไม่มีฟอร์มาลดีไฮด์</li>
|
|
||||||
<li><strong>ติดตั้งง่าย</strong> — ยืดหยุ่น เข้ารูปได้ดี ไม่ต้องใช้เครื่องมือพิเศษ</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<div class="bg-amber-50 border-l-4 border-amber-500 p-4 mb-8">
|
|
||||||
<h4 class="font-semibold text-slate-900 mb-2">💡 คำแนะนำการเลือกความหนา</h4>
|
|
||||||
<ul class="text-slate-700 space-y-1">
|
|
||||||
<li>• ท่อน้ำเย็น: 15-25 มม.</li>
|
|
||||||
<li>• ท่อลมเย็น: 20-40 มม.</li>
|
|
||||||
<li>• ห้องแช่แข็ง: 25-50 มม.</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-primary-50 border-l-4 border-primary-600 p-4 mt-6">
|
|
||||||
<p class="text-slate-700">
|
|
||||||
<strong>สอบถามราคาและสั่งซื้อ:</strong> ติดต่อเราได้ที่ Line: <a href="https://line.me/ti/p/~JPPSELECTION" class="text-primary-700 underline">JPPSELECTION</a> หรือโทร <a href="tel:0905551415" class="text-primary-700 underline">090-555-1415</a> ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Download Section -->
|
<!-- Download Section -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden" id="pricelist">
|
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden" id="pricelist">
|
||||||
|
|||||||
@@ -285,26 +285,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Contact CTA -->
|
<!-- Contact 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-xl sm:text-2xl font-bold 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" 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>
|
|
||||||
แชท
|
|
||||||
</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">
|
|
||||||
โทร 090-555-1415
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<p class="text-base text-white/70 mt-8">
|
|
||||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@@ -317,26 +317,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Contact CTA -->
|
<!-- Contact 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-xl sm:text-2xl font-bold 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" 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>
|
|
||||||
แชท
|
|
||||||
</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">
|
|
||||||
โทร 090-555-1415
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<p class="text-base text-white/70 mt-8">
|
|
||||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@@ -91,154 +91,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Product Details -->
|
<!-- Product Details -->
|
||||||
<section class="py-16">
|
|
||||||
<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-slate-900 mb-8">รายละเอียดสินค้า MAXFLEX FSK</h2>
|
|
||||||
|
|
||||||
<div class="prose prose-lg max-w-none mb-8">
|
|
||||||
<p class="text-lg text-slate-700 leading-relaxed mb-6">
|
|
||||||
<strong>MAXFLEX FSK</strong> ฉนวนยางดำ EPDM เคลือบผิวด้วยอลูมิเนียมฟอยล์ 1 ด้าน เป็นฉนวนยางดำชนิดเซลล์ปิด (Close Cell Structure) ชนิดไม่ลามไฟ (Fire Retardant) เนื้อฉนวนเป็นโฟมยืดหยุ่นสีดำ มีค่าการนำความร้อนต่ำ (Low Thermal Conductivity) ออกแบบมาสำหรับระบบปรับอากาศและระบบทำความเย็น
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="grid md:grid-cols-2 gap-6 mb-8">
|
|
||||||
<div class="bg-primary-50 rounded-xl p-6">
|
|
||||||
<h3 class="text-xl font-bold text-primary-700 mb-4">คุณสมบัติเด่น</h3>
|
|
||||||
<ul class="space-y-3">
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>เคลือบอลูมิเนียมฟอยล์</strong> — ป้องกันความชื้น เพิ่มความทนทาน</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>ทนไฟ (Fire Retardant)</strong> — มาตรฐานความปลอดภัยจากประกายไฟ</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>โครงสร้างเซลล์ปิด</strong> — กันไอน้ำและความชื้นได้ดี</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>ค่าการนำความร้อนต่ำ</strong> — ประหยัดพลังงาน</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<svg class="w-5 h-5 text-primary-600 flex-shrink-0 mt-0.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 class="text-slate-700"><strong>ยืดหยุ่นสูง</strong> — ติดตั้งง่าย</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-slate-50 rounded-xl p-6">
|
|
||||||
<h3 class="text-xl font-bold text-slate-900 mb-4">ข้อมูลจำเพาะ</h3>
|
|
||||||
<ul class="space-y-3">
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">วัสดุ:</span>
|
|
||||||
<span class="text-slate-700">ยาง EPDM (Ethylene Propylene Diene Monomer)</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">การเคลือบ:</span>
|
|
||||||
<span class="text-slate-700">อลูมิเนียมฟอยล์ 1 ด้าน</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">คุณสมบัติ:</span>
|
|
||||||
<span class="text-slate-700">ทนไฟ (Fire Retardant)</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">อุณหภูมิใช้งาน:</span>
|
|
||||||
<span class="text-slate-700">-57°C ถึง +125°C</span>
|
|
||||||
</li>
|
|
||||||
<li class="flex items-start gap-3">
|
|
||||||
<span class="text-primary-600 font-semibold min-w-[140px]">ขนาด:</span>
|
|
||||||
<span class="text-slate-700">กว้าง 1 เมตร x ยาว 10 เมตร</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 class="text-2xl font-bold text-slate-900 mt-8 mb-4">ข้อดีของ MAXFLEX FSK</h3>
|
|
||||||
<ul class="list-disc pl-6 mb-6 space-y-3">
|
|
||||||
<li><strong>เคลือบอลูมิเนียมฟอยล์</strong> — ช่วยป้องกันความชื้น เพิ่มความทนทาน ยืดอายุการใช้งาน</li>
|
|
||||||
<li><strong>ทนไฟ (Fire Retardant)</strong> — มาตรฐานความปลอดภัยจากประกายไฟ เหมาะสำหรับอาคารสูงและโรงแรม</li>
|
|
||||||
<li><strong>โครงสร้างเซลล์ปิด</strong> — ป้องกันไอน้ำและความชื้นซึมผ่าน</li>
|
|
||||||
<li><strong>ค่าการนำความร้อนต่ำ</strong> — ลดการสูญเสียความเย็น ประหยัดพลังงาน</li>
|
|
||||||
<li><strong>ติดตั้งง่าย</strong> — ยืดหยุ่น เข้ามุม เข้ารูปได้ดี</li>
|
|
||||||
<li><strong>ทาสวยงาม</strong> — ผิวอลูมิเนียมเรียบสวย เหมาะกับงานที่ต้องการความสวยงาม</li>
|
|
||||||
<li><strong>สามารถเคลือบกาวเพิ่มเติม</strong> — ติดตั้งโดยลอกฟิล์มออกแล้วติดได้เลย (Self-Adhesive option)</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h3 class="text-2xl font-bold text-slate-900 mt-8 mb-4">การประยุกต์ใช้งาน</h3>
|
|
||||||
<p class="text-lg text-slate-700 mb-6">
|
|
||||||
MAXFLEX FSK เหมาะสำหรับใช้ในงานต่างๆ ดังนี้:
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="grid md:grid-cols-2 gap-4 mb-8">
|
|
||||||
<div class="flex items-center gap-3 p-4 bg-blue-50 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-blue-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>
|
|
||||||
<span class="font-medium text-slate-900">ระบบปรับอากาศ (HVAC)</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center gap-3 p-4 bg-blue-50 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-blue-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>
|
|
||||||
<span class="font-medium text-slate-900">ระบบทำความเย็น (Refrigeration)</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center gap-3 p-4 bg-blue-50 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-blue-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>
|
|
||||||
<span class="font-medium text-slate-900">ท่อลมเย็น (Air Duct)</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center gap-3 p-4 bg-red-50 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z" />
|
|
||||||
</svg>
|
|
||||||
<span class="font-medium text-slate-900">ระบบดับเพลิง</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center gap-3 p-4 bg-orange-50 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z" />
|
|
||||||
</svg>
|
|
||||||
<span class="font-medium text-slate-900">ระบบท่อน้ำร้อน</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center gap-3 p-4 bg-slate-100 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
|
|
||||||
</svg>
|
|
||||||
<span class="font-medium text-slate-900">โรงแรม/โรงพยาบาล</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-amber-50 border-l-4 border-amber-500 p-4 mb-8">
|
|
||||||
<h4 class="font-semibold text-slate-900 mb-2">💡 คำแนะนำการเลือกความหนา</h4>
|
|
||||||
<ul class="text-slate-700 space-y-1">
|
|
||||||
<li>• ท่อลมเย็น ขนาดเล็ก: 10-15 มม.</li>
|
|
||||||
<li>• ท่อลมเย็น ขนาดกลาง-ใหญ่: 15-25 มม.</li>
|
|
||||||
<li>• ระบบทำความเย็น: 20-30 มม.</li>
|
|
||||||
<li>• ระบบดับเพลิง/น้ำร้อน: 25-40 มม.</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-primary-50 border-l-4 border-primary-600 p-4 mt-6">
|
|
||||||
<p class="text-slate-700">
|
|
||||||
<strong>สอบถามราคาและสั่งซื้อ:</strong> ติดต่อเราได้ที่ Line: <a href="https://line.me/ti/p/~JPPSELECTION" class="text-primary-700 underline">JPPSELECTION</a> หรือโทร <a href="tel:0905551415" class="text-primary-700 underline">090-555-1415</a> ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Download Section -->
|
<!-- Download Section -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden" id="pricelist">
|
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden" id="pricelist">
|
||||||
|
|||||||
@@ -190,23 +190,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Contact CTA -->
|
<!-- Contact 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-xl sm:text-2xl font-bold 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" 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>
|
|
||||||
แชท
|
|
||||||
</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">
|
|
||||||
โทร 090-555-1415
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@@ -198,24 +198,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Contact CTA -->
|
<!-- Contact CTA -->
|
||||||
<section class="py-16 px-4 bg-gradient-to-br from-primary-700 to-primary-600 text-white text-center relative overflow-hidden">
|
|
||||||
<div class="max-w-4xl mx-auto">
|
|
||||||
<h2 class="text-3xl font-bold mb-6">สนใจสินค้านี้?</h2>
|
|
||||||
<p class="text-lg text-primary-100 mb-8">ติดต่อ 090-555-1415 หรือแอดไลน์ JPPSELECTION</p>
|
|
||||||
<div class="flex flex-wrap justify-center gap-4">
|
|
||||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="bg-white text-primary-700 py-3 px-8 rounded-xl font-semibold hover:bg-primary-50 flex items-start 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>
|
|
||||||
แชท
|
|
||||||
</a>
|
|
||||||
<a href="tel:0905551415" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-8 rounded-xl font-semibold flex items-start 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>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@@ -323,26 +323,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Contact CTA -->
|
<!-- Contact 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-xl sm:text-2xl font-bold 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" 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>
|
|
||||||
แชท
|
|
||||||
</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">
|
|
||||||
โทร 090-555-1415
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<p class="text-base text-white/70 mt-8">
|
|
||||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> JPPSELECTION | <strong>E-mail:</strong> dealplustech@gmail.com
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@@ -197,24 +197,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Contact CTA -->
|
<!-- Contact CTA -->
|
||||||
<section class="py-16 px-4 bg-gradient-to-br from-primary-700 to-primary-600 text-white text-center relative overflow-hidden">
|
|
||||||
<div class="max-w-4xl mx-auto">
|
|
||||||
<h2 class="text-3xl font-bold mb-6">สนใจสินค้านี้?</h2>
|
|
||||||
<p class="text-lg text-primary-100 mb-8">ติดต่อ 090-555-1415 หรือแอดไลน์ JPPSELECTION</p>
|
|
||||||
<div class="flex flex-wrap justify-center gap-4">
|
|
||||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="bg-white text-primary-700 py-3 px-8 rounded-xl font-semibold hover:bg-primary-50 flex items-start 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>
|
|
||||||
แชท
|
|
||||||
</a>
|
|
||||||
<a href="tel:0905551415" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-8 rounded-xl font-semibold flex items-start 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>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@@ -343,57 +343,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- CTA Section -->
|
<!-- CTA Section -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white text-center relative overflow-hidden">
|
|
||||||
|
|
||||||
<!-- Animated Background -->
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<!-- Floating Particles -->
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<!-- Water-inspired Waves -->
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<!-- Second Wave Layer -->
|
|
||||||
<svg class="absolute bottom-0 left-0 w-full h-[200px] opacity-10" viewBox="0 0 1440 200" preserveAspectRatio="none">
|
|
||||||
<path d="M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="1">
|
|
||||||
<animate attributeName="d" dur="15s" repeatCount="indefinite" values="M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z;M0,120 Q240,20 480,120 T960,120 T1440,120 L1440,200 L0,200 Z;M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z"/>
|
|
||||||
</path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<div class="max-w-4xl mx-auto px-4">
|
|
||||||
<h2 class="text-2xl md:text-3xl font-bold 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="bg-white text-primary-700 hover:bg-primary-50 py-3 px-8 rounded-xl font-semibold 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="bg-accent-500 hover:bg-accent-600 text-white py-3 px-8 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>
|
|
||||||
<span>090-555-1415</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@@ -347,23 +347,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Contact CTA -->
|
<!-- Contact 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-xl sm:text-2xl font-bold 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" 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>
|
|
||||||
แชท
|
|
||||||
</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">
|
|
||||||
โทร 090-555-1415
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@@ -537,24 +537,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Contact CTA -->
|
<!-- Contact CTA -->
|
||||||
<section class="py-16 px-4 bg-gradient-to-br from-primary-700 to-primary-600 text-white text-center relative overflow-hidden">
|
|
||||||
<div class="max-w-4xl mx-auto">
|
|
||||||
<h2 class="text-3xl font-bold mb-6">สนใจสินค้านี้?</h2>
|
|
||||||
<p class="text-lg text-primary-100 mb-8">ติดต่อ 090-555-1415 หรือแอดไลน์ JPPSELECTION</p>
|
|
||||||
<div class="flex flex-wrap justify-center gap-4">
|
|
||||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="bg-white text-primary-700 py-3 px-8 rounded-xl font-semibold hover:bg-primary-50 flex items-start 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>
|
|
||||||
แชท
|
|
||||||
</a>
|
|
||||||
<a href="tel:0905551415" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-8 rounded-xl font-semibold flex items-start 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>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@@ -255,19 +255,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- CTA Section -->
|
<!-- CTA Section -->
|
||||||
<section class="py-16 bg-gradient-to-br from-accent-500 to-accent-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 lg:text-4xl font-bold mb-4">สนใจรั้วเทวดา?</h2>
|
|
||||||
<p class="text-lg text-white/80 mb-8">ติดต่อทีมงานของเราวันนี้เพื่อรับใบเสนอราคาและคำแนะนำจากผู้เชี่ยวชาญ</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">ติดต่อสอบถาม</a>
|
|
||||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-white/10 hover:bg-white/20 text-white py-3 px-8 rounded-xl font-semibold border border-white/30 flex items-start 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>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</BaseLayout>
|
</BaseLayout>
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
||||||
|
|||||||
@@ -225,21 +225,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- CTA Section -->
|
<!-- CTA Section -->
|
||||||
<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">สนใจสินค้าของเรา?</h2>
|
|
||||||
<p class="text-lg text-primary-100 mb-8">ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ</p>
|
|
||||||
<div class="flex flex-wrap justify-center gap-4">
|
|
||||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-white text-primary-700 px-8 py-4 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>
|
|
||||||
แชท
|
|
||||||
</a>
|
|
||||||
<a href="tel:0905551415" class="bg-white/10 hover:bg-white/20 text-white px-8 py-4 rounded-xl font-semibold border border-white/30">
|
|
||||||
โทร 090-555-1415
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@@ -235,24 +235,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Contact CTA -->
|
<!-- Contact 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">สนใจสินค้านี้?</h2>
|
|
||||||
<p class="text-lg text-primary-100 mb-8">ติดต่อเราวันนี้ 090-555-1415 หรือแอดไลน์ JPPSELECTION เพื่อรับคำปรึกษาและราคาพิเศษ</p>
|
|
||||||
<div class="flex flex-wrap justify-center gap-4">
|
|
||||||
<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 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-8 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>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@@ -257,21 +257,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Contact CTA -->
|
<!-- Contact 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">สนใจสินค้าของเรา?</h2>
|
|
||||||
<p class="text-lg text-primary-100 mb-8">ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ</p>
|
|
||||||
<div class="flex flex-wrap justify-center gap-4">
|
|
||||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-white text-primary-700 px-8 py-4 rounded-xl font-semibold flex items-start 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>
|
|
||||||
แชท
|
|
||||||
</a>
|
|
||||||
<a href="tel:0905551415" class="bg-white/10 hover:bg-white/20 text-white px-8 py-4 rounded-xl font-semibold border border-white/30">
|
|
||||||
โทร 090-555-1415
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@@ -260,26 +260,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- CTA Section -->
|
<!-- CTA Section -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white text-center relative overflow-hidden">
|
|
||||||
<div class="max-w-4xl mx-auto px-4">
|
|
||||||
<h2 class="text-2xl md:text-3xl font-bold 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="bg-white text-primary-700 hover:bg-primary-50 py-3 px-8 rounded-xl font-semibold 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="bg-accent-500 hover:bg-accent-600 text-white py-3 px-8 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>
|
|
||||||
<span>090-555-1415</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@@ -394,24 +394,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Contact CTA Section -->
|
<!-- Contact CTA Section -->
|
||||||
<section class="py-16 px-4 bg-gradient-to-br from-primary-700 to-primary-600 text-white text-center relative overflow-hidden">
|
|
||||||
<div class="max-w-4xl mx-auto">
|
|
||||||
<h2 class="text-3xl font-bold mb-6">สนใจสินค้านี้?</h2>
|
|
||||||
<p class="text-lg text-primary-100 mb-8">ติดต่อ 090-555-1415 หรือแอดไลน์ JPPSELECTION</p>
|
|
||||||
<div class="flex flex-wrap justify-center gap-4">
|
|
||||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" class="bg-white text-primary-700 py-3 px-8 rounded-xl font-semibold hover:bg-primary-50 flex items-start 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>
|
|
||||||
แชท
|
|
||||||
</a>
|
|
||||||
<a href="tel:0905551415" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-8 rounded-xl font-semibold flex items-start 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>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@@ -364,26 +364,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- CTA Section -->
|
<!-- CTA Section -->
|
||||||
<section class="py-16 bg-gradient-to-br from-accent-500 to-accent-600 text-white text-center relative overflow-hidden">
|
|
||||||
<div class="max-w-4xl mx-auto px-4">
|
|
||||||
<h2 class="text-2xl md:text-3xl font-bold 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="bg-white text-accent-600 hover:bg-gray-100 py-3 px-8 rounded-xl font-semibold 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="bg-white/10 hover:bg-white/20 text-white py-3 px-8 rounded-xl font-semibold border border-white/30 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>
|
|
||||||
</section>
|
|
||||||
<!-- CTA -->
|
<!-- CTA -->
|
||||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
<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">
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
Reference in New Issue
Block a user