Fix button alignment in remaining pages

This commit is contained in:
Kunthawat Greethong
2026-05-24 20:28:12 +07:00
parent c9cfb5a1b0
commit 2960c4a3ae
10 changed files with 48 additions and 48 deletions

View File

@@ -70,19 +70,19 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
<span>ราคาสินค้า</span> <span>ราคาสินค้า</span>
</a> </a>
</div><div class="flex flex-wrap gap-6"> </div><div class="flex flex-wrap gap-6">
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span> <span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
</div> </div>
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>ราคาโรงงาน คุ้มค่า</span> <span>ราคาโรงงาน คุ้มค่า</span>
</div> </div>
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>

View File

@@ -70,25 +70,25 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
<span>ราคาสินค้า</span> <span>ราคาสินค้า</span>
</a> </a>
</div><div class="flex flex-wrap gap-6"> </div><div class="flex flex-wrap gap-6">
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span> <span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
</div> </div>
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>ราคาโรงงาน คุ้มค่า</span> <span>ราคาโรงงาน คุ้มค่า</span>
</div> </div>
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span> <span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
</div> </div>
<div class="flex items-start gap-2 bg-green-500/20 rounded px-3 py-1"> <div class="flex items-center gap-2 bg-green-500/20 rounded px-3 py-1">
<svg class="w-5 h-5 text-green-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5 text-green-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
@@ -225,28 +225,28 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
<h2 class="text-xl font-bold text-primary-700 mb-4">เปรียบเทียบวัสดุ</h2> <h2 class="text-xl font-bold text-primary-700 mb-4">เปรียบเทียบวัสดุ</h2>
<div class="grid md:grid-cols-2 gap-4"> <div class="grid md:grid-cols-2 gap-4">
<div class="bg-white p-4 rounded-lg shadow-sm"> <div class="bg-white p-4 rounded-lg shadow-sm">
<h3 class="font-bold text-neutral-800 mb-2 flex items-start gap-2"> <h3 class="font-bold text-neutral-800 mb-2 flex items-center gap-2">
<span class="w-8 h-8 bg-blue-100 rounded-full flex items-start justify-center"> <span class="w-8 h-8 bg-blue-100 rounded-full flex items-start justify-center">
<svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4z"/></svg> <svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4z"/></svg>
</span> </span>
ABS Plastic ABS Plastic
</h3> </h3>
<ul class="space-y-2 text-neutral-700"> <ul class="space-y-2 text-neutral-700">
<li class="flex items-start gap-2"><span class="text-green-500">✓</span> ราคาประหยัด</li> <li class="flex items-center gap-2"><span class="text-green-500">✓</span> ราคาประหยัด</li>
<li class="flex items-start gap-2"><span class="text-green-500">✓</span> น้ำหนักเบา</li> <li class="flex items-center gap-2"><span class="text-green-500">✓</span> น้ำหนักเบา</li>
<li class="flex items-start gap-2 bg-green-50 rounded px-2 py-1 border border-green-200"><span class="text-green-600 font-bold">★</span> <strong class="text-green-700">ไม่เกิดหยดน้ำ</strong></li> <li class="flex items-center gap-2 bg-green-50 rounded px-2 py-1 border border-green-200"><span class="text-green-600 font-bold">★</span> <strong class="text-green-700">ไม่เกิดหยดน้ำ</strong></li>
</ul> </ul>
</div> </div>
<div class="bg-white p-4 rounded-lg shadow-sm"> <div class="bg-white p-4 rounded-lg shadow-sm">
<h3 class="font-bold text-neutral-800 mb-2 flex items-start gap-2"> <h3 class="font-bold text-neutral-800 mb-2 flex items-center gap-2">
<span class="w-8 h-8 bg-neutral-200 rounded-full flex items-start justify-center"> <span class="w-8 h-8 bg-neutral-200 rounded-full flex items-start justify-center">
<svg class="w-4 h-4 text-neutral-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg> <svg class="w-4 h-4 text-neutral-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg>
</span> </span>
Aluminum Aluminum
</h3> </h3>
<ul class="space-y-2 text-neutral-700"> <ul class="space-y-2 text-neutral-700">
<li class="flex items-start gap-2"><span class="text-green-500">✓</span> ทนทานต่อการกัดกร่อน</li> <li class="flex items-center gap-2"><span class="text-green-500">✓</span> ทนทานต่อการกัดกร่อน</li>
<li class="flex items-start gap-2"><span class="text-green-500">✓</span> ดีไซน์หลากหลาย</li> <li class="flex items-center gap-2"><span class="text-green-500">✓</span> ดีไซน์หลากหลาย</li>
</ul> </ul>
</div> </div>
</div> </div>

