Add PDF price lists to 7 product pages with ราคาสินค้า sections
- Added 11 PDF price list files to public/documents/ - Updated 7 product pages with downloadable PDF sections: - ฉนวนหุ้มท่อ-pipe-insulation (4 PDFs) - เทอร์โมเบรค-thermobreak (1 PDF) - ท่อhdpe (1 PDF) - เม็กกรู๊ฟ-คับปลิ้ง (1 PDF) - ท่อระบายน้ำ-3-ชั้น-ไซเลนท (2 PDFs) - ท่อพีพีอาร์ตราช้าง (1 PDF) - ท่อ-ppr-thai-ppr (1 PDF) - Updated AGENTS.md files with PDF/document structure
This commit is contained in:
Kunthawat
87
src/pages/AGENTS.md
Normal file
87
src/pages/AGENTS.md
Normal file
@@ -0,0 +1,87 @@
|
||||
# src/pages/
|
||||
|
||||
**Generated:** 2026-03-27
|
||||
**Parent:** dealplustech-astro/AGENTS.md
|
||||
|
||||
## OVERVIEW
|
||||
|
||||
45 Thai-named static page routes + index.astro homepage. File-based Astro routing with Thai URLs for SEO preservation.
|
||||
|
||||
## STRUCTURE
|
||||
|
||||
```
|
||||
src/pages/
|
||||
├── index.astro # Homepage (13KB)
|
||||
├── about-us/ # Corporate
|
||||
├── contact-us/ # Corporate
|
||||
├── all-products/ # Product listing
|
||||
├── all-projects/ # Project listing
|
||||
├── services/ # Corporate
|
||||
├── portfolio/ # Corporate
|
||||
├── join-us/ # Corporate
|
||||
├── privacy-policy/ # Legal
|
||||
├── terms-and-conditions/ # Legal
|
||||
├── product/ # Product detail template
|
||||
├── api/ # API routes (EMPTY)
|
||||
│
|
||||
├── [Thai-named product routes]
|
||||
├── ท่อ-ppr-thai-ppr/ # PPR pipes
|
||||
├── ท่อ-upvc/ # UPVC pipes
|
||||
├── ท่อhdpe/ # HDPE pipes
|
||||
├── ท่อพีพีอาร์/ # PPR pipes (alt)
|
||||
├── ท่อพีพีอาร์ตราช้าง/ # Certified PPR
|
||||
├── ท่อระบายน้ำ-3-ชั้น-ไซเลนท/ # Drainage pipes
|
||||
├── ท่อและข้อต่อpvc/ # PVC pipes & fittings
|
||||
├── ท่อไซเลอร์/ # Cylinder pipes
|
||||
├── pipe/ # English fallback
|
||||
├── pipe-coupling/ # Pipe couplings
|
||||
├── water-pump/ # Water pumps
|
||||
├── water-treatment/ # Water treatment
|
||||
├── ฉนวนหุ้มท่อ-pipe-insulation/ # Pipe insulation
|
||||
├── เครื่องเชื่อม-hdpe/ # HDPE welding machines
|
||||
├── เครื่องเชื่อมท่อ-pipe-coupling-machine/
|
||||
├── เครื่องเชื่อมท่อพีพีอา/
|
||||
├── เม็กกรู๊ฟ-คับปลิ้ง/ # Mechanical couplings
|
||||
├── groove-coupling/ # Groove couplings
|
||||
├── วาล์ว-valve/ # Valves
|
||||
├── หัวจ่ายแอร์-ball-jet/ # Air nozzles
|
||||
├── อุปกรณ์ดับเพลิง/ # Fire fighting equipment
|
||||
├── เทอร์โมเบรค-thermobreak/ # Thermobreak
|
||||
├── ระบบรั้ว/ # Fence systems
|
||||
├── ระบบรั้วไวน์แมน-vineman-2/ # Vineman fence
|
||||
├── รั้วเทวดา/ # Angel fence
|
||||
├── dukelarrsen/ # Brand pages
|
||||
├── durgo-avvs/
|
||||
├── grilles/
|
||||
├── realflex/
|
||||
├── pp-r-pp-rct-poloplast/
|
||||
└── ... # 45 total Thai-named routes
|
||||
```
|
||||
|
||||
## WHERE TO LOOK
|
||||
|
||||
| Route | Type | Notes |
|
||||
|-------|------|-------|
|
||||
| `index.astro` | Homepage | Main entry, large file (13KB) |
|
||||
| `src/pages/[thai-url]/index.astro` | Static pages | 45 product/category pages |
|
||||
| `src/pages/admin/` | Admin routes | Consent log viewer |
|
||||
|
||||
## CONVENTIONS
|
||||
|
||||
- **Thai URLs = file path** — Route `dealplustech.co.th/ท่อ-ppr-thai-ppr` = `pages/ท่อ-ppr-thai-ppr/index.astro`
|
||||
- **Static generation** — All pages pre-rendered at build time
|
||||
- **No dynamic routes** — No `[slug].astro` patterns (static Thai-named dirs)
|
||||
- **SEO-critical** — Thai URL preservation is primary migration goal
|
||||
|
||||
## ANTI-PATTERNS
|
||||
|
||||
- Do NOT create English-named page directories
|
||||
- Do NOT use `getStaticPaths()` — pages are pre-defined
|
||||
- Do NOT add API routes in `api/` subdir — currently empty
|
||||
|
||||
## NOTES
|
||||
|
||||
- **Product pages** include Line/phone contact buttons
|
||||
- **Corporate pages** include about-us, contact-us, services, portfolio
|
||||
- **Legal pages** include privacy-policy, terms-and-conditions (PDPA required)
|
||||
- **PDF downloads** — 7 product pages have "ราคาสินค้า" section with downloadable PDF price lists from `public/documents/`
|
||||
@@ -19,20 +19,6 @@ const productImages: Record<string, string> = {
|
||||
'/pipe-coupling': '/images/pipe-coupling/BG-SMC02.png',
|
||||
'/dukelarrsen': '/images/dukelarrsen/dukelarrsen-43.jpg',
|
||||
'/เม็กกรู๊ฟ-คับปลิ้ง': '/images/products-cropped/mech_000C.jpg',
|
||||
'/สปริทริงแฮงเกอร์-sr19-adjustable-split-ring-hanger': '/images/products-cropped/SR19_000C.jpg',
|
||||
'/เควิสแฮงเกอร์': '/images/products-cropped/clevis-hanger_000C.jpg',
|
||||
'/แคล้มประกับ-ชุบรุ้ง-ชุบ': '/images/products-cropped/clamp_000C.jpg',
|
||||
'/แคล้มฟันจระเข้-beam-clamp': '/images/products-cropped/beam-clamp_000C.jpg',
|
||||
'/แคล้มหยดน้ำ-adjustable-band-hanger': '/images/products-cropped/band-hanger_000C.jpg',
|
||||
'/แคล้มเลเวล-level-clamp': '/images/products-cropped/level-clamp_000C.jpg',
|
||||
'/ยูโบลท์-u-bolt': '/images/products-cropped/u-bolt_000C.jpg',
|
||||
'/ยูโบลท์-ประกับ-u-bolt-clamp': '/images/products-cropped/u-bolt-clamp_000C.jpg',
|
||||
'/ยูโบลท์เหล็กแผ่น-ยูแบน-strap': '/images/products-cropped/strap_000C.jpg',
|
||||
'/เจโบลท์-แอลโบลท์-j-bolt-l-bolt': '/images/products-cropped/j-bolt_000C.jpg',
|
||||
'/น็อต-แหวน-สกรู-hex-nut-flat-washer-hexagon-head-screw': '/images/products-cropped/bolt-nut_000C.jpg',
|
||||
'/พุกต่างๆ': '/images/products-cropped/anchor_000C.jpg',
|
||||
'/พุกเหล็ก-sleeve-anchor-bolt': '/images/products-cropped/sleeve-anchor_000C.jpg',
|
||||
'/สตัดเกลียวตลอด-เหล็ก-threaded-rod': '/images/products-cropped/threaded-rod_000C.jpg',
|
||||
'/วาล์ว-valve': '/images/products-cropped/valve_000C.jpg',
|
||||
'/durgo-avvs': '/images/products-cropped/durgo_000C.jpg',
|
||||
'/water-pump': '/images/products-cropped/water-pump_000C.jpg',
|
||||
|
||||
@@ -180,17 +180,125 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<div class="space-y-12">
|
||||
<div>
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-6">Rigid Coupling DUKELARRSEN</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-10.jpg" alt="Rigid Coupling" class="w-full max-w-2xl mx-auto h-auto rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-10.jpg" alt="Rigid Coupling" class="w-full max-w-2xl mx-auto h-auto rounded-xl mb-8" />
|
||||
|
||||
<!-- specification Table -->
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Nominal Size<br>mm/in</th>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Pipe OD<br>mm/in</th>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Bolt Size<br>mm</th>
|
||||
<th colspan="3" class="px-3 py-2 text-center text-xs font-semibold">Dimensions (mm)</th>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Working Pressure<br>Psi/Mpa</th>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Certificate</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="px-3 py-2 text-center text-xs font-semibold">Ø</th>
|
||||
<th class="px-3 py-2 text-center text-xs font-semibold">L</th>
|
||||
<th class="px-3 py-2 text-center text-xs font-semibold">H</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">25<br>1</td><td class="px-3 py-2 text-xs text-center">33.7<br>1.327</td><td class="px-3 py-2 text-xs text-center">2-M10 × 45</td><td class="px-3 py-2 text-xs text-center">57</td><td class="px-3 py-2 text-xs text-center">97</td><td class="px-3 py-2 text-xs text-center">44</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">32<br>1 1/4</td><td class="px-3 py-2 text-xs text-center">42.4<br>1.669</td><td class="px-3 py-2 text-xs text-center">2-M10 × 45</td><td class="px-3 py-2 text-xs text-center">67</td><td class="px-3 py-2 text-xs text-center">107.5</td><td class="px-3 py-2 text-xs text-center">44</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">40<br>1 1/2</td><td class="px-3 py-2 text-xs text-center">48.3<br>1.900</td><td class="px-3 py-2 text-xs text-center">2-M10 × 45</td><td class="px-3 py-2 text-xs text-center">72</td><td class="px-3 py-2 text-xs text-center">114</td><td class="px-3 py-2 text-xs text-center">44</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">50<br>2</td><td class="px-3 py-2 text-xs text-center">60.3<br>2.375</td><td class="px-3 py-2 text-xs text-center">2-M10 × 55</td><td class="px-3 py-2 text-xs text-center">85</td><td class="px-3 py-2 text-xs text-center">125</td><td class="px-3 py-2 text-xs text-center">45</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">65<br>2 1/2</td><td class="px-3 py-2 text-xs text-center">73.0<br>2.875</td><td class="px-3 py-2 text-xs text-center">2-M10 × 55</td><td class="px-3 py-2 text-xs text-center">98</td><td class="px-3 py-2 text-xs text-center">137</td><td class="px-3 py-2 text-xs text-center">45</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">65<br>2 1/2</td><td class="px-3 py-2 text-xs text-center">76.1<br>3.000</td><td class="px-3 py-2 text-xs text-center">2-M10 × 55</td><td class="px-3 py-2 text-xs text-center">100</td><td class="px-3 py-2 text-xs text-center">139</td><td class="px-3 py-2 text-xs text-center">45</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">80<br>3</td><td class="px-3 py-2 text-xs text-center">88.9<br>3.500</td><td class="px-3 py-2 text-xs text-center">2-M10 × 55</td><td class="px-3 py-2 text-xs text-center">114</td><td class="px-3 py-2 text-xs text-center">160</td><td class="px-3 py-2 text-xs text-center">45</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">100<br>4</td><td class="px-3 py-2 text-xs text-center">114.3<br>4.500</td><td class="px-3 py-2 text-xs text-center">2-M12 × 65</td><td class="px-3 py-2 text-xs text-center">147.2</td><td class="px-3 py-2 text-xs text-center">193</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">125<br>5</td><td class="px-3 py-2 text-xs text-center">141.3<br>5.563</td><td class="px-3 py-2 text-xs text-center">2-M12 × 75</td><td class="px-3 py-2 text-xs text-center">170</td><td class="px-3 py-2 text-xs text-center">222</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">125<br>5</td><td class="px-3 py-2 text-xs text-center">139.7<br>5.500</td><td class="px-3 py-2 text-xs text-center">2-M12 × 75</td><td class="px-3 py-2 text-xs text-center">170</td><td class="px-3 py-2 text-xs text-center">222</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">150<br>6</td><td class="px-3 py-2 text-xs text-center">165.1<br>6.500</td><td class="px-3 py-2 text-xs text-center">2-M12 × 75</td><td class="px-3 py-2 text-xs text-center">203</td><td class="px-3 py-2 text-xs text-center">248</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">150<br>6</td><td class="px-3 py-2 text-xs text-center">168.3<br>6.625</td><td class="px-3 py-2 text-xs text-center">2-M12 × 75</td><td class="px-3 py-2 text-xs text-center">205</td><td class="px-3 py-2 text-xs text-center">254</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">200<br>8</td><td class="px-3 py-2 text-xs text-center">219.1<br>8.625</td><td class="px-3 py-2 text-xs text-center">2-M16 × 85</td><td class="px-3 py-2 text-xs text-center">257</td><td class="px-3 py-2 text-xs text-center">330</td><td class="px-3 py-2 text-xs text-center">58</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">250<br>10</td><td class="px-3 py-2 text-xs text-center">273.0<br>10.750</td><td class="px-3 py-2 text-xs text-center">2-M20 × 130</td><td class="px-3 py-2 text-xs text-center">328</td><td class="px-3 py-2 text-xs text-center">420</td><td class="px-3 py-2 text-xs text-center">62</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">300<br>12</td><td class="px-3 py-2 text-xs text-center">323.9<br>12.750</td><td class="px-3 py-2 text-xs text-center">2-M20 × 130</td><td class="px-3 py-2 text-xs text-center">380</td><td class="px-3 py-2 text-xs text-center">454</td><td class="px-3 py-2 text-xs text-center">63</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p class="text-sm text-secondary-600 mt-4 italic">* ข้อมูลจำเพาะอาจเปลี่ยนแปลงได้ กรุณาติดต่อฝ่ายขายเพื่อยืนยัน</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-6">Flexible Coupling DUKELARRSEN</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-11.jpg" alt="Flexible Coupling" class="w-full max-w-2xl mx-auto h-auto rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-11.jpg" alt="Flexible Coupling" class="w-full max-w-2xl mx-auto h-auto rounded-xl mb-6" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Nominal Size<br>mm/in</th>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Pipe OD<br>mm/in</th>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Bolt Size<br>mm</th>
|
||||
<th colspan="3" class="px-3 py-2 text-center text-xs font-semibold">Dimensions (mm)</th>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Working Pressure<br>Psi/Mpa</th>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Certificate</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="px-3 py-2 text-center text-xs font-semibold">Ø</th>
|
||||
<th class="px-3 py-2 text-center text-xs font-semibold">L</th>
|
||||
<th class="px-3 py-2 text-center text-xs font-semibold">H</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">25<br>1</td><td class="px-3 py-2 text-xs text-center">33.7<br>1.327</td><td class="px-3 py-2 text-xs text-center">2-M10 × 45</td><td class="px-3 py-2 text-xs text-center">57</td><td class="px-3 py-2 text-xs text-center">97</td><td class="px-3 py-2 text-xs text-center">44</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">32<br>1 1/4</td><td class="px-3 py-2 text-xs text-center">42.4<br>1.669</td><td class="px-3 py-2 text-xs text-center">2-M10 × 45</td><td class="px-3 py-2 text-xs text-center">67</td><td class="px-3 py-2 text-xs text-center">107</td><td class="px-3 py-2 text-xs text-center">44</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">40<br>1 1/2</td><td class="px-3 py-2 text-xs text-center">48.3<br>1.900</td><td class="px-3 py-2 text-xs text-center">2-M10 × 45</td><td class="px-3 py-2 text-xs text-center">72</td><td class="px-3 py-2 text-xs text-center">114</td><td class="px-3 py-2 text-xs text-center">44</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">50<br>2</td><td class="px-3 py-2 text-xs text-center">60.3<br>2.375</td><td class="px-3 py-2 text-xs text-center">2-M10 × 55</td><td class="px-3 py-2 text-xs text-center">85</td><td class="px-3 py-2 text-xs text-center">125</td><td class="px-3 py-2 text-xs text-center">45</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">65<br>2 1/2</td><td class="px-3 py-2 text-xs text-center">73.0<br>2.875</td><td class="px-3 py-2 text-xs text-center">2-M10 × 55</td><td class="px-3 py-2 text-xs text-center">98</td><td class="px-3 py-2 text-xs text-center">137</td><td class="px-3 py-2 text-xs text-center">45</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">65<br>2 1/2</td><td class="px-3 py-2 text-xs text-center">76.1<br>3.000</td><td class="px-3 py-2 text-xs text-center">2-M10 × 55</td><td class="px-3 py-2 text-xs text-center">100</td><td class="px-3 py-2 text-xs text-center">139</td><td class="px-3 py-2 text-xs text-center">45</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">80<br>3</td><td class="px-3 py-2 text-xs text-center">88.9<br>3.500</td><td class="px-3 py-2 text-xs text-center">2-M10 × 55</td><td class="px-3 py-2 text-xs text-center">114</td><td class="px-3 py-2 text-xs text-center">160</td><td class="px-3 py-2 text-xs text-center">45</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">100<br>4</td><td class="px-3 py-2 text-xs text-center">114.3<br>4.500</td><td class="px-3 py-2 text-xs text-center">2-M12 × 65</td><td class="px-3 py-2 text-xs text-center">147</td><td class="px-3 py-2 text-xs text-center">193</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">125<br>5</td><td class="px-3 py-2 text-xs text-center">141.3<br>5.563</td><td class="px-3 py-2 text-xs text-center">2-M12 × 75</td><td class="px-3 py-2 text-xs text-center">170</td><td class="px-3 py-2 text-xs text-center">222</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">125<br>5</td><td class="px-3 py-2 text-xs text-center">139.7<br>5.500</td><td class="px-3 py-2 text-xs text-center">2-M12 × 75</td><td class="px-3 py-2 text-xs text-center">170</td><td class="px-3 py-2 text-xs text-center">222</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">150<br>6</td><td class="px-3 py-2 text-xs text-center">165.1<br>6.500</td><td class="px-3 py-2 text-xs text-center">2-M12 × 75</td><td class="px-3 py-2 text-xs text-center">203</td><td class="px-3 py-2 text-xs text-center">248</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">150<br>6</td><td class="px-3 py-2 text-xs text-center">168.3<br>6.625</td><td class="px-3 py-2 text-xs text-center">2-M12 × 75</td><td class="px-3 py-2 text-xs text-center">205</td><td class="px-3 py-2 text-xs text-center">254</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">200<br>8</td><td class="px-3 py-2 text-xs text-center">219.1<br>8.625</td><td class="px-3 py-2 text-xs text-center">2-M16 × 85</td><td class="px-3 py-2 text-xs text-center">257</td><td class="px-3 py-2 text-xs text-center">330</td><td class="px-3 py-2 text-xs text-center">58</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">250<br>10</td><td class="px-3 py-2 text-xs text-center">273.0<br>10.750</td><td class="px-3 py-2 text-xs text-center">2-M20 × 130</td><td class="px-3 py-2 text-xs text-center">328</td><td class="px-3 py-2 text-xs text-center">420</td><td class="px-3 py-2 text-xs text-center">62</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">300<br>12</td><td class="px-3 py-2 text-xs text-center">323.9<br>12.750</td><td class="px-3 py-2 text-xs text-center">2-M20 × 130</td><td class="px-3 py-2 text-xs text-center">380</td><td class="px-3 py-2 text-xs text-center">454</td><td class="px-3 py-2 text-xs text-center">63</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-6">Reducing Flexible Coupling DUKELARRSEN</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-12.jpg" alt="Reducing Flexible Coupling" class="w-full max-w-2xl mx-auto h-auto rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-12.jpg" alt="Reducing Flexible Coupling" class="w-full max-w-2xl mx-auto h-auto rounded-xl mb-6" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Nominal Size<br>mm/in</th>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Pipe OD Dxd<br>mm/in</th>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Bolt Size<br>mm</th>
|
||||
<th colspan="3" class="px-3 py-2 text-center text-xs font-semibold">Dimensions (mm)</th>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Working Pressure<br>Psi/Mpa</th>
|
||||
<th rowspan="2" class="px-3 py-2 text-center text-xs font-semibold align-middle">Certificate</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="px-3 py-2 text-center text-xs font-semibold">Ø</th>
|
||||
<th class="px-3 py-2 text-center text-xs font-semibold">L</th>
|
||||
<th class="px-3 py-2 text-center text-xs font-semibold">H</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">50 × 40<br>2 × 1 1/2</td><td class="px-3 py-2 text-xs text-center">60.3 × 48.3<br>2.375 × 1.900</td><td class="px-3 py-2 text-xs text-center">2-M10 × 55</td><td class="px-3 py-2 text-xs text-center">85</td><td class="px-3 py-2 text-xs text-center">125</td><td class="px-3 py-2 text-xs text-center">45</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">65 × 50<br>2 1/2 × 2</td><td class="px-3 py-2 text-xs text-center">73 × 60.3<br>2.875 × 2.375</td><td class="px-3 py-2 text-xs text-center">2-M10 × 55</td><td class="px-3 py-2 text-xs text-center">98</td><td class="px-3 py-2 text-xs text-center">137</td><td class="px-3 py-2 text-xs text-center">45</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">65 × 50<br>2 1/2 × 2</td><td class="px-3 py-2 text-xs text-center">76.1 × 60.3<br>3.000 × 2.375</td><td class="px-3 py-2 text-xs text-center">2-M10 × 55</td><td class="px-3 py-2 text-xs text-center">100</td><td class="px-3 py-2 text-xs text-center">139</td><td class="px-3 py-2 text-xs text-center">45</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">80 × 25<br>3 × 1</td><td class="px-3 py-2 text-xs text-center">88.9 × 33.7<br>3.500 × 1.327</td><td class="px-3 py-2 text-xs text-center">2-M10 × 55</td><td class="px-3 py-2 text-xs text-center">114</td><td class="px-3 py-2 text-xs text-center">160</td><td class="px-3 py-2 text-xs text-center">45</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">80 × 50<br>3 × 2</td><td class="px-3 py-2 text-xs text-center">88.9 × 60.3<br>3.500 × 2.375</td><td class="px-3 py-2 text-xs text-center">2-M10 × 55</td><td class="px-3 py-2 text-xs text-center">114</td><td class="px-3 py-2 text-xs text-center">160</td><td class="px-3 py-2 text-xs text-center">45</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">80 × 65<br>3 × 2 1/2</td><td class="px-3 py-2 text-xs text-center">88.9 × 76.1<br>3.500 × 3.000</td><td class="px-3 py-2 text-xs text-center">2-M10 × 55</td><td class="px-3 py-2 text-xs text-center">114</td><td class="px-3 py-2 text-xs text-center">160</td><td class="px-3 py-2 text-xs text-center">45</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">100 × 25<br>4 × 1</td><td class="px-3 py-2 text-xs text-center">114.3 × 33.7<br>4.500 × 1.327</td><td class="px-3 py-2 text-xs text-center">2-M12 × 65</td><td class="px-3 py-2 text-xs text-center">147</td><td class="px-3 py-2 text-xs text-center">193</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">100 × 50<br>4 × 2</td><td class="px-3 py-2 text-xs text-center">114.3 × 60.3<br>4.500 × 2.375</td><td class="px-3 py-2 text-xs text-center">2-M12 × 65</td><td class="px-3 py-2 text-xs text-center">147</td><td class="px-3 py-2 text-xs text-center">193</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">100 × 65<br>4 × 2 1/2</td><td class="px-3 py-2 text-xs text-center">114.3 × 73.0<br>4.500 × 3.000</td><td class="px-3 py-2 text-xs text-center">2-M12 × 65</td><td class="px-3 py-2 text-xs text-center">147</td><td class="px-3 py-2 text-xs text-center">193</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">100 × 80<br>4 × 3</td><td class="px-3 py-2 text-xs text-center">114.3 × 88.9<br>4.500 × 3.500</td><td class="px-3 py-2 text-xs text-center">2-M12 × 65</td><td class="px-3 py-2 text-xs text-center">147</td><td class="px-3 py-2 text-xs text-center">193</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">150 × 80<br>6 × 3</td><td class="px-3 py-2 text-xs text-center">168.3 × 88.9<br>6.625 × 3.500</td><td class="px-3 py-2 text-xs text-center">2-M12 × 75</td><td class="px-3 py-2 text-xs text-center">205</td><td class="px-3 py-2 text-xs text-center">254</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-3 py-2 text-xs text-center">150 × 100<br>6 × 4</td><td class="px-3 py-2 text-xs text-center">168.3 × 114.3<br>6.625 × 4.500</td><td class="px-3 py-2 text-xs text-center">2-M12 × 75</td><td class="px-3 py-2 text-xs text-center">205</td><td class="px-3 py-2 text-xs text-center">254</td><td class="px-3 py-2 text-xs text-center">50</td><td class="px-3 py-2 text-xs text-center">300<br>2.07</td><td class="px-3 py-2 text-xs text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -206,70 +314,513 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<div class="space-y-8">
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">หน้าจาน PN16 Grooved DUKELARRSEN</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-13.jpg" alt="หน้าจาน PN16" class="w-full max-w-xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">หน้าจาน ANSI 150 Grooved DUKELARRSEN</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-14.jpg" alt="หน้าจาน ANSI 150" class="w-full max-w-xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ข้องอ 22.5° / 45° / 90° Grooved</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
<img src="/images/dukelarrsen/dukelarrsen-15.jpg" alt="ข้องอ 22.5" class="w-full h-48 object-contain rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-16.jpg" alt="ข้องอ 45" class="w-full h-48 object-contain rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-17.jpg" alt="ข้องอ 90" class="w-full h-48 object-contain rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-13.jpg" alt="หน้าจาน PN16" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Bolt Size<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">D<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Y<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Z<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">n-Ø<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 / 2</td><td class="px-2 py-2 text-center">60.3 / 2.375</td><td class="px-2 py-2 text-center">2-M10X70</td><td class="px-2 py-2 text-center">220</td><td class="px-2 py-2 text-center">165</td><td class="px-2 py-2 text-center">125</td><td class="px-2 py-2 text-center">23</td><td class="px-2 py-2 text-center">4-Ø18</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 / 2 1/2</td><td class="px-2 py-2 text-center">73.0 / 2.875</td><td class="px-2 py-2 text-center">2-M10X70</td><td class="px-2 py-2 text-center">235</td><td class="px-2 py-2 text-center">185</td><td class="px-2 py-2 text-center">145</td><td class="px-2 py-2 text-center">23</td><td class="px-2 py-2 text-center">4-Ø18</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 / 3</td><td class="px-2 py-2 text-center">88.9 / 3.500</td><td class="px-2 py-2 text-center">2-M10X70</td><td class="px-2 py-2 text-center">255</td><td class="px-2 py-2 text-center">195</td><td class="px-2 py-2 text-center">160</td><td class="px-2 py-2 text-center">23</td><td class="px-2 py-2 text-center">8-Ø18</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 / 4</td><td class="px-2 py-2 text-center">114.3 / 4.500</td><td class="px-2 py-2 text-center">2-M12X70</td><td class="px-2 py-2 text-center">279</td><td class="px-2 py-2 text-center">224</td><td class="px-2 py-2 text-center">180</td><td class="px-2 py-2 text-center">23</td><td class="px-2 py-2 text-center">8-Ø18</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 / 6</td><td class="px-2 py-2 text-center">168.3 / 6.625</td><td class="px-2 py-2 text-center">2-M12X70</td><td class="px-2 py-2 text-center">346</td><td class="px-2 py-2 text-center">280</td><td class="px-2 py-2 text-center">240</td><td class="px-2 py-2 text-center">24</td><td class="px-2 py-2 text-center">8-Ø22</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 / 8</td><td class="px-2 py-2 text-center">219.1 / 8.625</td><td class="px-2 py-2 text-center">2-M12X80</td><td class="px-2 py-2 text-center">414</td><td class="px-2 py-2 text-center">340</td><td class="px-2 py-2 text-center">295</td><td class="px-2 py-2 text-center">28</td><td class="px-2 py-2 text-center">12-Ø26</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">250 / 10</td><td class="px-2 py-2 text-center">273.0 / 10.750</td><td class="px-2 py-2 text-center">2-M12X80</td><td class="px-2 py-2 text-center">480</td><td class="px-2 py-2 text-center">405</td><td class="px-2 py-2 text-center">355</td><td class="px-2 py-2 text-center">30</td><td class="px-2 py-2 text-center">12-Ø26</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">300 / 12</td><td class="px-2 py-2 text-center">323.9 / 12.750</td><td class="px-2 py-2 text-center">2-M12X80</td><td class="px-2 py-2 text-center">530</td><td class="px-2 py-2 text-center">460</td><td class="px-2 py-2 text-center">410</td><td class="px-2 py-2 text-center">32</td><td class="px-2 py-2 text-center">12-Ø26</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ข้อลดกลม Grooved DUKELARRSEN</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<img src="/images/dukelarrsen/dukelarrsen-18.jpg" alt="ข้อลดกลม 1" class="w-full h-56 object-contain rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-19.jpg" alt="ข้อลดกลม 2" class="w-full h-56 object-contain rounded-xl" />
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">หน้าจาน ANSI 150 Grooved DUKELARRSEN</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-14.jpg" alt="หน้าจาน ANSI 150" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Bolt Size<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">D<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Y<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Z<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">n-Ø</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 / 2</td><td class="px-2 py-2 text-center">60.3 / 2.375</td><td class="px-2 py-2 text-center">2-M10X70</td><td class="px-2 py-2 text-center">220</td><td class="px-2 py-2 text-center">165</td><td class="px-2 py-2 text-center">121</td><td class="px-2 py-2 text-center">23</td><td class="px-2 py-2 text-center">4-Ø19</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 / 2 1/2</td><td class="px-2 py-2 text-center">73.0 / 2.875</td><td class="px-2 py-2 text-center">2-M10X70</td><td class="px-2 py-2 text-center">235</td><td class="px-2 py-2 text-center">185</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">23</td><td class="px-2 py-2 text-center">4-Ø19</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 / 3</td><td class="px-2 py-2 text-center">88.9 / 3.500</td><td class="px-2 py-2 text-center">2-M12X70</td><td class="px-2 py-2 text-center">255</td><td class="px-2 py-2 text-center">200</td><td class="px-2 py-2 text-center">152</td><td class="px-2 py-2 text-center">23</td><td class="px-2 py-2 text-center">4-Ø19</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 / 4</td><td class="px-2 py-2 text-center">114.3 / 4.500</td><td class="px-2 py-2 text-center">2-M12X70</td><td class="px-2 py-2 text-center">279</td><td class="px-2 py-2 text-center">228</td><td class="px-2 py-2 text-center">191</td><td class="px-2 py-2 text-center">23</td><td class="px-2 py-2 text-center">8-Ø19</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 / 6</td><td class="px-2 py-2 text-center">168.3 / 6.625</td><td class="px-2 py-2 text-center">2-M16X100</td><td class="px-2 py-2 text-center">346</td><td class="px-2 py-2 text-center">285</td><td class="px-2 py-2 text-center">241</td><td class="px-2 py-2 text-center">24</td><td class="px-2 py-2 text-center">8-Ø23</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 / 8</td><td class="px-2 py-2 text-center">219.1 / 8.625</td><td class="px-2 py-2 text-center">2-M16X100</td><td class="px-2 py-2 text-center">414</td><td class="px-2 py-2 text-center">340</td><td class="px-2 py-2 text-center">299</td><td class="px-2 py-2 text-center">28</td><td class="px-2 py-2 text-center">8-Ø23</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ข้องอ 22.5° Grooved</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-15.jpg" alt="ข้องอ 22.5" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Dimensions L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">40 (1 1/2)</td><td class="px-2 py-2 text-center">48.3 (1.9)</td><td class="px-2 py-2 text-center">44</td><td class="px-2 py-2 text-center">300 (2.07)</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 (2)</td><td class="px-2 py-2 text-center">60.3 (2.375)</td><td class="px-2 py-2 text-center">51</td><td class="px-2 py-2 text-center">300 (2.07)</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 (2 1/2)</td><td class="px-2 py-2 text-center">73.0 (2.875)</td><td class="px-2 py-2 text-center">51</td><td class="px-2 py-2 text-center">300 (2.07)</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 (3)</td><td class="px-2 py-2 text-center">88.9 (3.500)</td><td class="px-2 py-2 text-center">57</td><td class="px-2 py-2 text-center">300 (2.07)</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 (4)</td><td class="px-2 py-2 text-center">114.3 (4.500)</td><td class="px-2 py-2 text-center">73</td><td class="px-2 py-2 text-center">300 (2.07)</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 (6)</td><td class="px-2 py-2 text-center">168.3 (6.625)</td><td class="px-2 py-2 text-center">79</td><td class="px-2 py-2 text-center">300 (2.07)</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 (8)</td><td class="px-2 py-2 text-center">219.1 (8.625)</td><td class="px-2 py-2 text-center">98</td><td class="px-2 py-2 text-center">300 (2.07)</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">250 (10)</td><td class="px-2 py-2 text-center">273.0 (10.75)</td><td class="px-2 py-2 text-center">111</td><td class="px-2 py-2 text-center">300 (2.07)</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ข้องอ 45° Grooved</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-16.jpg" alt="ข้องอ 45" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Dimensions L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">25 / 1</td><td class="px-2 py-2 text-center">33.7 / 1.327</td><td class="px-2 py-2 text-center">44</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">32 / 1 1/4</td><td class="px-2 py-2 text-center">42.4 / 1.669</td><td class="px-2 py-2 text-center">44</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">40 / 1 1/2</td><td class="px-2 py-2 text-center">48.3 / 1.900</td><td class="px-2 py-2 text-center">44</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 / 2</td><td class="px-2 py-2 text-center">60.3 / 2.375</td><td class="px-2 py-2 text-center">51</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 / 2 1/2</td><td class="px-2 py-2 text-center">73.0 / 2.875</td><td class="px-2 py-2 text-center">57</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 / 3</td><td class="px-2 py-2 text-center">88.9 / 3.500</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 / 4</td><td class="px-2 py-2 text-center">114.3 / 4.500</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 / 5</td><td class="px-2 py-2 text-center">139.7 / 5.500</td><td class="px-2 py-2 text-center">83</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 / 6</td><td class="px-2 py-2 text-center">168.3 / 6.625</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 / 8</td><td class="px-2 py-2 text-center">219.1 / 8.625</td><td class="px-2 py-2 text-center">108</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">250 / 10</td><td class="px-2 py-2 text-center">273.0 / 10.750</td><td class="px-2 py-2 text-center">121</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">300 / 12</td><td class="px-2 py-2 text-center">323.9 / 12.750</td><td class="px-2 py-2 text-center">133</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ข้องอ 90° Grooved</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-17.jpg" alt="ข้องอ 90" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Dimensions L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">25 / 1</td><td class="px-2 py-2 text-center">33.7 / 1.327</td><td class="px-2 py-2 text-center">57</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">32 / 1 1/4</td><td class="px-2 py-2 text-center">42.4 / 1.669</td><td class="px-2 py-2 text-center">60</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">40 / 1 1/2</td><td class="px-2 py-2 text-center">48.3 / 1.900</td><td class="px-2 py-2 text-center">60</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 / 2</td><td class="px-2 py-2 text-center">60.3 / 2.375</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 / 2 1/2</td><td class="px-2 py-2 text-center">73.0 / 2.875</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 / 3</td><td class="px-2 py-2 text-center">88.9 / 3.500</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 / 4</td><td class="px-2 py-2 text-center">114.3 / 4.500</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 / 5</td><td class="px-2 py-2 text-center">141.3 / 5.563</td><td class="px-2 py-2 text-center">122</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 / 6</td><td class="px-2 py-2 text-center">168.3 / 6.625</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 / 8</td><td class="px-2 py-2 text-center">219.1 / 8.625</td><td class="px-2 py-2 text-center">175</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">250 / 10</td><td class="px-2 py-2 text-center">273.0 / 10.750</td><td class="px-2 py-2 text-center">215</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">300 / 12</td><td class="px-2 py-2 text-center">323.9 / 12.750</td><td class="px-2 py-2 text-center">245</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ข้อลดกลม Grooved DUKELARRSEN (1)</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-18.jpg" alt="ข้อลดกลม 1" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Dimensions L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">32 x 25 (1 1/4 x 1)</td><td class="px-2 py-2 text-center">42.4 x 33.7</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">40 x 25 (1 1/2 x 1)</td><td class="px-2 py-2 text-center">48.3 x 33.7</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 x 25 (2 x 1)</td><td class="px-2 py-2 text-center">60.3 x 33.7</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 x 40 (2 x 1 1/2)</td><td class="px-2 py-2 text-center">60.3 x 48.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 x 25 (2 1/2 x 1)</td><td class="px-2 py-2 text-center">73.0 x 33.7</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 x 40 (2 1/2 x 1 1/2)</td><td class="px-2 py-2 text-center">73.0 x 48.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 x 50 (2 1/2 x 2)</td><td class="px-2 py-2 text-center">73.0 x 60.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 x 25 (3 x 1)</td><td class="px-2 py-2 text-center">88.9 x 33.7</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 x 40 (3 x 1 1/2)</td><td class="px-2 py-2 text-center">88.9 x 48.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 x 50 (3 x 2)</td><td class="px-2 py-2 text-center">88.9 x 60.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 x 65 (3 x 2 1/2)</td><td class="px-2 py-2 text-center">88.9 x 73.0</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 40 (4 x 1 1/2)</td><td class="px-2 py-2 text-center">114.3 x 48.3</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 50 (4 x 2)</td><td class="px-2 py-2 text-center">114.3 x 60.3</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 65 (4 x 2 1/2)</td><td class="px-2 py-2 text-center">114.3 x 73.0</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 80 (4 x 3)</td><td class="px-2 py-2 text-center">114.3 x 88.9</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ข้อลดกลม Grooved DUKELARRSEN (2)</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-19.jpg" alt="ข้อลดกลม 2" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Dimensions L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 x 50 (5 x 2)</td><td class="px-2 py-2 text-center">139.7 x 60.3</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 x 80 (5 x 3)</td><td class="px-2 py-2 text-center">139.7 x 88.9</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 x 100 (5 x 4)</td><td class="px-2 py-2 text-center">139.7 x 108.0</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 50 (6 x 2)</td><td class="px-2 py-2 text-center">168.3 x 60.3</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 65 (6 x 2 1/2)</td><td class="px-2 py-2 text-center">168.3 x 73.0</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 80 (6 x 3)</td><td class="px-2 py-2 text-center">168.3 x 88.9</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 100 (6 x 4)</td><td class="px-2 py-2 text-center">168.3 x 114.3</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 125 (6 x 5)</td><td class="px-2 py-2 text-center">168.3 x 139.7</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 65 (8 x 2 1/2)</td><td class="px-2 py-2 text-center">219.1 x 73.0</td><td class="px-2 py-2 text-center">127</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 80 (8 x 3)</td><td class="px-2 py-2 text-center">219.1 x 88.9</td><td class="px-2 py-2 text-center">127</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 100 (8 x 4)</td><td class="px-2 py-2 text-center">219.1 x 114.3</td><td class="px-2 py-2 text-center">127</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 125 (8 x 5)</td><td class="px-2 py-2 text-center">219.1 x 139.7</td><td class="px-2 py-2 text-center">127</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 150 (8 x 6)</td><td class="px-2 py-2 text-center">219.1 x 168.3</td><td class="px-2 py-2 text-center">127</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ข้อลดเบี้ยว Grooved DUKELARRSEN</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-20.jpg" alt="ข้อลดเบี้ยว" class="w-full max-w-xl mx-auto h-auto rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-20.jpg" alt="ข้อลดเบี้ยว" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Dimensions L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 x 50 (3 x 2)</td><td class="px-2 py-2 text-center">88.9 x 60.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 50 (4 x 2)</td><td class="px-2 py-2 text-center">114.3 x 60.3</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 65 (4 x 2 1/2)</td><td class="px-2 py-2 text-center">114.3 x 76.1</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 80 (4 x 3)</td><td class="px-2 py-2 text-center">114.3 x 88.9</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 x 65 (5 x 2 1/2)</td><td class="px-2 py-2 text-center">139.7 x 73.0</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 x 80 (5 x 3)</td><td class="px-2 py-2 text-center">139.7 x 88.9</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 x 100 (5 x 4)</td><td class="px-2 py-2 text-center">139.7 x 114.3</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 65 (6 x 2 1/2)</td><td class="px-2 py-2 text-center">165.1 x 76.1</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 80 (6 x 3)</td><td class="px-2 py-2 text-center">168.3 x 88.9</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 100 (6 x 4)</td><td class="px-2 py-2 text-center">168.3 x 114.3</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 80 (8 x 3)</td><td class="px-2 py-2 text-center">219.1 x 88.9</td><td class="px-2 py-2 text-center">127</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 100 (8 x 4)</td><td class="px-2 py-2 text-center">219.1 x 114.3</td><td class="px-2 py-2 text-center">127</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 125 (8 x 5)</td><td class="px-2 py-2 text-center">219.1 x 139.7</td><td class="px-2 py-2 text-center">127</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 150 (8 x 6)</td><td class="px-2 py-2 text-center">219.1 x 168.3</td><td class="px-2 py-2 text-center">127</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">250 x 150 (10 x 6)</td><td class="px-2 py-2 text-center">273.0 x 165.1</td><td class="px-2 py-2 text-center">152</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">250 x 200 (10 x 8)</td><td class="px-2 py-2 text-center">273 x 219.1</td><td class="px-2 py-2 text-center">152</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">สามทาง Grooved DUKELARRSEN</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-21.jpg" alt="สามทาง" class="w-full max-w-xl mx-auto h-auto rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-21.jpg" alt="สามทาง" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Dimensions L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">25 / 1</td><td class="px-2 py-2 text-center">33.7 / 1.327</td><td class="px-2 py-2 text-center">57</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">32 / 1 1/4</td><td class="px-2 py-2 text-center">42.4 / 1.669</td><td class="px-2 py-2 text-center">60</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">40 / 1 1/2</td><td class="px-2 py-2 text-center">48.3 / 1.900</td><td class="px-2 py-2 text-center">60</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 / 2</td><td class="px-2 py-2 text-center">60.3 / 2.375</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 / 2 1/2</td><td class="px-2 py-2 text-center">73.0 / 2.875</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 / 3</td><td class="px-2 py-2 text-center">88.9 / 3.500</td><td class="px-2 py-2 text-center">86</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 / 4</td><td class="px-2 py-2 text-center">114.3 / 4.500</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 / 5</td><td class="px-2 py-2 text-center">139.7 / 5.500</td><td class="px-2 py-2 text-center">122</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 / 6</td><td class="px-2 py-2 text-center">168.3 / 6.625</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 / 8</td><td class="px-2 py-2 text-center">219.1 / 8.625</td><td class="px-2 py-2 text-center">175</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">250 / 10</td><td class="px-2 py-2 text-center">273.0 / 10.750</td><td class="px-2 py-2 text-center">215</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">300 / 12</td><td class="px-2 py-2 text-center">323.9 / 12.750</td><td class="px-2 py-2 text-center">245</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">สามทางลด Grooved DUKELARRSEN</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<img src="/images/dukelarrsen/dukelarrsen-22.jpg" alt="สามทางลด 1" class="w-full h-56 object-contain rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-23.jpg" alt="สามทางลด 2" class="w-full h-56 object-contain rounded-xl" />
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">สามทางลด Grooved DUKELARRSEN (1)</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-22.jpg" alt="สามทางลด 1" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Dimensions L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 × 25 (2 × 1)</td><td class="px-2 py-2 text-center">60.3 × 33.7</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 × 40 (2 × 1 1/2)</td><td class="px-2 py-2 text-center">60.3 × 48.3</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 × 25 (2 1/2 × 1)</td><td class="px-2 py-2 text-center">73.0 × 33.7</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 × 40 (2 1/2 × 1 1/2)</td><td class="px-2 py-2 text-center">73.0 × 48.3</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 × 50 (2 1/2 × 2)</td><td class="px-2 py-2 text-center">73.0 × 60.3</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 × 25 (3 × 1)</td><td class="px-2 py-2 text-center">88.9 × 33.7</td><td class="px-2 py-2 text-center">86</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 × 40 (3 × 1 1/2)</td><td class="px-2 py-2 text-center">88.9 × 48.3</td><td class="px-2 py-2 text-center">86</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 × 50 (3 × 2)</td><td class="px-2 py-2 text-center">88.9 × 60.3</td><td class="px-2 py-2 text-center">86</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 × 65 (3 × 2 1/2)</td><td class="px-2 py-2 text-center">88.9 × 73.0</td><td class="px-2 py-2 text-center">86</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 × 50 (4 × 2)</td><td class="px-2 py-2 text-center">114.3 × 60.3</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 × 65 (4 × 2 1/2)</td><td class="px-2 py-2 text-center">114.3 × 73.0</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 × 80 (4 × 3)</td><td class="px-2 py-2 text-center">114.3 × 88.9</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 × 50 (5 × 2)</td><td class="px-2 py-2 text-center">139.7 × 60.3</td><td class="px-2 py-2 text-center">122</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 × 65 (5 × 2 1/2)</td><td class="px-2 py-2 text-center">139.7 × 76.1</td><td class="px-2 py-2 text-center">122</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 × 80 (5 × 3)</td><td class="px-2 py-2 text-center">139.7 × 88.9</td><td class="px-2 py-2 text-center">122</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">สามทางลด Grooved DUKELARRSEN (2)</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-23.jpg" alt="สามทางลด 2" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Dimensions L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 x 100 (5 x 4)</td><td class="px-2 py-2 text-center">139.7 x 114.3</td><td class="px-2 py-2 text-center">122</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 50 (6 x 2)</td><td class="px-2 py-2 text-center">168.3 x 60.3</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 65 (6 x 2 1/2)</td><td class="px-2 py-2 text-center">168.3 x 73.0</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 80 (6 x 3)</td><td class="px-2 py-2 text-center">168.3 x 88.9</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 100 (6 x 4)</td><td class="px-2 py-2 text-center">168.3 x 114.3</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 125 (6 x 5)</td><td class="px-2 py-2 text-center">165.1 x 139.7</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 50 (8 x 2)</td><td class="px-2 py-2 text-center">219.1 x 60.3</td><td class="px-2 py-2 text-center">175</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 65 (8 x 2 1/2)</td><td class="px-2 py-2 text-center">219.1 x 73.0</td><td class="px-2 py-2 text-center">175</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 80 (8 x 3)</td><td class="px-2 py-2 text-center">219.1 x 88.9</td><td class="px-2 py-2 text-center">175</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 100 (8 x 4)</td><td class="px-2 py-2 text-center">219.1 x 114.3</td><td class="px-2 py-2 text-center">175</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 125 (8 x 5)</td><td class="px-2 py-2 text-center">219.1 x 139.7</td><td class="px-2 py-2 text-center">175</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 150 (8 x 6)</td><td class="px-2 py-2 text-center">219.1 x 168.3</td><td class="px-2 py-2 text-center">175</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">250 x 150 (10 x 6)</td><td class="px-2 py-2 text-center">273.0 x 168.3</td><td class="px-2 py-2 text-center">215</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">250 x 200 (10 x 8)</td><td class="px-2 py-2 text-center">273.0 x 219.1</td><td class="px-2 py-2 text-center">215</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">300 x 150 (12 x 6)</td><td class="px-2 py-2 text-center">323.9 x 168.3</td><td class="px-2 py-2 text-center">245</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">300 x 250 (12 x 10)</td><td class="px-2 py-2 text-center">323.9 x 273.0</td><td class="px-2 py-2 text-center">245</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">สามทางลดเกลียวใน Grooved DUKELARRSEN</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-24.jpg" alt="สามทางลดเกลียวใน" class="w-full max-w-xl mx-auto h-auto rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-24.jpg" alt="สามทางลดเกลียวใน" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Dimensions L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 × 25 / 2 × 1</td><td class="px-2 py-2 text-center">60.3 × 33.7</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 × 32 / 2 × 1 1/4</td><td class="px-2 py-2 text-center">60.3 × 42.4</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 × 40 / 2 × 1 1/2</td><td class="px-2 py-2 text-center">60.3 × 48.3</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 × 25 / 2 1/2 × 1</td><td class="px-2 py-2 text-center">73.0 × 33.7</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 × 25 / 2 1/2 × 1</td><td class="px-2 py-2 text-center">76.1 × 33.7</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 × 32 / 2 1/2 × 1 1/4</td><td class="px-2 py-2 text-center">73.0 × 42.4</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 × 40 / 2 1/2 × 1 1/2</td><td class="px-2 py-2 text-center">73.0 × 48.3</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 × 50 / 2 1/2 × 2</td><td class="px-2 py-2 text-center">73.0 × 60.3</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 × 25 / 3 × 1</td><td class="px-2 py-2 text-center">88.9 × 33.7</td><td class="px-2 py-2 text-center">86</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 × 32 / 3 × 1 1/4</td><td class="px-2 py-2 text-center">88.9 × 42.4</td><td class="px-2 py-2 text-center">86</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 × 40 / 3 × 1 1/2</td><td class="px-2 py-2 text-center">88.9 × 48.3</td><td class="px-2 py-2 text-center">86</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 × 50 / 3 × 2</td><td class="px-2 py-2 text-center">88.9 × 60.3</td><td class="px-2 py-2 text-center">86</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 × 65 / 3 × 2 1/2</td><td class="px-2 py-2 text-center">88.9 × 76.1</td><td class="px-2 py-2 text-center">86</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 × 25 / 4 × 1</td><td class="px-2 py-2 text-center">114.3 × 33.7</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 × 32 / 4 × 1 1/4</td><td class="px-2 py-2 text-center">114.3 × 42.4</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 × 40 / 4 × 1 1/2</td><td class="px-2 py-2 text-center">114.3 × 48.3</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 × 50 / 4 × 2</td><td class="px-2 py-2 text-center">114.3 × 60.3</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 × 65 / 4 × 2 1/2</td><td class="px-2 py-2 text-center">114.3 × 73.0</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 × 80 / 4 × 3</td><td class="px-2 py-2 text-center">114.3 × 88.9</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 × 25 / 5 × 1</td><td class="px-2 py-2 text-center">139.7 × 33.7</td><td class="px-2 py-2 text-center">122</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 × 32 / 5 × 1 1/4</td><td class="px-2 py-2 text-center">139.7 × 42.4</td><td class="px-2 py-2 text-center">122</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 × 40 / 5 × 1 1/2</td><td class="px-2 py-2 text-center">139.7 × 48.3</td><td class="px-2 py-2 text-center">122</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">สี่ทาง และ สี่ทางลด Grooved</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<img src="/images/dukelarrsen/dukelarrsen-26.jpg" alt="สี่ทาง" class="w-full h-40 object-contain rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-27.jpg" alt="สี่ทางลด" class="w-full h-40 object-contain rounded-xl" />
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">สี่ทาง Grooved</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-26.jpg" alt="สี่ทาง" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Dimensions L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 / 2</td><td class="px-2 py-2 text-center">60.3 / 2.375</td><td class="px-2 py-2 text-center">83</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 / 2 1/2</td><td class="px-2 py-2 text-center">73.0 / 2.875</td><td class="px-2 py-2 text-center">95</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 / 3</td><td class="px-2 py-2 text-center">88.9 / 3.500</td><td class="px-2 py-2 text-center">108</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 / 4</td><td class="px-2 py-2 text-center">114.3 / 4.500</td><td class="px-2 py-2 text-center">127</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 / 6</td><td class="px-2 py-2 text-center">168.3 / 6.625</td><td class="px-2 py-2 text-center">165</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 / 8</td><td class="px-2 py-2 text-center">219.1 / 8.625</td><td class="px-2 py-2 text-center">197</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">สี่ทางลด Grooved</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-27.jpg" alt="สี่ทางลด" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Dimensions L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 × 50 (6 × 2)</td><td class="px-2 py-2 text-center">165.1 × 60.3</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 × 65 (6 × 2 1/2)</td><td class="px-2 py-2 text-center">165.1 × 76.1</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 × 80 (6 × 3)</td><td class="px-2 py-2 text-center">165.1 × 88.9</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 × 100 (6 × 4)</td><td class="px-2 py-2 text-center">165.1 × 114.3</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 × 100 (8 × 4)</td><td class="px-2 py-2 text-center">219.1 × 114.3</td><td class="px-2 py-2 text-center">175</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ฝาครอบ DUKELARRSEN</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-28.jpg" alt="ฝาครอบ" class="w-full max-w-lg mx-auto h-auto rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-28.jpg" alt="ฝาครอบ" class="w-full max-w-lg mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Dimensions L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">25<br>1</td><td class="px-2 py-2 text-center">33.7<br>1.327</td><td class="px-2 py-2 text-center">23.8</td><td class="px-2 py-2 text-center">300<br>2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">32<br>1 1/4</td><td class="px-2 py-2 text-center">42.4<br>1.669</td><td class="px-2 py-2 text-center">23.8</td><td class="px-2 py-2 text-center">300<br>2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">40<br>1 1/2</td><td class="px-2 py-2 text-center">48.3<br>1.900</td><td class="px-2 py-2 text-center">23.8</td><td class="px-2 py-2 text-center">300<br>2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50<br>2</td><td class="px-2 py-2 text-center">60.3<br>2.375</td><td class="px-2 py-2 text-center">23.8</td><td class="px-2 py-2 text-center">300<br>2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65<br>2 1/2</td><td class="px-2 py-2 text-center">73<br>2.875</td><td class="px-2 py-2 text-center">23.8</td><td class="px-2 py-2 text-center">300<br>2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80<br>3</td><td class="px-2 py-2 text-center">88.9<br>3.500</td><td class="px-2 py-2 text-center">23.8</td><td class="px-2 py-2 text-center">300<br>2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100<br>4</td><td class="px-2 py-2 text-center">114.3<br>4.500</td><td class="px-2 py-2 text-center">25.4</td><td class="px-2 py-2 text-center">300<br>2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125<br>5</td><td class="px-2 py-2 text-center">139.7<br>5.500</td><td class="px-2 py-2 text-center">25.4</td><td class="px-2 py-2 text-center">300<br>2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150<br>6</td><td class="px-2 py-2 text-center">168.3<br>6.625</td><td class="px-2 py-2 text-center">25.4</td><td class="px-2 py-2 text-center">300<br>2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200<br>8</td><td class="px-2 py-2 text-center">219.1<br>8.625</td><td class="px-2 py-2 text-center">32</td><td class="px-2 py-2 text-center">300<br>2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">250<br>10</td><td class="px-2 py-2 text-center">273.0<br>10.750</td><td class="px-2 py-2 text-center">32</td><td class="px-2 py-2 text-center">300<br>2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">300<br>12</td><td class="px-2 py-2 text-center">323.9<br>12.750</td><td class="px-2 py-2 text-center">32</td><td class="px-2 py-2 text-center">300<br>2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">Cap with Eccentric Hole</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-29.jpg" alt="Cap with Eccentric Hole" class="w-full max-w-lg mx-auto h-auto rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-29.jpg" alt="Cap with Eccentric Hole" class="w-full max-w-lg mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Dimensions L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 × 25 (3 × 1)</td><td class="px-2 py-2 text-center">88.9 × 33.7</td><td class="px-2 py-2 text-center">25</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 × 25 (4 × 1)</td><td class="px-2 py-2 text-center">114.3 × 33.7</td><td class="px-2 py-2 text-center">25</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 × 25 (6 × 1)</td><td class="px-2 py-2 text-center">165.1 × 33.7</td><td class="px-2 py-2 text-center">25</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -284,25 +835,228 @@ import Footer from '@/components/common/Footer.astro';
|
||||
|
||||
<div class="space-y-8">
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">รัดแยกสามทาง Grooved DUKELARRSEN</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<img src="/images/dukelarrsen/dukelarrsen-30.jpg" alt="รัดแยกสามทาง 1" class="w-full h-56 object-contain rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-31.jpg" alt="รัดแยกสามทาง 2" class="w-full h-56 object-contain rounded-xl" />
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">รัดแยกสามทาง Grooved DUKELARRSEN (1)</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-30.jpg" alt="รัดแยกสามทาง 1" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Nominal Size<br>mm/in</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Pipe OD<br>mm/in</th>
|
||||
<th colspan="5" class="px-2 py-2 text-center font-semibold">Dimensions (mm)</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Working Pressure<br>Psi/Mpa</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Certificate</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Hole</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Ø</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">L</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">A</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">H</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 x 32<br>2 x 1 1/4</td><td class="px-2 py-2 text-center">60.3 x 42.4</td><td class="px-2 py-2 text-center">46</td><td class="px-2 py-2 text-center">75</td><td class="px-2 py-2 text-center">120</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">69</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 x 40<br>2 x 1 1/2</td><td class="px-2 py-2 text-center">60.3 x 48.3</td><td class="px-2 py-2 text-center">46</td><td class="px-2 py-2 text-center">75</td><td class="px-2 py-2 text-center">120</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">68</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 x 25<br>2 1/2 x 1</td><td class="px-2 py-2 text-center">73.0 x 33.7</td><td class="px-2 py-2 text-center">38</td><td class="px-2 py-2 text-center">93</td><td class="px-2 py-2 text-center">137</td><td class="px-2 py-2 text-center">78</td><td class="px-2 py-2 text-center">77</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 x 32<br>2 1/2 x 1 1/4</td><td class="px-2 py-2 text-center">73.0 x 42.4</td><td class="px-2 py-2 text-center">46</td><td class="px-2 py-2 text-center">93</td><td class="px-2 py-2 text-center">137</td><td class="px-2 py-2 text-center">78</td><td class="px-2 py-2 text-center">83</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 x 40<br>2 1/2 x 1 1/2</td><td class="px-2 py-2 text-center">73.0 x 48.3</td><td class="px-2 py-2 text-center">51</td><td class="px-2 py-2 text-center">93</td><td class="px-2 py-2 text-center">137</td><td class="px-2 py-2 text-center">78</td><td class="px-2 py-2 text-center">83</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 x 25<br>3 x 1</td><td class="px-2 py-2 text-center">88.9 x 33.7</td><td class="px-2 py-2 text-center">38</td><td class="px-2 py-2 text-center">114</td><td class="px-2 py-2 text-center">152</td><td class="px-2 py-2 text-center">83</td><td class="px-2 py-2 text-center">77</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 x 32<br>3 x 1 1/4</td><td class="px-2 py-2 text-center">88.9 x 42.4</td><td class="px-2 py-2 text-center">46</td><td class="px-2 py-2 text-center">114</td><td class="px-2 py-2 text-center">152</td><td class="px-2 py-2 text-center">85</td><td class="px-2 py-2 text-center">83</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 x 40<br>3 x 1 1/2</td><td class="px-2 py-2 text-center">88.9 x 48.3</td><td class="px-2 py-2 text-center">51</td><td class="px-2 py-2 text-center">114</td><td class="px-2 py-2 text-center">152</td><td class="px-2 py-2 text-center">85</td><td class="px-2 py-2 text-center">93</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 x 50<br>3 x 2</td><td class="px-2 py-2 text-center">88.9 x 60.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">114</td><td class="px-2 py-2 text-center">152</td><td class="px-2 py-2 text-center">85</td><td class="px-2 py-2 text-center">99</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 25<br>4 x 1</td><td class="px-2 py-2 text-center">114.3 x 33.7</td><td class="px-2 py-2 text-center">38</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">180</td><td class="px-2 py-2 text-center">97</td><td class="px-2 py-2 text-center">77</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 50<br>4 x 2</td><td class="px-2 py-2 text-center">114.3 x 60.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">180</td><td class="px-2 py-2 text-center">99</td><td class="px-2 py-2 text-center">99</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 65<br>4 x 2 1/2</td><td class="px-2 py-2 text-center">114.3 x 73.0</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">180</td><td class="px-2 py-2 text-center">99</td><td class="px-2 py-2 text-center">122</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 80<br>4 x 3</td><td class="px-2 py-2 text-center">114.3 x 88.9</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">180</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">129</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 x 50<br>5 x 2</td><td class="px-2 py-2 text-center">139.7 x 60.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">168</td><td class="px-2 py-2 text-center">220</td><td class="px-2 py-2 text-center">112</td><td class="px-2 py-2 text-center">100</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">125 x 80<br>5 x 3</td><td class="px-2 py-2 text-center">139.7 x 88.9</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">168</td><td class="px-2 py-2 text-center">220</td><td class="px-2 py-2 text-center">113</td><td class="px-2 py-2 text-center">134</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 50<br>6 x 2</td><td class="px-2 py-2 text-center">168.3 x 60.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">198</td><td class="px-2 py-2 text-center">248</td><td class="px-2 py-2 text-center">130</td><td class="px-2 py-2 text-center">99</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">รัดแยกสามทางเกลียวใน Threaded Grooved DUKELARRSEN</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
<img src="/images/dukelarrsen/dukelarrsen-32.jpg" alt="รัดแยกเกลียวใน 1" class="w-full h-48 object-contain rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-33.jpg" alt="รัดแยกเกลียวใน 2" class="w-full h-48 object-contain rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-34.jpg" alt="รัดแยกเกลียวใน 3" class="w-full h-48 object-contain rounded-xl" />
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">รัดแยกสามทาง Grooved DUKELARRSEN (2)</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-31.jpg" alt="รัดแยกสามทาง 2" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Nominal Size<br>mm/in</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Pipe OD<br>mm/in</th>
|
||||
<th colspan="5" class="px-2 py-2 text-center font-semibold">Dimensions (mm)</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Working Pressure<br>Psi/Mpa</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Certificate</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Hole</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Ø</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">L</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">A</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">H</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 65 (6 x 2 1/2)</td><td class="px-2 py-2 text-center">168.3 x 73.0</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">198</td><td class="px-2 py-2 text-center">248</td><td class="px-2 py-2 text-center">131</td><td class="px-2 py-2 text-center">122</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 65 (6 x 2 1/2)</td><td class="px-2 py-2 text-center">165.1 x 73.0</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">194</td><td class="px-2 py-2 text-center">248</td><td class="px-2 py-2 text-center">126</td><td class="px-2 py-2 text-center">122</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 80 (6 x 3)</td><td class="px-2 py-2 text-center">165.1 x 88.9</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">194</td><td class="px-2 py-2 text-center">248</td><td class="px-2 py-2 text-center">125</td><td class="px-2 py-2 text-center">139</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 80 (6 x 3)</td><td class="px-2 py-2 text-center">168.3 x 88.9</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">198</td><td class="px-2 py-2 text-center">248</td><td class="px-2 py-2 text-center">128</td><td class="px-2 py-2 text-center">136</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 100 (6 x 4)</td><td class="px-2 py-2 text-center">168.3 x 114.3</td><td class="px-2 py-2 text-center">114</td><td class="px-2 py-2 text-center">198</td><td class="px-2 py-2 text-center">248</td><td class="px-2 py-2 text-center">133</td><td class="px-2 py-2 text-center">157</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 100 (6 x 4)</td><td class="px-2 py-2 text-center">165.1 x 114.3</td><td class="px-2 py-2 text-center">114</td><td class="px-2 py-2 text-center">194</td><td class="px-2 py-2 text-center">248</td><td class="px-2 py-2 text-center">125</td><td class="px-2 py-2 text-center">159</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 50 (8 x 2)</td><td class="px-2 py-2 text-center">219.1 x 60.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">250</td><td class="px-2 py-2 text-center">311</td><td class="px-2 py-2 text-center">146</td><td class="px-2 py-2 text-center">100</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 65 (8 x 2 1/2)</td><td class="px-2 py-2 text-center">219.1 x 73.0</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">250</td><td class="px-2 py-2 text-center">311</td><td class="px-2 py-2 text-center">152</td><td class="px-2 py-2 text-center">130</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 80 (8 x 3)</td><td class="px-2 py-2 text-center">219.1 x 88.9</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">250</td><td class="px-2 py-2 text-center">311</td><td class="px-2 py-2 text-center">152</td><td class="px-2 py-2 text-center">137</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 x 100 (8 x 4)</td><td class="px-2 py-2 text-center">219.1 x 114.3</td><td class="px-2 py-2 text-center">114</td><td class="px-2 py-2 text-center">250</td><td class="px-2 py-2 text-center">311</td><td class="px-2 py-2 text-center">153</td><td class="px-2 py-2 text-center">162</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">รัดแยกสามทางเกลียวใน Threaded Grooved DUKELARRSEN (1)</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-32.jpg" alt="รัดแยกเกลียวใน 1" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Nominal Size<br>mm/in</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Pipe OD<br>mm/in</th>
|
||||
<th colspan="5" class="px-2 py-2 text-center font-semibold">Dimensions (mm)</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Working Pressure<br>Psi/Mpa</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Certificate</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Hole</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Ø</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">L</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">A</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">H</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 x 15 (2 x 1/2)</td><td class="px-2 py-2 text-center">60.3 x 21.3</td><td class="px-2 py-2 text-center">38</td><td class="px-2 py-2 text-center">75</td><td class="px-2 py-2 text-center">120</td><td class="px-2 py-2 text-center">50</td><td class="px-2 py-2 text-center">54</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 x 20 (2 x 3/4)</td><td class="px-2 py-2 text-center">60.3 x 26.7</td><td class="px-2 py-2 text-center">38</td><td class="px-2 py-2 text-center">75</td><td class="px-2 py-2 text-center">120</td><td class="px-2 py-2 text-center">50</td><td class="px-2 py-2 text-center">54</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 x 25 (2 x 1)</td><td class="px-2 py-2 text-center">60.3 x 33.7</td><td class="px-2 py-2 text-center">38</td><td class="px-2 py-2 text-center">75</td><td class="px-2 py-2 text-center">120</td><td class="px-2 py-2 text-center">57</td><td class="px-2 py-2 text-center">69</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 x 32 (2 x 1 1/4)</td><td class="px-2 py-2 text-center">60.3 x 42.4</td><td class="px-2 py-2 text-center">46</td><td class="px-2 py-2 text-center">75</td><td class="px-2 py-2 text-center">120</td><td class="px-2 py-2 text-center">57</td><td class="px-2 py-2 text-center">69</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 x 40 (2 x 1 1/2)</td><td class="px-2 py-2 text-center">60.3 x 48.3</td><td class="px-2 py-2 text-center">46</td><td class="px-2 py-2 text-center">75</td><td class="px-2 py-2 text-center">120</td><td class="px-2 py-2 text-center">61</td><td class="px-2 py-2 text-center">68</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 x 15 (2 1/2 x 1/2)</td><td class="px-2 py-2 text-center">73.0 x 21.3</td><td class="px-2 py-2 text-center">38</td><td class="px-2 py-2 text-center">93</td><td class="px-2 py-2 text-center">139</td><td class="px-2 py-2 text-center">58</td><td class="px-2 py-2 text-center">54</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 x 25 (2 1/2 x 1)</td><td class="px-2 py-2 text-center">73.0 x 33.7</td><td class="px-2 py-2 text-center">38</td><td class="px-2 py-2 text-center">93</td><td class="px-2 py-2 text-center">139</td><td class="px-2 py-2 text-center">61</td><td class="px-2 py-2 text-center">77</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 x 25 (2 1/2 x 1)</td><td class="px-2 py-2 text-center">76.1 x 33.7</td><td class="px-2 py-2 text-center">38</td><td class="px-2 py-2 text-center">102</td><td class="px-2 py-2 text-center">144</td><td class="px-2 py-2 text-center">67</td><td class="px-2 py-2 text-center">77</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 x 32 (2 1/2 x 1 1/4)</td><td class="px-2 py-2 text-center">73.0 x 42.4</td><td class="px-2 py-2 text-center">46</td><td class="px-2 py-2 text-center">93</td><td class="px-2 py-2 text-center">139</td><td class="px-2 py-2 text-center">61</td><td class="px-2 py-2 text-center">83</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 x 40 (2 1/2 x 1 1/2)</td><td class="px-2 py-2 text-center">73.0 x 48.3</td><td class="px-2 py-2 text-center">51</td><td class="px-2 py-2 text-center">93</td><td class="px-2 py-2 text-center">139</td><td class="px-2 py-2 text-center">61</td><td class="px-2 py-2 text-center">83</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">รัดแยกสามทางเกลียวใน Threaded Grooved DUKELARRSEN (2)</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-33.jpg" alt="รัดแยกเกลียวใน 2" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Nominal Size<br>mm/in</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Pipe OD<br>mm/in</th>
|
||||
<th colspan="5" class="px-2 py-2 text-center font-semibold">Dimensions (mm)</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Working Pressure<br>Psi/Mpa</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Certificate</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Hole</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Ø</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">L</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">A</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">H</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 x 50 (2 1/2 x 2)</td><td class="px-2 py-2 text-center">73.0 x 60.3</td><td class="px-2 py-2 text-center">51</td><td class="px-2 py-2 text-center">93</td><td class="px-2 py-2 text-center">139</td><td class="px-2 py-2 text-center">66</td><td class="px-2 py-2 text-center">83</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 x 15 (3 x 1/2)</td><td class="px-2 py-2 text-center">88.9 x 21.3</td><td class="px-2 py-2 text-center">38</td><td class="px-2 py-2 text-center">114</td><td class="px-2 py-2 text-center">155</td><td class="px-2 py-2 text-center">59</td><td class="px-2 py-2 text-center">59</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 x 25 (3 x 1)</td><td class="px-2 py-2 text-center">88.9 x 33.7</td><td class="px-2 py-2 text-center">38</td><td class="px-2 py-2 text-center">114</td><td class="px-2 py-2 text-center">155</td><td class="px-2 py-2 text-center">74</td><td class="px-2 py-2 text-center">77</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 x 32 (3 x 1 1/4)</td><td class="px-2 py-2 text-center">88.9 x 42.4</td><td class="px-2 py-2 text-center">46</td><td class="px-2 py-2 text-center">114</td><td class="px-2 py-2 text-center">155</td><td class="px-2 py-2 text-center">73</td><td class="px-2 py-2 text-center">83</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 x 40 (3 x 1 1/2)</td><td class="px-2 py-2 text-center">88.9 x 48.3</td><td class="px-2 py-2 text-center">51</td><td class="px-2 py-2 text-center">114</td><td class="px-2 py-2 text-center">155</td><td class="px-2 py-2 text-center">73</td><td class="px-2 py-2 text-center">93</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">80 x 50 (3 x 2)</td><td class="px-2 py-2 text-center">88.9 x 60.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">114</td><td class="px-2 py-2 text-center">155</td><td class="px-2 py-2 text-center">78</td><td class="px-2 py-2 text-center">99</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 25 (4 x 1)</td><td class="px-2 py-2 text-center">114.3 x 33.7</td><td class="px-2 py-2 text-center">38</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">181</td><td class="px-2 py-2 text-center">83</td><td class="px-2 py-2 text-center">77</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 50 (4 x 2)</td><td class="px-2 py-2 text-center">114.3 x 60.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">181</td><td class="px-2 py-2 text-center">93</td><td class="px-2 py-2 text-center">100</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 65 (4 x 2 1/2)</td><td class="px-2 py-2 text-center">114.3 x 73.0</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">181</td><td class="px-2 py-2 text-center">93</td><td class="px-2 py-2 text-center">122</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">100 x 80 (4 x 3)</td><td class="px-2 py-2 text-center">114.3 x 88.9</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">140</td><td class="px-2 py-2 text-center">181</td><td class="px-2 py-2 text-center">93</td><td class="px-2 py-2 text-center">136</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 50 (6 x 2)</td><td class="px-2 py-2 text-center">168.3 x 60.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">198</td><td class="px-2 py-2 text-center">248</td><td class="px-2 py-2 text-center">120</td><td class="px-2 py-2 text-center">99</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 x 80 (6 x 3)</td><td class="px-2 py-2 text-center">168.3 x 88.9</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">198</td><td class="px-2 py-2 text-center">248</td><td class="px-2 py-2 text-center">128</td><td class="px-2 py-2 text-center">136</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">รัดแยกสามทางเกลียวใน Threaded Grooved DUKELARRSEN (3)</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-34.jpg" alt="รัดแยกเกลียวใน 3" class="w-full max-w-xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Nominal Size<br>mm/in</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Pipe OD<br>mm/in</th>
|
||||
<th colspan="5" class="px-2 py-2 text-center font-semibold">Dimensions (mm)</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Working Pressure<br>Psi/Mpa</th>
|
||||
<th rowspan="2" class="px-2 py-2 text-center font-semibold align-middle">Certificate</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Hole</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Ø</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">L</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">A</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">H</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">150 × 100 (6 × 4)</td><td class="px-2 py-2 text-center">168.3 × 114.3</td><td class="px-2 py-2 text-center">114</td><td class="px-2 py-2 text-center">198</td><td class="px-2 py-2 text-center">248</td><td class="px-2 py-2 text-center">128</td><td class="px-2 py-2 text-center">136</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 × 25 (8 × 1)</td><td class="px-2 py-2 text-center">219.1 × 33.7</td><td class="px-2 py-2 text-center">38</td><td class="px-2 py-2 text-center">250</td><td class="px-2 py-2 text-center">311</td><td class="px-2 py-2 text-center">146</td><td class="px-2 py-2 text-center">77</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 × 32 (8 × 1 1/4)</td><td class="px-2 py-2 text-center">219.1 × 42.4</td><td class="px-2 py-2 text-center">46</td><td class="px-2 py-2 text-center">250</td><td class="px-2 py-2 text-center">311</td><td class="px-2 py-2 text-center">146</td><td class="px-2 py-2 text-center">83</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 × 40 (8 × 1 1/2)</td><td class="px-2 py-2 text-center">219.1 × 48.3</td><td class="px-2 py-2 text-center">51</td><td class="px-2 py-2 text-center">250</td><td class="px-2 py-2 text-center">311</td><td class="px-2 py-2 text-center">146</td><td class="px-2 py-2 text-center">94</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 × 50 (8 × 2)</td><td class="px-2 py-2 text-center">219.1 × 60.3</td><td class="px-2 py-2 text-center">64</td><td class="px-2 py-2 text-center">250</td><td class="px-2 py-2 text-center">311</td><td class="px-2 py-2 text-center">146</td><td class="px-2 py-2 text-center">100</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 × 65 (8 × 2 1/2)</td><td class="px-2 py-2 text-center">219.1 × 76.1</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">250</td><td class="px-2 py-2 text-center">311</td><td class="px-2 py-2 text-center">146</td><td class="px-2 py-2 text-center">130</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 × 80 (8 × 3)</td><td class="px-2 py-2 text-center">219.1 × 88.9</td><td class="px-2 py-2 text-center">89</td><td class="px-2 py-2 text-center">250</td><td class="px-2 py-2 text-center">311</td><td class="px-2 py-2 text-center">152</td><td class="px-2 py-2 text-center">137</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">200 × 100 (8 × 4)</td><td class="px-2 py-2 text-center">219.1 × 114.3</td><td class="px-2 py-2 text-center">114</td><td class="px-2 py-2 text-center">250</td><td class="px-2 py-2 text-center">311</td><td class="px-2 py-2 text-center">153</td><td class="px-2 py-2 text-center">162</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">รัดแยกสาม U-Bolt Grooved DUKELARRSEN</h3>
|
||||
<img src="/images/dukelarrsen/dukelarrsen-35.jpg" alt="รัดแยก U-Bolt" class="w-full max-w-2xl mx-auto h-auto rounded-xl" />
|
||||
<img src="/images/dukelarrsen/dukelarrsen-35.jpg" alt="รัดแยก U-Bolt" class="w-full max-w-2xl mx-auto h-auto rounded-xl mb-4" />
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full border-collapse bg-white rounded-xl shadow-sm overflow-hidden text-xs">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-2 py-2 text-center font-semibold">Nominal Size<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Pipe OD<br>mm/in</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Bolt Size<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Hole<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">L<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">A<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">H<br>mm</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Working Pressure<br>Psi/Mpa</th>
|
||||
<th class="px-2 py-2 text-center font-semibold">Certificate</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200">
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">25 × 15 (1 × 1/2)</td><td class="px-2 py-2 text-center">33.7 × 21.3</td><td class="px-2 py-2 text-center">M10×70</td><td class="px-2 py-2 text-center">24</td><td class="px-2 py-2 text-center">76</td><td class="px-2 py-2 text-center">49</td><td class="px-2 py-2 text-center">43</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">25 × 20 (1 × 3/4)</td><td class="px-2 py-2 text-center">33.7 × 26.9</td><td class="px-2 py-2 text-center">M10×70</td><td class="px-2 py-2 text-center">24</td><td class="px-2 py-2 text-center">84</td><td class="px-2 py-2 text-center">58</td><td class="px-2 py-2 text-center">43</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">32 × 15 (1 1/4 × 1/2)</td><td class="px-2 py-2 text-center">42.4 × 21.3</td><td class="px-2 py-2 text-center">M10×78</td><td class="px-2 py-2 text-center">30</td><td class="px-2 py-2 text-center">98</td><td class="px-2 py-2 text-center">45</td><td class="px-2 py-2 text-center">56</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">32 × 25 (1 1/4 × 1)</td><td class="px-2 py-2 text-center">42.4 × 33.7</td><td class="px-2 py-2 text-center">M10×78</td><td class="px-2 py-2 text-center">30</td><td class="px-2 py-2 text-center">98</td><td class="px-2 py-2 text-center">54</td><td class="px-2 py-2 text-center">56</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">40 × 15 (1 1/2 × 1/2)</td><td class="px-2 py-2 text-center">48.3 × 21.3</td><td class="px-2 py-2 text-center">M10×78</td><td class="px-2 py-2 text-center">30</td><td class="px-2 py-2 text-center">106</td><td class="px-2 py-2 text-center">48</td><td class="px-2 py-2 text-center">59</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">40 × 25 (1 1/2 × 1)</td><td class="px-2 py-2 text-center">48.3 × 33.7</td><td class="px-2 py-2 text-center">M10×78</td><td class="px-2 py-2 text-center">30</td><td class="px-2 py-2 text-center">106</td><td class="px-2 py-2 text-center">58</td><td class="px-2 py-2 text-center">59</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 × 15 (2 × 1/2)</td><td class="px-2 py-2 text-center">60.3 × 21.3</td><td class="px-2 py-2 text-center">M10×92</td><td class="px-2 py-2 text-center">30</td><td class="px-2 py-2 text-center">120</td><td class="px-2 py-2 text-center">54</td><td class="px-2 py-2 text-center">59</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">50 × 25 (2 × 1)</td><td class="px-2 py-2 text-center">60.3 × 33.7</td><td class="px-2 py-2 text-center">M10×92</td><td class="px-2 py-2 text-center">30</td><td class="px-2 py-2 text-center">120</td><td class="px-2 py-2 text-center">66</td><td class="px-2 py-2 text-center">59</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 × 15 (2 1/2 × 1/2)</td><td class="px-2 py-2 text-center">73.0 × 21.3</td><td class="px-2 py-2 text-center">M10×108</td><td class="px-2 py-2 text-center">30</td><td class="px-2 py-2 text-center">139</td><td class="px-2 py-2 text-center">61</td><td class="px-2 py-2 text-center">59</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
<tr class="hover:bg-gray-50"><td class="px-2 py-2 text-center">65 × 25 (2 1/2 × 1)</td><td class="px-2 py-2 text-center">73.0 × 33.7</td><td class="px-2 py-2 text-center">M10×108</td><td class="px-2 py-2 text-center">30</td><td class="px-2 py-2 text-center">139</td><td class="px-2 py-2 text-center">70</td><td class="px-2 py-2 text-center">59</td><td class="px-2 py-2 text-center">300 / 2.07</td><td class="px-2 py-2 text-center">FM UL</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -15,7 +15,6 @@ const categories = [
|
||||
{ name: 'กรู๊ฟท่อ', slug: '/groove-coupling', image: '/images/products-cropped/mech_000C.jpg' },
|
||||
{ name: 'Pipe Coupling', slug: '/pipe-coupling', image: '/images/pipe-coupling/BG-SMC02.png' },
|
||||
{ name: 'DUKELARRSEN', slug: '/dukelarrsen', image: '/images/dukelarrsen/dukelarrsen-43.jpg' },
|
||||
{ name: 'แฮงเกอร์ แคล้ม โบลท์', slug: '/แฮงเกอร์-แคล้ม-โบลท์-แหว', image: '/images/products-cropped/Hanger-Clamp-Bolt_000.jpg' },
|
||||
{ name: 'วาล์ว', slug: '/วาล์ว-valve', image: '/images/products-cropped/valve_000C.jpg' },
|
||||
{ name: 'DURGO วาล์วเติมอากาศ', slug: '/durgo-avvs', image: '/images/products-cropped/durgo_000C.jpg' },
|
||||
{ name: 'ปั๊มน้ำ', slug: '/water-pump', image: '/images/products-cropped/water-pump_000C.jpg' },
|
||||
|
||||
@@ -67,7 +67,87 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<!-- Subcategories - Cards only, no header text -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-6">
|
||||
<a href="/ท่อ-ppr-thai-ppr" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PPR" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-green-600 transition-colors text-center">ท่อ PPR</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/ท่อพีพีอาร์ตราช้าง" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PPR ตราช้าง" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-green-600 transition-colors text-center">ท่อ PPR ตราช้าง</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/pp-r-pp-rct-poloplast" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PP-R Poloplast" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-green-600 transition-colors text-center">ท่อ PP-R Poloplast</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/ท่อhdpe" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-cropped/hdpe001.jpg" alt="ท่อ HDPE" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-green-600 transition-colors text-center">ท่อ HDPE</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/ท่อ-upvc" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-cropped/upvc-pipe_000C.jpg" alt="ท่อ UPVC" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-green-600 transition-colors text-center">ท่อ UPVC</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/ท่อไซเลอร์" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-cropped/SYLER01.jpg" alt="ท่อไซเลอร์" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-green-600 transition-colors text-center">ท่อไซเลอร์</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/ท่อและข้อต่อpvc" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-cropped/pvc-pipe_000C.jpg" alt="ท่อ PVC" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-green-600 transition-colors text-center">ท่อ PVC</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/ท่อระบายน้ำ-3-ชั้น-ไซเลนท" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-cropped/XYLENT_001.png" alt="ท่อระบายน้ำ 3 ชั้น" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-green-600 transition-colors text-center">ท่อระบายน้ำ 3 ชั้น</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/ท่อพีพีอาร์" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อพีพีอาร์" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-green-600 transition-colors text-center">ท่อพีพีอาร์</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-white">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
|
||||
@@ -67,6 +67,117 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Details -->
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
<strong>PP-R / PP-RCT POLOPLAST</strong> ทางเลือกที่ดีกว่า ด้วยประสบการณ์ในการผลิตที่ยาวนานกว่า 30 ปี จึงเข้าใจและเชี่ยวชาญด้านระบบท่อน้ำพีพี-อาร์เป็นอย่างดี นำมาสู่การออกแบบและพัฒนาผลิตภัณฑ์ตามหลักวิศวกรรมศาสตร์ เพื่อแก้ไขปัญหาจากการใช้งานจริง
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
ท่อและข้อต่อผลิตจากประเทศเยอรมนี ติดตั้งง่าย ประสานเป็นเนื้อเดียวกันได้อย่างสมบูรณ์ ผ่านการทดสอบมาตรฐานระดับโลกจาก DVGW, SKZ และ ICC-ES
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
เหมาะสำหรับใช้เป็นท่อน้ำดื่มและท่ออื่นๆ ได้อย่างดี รับประกันอายุการใช้งาน 10 ปี ผลิตตามมาตรฐาน DIN 8077/8078
|
||||
</p>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">เทคโนโลยี MULTI LAYER รุ่น ML5</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li><strong>PP-R External Layer:</strong> เม็ดพลาสติกคุณภาพสูง ติดตั้งง่าย เชื่อมเป็นเนื้อเดียวกันได้อย่างสมบูรณ์</li>
|
||||
<li><strong>HPCE Second Layer:</strong> ชั้นไฟเบอร์พิเศษที่คิดค้นโดย POLOPLAST อัตราการยืด (Linear Expansion) ที่น้อยที่สุดเพียง 0.038 mm/mK ทนต่อแรงกระแทกสูงเป็นพิเศษ</li>
|
||||
<li><strong>PP-RCT Central Layer:</strong> ยืดอายุการใช้งาน ลดการยืดหดขยายตัวถึง 5 เท่า รองรับอุณหภูมิได้สูงถึง 95°C</li>
|
||||
<li><strong>HPCE Second Inner Layer:</strong> เพิ่มความต้านทานและทนต่อแรงกระแทก</li>
|
||||
<li><strong>PP-RCT Inner Layer:</strong> แข็งแรง ทนต่อแรงดัน พื้นผิวเรียบ ไม่เกิดตะกรัน</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pipe Types -->
|
||||
<section id="pipe-types" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-4">ประเภทท่อ PP-R / PP-RCT</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">SDR / S</th>
|
||||
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">อุณหภูมิ (°C)</th>
|
||||
<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">อายุการใช้งาน</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">PP-R PIPE SDR 11 / S 5</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">SDR 11 / S 5</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3-60</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">10</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">50 ปี</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">PP-R PIPE SDR 6 / S 2.5</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">SDR 6 / S 2.5</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3-95</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">20</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">50 ปี</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">PP-RCT FIBER FASER ML 5 / SDR 7.4 / S 3.2</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">SDR 7.4 / S 3.2</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3-95</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">20</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">50 ปี</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">PP-RCT PIPE SDR 11 / S 5</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">SDR 11 / S 5</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3-95</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">16</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">50 ปี</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">PP-RCT PIPE SDR 7.4 / S 3.2</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">SDR 7.4 / S 3.2</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3-95</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">20</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">50 ปี</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p class="text-sm text-secondary-600">* ความยาวต่อเส้น 4 เมตร</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Installation -->
|
||||
<section id="installation" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-4">ขั้นตอนการติดตั้ง PP-R และ PP-RCT</h3>
|
||||
<div class="grid md:grid-cols-3 gap-6 my-8">
|
||||
<div class="card p-6 bg-white">
|
||||
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">1</div>
|
||||
<h4 class="text-lg font-bold text-secondary-900 mb-2">หลอม (Fusion)</h4>
|
||||
<p class="text-secondary-700">ตัดท่อและวัดระยะกำหนดความลึกในการเชื่อม ทำความสะอาดท่อ-ข้อต่อ นำท่อ-ข้อต่อสอดเข้าที่หัวเชื่อม</p>
|
||||
</div>
|
||||
<div class="card p-6 bg-white">
|
||||
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">2</div>
|
||||
<h4 class="text-lg font-bold text-secondary-900 mb-2">ประกอบ (Assemble)</h4>
|
||||
<p class="text-secondary-700">เมื่อเชื่อมท่อ-ข้อต่อตามเวลาที่กำหนด ให้ถอดท่อ-ข้อต่อออกจากหัวเชื่อม</p>
|
||||
</div>
|
||||
<div class="card p-6 bg-white">
|
||||
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">3</div>
|
||||
<h4 class="text-lg font-bold text-secondary-900 mb-2">ปล่อยให้เย็นตัว (Cool)</h4>
|
||||
<p class="text-secondary-700">นำท่อ-ข้อต่อสวมเข้าด้วยกัน ห้ามบิดหรือหมุน ปล่อยให้เย็นตามระยะเวลาที่กำหนด</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
|
||||
@@ -67,6 +67,30 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-prices" class="section bg-gradient-to-br from-primary-50 to-accent-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">📥 ดาวน์โหลดราคาสินค้า</h2>
|
||||
<div class="grid md:grid-cols-2 gap-4 max-w-4xl mx-auto">
|
||||
<a href="/documents/16 Price List Armaflex 2567.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow">
|
||||
<svg class="w-8 h-8 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div><div class="font-medium text-secondary-900">Price List Armaflex 2567</div><div class="text-sm text-secondary-500">PDF</div></div>
|
||||
</a>
|
||||
<a href="/documents/19 Pricelist Aeroflex (update 2565).pdf" target="_blank" class="flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow">
|
||||
<svg class="w-8 h-8 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div><div class="font-medium text-secondary-900">Pricelist Aeroflex (update 2565)</div><div class="text-sm text-secondary-500">PDF</div></div>
|
||||
</a>
|
||||
<a href="/documents/22 Price List Maxflex แบบม้วน FR Roll MSR15M.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow">
|
||||
<svg class="w-8 h-8 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div><div class="font-medium text-secondary-900">Maxflex FR Roll MSR15M</div><div class="text-sm text-secondary-500">PDF - แบบม้วน</div></div>
|
||||
</a>
|
||||
<a href="/documents/22 Price list MAXFLEX แบบท่อน FR ST_Rev05_01012025 29-1-68.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow">
|
||||
<svg class="w-8 h-8 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div><div class="font-medium text-secondary-900">Maxflex FR ST แบบท่อน</div><div class="text-sm text-secondary-500">PDF - แบบท่อน</div></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -184,6 +184,18 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</section>
|
||||
|
||||
|
||||
<section id="product-prices" class="section bg-gradient-to-br from-primary-50 to-accent-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">📥 ดาวน์โหลดราคาสินค้า</h2>
|
||||
<div class="max-w-md mx-auto">
|
||||
<a href="/documents/Price List HDPE TAP.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow">
|
||||
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div><div class="font-medium text-secondary-900">Price List HDPE TAP</div><div class="text-sm text-secondary-500">PDF - ดาวน์โหลดราคา</div></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
|
||||
@@ -89,6 +89,18 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</section>
|
||||
|
||||
|
||||
<section id="product-prices" class="section bg-gradient-to-br from-primary-50 to-accent-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">📥 ดาวน์โหลดราคาสินค้า</h2>
|
||||
<div class="max-w-md mx-auto">
|
||||
<a href="/documents/เอสซีเจ ปี68.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow">
|
||||
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div><div class="font-medium text-secondary-900">ราคาสินค้า SCG ปี 68</div><div class="text-sm text-secondary-500">PDF - ดาวน์โหลดราคา</div></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
|
||||
@@ -72,7 +72,44 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700">จำหน่าย ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
<strong>ท่อระบายน้ำ 3 ชั้น ไซเลนท์ (XYLENT)</strong> ผลิตจากโรงงาน Poloplast ผู้ผลิตท่อ 3 ชั้น รายแรกของโลก มีโรงงานในเยอรมันและออสเตรียา เริ่มผลิตครั้งแรกในปี ค.ศ. 1991 ผ่านการรับรองคุณภาพจาก SKZ ประเทศเยอรมัน ตามมาตรฐาน EN 1451-1
|
||||
</p>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่น</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li><strong>เงียบกว่า</strong> — ดังเพียง 22 dB เท่านั้น ด้วยชั้นพลาสติกพีพีชนิดพิเศษที่เป็นฉนวนกันเสียง</li>
|
||||
<li><strong>แข็งแรง ทนต่อแรงกดทับได้ถึง 6 kN/m²</strong> ไม่เปราะแตกง่าย</li>
|
||||
<li><strong>ทนต่อสารเคมี</strong> ผลิตจากโพลีโพรพิลีนตามมาตรฐาน DIN 8087</li>
|
||||
<li><strong>ทนความร้อนได้สูงสุด 95°C</strong> อายุการใช้งานยาวนาน 50 ปี</li>
|
||||
<li><strong>ติดตั้งง่าย</strong> ด้วยระบบ Push Fit สวมล็อค ประหยัดเวลาและแรงงาน</li>
|
||||
<li><strong>ปลอดสารฮาโลเจน</strong> ปลอดภัยกว่าเมื่อเกิดอัคคีภัย</li>
|
||||
<li><strong>ประหยัดกว่าท่อเหล็กหล่อ</strong> (Cast Iron Pipe)</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ข้อดีเทียบกับท่อเหล็กหล่อ (Cast Iron)</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>ไม่เป็นสนิมกัดกร่อน</li>
|
||||
<li>ไม่มีสะสมของตะกรัน รูในท่อไม่เล็กลงจนอุดตัน</li>
|
||||
<li>อายุการใช้งานยาวนาน ต้นทุนค่าก่อสร้างถูกกว่า</li>
|
||||
<li>ติดตั้งง่าย ใช้แรงงานน้อยกว่า</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ขั้นตอนการติดตั้งระบบ Push Fit</h3>
|
||||
<ol class="list-decimal pl-6 mb-4 space-y-2">
|
||||
<li>ตัดท่อให้ได้ฉาก และแต่งปลายท่อ (มุมที่เหมาะสมคือ 15 องศา)</li>
|
||||
<li>ทา Lubricant XYLENT ที่ด้านปลายปากระฆังให้ทั่ว</li>
|
||||
<li>สวมท่อเข้ากับปลายปากระฆังจนกว่าจะสุด สามารถหมุนท่อเพื่อให้สวมเข้าได้ง่ายขึ้น</li>
|
||||
<li>สามารถดึงท่อขึ้นมาได้สูงสุด 10 มม. หากจำเป็น</li>
|
||||
<li>สำหรับการติดตั้งท่อในแนวตั้ง ใช้ตัวรัดท่อรัดที่ด้านล่างของปากระฆังทันทีหลังติดตั้ง</li>
|
||||
</ol>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">การจัดเก็บ</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>วางท่อแนวราบกับพื้นตลอดทั้งเส้น ป้องกันการโก่งงอ</li>
|
||||
<li>วางท่อสลับหัวท้าย ให้ปลายปากระฆังยื่นออกมาเล็กน้อย</li>
|
||||
<li>สามารถจัดเก็บกลางแจ้งได้สูงสุม 2 ปี หากเกินกว่านั้นสีจะซีดจางลง</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -89,6 +126,22 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</section>
|
||||
|
||||
|
||||
<section id="product-prices" class="section bg-gradient-to-br from-primary-50 to-accent-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">📥 ดาวน์โหลดราคาสินค้า</h2>
|
||||
<div class="grid md:grid-cols-2 gap-4 max-w-4xl mx-auto">
|
||||
<a href="/documents/Price List XYLENT_Novat_V12-2022 [080265]_220727_155718 (1).pdf" target="_blank" class="flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow">
|
||||
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div><div class="font-medium text-secondary-900">Price List XYLENT Novat V12-2022</div><div class="text-sm text-secondary-500">PDF</div></div>
|
||||
</a>
|
||||
<a href="/documents/Price List_novat_18-1-64_210723_094815.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow">
|
||||
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div><div class="font-medium text-secondary-900">Price List Novat 18-1-64</div><div class="text-sm text-secondary-500">PDF</div></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
|
||||
@@ -72,7 +72,41 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700">จำหน่าย ท่อไซเลอร์ (Syler) ท่อเหล็กเหล็กบุพีอี คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
<strong>ท่อไซเลอร์ (Syler)</strong> เป็นท่อเหล็กกล้า Class M ชุบสังกะสี ภายนอกจะถูกเคลือบด้วยผงโพลีเอทิลีน (PE powder coat) ป้องกันสนิมจากภายนอกอีกชั้นหนึ่ง จึงทำให้มั่นใจได้ว่าท่อไซเลอร์จะมีอายุการใช้งานยาวนานกว่าท่อเหล็ก Galvanized ถึง 50 ปี เพราะไม่เป็นสนิมจากภายนอก
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
ส่วนภายในถูกบุด้วยพลาสติกโพลีเอทิลีน (PE) เพื่อป้องกันการเกิดสนิมภายใน เนื่องจากน้ำภายในท่อจะไม่สัมผัสกับตัวท่อ ท่อ SYLER ผลิตภายใต้มาตรฐานระบบคุณภาพ ISO 9001:2000 และ FM APPROVED
|
||||
</p>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่น</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>ทนแรงดันได้ <strong>50 bar</strong> อุณหภูมิใช้งานได้ถึง <strong>90°C</strong></li>
|
||||
<li>ป้องกันปัญหาท่อรั่วซึมจากการกัดกร่อนของสนิม ท่อเป็นสนิมอุดตัน ท่อตกท้องช้าง ท่อกรอบแตกเมื่ออยู่กลางแจ้ง</li>
|
||||
<li>ทนสารเคมีและสารก่อมะเร็งปนเปื้อน ไม่ลามไฟเมื่อเกิดอัคคีภัย</li>
|
||||
<li>ติดตั้งง่ายแม้อยู่ในที่แคบ</li>
|
||||
<li>ผ่านมาตรฐาน BS1387/85 CLASS M (BSM) ชุบสังกะสีหนากว่าปกติ</li>
|
||||
<li>ผ่านการทดสอบมาตรฐาน BS6920 Part II (ปริมาณโลหะหนัก สี กลิ่น รส และการเจริญเติบโตของเชื้อจุลินทรีย์)</li>
|
||||
<li>ปริมาณโลหะหนักที่ปนเปื้อนต่ำกว่ามาตรฐานตั้งแต่ 20-500 เท่า</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">การใช้งาน</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>ท่อเมนขนาดใหญ่และท่อดับเพลิง</li>
|
||||
<li>ระบบท่อประปาน้ำร้อน น้ำเย็น</li>
|
||||
<li>ท่อเคมี ท่อลม ภายในบ้าน อาคารสูง คอนโด โรงแรม โรงพยาบาล</li>
|
||||
<li>ระบบขนส่งสารเคมี Compression air Chilled pipe</li>
|
||||
<li>ใช้ได้ทั้งภายในและภายนอกอาคาร</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ข้อดีของระบบ Grooved Coupling</h3>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>ติดตั้งง่าย สะดวกรวดเร็ว ประหยัดค่าแรงและเวลา</li>
|
||||
<li>โยกย้าย เปลี่ยนแปลงรูปแบบการติดตั้ง หรือขยายไลน์ท่อเพิ่มเติมได้โดยง่าย</li>
|
||||
<li>รับแรงสั่นสะเทือน แรงกดจากแผ่นดินไหว ดูดซับเสียงได้ดี</li>
|
||||
<li>รับแรงดันได้สูง 300-735 psi</li>
|
||||
<li>ข้อต่อมี PE เคลือบผิวด้านใน คงคุณสมบัติเด่นของท่อไซเลอร์ไว้ครบ</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,91 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="น็อต, แหวน, สกรู | HEX NUT, FLAT WASHER, HEXAGON HEAD SCREW" description="น็อต, แหวน, สกรู | HEX NUT, FLAT WASHER, HEXAGON HEAD S">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/NUT_FLATWASHER_SCREW_cover_01.jpg" alt="น็อต, แหวน, สกรู | HEX NUT, FLAT WASHER, HEXAGON HEAD SCREW" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">น็อต, แหวน, สกรู | HEX NUT, FLAT WASHER, HEXAGON HEAD SCREW</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
น็อต, แหวน, สกรู | HEX NUT, FLAT WASHER, HEXAGON HEAD S
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
@@ -1,91 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="พุกต่างๆ" description="ดรอปอิน | DROP-IN ANCHOR (DR) ส่งฟรี กรุงเทพมหานคร ปริม">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/ANCHOR_cover_01.jpg" alt="พุกต่างๆ" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">พุกต่างๆ</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
ดรอปอิน | DROP-IN ANCHOR (DR) ส่งฟรี กรุงเทพมหานคร ปริม
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
@@ -1,104 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="พุกเหล็ก | SLEEVE ANCHOR BOLT" description="จำหน่ายพุกเหล็ก | SLEEVE ANCHOR BOLTคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/messageImage_1707026823864.jpg" alt="พุกเหล็ก | SLEEVE ANCHOR BOLT" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">พุกเหล็ก | SLEEVE ANCHOR BOLT</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
จำหน่ายพุกเหล็ก | SLEEVE ANCHOR BOLTคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700">จำหน่าย พุกเหล็ก | SLEEVE ANCHOR BOLT คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
@@ -1,113 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ยูโบลท์ | U-Bolt" description="จำหน่ายยูโบลท์ | U-Boltคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/messageImage_1707026669627.jpg" alt="ยูโบลท์ | U-Bolt" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ยูโบลท์ | U-Bolt</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
จำหน่ายยูโบลท์ | U-Boltคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700">จำหน่าย ยูโบลท์ | U-Bolt คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
|
||||
<img src="/images/products-misc/messageImage_1707026674678.jpg" alt="ยูโบลท์ | U-Bolt" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/messageImage_1707026652029.jpg" alt="ยูโบลท์ | U-Bolt" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/messageImage_1707026659512.jpg" alt="ยูโบลท์ | U-Bolt" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/messageImage_1707026721778.jpg" alt="ยูโบลท์ | U-Bolt" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/messageImage_1707026726419.jpg" alt="ยูโบลท์ | U-Bolt" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
@@ -1,104 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ยูโบลท์ + ประกับ | U-BOLT CLAMP" description="จำหน่ายยูโบลท์ + ประกับ | U-BOLT CLAMPคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/messageImage_1707026787358.jpg" alt="ยูโบลท์ + ประกับ | U-BOLT CLAMP" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ยูโบลท์ + ประกับ | U-BOLT CLAMP</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
จำหน่ายยูโบลท์ + ประกับ | U-BOLT CLAMPคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700">จำหน่าย ยูโบลท์ + ประกับ | U-BOLT CLAMP คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
@@ -1,91 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ยูโบลท์เหล็กแผ่น (ยูแบน) | STRAP U-BOLT" description="ยูโบลท์เหล็กแผ่น (ยูแบน) | STRAP U-BOLT ส่งฟรี กรุงเทพม">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/STRAP_U-BOLT_cover_01.jpg" alt="ยูโบลท์เหล็กแผ่น (ยูแบน) | STRAP U-BOLT" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">ยูโบลท์เหล็กแผ่น (ยูแบน) | STRAP U-BOLT</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
ยูโบลท์เหล็กแผ่น (ยูแบน) | STRAP U-BOLT ส่งฟรี กรุงเทพม
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
@@ -1,91 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="สตัดเกลียวตลอด (เหล็ก) | THREADED ROD" description="สตัดเกลียวตลอด (เหล็ก) | THREADED ROD ส่งฟรี กรุงเทพมหา">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/aaa_aaa_aaaaea_ayauacaaa_a_-male-thread-connector.jpg" alt="สตัดเกลียวตลอด (เหล็ก) | THREADED ROD" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">สตัดเกลียวตลอด (เหล็ก) | THREADED ROD</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
สตัดเกลียวตลอด (เหล็ก) | THREADED ROD ส่งฟรี กรุงเทพมหา
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
@@ -1,113 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="แฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อ" description="จำหน่ายแฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/messageImage_1707024379090.jpg" alt="แฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อ" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">แฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อ</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
จำหน่ายแฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">จำหน่ายแฮงเกอร์ แคล้ม โบลท์ และอุปกรณ์ยึดยึดท่อทุกประเภท คุณภาพสูง สำหรับงานติดตั้งระบบท่อในอาคารและโรงงาน</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ผลิตภัณฑ์:</strong></p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>Split Ring Hanger:</strong> แฮงเกอร์แหวนปรับได้</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>Clevis Hanger:</strong> แฮงเกอร์แบบกิ๊ฟ</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>Beam Clamp:</strong> แคล้มยึดคาน</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>U-Bolt:</strong> ยูโบลท์ยึดท่อ</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>Pipe Clamp:</strong> แคล้มประกับท่อ</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>Anchor Bolt:</strong> พุกยึดฐาน</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>Threaded Rod:</strong> เกลียวร้อย</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>วัสดุ:</strong> เหล็กชุบสังกะสี, สแตนเลส</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>การใช้งาน:</strong></p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานติดตั้งระบบท่อ</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานระบบประปา</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานระบบแอร์</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานโรงงานอุตสาหกรรม</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
|
||||
<img src="/images/products-misc/messageImage_1707024384603.jpg" alt="แฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อ" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/messageImage_1707026683820.jpg" alt="แฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อ" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/messageImage_1707026691781.jpg" alt="แฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อ" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
@@ -79,6 +79,14 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-green-600 transition-colors text-center">เครื่องเชื่อม HDPE</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/เครื่องเชื่อมท่อพีพีอา" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-misc/ppr-welding-machine-main.jpg" alt="เครื่องเชื่อม PPR" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-green-600 transition-colors text-center">เครื่องเชื่อม PPR</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a href="/groove-coupling" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-cropped/mech_000C.jpg" alt="กรู๊ฟท่อ" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
@@ -89,7 +97,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</a>
|
||||
<a href="/pipe-coupling" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-cropped/MECH_001.jpg" alt="Pipe Coupling" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img src="/images/pipe-coupling/BG-SMC02.png" alt="Pipe Coupling" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-green-600 transition-colors text-center">Pipe Coupling</h3>
|
||||
@@ -105,7 +113,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</a>
|
||||
<a href="/เม็กกรู๊ฟ-คับปลิ้ง" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-misc/pipe-coupling.jpg" alt="เม็กกรู๊ฟ" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img src="/images/products-misc/MECH_001.jpg" alt="เม็กกรู๊ฟ" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h3 class="text-lg font-bold text-secondary-900 group-hover:text-green-600 transition-colors text-center">เม็กกรู๊ฟ</h3>
|
||||
|
||||
@@ -4,21 +4,21 @@ import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="เครื่องเชื่อมท่อพีพีอาร์" description="จำหน่ายเครื่องเชื่อมท่อพีพีอาร์คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<BaseLayout title="เครื่องเชื่อมท่อพีพีอาร์ | PPR Welding Machine" description="จำหน่ายเครื่องเชื่อมท่อพีพีอาร์คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/D20-32small.jpg" alt="เครื่องเชื่อมท่อพีพีอาร์" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img src="/images/products-misc/ppr-welding-machine-main.jpg" alt="เครื่องเชื่อมท่อพีพีอาร์" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">เครื่องเชื่อมท่อพีพีอาร์</h1>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">เครื่องเชื่อมท่อพีพีอาร์ | PPR Welding Machine</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
จำหน่ายเครื่องเชื่อมท่อพีพีอาร์คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
@@ -37,6 +37,12 @@ import Footer from '@/components/common/Footer.astro';
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">มาตรฐานเยอรมัน DVGW</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
@@ -72,24 +78,111 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700">จำหน่าย เครื่องเชื่อมท่อพีพีอาร์ คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>เครื่องเชื่อม PPR</strong> ในการติดตั้งท่อไทยพีพี-อาร์ หรือท่อ PPR สามารถเชื่อมต่อท่อเข้าหากันได้หลายวิธีขึ้นอยู่กับขนาด และประเภทการใช้งานโดยรวมมี 2 แบบคือ "การเชื่อมสอด" และ "การเชื่อมชน"</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>วิธีการเชื่อมท่อ PPR:</strong></p>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li><strong>เครื่องเชื่อม PPR แบบการเชื่อมสอด (Socket Fusion)</strong> - ใช้ความร้อนที่ 250-260 องศาเซลเซียส ทำการหลอมละลายปลายท่อพีพีอาร์และข้อต่อท่อพีพีอาร์ ให้ประสานเป็นเนื้อเดียวกันไม่เกิดการรั่วซึม</li>
|
||||
<li><strong>เครื่องเชื่อม PPR แบบการเชื่อมชน (Butt Fusion)</strong> - สำหรับท่อขนาดใหญ่ ด้วยการหลอมด้วยความร้อนแล้วเชื่อมชนให้เป็นเนื้อเดียวกัน ไม่มีวันรั่วซึม</li>
|
||||
<li><strong>เครื่องเชื่อม PPR แบบ Electro Fusion (E.F.)</strong> - เทคโนโลยีที่ดีที่สุด สำหรับท่อขนาดใหญ่ D75-D315 สะดวกต่อการติดตั้งในที่แคบ</li>
|
||||
</ul>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ข้อดีของการติดตั้งด้วยเครื่องเชื่อม PPR:</strong></p>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>ไม่ต้องใช้กาวหรือน้ำยาประสาน</li>
|
||||
<li>ระบบการติดตั้งสะอาดและปลอดภัย</li>
|
||||
<li>ไม่เกิดประกายไฟ ควัน หรือกลิ่นจากสารเคมี</li>
|
||||
<li>เชื่อมต่อแน่นสนิท ไม่มีการรั่วซึม</li>
|
||||
<li>อายุการใช้งานยาวนาน</li>
|
||||
</ul>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>มาตรฐาน:</strong> DVGW (เยอรมัน), มาตรฐานอุตสาหกรรม</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>การใช้งาน:</strong></p>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>งานระบบประปาในอาคาร</li>
|
||||
<li>งานระบบน้ำร้อนและน้ำเย็น</li>
|
||||
<li>งานโรงแรม โรงพยาบาล</li>
|
||||
<li>งานโรงงานอุตสาหกรรม</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section bg-white">
|
||||
<!-- Product Price Table -->
|
||||
<section id="product-price" class="section bg-gray-50 py-16">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
|
||||
<img src="/images/products-misc/D20-32large.jpg" alt="เครื่องเชื่อมท่อพีพีอาร์" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/D20-63.jpg" alt="เครื่องเชื่อมท่อพีพีอาร์" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/D75-110.jpg" alt="เครื่องเชื่อมท่อพีพีอาร์" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/D75-110-1.jpg" alt="เครื่องเชื่อมท่อพีพีอาร์" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/D25-32-40.jpg" alt="เครื่องเชื่อมท่อพีพีอาร์" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/D50-25.jpg" alt="เครื่องเชื่อมท่อพีพีอาร์" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-12 text-center">เครื่องเชื่อมพร้อมหัวเชื่อม Welding Machine</h2>
|
||||
|
||||
<div style="overflow-x: auto;">
|
||||
<table style="width: 100%; border-collapse: collapse; background: white; border-radius: 10px; overflow: hidden; font-size: 14px;">
|
||||
<thead style="background: #15803d; color: white;">
|
||||
<tr>
|
||||
<th style="padding: 12px; text-align: center;">รายการ</th>
|
||||
<th style="padding: 12px; text-align: center;">Code</th>
|
||||
<th style="padding: 12px; text-align: center;">Size (mm)</th>
|
||||
<th style="padding: 12px; text-align: center;">Unit Price (Baht/PSC.)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- เครื่องเชื่อมพร้อมหัวเชื่อม Welding Machine -->
|
||||
<tr style="background: white;"><td rowspan="5" style="padding: 12px; text-align: center; vertical-align: middle;">ใช้กับท่อขนาด 1/2"-1"<br/><img src="/images/products-misc/D20-32small.jpg" alt="D20-32 Small" style="object-fit: contain; margin: auto;" /></td><td style="padding: 12px; text-align: center;">411W020-032S</td><td style="padding: 12px; text-align: center;">D20-32 (Small)</td><td style="padding: 12px; text-align: center;">5,957.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411W020-032L</td><td style="padding: 12px; text-align: center;">D20-32 (Large)</td><td style="padding: 12px; text-align: center;">8,676.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411W020-063</td><td style="padding: 12px; text-align: center;">D20-63</td><td style="padding: 12px; text-align: center;">11,748.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411W075-110</td><td style="padding: 12px; text-align: center;">D75-110</td><td style="padding: 12px; text-align: center;">15,362.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411W125-000</td><td style="padding: 12px; text-align: center;">D125</td><td style="padding: 12px; text-align: center;">33,000.00</td></tr>
|
||||
<tr><td colspan="4" style="border-bottom: 2px solid #15803d; height: 8px;"></td></tr>
|
||||
|
||||
<!-- หัวเจาะอานม้า Aiguille -->
|
||||
<tr style="background: white;"><td rowspan="3" style="padding: 12px; text-align: center; vertical-align: middle;">หัวเจาะอานม้า Aiguille<br/><img src="/images/products-misc/D25-32-40.jpg" alt="Aiguille" style="object-fit: contain; margin: auto;" /></td><td style="padding: 12px; text-align: center;">401A025-000</td><td style="padding: 12px; text-align: center;">D25</td><td style="padding: 12px; text-align: center;">770.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401A032-000</td><td style="padding: 12px; text-align: center;">D32</td><td style="padding: 12px; text-align: center;">858.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">401A040-000</td><td style="padding: 12px; text-align: center;">D40</td><td style="padding: 12px; text-align: center;">1,180.00</td></tr>
|
||||
<tr><td colspan="4" style="border-bottom: 2px solid #15803d; height: 8px;"></td></tr>
|
||||
|
||||
<!-- หัวเชื่อมอานม้า Welding Saddle Mould -->
|
||||
<tr style="background: white;"><td rowspan="18" style="padding: 12px; text-align: center; vertical-align: middle;">หัวเชื่อมอานม้า Welding Saddle Mould<br/><img src="/images/products-misc/D50-25.jpg" alt="Welding Saddle Mould" style="object-fit: contain; margin: auto;" /></td><td style="padding: 12px; text-align: center;">411S050-025</td><td style="padding: 12px; text-align: center;">D50-25</td><td style="padding: 12px; text-align: center;">1,206.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S063-025</td><td style="padding: 12px; text-align: center;">D63-25</td><td style="padding: 12px; text-align: center;">1,206.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S063-032</td><td style="padding: 12px; text-align: center;">D63-32</td><td style="padding: 12px; text-align: center;">1,815.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S075-025</td><td style="padding: 12px; text-align: center;">D75-25</td><td style="padding: 12px; text-align: center;">1,307.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S075-032</td><td style="padding: 12px; text-align: center;">D75-32</td><td style="padding: 12px; text-align: center;">1,930.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S090-025</td><td style="padding: 12px; text-align: center;">D90-25</td><td style="padding: 12px; text-align: center;">1,575.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S090-032</td><td style="padding: 12px; text-align: center;">D90-32</td><td style="padding: 12px; text-align: center;">1,815.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S090-040</td><td style="padding: 12px; text-align: center;">D90-40</td><td style="padding: 12px; text-align: center;">2,480.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S110-025</td><td style="padding: 12px; text-align: center;">D110-25</td><td style="padding: 12px; text-align: center;">1,660.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S110-032</td><td style="padding: 12px; text-align: center;">D110-32</td><td style="padding: 12px; text-align: center;">1,910.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S110-040</td><td style="padding: 12px; text-align: center;">D110-40</td><td style="padding: 12px; text-align: center;">2,480.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S125-025</td><td style="padding: 12px; text-align: center;">D125-25</td><td style="padding: 12px; text-align: center;">1,970.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S125-032</td><td style="padding: 12px; text-align: center;">D125-32</td><td style="padding: 12px; text-align: center;">2,270.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S125-040</td><td style="padding: 12px; text-align: center;">D125-40</td><td style="padding: 12px; text-align: center;">2,680.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S160-025</td><td style="padding: 12px; text-align: center;">D160-25</td><td style="padding: 12px; text-align: center;">1,940.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">411S160-032</td><td style="padding: 12px; text-align: center;">D160-32</td><td style="padding: 12px; text-align: center;">2,230.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">411S160-040</td><td style="padding: 12px; text-align: center;">D160-40</td><td style="padding: 12px; text-align: center;">2,680.00</td></tr>
|
||||
<tr><td colspan="4" style="border-bottom: 2px solid #15803d; height: 8px;"></td></tr>
|
||||
|
||||
<!-- หัวเชื่อมแท่งซ่อม Repairing Stick Mould -->
|
||||
<tr style="background: white;"><td rowspan="2" style="padding: 12px; text-align: center; vertical-align: middle;">หัวเชื่อมแท่งซ่อม Repairing Stick Mould<br/><img src="/images/products-misc/D7.jpg" alt="Repairing Stick Mould" style="object-fit: contain; margin: auto;" /></td><td style="padding: 12px; text-align: center;">401R007-000</td><td style="padding: 12px; text-align: center;">D7</td><td style="padding: 12px; text-align: center;">679.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401R011-000</td><td style="padding: 12px; text-align: center;">D11</td><td style="padding: 12px; text-align: center;">679.00</td></tr>
|
||||
<tr><td colspan="4" style="border-bottom: 2px solid #15803d; height: 8px;"></td></tr>
|
||||
|
||||
<!-- หัวเชื่อม Welding Mould -->
|
||||
<tr style="background: white;"><td rowspan="10" style="padding: 12px; text-align: center; vertical-align: middle;">หัวเชื่อม Welding Mould<br/><img src="/images/products-misc/D20.jpg" alt="Welding Mould" style="object-fit: contain; margin: auto;" /></td><td style="padding: 12px; text-align: center;">401W020-000</td><td style="padding: 12px; text-align: center;">D20</td><td style="padding: 12px; text-align: center;">504.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401W025-000</td><td style="padding: 12px; text-align: center;">D25</td><td style="padding: 12px; text-align: center;">603.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">401W032-000</td><td style="padding: 12px; text-align: center;">D32</td><td style="padding: 12px; text-align: center;">705.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401W040-000</td><td style="padding: 12px; text-align: center;">D40</td><td style="padding: 12px; text-align: center;">1,387.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">401W050-000</td><td style="padding: 12px; text-align: center;">D50</td><td style="padding: 12px; text-align: center;">1,708.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401W063-000</td><td style="padding: 12px; text-align: center;">D63</td><td style="padding: 12px; text-align: center;">2,311.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">401W075-000</td><td style="padding: 12px; text-align: center;">D75</td><td style="padding: 12px; text-align: center;">3,013.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401W090-000</td><td style="padding: 12px; text-align: center;">D90</td><td style="padding: 12px; text-align: center;">3,515.00</td></tr>
|
||||
<tr style="background: white;"><td style="padding: 12px; text-align: center;">401W110-000</td><td style="padding: 12px; text-align: center;">D110</td><td style="padding: 12px; text-align: center;">4,078.00</td></tr>
|
||||
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401W125-000</td><td style="padding: 12px; text-align: center;">D125</td><td style="padding: 12px; text-align: center;">7,050.00</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<!-- Contact CTA -->
|
||||
<section id="contact-cta" class="section bg-white">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
|
||||
@@ -1,91 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="เควิสแฮงเกอร์ | ADJUSTABLE CLEVIS HANGER" description="เควิสแฮงเกอร์ | ADJUSTABLE CLEVIS HANGER ส่งฟรี กรุงเทพ">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/ADJUSTABLE_CLEVIS_HANGER_cover_01.jpg" alt="เควิสแฮงเกอร์ | ADJUSTABLE CLEVIS HANGER" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">เควิสแฮงเกอร์ | ADJUSTABLE CLEVIS HANGER</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
เควิสแฮงเกอร์ | ADJUSTABLE CLEVIS HANGER ส่งฟรี กรุงเทพ
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
@@ -1,113 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="เจโบลท์, แอลโบลท์ | J-Bolt, L-Bolt" description="จำหน่ายเจโบลท์, แอลโบลท์ | J-Bolt, L-Boltคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/messageImage_1707026838260.jpg" alt="เจโบลท์, แอลโบลท์ | J-Bolt, L-Bolt" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">เจโบลท์, แอลโบลท์ | J-Bolt, L-Bolt</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
จำหน่ายเจโบลท์, แอลโบลท์ | J-Bolt, L-Boltคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700">จำหน่าย เจโบลท์, แอลโบลท์ | J-Bolt, L-Bolt คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
|
||||
<img src="/images/products-misc/Screenshot-2024-02-04-171738.jpg" alt="เจโบลท์, แอลโบลท์ | J-Bolt, L-Bolt" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/messageImage_1707026843889.jpg" alt="เจโบลท์, แอลโบลท์ | J-Bolt, L-Bolt" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
@@ -196,6 +196,18 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</section>
|
||||
|
||||
|
||||
<section id="product-prices" class="section bg-gradient-to-br from-primary-50 to-accent-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">📥 ดาวน์โหลดราคาสินค้า</h2>
|
||||
<div class="max-w-md mx-auto">
|
||||
<a href="/documents/2026-New Update Thermobreak Price List.pdf" target="_blank" class="flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow">
|
||||
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div><div class="font-medium text-secondary-900">Thermobreak Price List 2026</div><div class="text-sm text-secondary-500">PDF - ดาวน์โหลดราคา</div></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
|
||||
@@ -67,6 +67,95 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Images Section -->
|
||||
<section id="product-images" class="section bg-gray-50 py-16">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-12 text-center">ตารางราคาสินค้า MECH Grooved</h2>
|
||||
|
||||
<div class="grid gap-8">
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-002.jpg" alt="Rigid Coupling" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-003.jpg" alt="Flexible Coupling" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-004.jpg" alt="Grooved Flange" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-005.jpg" alt="Elbow" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-006.jpg" alt="Reducer" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-007.jpg" alt="Tee" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-008.jpg" alt="Female Threaded" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-009.jpg" alt="Cap" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-010.jpg" alt="Mechanical Tee Grooved" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-011.jpg" alt="Mechanical Tee Threaded" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-012.jpg" alt="U-Bolt" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-013.jpg" alt="Gasket" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-014.jpg" alt="Coupling" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-015.jpg" alt="Flange" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-016.jpg" alt="Reducer Tee" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-017.jpg" alt="Cross Cap" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<img src="/images/mech/mech-018.jpg" alt="Mechanical Tee" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-prices" class="section bg-gradient-to-br from-primary-50 to-accent-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">📥 ดาวน์โหลดราคาสินค้า</h2>
|
||||
<div class="max-w-md mx-auto">
|
||||
<a href="/documents/Price List MECH_V13-2021 [260864](1).pdf" target="_blank" class="flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow">
|
||||
<svg class="w-10 h-10 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z"/></svg>
|
||||
<div><div class="font-medium text-secondary-900">Price List MECH V13-2021</div><div class="text-sm text-secondary-500">PDF - ดาวน์โหลดราคา</div></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
|
||||
@@ -1,91 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="แคล้มประกับ (ชุบรุ้ง/ชุบซิ๊งค์)" description="แคล้มประกับ (ชุบรุ้ง/ชุบซิ๊งค์) | EMT CONDUIT / IMC CON">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/aayaaa_aaaaaaaaa-low-pipe-clamp.jpg" alt="แคล้มประกับ (ชุบรุ้ง/ชุบซิ๊งค์)" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">แคล้มประกับ (ชุบรุ้ง/ชุบซิ๊งค์)</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
แคล้มประกับ (ชุบรุ้ง/ชุบซิ๊งค์) | EMT CONDUIT / IMC CON
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
@@ -1,113 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="แคล้มฟันจระเข้ | BEAM CLAMP" description="จำหน่ายแคล้มฟันจระเข้ | BEAM CLAMPคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/messageImage_1707026860264.jpg" alt="แคล้มฟันจระเข้ | BEAM CLAMP" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">แคล้มฟันจระเข้ | BEAM CLAMP</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
จำหน่ายแคล้มฟันจระเข้ | BEAM CLAMPคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700">จำหน่าย แคล้มฟันจระเข้ | BEAM CLAMP คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
|
||||
<img src="/images/products-misc/messageImage_1707026866420.jpg" alt="แคล้มฟันจระเข้ | BEAM CLAMP" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/messageImage_1707026874041.jpg" alt="แคล้มฟันจระเข้ | BEAM CLAMP" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/messageImage_1707026879752.jpg" alt="แคล้มฟันจระเข้ | BEAM CLAMP" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
@@ -1,113 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="แฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อ" description="จำหน่ายแฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/messageImage_1707026736927.jpg" alt="แฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อ" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">แฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อ</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
จำหน่ายแฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">จำหน่ายแฮงเกอร์ แคล้ม โบลท์ และอุปกรณ์ยึดยึดท่อทุกประเภท คุณภาพสูง สำหรับงานติดตั้งระบบท่อในอาคารและโรงงาน</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ผลิตภัณฑ์:</strong></p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>Split Ring Hanger:</strong> แฮงเกอร์แหวนปรับได้</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>Clevis Hanger:</strong> แฮงเกอร์แบบกิ๊ฟ</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>Beam Clamp:</strong> แคล้มยึดคาน</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>U-Bolt:</strong> ยูโบลท์ยึดท่อ</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>Pipe Clamp:</strong> แคล้มประกับท่อ</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>Anchor Bolt:</strong> พุกยึดฐาน</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>Threaded Rod:</strong> เกลียวร้อย</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>วัสดุ:</strong> เหล็กชุบสังกะสี, สแตนเลส</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>การใช้งาน:</strong></p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานติดตั้งระบบท่อ</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานระบบประปา</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานระบบแอร์</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- งานโรงงานอุตสาหกรรม</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
|
||||
<img src="/images/products-misc/messageImage_1707026741725.jpg" alt="แฮงเกอร์ แคล้ม (Hanger & Clamp) - อุปกรณ์ยึดยึดท่อ" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
@@ -1,113 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="แคล้มเลเวล | LEVEL CLAMP" description="จำหน่ายแคล้มเลเวล | LEVEL CLAMPคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-misc/messageImage_1707026852806.jpg" alt="แคล้มเลเวล | LEVEL CLAMP" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">แคล้มเลเวล | LEVEL CLAMP</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
จำหน่ายแคล้มเลเวล | LEVEL CLAMPคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700">จำหน่าย แคล้มเลเวล | LEVEL CLAMP คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
|
||||
<img src="/images/products-misc/Screenshot-2024-02-04-183446.jpg" alt="แคล้มเลเวล | LEVEL CLAMP" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
@@ -1,91 +0,0 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="แฮงเกอร์, แคล้ม, โบลท์, แหวน, น็อต, สกรู, พุก, สตัดเกลียว | Hanger, Clamp, Bolt, Flat washer, Nut, Screw, Anchor" description="แฮงเกอร์, แคล้ม, โบลท์, แหวน, น็อต, สกรู, พุก, สตัดเกลี">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-primary-50 via-white to-accent-50 min-h-screen">
|
||||
<section id="product-detail" class="section">
|
||||
<div class="container-custom">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="card p-8 bg-white">
|
||||
<img src="/images/products-cropped/Hanger-Clamp-Bolt_000.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-secondary-900 mb-4 sm:mb-6 text-center sm:text-left">แฮงเกอร์, แคล้ม, โบลท์, แหวน, น็อต, สกรู, พุก, สตัดเกลียว | Hanger, Clamp, Bolt, Flat washer, Nut, Screw, Anchor</h1>
|
||||
<p class="text-lg sm:text-lg md:text-xl text-secondary-600 mb-6 sm:mb-8 leading-relaxed text-center sm:text-left">
|
||||
แฮงเกอร์, แคล้ม, โบลท์, แหวน, น็อต, สกรู, พุก, สตัดเกลี
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex flex-wrap justify-center gap-4 mt-8">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-12 space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">ราคาโรงงาน คุ้มค่า</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1" 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-lg text-secondary-700">รับประกันสินค้า</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
<p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">
|
||||
ติดต่อเราวันนี้เพื่อรับคำแนะนำและราคาพิเศษ
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="https://line.me/ti/p/~dealplustech" target="_blank" class="inline-flex items-center space-x-2 bg-white border-2 border-[#06C755] text-[#06C755] hover:bg-[#06C755] hover:text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<img src="/images/line-icon.png" alt="Line" class="w-5 h-5 line-icon" />
|
||||
<span>แชท Line</span>
|
||||
</a>
|
||||
<a href="tel:0905551415" class="inline-flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-8 py-4 rounded-xl font-medium transition-all hover:shadow-lg active:scale-95 text-lg">
|
||||
<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>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
Reference in New Issue
Block a user