Add DUKELARRSEN page with Thai content and fix image layouts
This commit is contained in:
Kunthawat
@@ -66,94 +66,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-4">ขนาดท่อ PVC (PVC Pipe Sizes)</h3>
|
||||
|
||||
<div class="overflow-x-auto my-8">
|
||||
<table class="modern-table w-full">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (นิ้ว)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">Class</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความหนา (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความยาว (m)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="bg-white">
|
||||
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1/2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">21</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3/4"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">27</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.2</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">34</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.4</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1 1/2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">42</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.6</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">60</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">89</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.8</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">4"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">114</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4.5</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">6"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">168</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">5.5</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="mt-12">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-4">ขนาดท่อ PVC (PVC Pipe Sizes)</h3>
|
||||
|
||||
<div class="overflow-x-auto my-8">
|
||||
<table class="modern-table w-full">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (นิ้ว)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">Class</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความหนา (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความยาว (m)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="bg-white">
|
||||
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1/2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">21</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3/4"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">27</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.2</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">34</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.4</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1 1/2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">42</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.6</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">60</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">89</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.8</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">4"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">114</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4.5</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">6"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">168</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">5.5</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
@@ -166,6 +79,46 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-4">ขนาดท่อ PVC (PVC Pipe Sizes)</h3>
|
||||
<div class="overflow-x-auto my-8">
|
||||
<table class="modern-table w-full">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (นิ้ว)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">Class</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความหนา (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความยาว (m)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="bg-white">
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1/2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">21</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3/4"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">27</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.2</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">34</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.4</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1 1/2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">42</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.6</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">60</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">89</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.8</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">4"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">114</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4.5</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">6"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">168</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">5.5</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
|
||||
Reference in New Issue
Block a user