View File

@@ -70,19 +70,19 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
<span>ราคาสินค้า</span> <span>ราคาสินค้า</span>
</a> </a>
</div><div class="flex flex-wrap gap-6"> </div><div class="flex flex-wrap gap-6">
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span> <span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
</div> </div>
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>ราคาโรงงาน คุ้มค่า</span> <span>ราคาโรงงาน คุ้มค่า</span>
</div> </div>
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>

View File

@@ -48,19 +48,19 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อ HDPE คุณภาพสูง ทนทานต่อแรงดันสูง เหมาะสำหรับงานประปา ระบบน้ำเย็น และงานอุตสาหกรรม ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อ HDPE คุณภาพสูง ทนทานต่อแรงดันสูง เหมาะสำหรับงานประปา ระบบน้ำเย็น และงานอุตสาหกรรม
</p> </p>
<div class="flex flex-wrap gap-6 mb-8"> <div class="flex flex-wrap gap-6 mb-8">
<div class="flex items-start gap-2 text-white"> <div class="flex items-center gap-2 text-white">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>อายุการใช้งานยาวนานกว่า 50 ปี</span> <span>อายุการใช้งานยาวนานกว่า 50 ปี</span>
</div> </div>
<div class="flex items-start gap-2 text-white"> <div class="flex items-center gap-2 text-white">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>ทนต่อสารเคมี กรด และด่าง</span> <span>ทนต่อสารเคมี กรด และด่าง</span>
</div> </div>
<div class="flex items-start gap-2 text-white"> <div class="flex items-center gap-2 text-white">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>

View File

@@ -48,19 +48,19 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อ PPR ตราช้าง ผลิตจากเม็ดพลาสติก PP-R 80 มาตรฐานยุโรป ทนแรงดัน 20 บาร์ ทนอุณหภูมิ 95°C ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อ PPR ตราช้าง ผลิตจากเม็ดพลาสติก PP-R 80 มาตรฐานยุโรป ทนแรงดัน 20 บาร์ ทนอุณหภูมิ 95°C
</p> </p>
<div class="flex flex-wrap gap-6 mb-8"> <div class="flex flex-wrap gap-6 mb-8">
<div class="flex items-start gap-2 text-white"> <div class="flex items-center gap-2 text-white">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>ทนแรงดันได้สูงสุด 20 บาร์</span> <span>ทนแรงดันได้สูงสุด 20 บาร์</span>
</div> </div>
<div class="flex items-start gap-2 text-white"> <div class="flex items-center gap-2 text-white">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>ทนต่ออุณหภูมิได้สูงถึง 95°C</span> <span>ทนต่ออุณหภูมิได้สูงถึง 95°C</span>
</div> </div>
<div class="flex items-start gap-2 text-white"> <div class="flex items-center gap-2 text-white">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>

View File

@@ -48,19 +48,19 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
ไทยพีพีอาร์ (Thai PPR) ทางเลือกที่ดีที่สุดสำหรับงานระบบน้ำคุณภาพสูง ทั้งน้ำร้อนและน้ำเย็นในอาคารสมัยใหม่ ผลิตจากวัสดุ Polypropylene Random Copolymer (PPR) เกรดพรีเมียม สะอาด ปลอดภัย และมีสถานะเป็น Food Grade ไทยพีพีอาร์ (Thai PPR) ทางเลือกที่ดีที่สุดสำหรับงานระบบน้ำคุณภาพสูง ทั้งน้ำร้อนและน้ำเย็นในอาคารสมัยใหม่ ผลิตจากวัสดุ Polypropylene Random Copolymer (PPR) เกรดพรีเมียม สะอาด ปลอดภัย และมีสถานะเป็น Food Grade
</p> </p>
<div class="flex flex-wrap gap-6 mb-8"> <div class="flex flex-wrap gap-6 mb-8">
<div class="flex items-start gap-2 text-white"> <div class="flex items-center gap-2 text-white">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>ทนความร้อน 95°C</span> <span>ทนความร้อน 95°C</span>
</div> </div>
<div class="flex items-start gap-2 text-white"> <div class="flex items-center gap-2 text-white">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>อายุ 50+ ปี</span> <span>อายุ 50+ ปี</span>
</div> </div>
<div class="flex items-start gap-2 text-white"> <div class="flex items-center gap-2 text-white">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>

View File

@@ -70,25 +70,25 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
<span>ราคาสินค้า</span> <span>ราคาสินค้า</span>
</a> </a>
</div><div class="flex flex-wrap gap-6"> </div><div class="flex flex-wrap gap-6">
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span> <span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
</div> </div>
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>ราคาโรงงาน คุ้มค่า</span> <span>ราคาโรงงาน คุ้มค่า</span>
</div> </div>
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span> <span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
</div> </div>
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>

View File

@@ -48,19 +48,19 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อ UPVC ทนสารเคมี ทนความร้อน สำหรับงานอุตสาหกรรม ระบบน้ำเสีย ระบบระบายน้ำ ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อ UPVC ทนสารเคมี ทนความร้อน สำหรับงานอุตสาหกรรม ระบบน้ำเสีย ระบบระบายน้ำ
</p> </p>
<div class="flex flex-wrap gap-6 mb-8"> <div class="flex flex-wrap gap-6 mb-8">
<div class="flex items-start gap-2 text-white"> <div class="flex items-center gap-2 text-white">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>ทนสารเคมีได้ดี</span> <span>ทนสารเคมีได้ดี</span>
</div> </div>
<div class="flex items-start gap-2 text-white"> <div class="flex items-center gap-2 text-white">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>
<span>ทนต่อสภาพอากาศ</span> <span>ทนต่อสภาพอากาศ</span>
</div> </div>
<div class="flex items-start gap-2 text-white"> <div class="flex items-center gap-2 text-white">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg> </svg>

View File

@@ -49,7 +49,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
<p class="text-primary-100 text-lg mb-6">ระบบรั้วสำเร็จรูปคุณภาพสูง ราคาคุ้มค่า เหมาะสำหรับโรงงาน โกดัง สถานที่เกษตร และอื่นๆ พร้อมบริการติดตั้งครบวงจรโดยทีมงานมืออาชีพ</p> <p class="text-primary-100 text-lg mb-6">ระบบรั้วสำเร็จรูปคุณภาพสูง ราคาคุ้มค่า เหมาะสำหรับโรงงาน โกดัง สถานที่เกษตร และอื่นๆ พร้อมบริการติดตั้งครบวงจรโดยทีมงานมืออาชีพ</p>
<div class="flex flex-wrap gap-4"> <div class="flex flex-wrap gap-4">
<a href="/contact-us" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-6 rounded-xl font-semibold">สอบถามราคา</a> <a href="/contact-us" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-6 rounded-xl font-semibold">สอบถามราคา</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-6 rounded-xl font-semibold border border-white/30 flex items-start gap-2"> <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-6 rounded-xl font-semibold border border-white/30 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> <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 แชท LINE
</a> </a>
@@ -237,7 +237,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
<p class="text-lg text-white/80 mb-8">ติดต่อทีมงานของเราวันนี้เพื่อรับใบเสนอราคาและคำแนะนำจากผู้เชี่ยวชาญ</p> <p class="text-lg text-white/80 mb-8">ติดต่อทีมงานของเราวันนี้เพื่อรับใบเสนอราคาและคำแนะนำจากผู้เชี่ยวชาญ</p>
<div class="flex flex-wrap justify-center gap-4"> <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="/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"> <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-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> <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 แชท LINE
</a> </a>

View File

@@ -86,19 +86,19 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
<span>ราคาสินค้า</span> <span>ราคาสินค้า</span>
</a> </a>
</div><div class="flex flex-wrap gap-6"> </div><div class="flex flex-wrap gap-6">
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>
<span>เครื่องเชื่อม HDPE คุณภาพสูง มาตรฐาน ISO</span> <span>เครื่องเชื่อม HDPE คุณภาพสูง มาตรฐาน ISO</span>
</div> </div>
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>
<span>ราคาโรงงาน คุ้มค่าการลงทุน</span> <span>ราคาโรงงาน คุ้มค่าการลงทุน</span>
</div> </div>
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>
<span>บริการติดตั้งและฝึกอบรมฟรี</span> <span>บริการติดตั้งและฝึกอบรมฟรี</span>
</div> </div>
<div class="flex items-start gap-2 text-white/80"> <div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /></svg>
<span>อะไหล่และบริการซ่อมบำรุง</span> <span>อะไหล่และบริการซ่อมบำรุง</span>
</div> </div>
@@ -203,20 +203,20 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
<div class="bg-neutral-50 p-6 rounded-xl"> <div class="bg-neutral-50 p-6 rounded-xl">
<h3 class="font-bold text-primary-800 mb-3">สิ่งที่ต้องมี</h3> <h3 class="font-bold text-primary-800 mb-3">สิ่งที่ต้องมี</h3>
<ul class="space-y-2 text-neutral-700"> <ul class="space-y-2 text-neutral-700">
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> เครื่องเชื่อม (Butt Fusion หรือ Electrofusion)</li> <li class="flex items-center gap-2"><span class="text-primary-600">✓</span> เครื่องเชื่อม (Butt Fusion หรือ Electrofusion)</li>
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> แผ่นร้อน (สำหรับ Butt Fusion)</li> <li class="flex items-center gap-2"><span class="text-primary-600">✓</span> แผ่นร้อน (สำหรับ Butt Fusion)</li>
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> ข้อต่อ Electrofitting (สำหรับ Electrofusion)</li> <li class="flex items-center gap-2"><span class="text-primary-600">✓</span> ข้อต่อ Electrofitting (สำหรับ Electrofusion)</li>
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> มีดตัดท่อ</li> <li class="flex items-center gap-2"><span class="text-primary-600">✓</span> มีดตัดท่อ</li>
<li class="flex items-start gap-2"><span class="text-primary-600">✓</span> เครื่องปอนลม</li> <li class="flex items-center gap-2"><span class="text-primary-600">✓</span> เครื่องปอนลม</li>
</ul> </ul>
</div> </div>
<div class="bg-neutral-50 p-6 rounded-xl"> <div class="bg-neutral-50 p-6 rounded-xl">
<h3 class="font-bold text-primary-800 mb-3">ข้อควรระวัง</h3> <h3 class="font-bold text-primary-800 mb-3">ข้อควรระวัง</h3>
<ul class="space-y-2 text-neutral-700"> <ul class="space-y-2 text-neutral-700">
<li class="flex items-start gap-2"><span class="text-amber-500">⚠️</span> อุณหภูมิเครื่องต้องถึง 210-230°C</li> <li class="flex items-center gap-2"><span class="text-amber-500">⚠️</span> อุณหภูมิเครื่องต้องถึง 210-230°C</li>
<li class="flex items-start gap-2"><span class="text-amber-500">⚠️</span> ทำความสะอาดปลายท่อก่อนเชื่อม</li> <li class="flex items-center gap-2"><span class="text-amber-500">⚠️</span> ทำความสะอาดปลายท่อก่อนเชื่อม</li>
<li class="flex items-start gap-2"><span class="text-amber-500">⚠️</span> ให้เวลาเย็นตัวตามกำหนด</li> <li class="flex items-center gap-2"><span class="text-amber-500">⚠️</span> ให้เวลาเย็นตัวตามกำหนด</li>
<li class="flex items-start gap-2"><span class="text-amber-500">⚠️</span> ตรวจสอบแรงดันก่อนใช้งาน</li> <li class="flex items-center gap-2"><span class="text-amber-500">⚠️</span> ตรวจสอบแรงดันก่อนใช้งาน</li>
</ul> </ul>
</div> </div>
</div> </div>