Compare commits
2 Commits
82ed104666
...
dbbd9e22a2
| Author | SHA1 | Date | |
|---|---|---|---|
|
dbbd9e22a2 | ||
|
|
7ee311ab02 |
90
AGENTS.md
Normal file
90
AGENTS.md
Normal file
@@ -0,0 +1,90 @@
|
||||
# dealplustech-astro/
|
||||
|
||||
**Generated:** 2026-03-27
|
||||
**Branch:** main
|
||||
|
||||
## OVERVIEW
|
||||
|
||||
Astro 5.x Thai industrial e-commerce site (dealplustech.co.th). Migrated from WordPress. PDPA-compliant cookie consent, Umami analytics, 63 pages, 45 Thai-named routes.
|
||||
|
||||
## STRUCTURE
|
||||
|
||||
```
|
||||
dealplustech-astro/
|
||||
├── src/
|
||||
│ ├── components/ # .astro components (common/, consent/, product/, ui/)
|
||||
│ ├── content/ # Astro content collections (blog/, products/) - EMPTY
|
||||
│ ├── layouts/ # BaseLayout.astro (root HTML shell)
|
||||
│ ├── pages/ # 45 Thai-named static routes + index.astro
|
||||
│ ├── styles/ # global.css
|
||||
│ ├── images/ # ppr-tables/ (product reference images)
|
||||
│ └── lib/ # EMPTY
|
||||
├── public/
|
||||
│ ├── images/ # All product/corporate images (dist/, public/ mirrored)
|
||||
│ └── documents/ # PDF price lists (11 PDFs linked from product pages)
|
||||
├── db/ # EMPTY (SQLite/Turso for consent logs at runtime)
|
||||
├── astro.config.mjs # Astro config: site URL, i18n (th only), sitemap
|
||||
├── tailwind.config.js # Kanit font, custom colors (primary green, accent orange)
|
||||
├── Dockerfile # Multi-stage: node:20-alpine → nginx:alpine
|
||||
└── package.json # Scripts: dev, build, preview, db:push, db:seed
|
||||
```
|
||||
|
||||
## WHERE TO LOOK
|
||||
|
||||
| Task | Location | Notes |
|
||||
|------|----------|-------|
|
||||
| Global layout | `src/layouts/BaseLayout.astro` | HTML shell, SEO meta, cookie consent |
|
||||
| Homepage | `src/pages/index.astro` | 13KB - main entry |
|
||||
| Product pages | `src/pages/[thai-url]/index.astro` | 45 static routes |
|
||||
| Header/Footer | `src/components/common/` | Header.astro, Footer.astro |
|
||||
| Cookie consent | `src/components/consent/` | EMPTY - handled via astro-consent |
|
||||
| API routes | `src/pages/api/` | EMPTY - no API routes configured |
|
||||
| Content config | `src/content.config.ts` | Content collections definition |
|
||||
|
||||
## CONVENTIONS
|
||||
|
||||
- **Thai URLs only** — Never use English URLs for routes
|
||||
- **Astro components** — `.astro` files with frontmatter imports
|
||||
- **Kanit font** — Thai-optimized, set in tailwind.config.js
|
||||
- **Cookie consent** — astro-consent package, blocks analytics until accepted
|
||||
- **Umami analytics** — Requires `UMAMI_WEBSITE_ID` env var
|
||||
- **Admin password** — Required for consent log access at `/admin/consent-logs`
|
||||
|
||||
## ANTI-PATTERNS (THIS PROJECT)
|
||||
|
||||
- Do NOT add TypeScript entry points (no `src/main.ts`)
|
||||
- Do NOT use English route names — SEO depends on Thai URLs
|
||||
- Do NOT modify `dist/` directly — it's gitignored build output
|
||||
- Do NOT run crawlers from Python in production environment
|
||||
- Do NOT commit `.env` files
|
||||
|
||||
## UNIQUE STYLES
|
||||
|
||||
- **Custom Tailwind colors**: primary (green #3f8b6d), accent (orange #e35c18)
|
||||
- **PDPA compliance**: 14-disclosure privacy policy, granular cookie consent
|
||||
- **Custom animations**: fade-in, slide-up, slide-down, scale-in
|
||||
- **i18n**: Thai-only site, `prefixDefaultLocale: false`
|
||||
- **Image organization**: Mirrored `public/images/` and `dist/images/`
|
||||
|
||||
## COMMANDS
|
||||
|
||||
```bash
|
||||
cd dealplustech-astro
|
||||
|
||||
npm install # Install dependencies
|
||||
npm run dev # Dev server at localhost:4321
|
||||
npm run build # Production build → dist/
|
||||
npm run preview # Preview built site
|
||||
|
||||
# Database
|
||||
npm run db:push # Push schema to SQLite/Turso
|
||||
npm run db:seed # Seed database
|
||||
```
|
||||
|
||||
## NOTES
|
||||
|
||||
- **No tests** — `package.json` has no test script
|
||||
- **Easypanel deploy** — Auto-deploys on push to main, uses `npm install` then `npm run build`
|
||||
- **Image pipeline** — Python `image_processor.py` processes downloaded images
|
||||
- **Consent logs** — SQLite at `db/consent.db` (gitignored), or Turso if configured
|
||||
- **PDF price lists** — 11 PDFs in `public/documents/`, linked from 7 product pages with "ราคาสินค้า" section
|
||||
BIN
public/documents/16 Price List Armaflex 2567.pdf
Normal file
BIN
public/documents/16 Price List Armaflex 2567.pdf
Normal file
Binary file not shown.
BIN
public/documents/19 Pricelist Aeroflex (update 2565).pdf
Normal file
BIN
public/documents/19 Pricelist Aeroflex (update 2565).pdf
Normal file
Binary file not shown.
BIN
public/documents/2026-New Update Thermobreak Price List.pdf
Normal file
BIN
public/documents/2026-New Update Thermobreak Price List.pdf
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
public/documents/PRICE LIST_SANWA 02.02.69 1.pdf
Normal file
BIN
public/documents/PRICE LIST_SANWA 02.02.69 1.pdf
Normal file
Binary file not shown.
BIN
public/documents/PRICE-LIST_TPPR_V28-2023 [26012023].pdf
Normal file
BIN
public/documents/PRICE-LIST_TPPR_V28-2023 [26012023].pdf
Normal file
Binary file not shown.
BIN
public/documents/Price List HDPE TAP.pdf
Normal file
BIN
public/documents/Price List HDPE TAP.pdf
Normal file
Binary file not shown.
BIN
public/documents/Price List MECH_V13-2021 [260864](1).pdf
Normal file
BIN
public/documents/Price List MECH_V13-2021 [260864](1).pdf
Normal file
Binary file not shown.
Binary file not shown.
BIN
public/documents/Price List_novat_18-1-64_210723_094815.pdf
Normal file
BIN
public/documents/Price List_novat_18-1-64_210723_094815.pdf
Normal file
Binary file not shown.
BIN
public/documents/เอสซีเจ ปี68.pdf
Normal file
BIN
public/documents/เอสซีเจ ปี68.pdf
Normal file
Binary file not shown.
@@ -11,7 +11,6 @@ const mainCategories = [
|
||||
{ name: 'เครื่องเชื่อม HDPE', slug: '/เครื่องเชื่อม-hdpe' },
|
||||
{ name: 'กรู๊ฟท่อ', slug: '/groove-coupling' },
|
||||
{ name: 'Pipe Coupling', slug: '/pipe-coupling' },
|
||||
{ name: 'แฮงเกอร์ แคล้ม โบลท์', slug: '/แฮงเกอร์-แคล้ม-โบลท์-แหว' },
|
||||
{ name: 'วาล์ว', slug: '/วาล์ว-valve' },
|
||||
{ name: 'DURGO วาล์วเติมอากาศ', slug: '/durgo-avvs' },
|
||||
{ name: 'ปั๊มน้ำ', slug: '/water-pump' },
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
---
|
||||
const categories = [
|
||||
{
|
||||
name: 'ท่อ | Pipe',
|
||||
slug: '/pipe',
|
||||
name: 'ท่อพีพีอาร์',
|
||||
slug: '/ท่อพีพีอาร์',
|
||||
subcategories: [
|
||||
{ name: 'ท่อ PPR', slug: '/ท่อ-ppr-thai-ppr' },
|
||||
{ name: 'ไทยพีพีอาร์', slug: '/ท่อ-ppr-thai-ppr' },
|
||||
{ name: 'ท่อ PPR ตราช้าง', slug: '/ท่อพีพีอาร์ตราช้าง' },
|
||||
{ name: 'ท่อ PP-R Poloplast', slug: '/pp-r-pp-rct-poloplast' },
|
||||
{ name: 'ท่อ HDPE', slug: '/ท่อhdpe' },
|
||||
@@ -12,7 +12,6 @@ const categories = [
|
||||
{ name: 'ท่อไซเลอร์', slug: '/ท่อไซเลอร์' },
|
||||
{ name: 'ท่อ PVC', slug: '/ท่อและข้อต่อpvc' },
|
||||
{ name: 'ท่อระบายน้ำ 3 ชั้น', slug: '/ท่อระบายน้ำ-3-ชั้น-ไซเลนท' },
|
||||
{ name: 'ท่อพีพีอาร์', slug: '/ท่อพีพีอาร์' },
|
||||
]
|
||||
},
|
||||
{
|
||||
@@ -27,26 +26,6 @@ const categories = [
|
||||
{ name: 'เม็กกรู๊ฟ', slug: '/เม็กกรู๊ฟ-คับปลิ้ง' },
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'แฮงเกอร์ แคล้ม โบลท์',
|
||||
slug: '/แฮงเกอร์-แคล้ม-โบลท์-แหว',
|
||||
subcategories: [
|
||||
{ name: 'สปริทริงแฮงเกอร์', slug: '/สปริทริงแฮงเกอร์-sr19-adjustable-split-ring-hanger' },
|
||||
{ name: 'เควิสแฮงเกอร์', slug: '/เควิสแฮงเกอร์' },
|
||||
{ name: 'แคล้มประกับ', slug: '/แคล้มประกับ-ชุบรุ้ง-ชุบ' },
|
||||
{ name: 'แคล้มฟันจระเข้', slug: '/แคล้มฟันจระเข้-beam-clamp' },
|
||||
{ name: 'แคล้มหยดน้ำ', slug: '/แคล้มหยดน้ำ-adjustable-band-hanger' },
|
||||
{ name: 'แคล้มเลเวล', slug: '/แคล้มเลเวล-level-clamp' },
|
||||
{ name: 'ยูโบลท์', slug: '/ยูโบลท์-u-bolt' },
|
||||
{ name: 'ยูโบลท์ ประกับ', slug: '/ยูโบลท์-ประกับ-u-bolt-clamp' },
|
||||
{ name: 'ยูโบลท์เหล็กแผ่น', slug: '/ยูโบลท์เหล็กแผ่น-ยูแบน-strap' },
|
||||
{ name: 'เจโบลท์ แอลโบลท์', slug: '/เจโบลท์-แอลโบลท์-j-bolt-l-bolt' },
|
||||
{ name: 'น็อต แหวน สกรู', slug: '/น็อต-แหวน-สกรู-hex-nut-flat-washer-hexagon-head-screw' },
|
||||
{ name: 'พุกต่างๆ', slug: '/พุกต่างๆ' },
|
||||
{ name: 'พุกเหล็ก', slug: '/พุกเหล็ก-sleeve-anchor-bolt' },
|
||||
{ name: 'สตัดเกลียวตลอด', slug: '/สตัดเกลียวตลอด-เหล็ก-threaded-rod' },
|
||||
]
|
||||
},
|
||||
{ name: 'วาล์ว | Valve', slug: '/วาล์ว-valve' },
|
||||
{ name: 'ปั๊มน้ำ', slug: '/water-pump' },
|
||||
{ name: 'อุปกรณ์ดับเพลิง', slug: '/อุปกรณ์ดับเพลิง' },
|
||||
@@ -54,13 +33,17 @@ const categories = [
|
||||
{ name: 'DURGO วาล์วเติมอากาศ', slug: '/durgo-avvs' },
|
||||
{ name: 'Realflex', slug: '/realflex' },
|
||||
{ name: 'ระบบกรองน้ำ', slug: '/water-treatment' },
|
||||
{ name: 'ระบบรั้ว', slug: '/ระบบรั้ว' },
|
||||
{ name: 'รั้วเทวดา', slug: '/รั้วเทวดา' },
|
||||
{ name: 'ระบบรั้วไวน์แมน', slug: '/ระบบรั้วไวน์แมน-vineman-2' },
|
||||
{
|
||||
name: 'ระบบรั้ว',
|
||||
slug: '/ระบบรั้ว',
|
||||
subcategories: [
|
||||
{ name: 'รั้วเทวดา', slug: '/รั้วเทวดา' },
|
||||
{ name: 'ระบบรั้วไวน์แมน', slug: '/ระบบรั้วไวน์แมน-vineman-2' },
|
||||
]
|
||||
},
|
||||
{ name: 'กริลแอร์', slug: '/grilles' },
|
||||
{ name: 'ฉนวนหุ้มท่อ', slug: '/ฉนวนหุ้มท่อ-pipe-insulation' },
|
||||
{ name: 'เทอร์โมเบรค', slug: '/เทอร์โมเบรค-thermobreak' },
|
||||
{ name: 'เครื่องเชื่อม PPR', slug: '/เครื่องเชื่อมท่อพีพีอา' },
|
||||
];
|
||||
---
|
||||
|
||||
@@ -136,7 +119,7 @@ const categories = [
|
||||
<nav class="flex flex-col space-y-2">
|
||||
<a href="/" class="px-4 py-3 text-lg font-medium text-secondary-700 hover:bg-green-50 hover:text-green-600 rounded-lg transition-colors">หน้าแรก</a>
|
||||
<a href="/about-us" class="px-4 py-3 text-lg font-medium text-secondary-700 hover:bg-green-50 hover:text-green-600 rounded-lg transition-colors">เกี่ยวกับเรา</a>
|
||||
<a href="/pipe" class="px-4 py-3 text-lg font-medium text-secondary-700 hover:bg-green-50 hover:text-green-600 rounded-lg transition-colors">สินค้าทั้งหมด</a>
|
||||
<a href="/ท่อพีพีอาร์" class="px-4 py-3 text-lg font-medium text-secondary-700 hover:bg-green-50 hover:text-green-600 rounded-lg transition-colors">สินค้าทั้งหมด</a>
|
||||
<a href="/portfolio" class="px-4 py-3 text-lg font-medium text-secondary-700 hover:bg-green-50 hover:text-green-600 rounded-lg transition-colors">ผลงาน</a>
|
||||
<a href="/contact-us" class="px-4 py-3 text-lg font-medium text-secondary-700 hover:bg-green-50 hover:text-green-600 rounded-lg transition-colors">ติดต่อเรา</a>
|
||||
</nav>
|
||||
|
||||
BIN
src/images/ppr-tables/S__32587889.jpg
Normal file
BIN
src/images/ppr-tables/S__32587889.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
src/images/ppr-tables/S__32587890-e1465563499254.jpg
Normal file
BIN
src/images/ppr-tables/S__32587890-e1465563499254.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.39.16-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.39.16-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 851 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.42.41-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.42.41-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 139 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.44.22-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.44.22-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.44.28-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.44.28-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.44.36-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.44.36-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.44.44-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.44.44-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.44.51-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.44.51-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.51.25-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.51.25-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 144 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.51.31-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.51.31-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 209 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.51.40-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.51.40-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.55.18-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.55.18-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 164 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.57.43-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.57.43-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 223 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.59.24-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.59.24-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 172 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.59.31-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-10.59.31-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 158 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.02.48-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.02.48-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 358 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.03.05-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.03.05-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 264 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.05.36-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.05.36-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 315 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.05.45-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.05.45-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 318 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.07.01-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.07.01-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 329 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.07.09-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.07.09-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 208 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.07.56-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.07.56-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 268 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.08.03-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.08.03-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 242 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.08.55-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.08.55-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 201 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.09.05-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.09.05-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.10.15-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.10.15-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 316 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.10.24-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.10.24-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 377 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.10.32-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.10.32-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 234 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.11.22-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.11.22-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 465 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.11.30-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.11.30-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 272 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.11.38-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.11.38-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 326 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.12.34-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.12.34-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 302 KiB |
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.12.42-AM.png
Normal file
BIN
src/images/ppr-tables/Screenshot-2023-03-08-at-11.12.42-AM.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 271 KiB |
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',
|
||||
@@ -50,8 +36,8 @@ const productImages: Record<string, string> = {
|
||||
|
||||
const productCategories = [
|
||||
{
|
||||
name: 'ท่อ | Pipe',
|
||||
slug: '/pipe',
|
||||
name: 'ท่อ',
|
||||
slug: '/ท่อพีพีอาร์',
|
||||
image: '/images/products-cropped/foot-ppr1.jpg',
|
||||
products: [
|
||||
{ name: 'ท่อ PPR', slug: '/ท่อ-ppr-thai-ppr' },
|
||||
|
||||
@@ -111,6 +111,9 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Specifications Section -->
|
||||
<section id="product-specs" class="section bg-white">
|
||||
|
||||
<!-- Fire Incident Section -->
|
||||
<section id="fire-incident" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
@@ -180,17 +183,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 +317,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 +838,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>
|
||||
@@ -343,6 +1100,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section><!-- end product-specs wrapper -->
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
|
||||
@@ -4,7 +4,7 @@ import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
|
||||
const categories = [
|
||||
{ name: 'ท่อ PPR', slug: '/ท่อ-ppr-thai-ppr', image: '/images/products-cropped/foot-ppr1.jpg' },
|
||||
{ name: 'ท่อ PPR', slug: '/ท่อ-ppr-thai-ppr', image: '/images/products-cropped/ppr-pipe_000C.jpg' },
|
||||
{ name: 'ท่อ HDPE', slug: '/ท่อhdpe', image: '/images/products-cropped/hdpe001.jpg' },
|
||||
{ name: 'ท่อ UPVC', slug: '/ท่อ-upvc', image: '/images/products-cropped/upvc-pipe_000C.jpg' },
|
||||
{ name: 'ท่อ PVC', slug: '/ท่อและข้อต่อpvc', image: '/images/products-cropped/pvc-pipe_000C.jpg' },
|
||||
@@ -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,8 +67,13 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Technical Revolution Section -->
|
||||
<section id="technical-revolution" class="section bg-gray-50">
|
||||
<!-- Product Specs Wrapper -->
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<div class="container">
|
||||
<h2 class="text-2xl font-bold mb-4">รายละเอียดสินค้า</h2>
|
||||
|
||||
<!-- Technical Revolution Section -->
|
||||
<section id="technical-revolution" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">การปฏิวัติวงการท่อส่งน้ำและก๊าซ</h2>
|
||||
|
||||
@@ -262,6 +267,8 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<div class="container-custom">
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="contact-cta" class="section bg-white">
|
||||
|
||||
@@ -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="ท่อ | Pipe" description="ท่อ | Pipe ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้">
|
||||
<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/foot-ppr1.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">ท่อ | Pipe</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">
|
||||
ท่อ | Pipe ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้
|
||||
</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>
|
||||
@@ -4,7 +4,7 @@ import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="PP-R / PP-RCT POLOPLAST" description="PP-R / PP-RCT POLOPLAST ทางเลือกที่ดีกว่า ด้วยประสบการณ์ในการผลิตที่ยาวนานกว่า 30 ปี จึงเข้าใจและเชี่ยวชาญด้านระบบท่อน้ำพีพี-อาร์ เป็นอย่างดี">
|
||||
<BaseLayout title="PP-R / PP-RCT POLOPLAST" description="PP-R / PP-RCT POLOPLAST ทางเลือกที่ดีกว่า ด้วยประสบการณ์ในการผลิตที่ยาวนานกว่า 30 ปี ผลิตจากประเทศเยอรมัน มาตรฐาน DVGW, SKZ, ICC-ES">
|
||||
<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">
|
||||
@@ -13,53 +13,62 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<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/POLOPLAST_001.png" alt="PP-R / PP-RCT POLOPLAST" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_001.png"
|
||||
alt="PP-R / PP-RCT POLOPLAST"
|
||||
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">PP-R / PP-RCT POLOPLAST</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">
|
||||
PP-R / PP-RCT POLOPLAST ทางเลือกที่ดีกว่า ด้วยประสบการณ์ในการผลิตที่ยาวนานกว่า 30 ปี จึงเข้าใจและเชี่ยวชาญด้านระบบท่อน้ำพีพี-อาร์ เป็นอย่างดี
|
||||
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
|
||||
</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="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>
|
||||
<span class="text-lg text-secondary-700">ผลิตจากประเทศเยอรมัน มาตรฐาน DVGW, SKZ, ICC-ES</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>
|
||||
<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>
|
||||
<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>
|
||||
<span class="text-lg text-secondary-700">รับประกันอายุการใช้งาน 10 ปี</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">ผลิตตามมาตรฐาน DIN 8077/8078</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -67,6 +76,276 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Factory Section -->
|
||||
<section id="factory" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">FACTORY IN GERMANY</h2>
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_002.png"
|
||||
alt="โรงงาน POLOPLAST ประเทศเยอรมัน"
|
||||
class="w-full h-auto rounded-lg shadow-md"
|
||||
/>
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_003.png"
|
||||
alt="กระบวนการผลิต POLOPLAST"
|
||||
class="w-full h-auto rounded-lg shadow-md"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Specs Section -->
|
||||
<section id="product-specs" class="section bg-gray-50">
|
||||
<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 mb-6">
|
||||
<strong>PP-R / PP-RCT POLOPLAST</strong> ทางเลือกที่ดีกว่า ด้วยประสบการณ์ในการผลิตที่ยาวนานกว่า 30 ปี จึงเข้าใจและเชี่ยวชาญด้านระบบท่อน้ำพีพี-อาร์เป็นอย่างดี นำมาสู่การออกแบบและพัฒนาผลิตภัณฑ์ตามหลักวิศวกรรมศาสตร์ เพื่อแก้ไขปัญหาจากการใช้งานจริง
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
ท่อและข้อต่อผลิตจากประเทศเยอรมนี ติดตั้งง่าย ประสานเป็นเนื้อเดียวกันได้อย่างสมบูรณ์ ผ่านการทดสอบมาตรฐานระดับโลกจาก DVGW, SKZ และ ICC-ES
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
เหมาะสำหรับใช้เป็นท่อน้ำดื่มและท่ออื่นๆ ได้อย่างดี รับประกันอายุการใช้งาน 10 ปี ผลิตตามมาตรฐาน DIN 8077/8078
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Comparison Table 1 - Wide -->
|
||||
<section id="comparison" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-6 text-center">ตารางเปรียบเทียบการใช้งาน</h3>
|
||||
<div class="max-w-5xl mx-auto">
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_004.png"
|
||||
alt="ตารางเปรียบเทียบการใช้งาน PP-R และ PP-RCT"
|
||||
class="w-full h-auto rounded-lg shadow-md"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Comparison Table 2 - Portrait -->
|
||||
<section id="pressure-life" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-6 text-center">ตารางเปรียบเทียบแรงดันกับอายุการใช้งานของ PP-R และ PP-RCT</h3>
|
||||
<div class="max-w-2xl mx-auto">
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_015.png"
|
||||
alt="ตารางเปรียบเทียบแรงดันกับอายุการใช้งาน"
|
||||
class="w-full h-auto rounded-lg shadow-md"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ML5 Technology -->
|
||||
<section id="ml5" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-6 text-center">MULTI LAYER รุ่น ML5 เทคโนโลยีของระบบท่อ</h3>
|
||||
<div class="max-w-3xl mx-auto mb-8">
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_016.png"
|
||||
alt="ML5 Multi Layer Technology"
|
||||
class="w-full h-auto rounded-lg shadow-md"
|
||||
/>
|
||||
</div>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h4 class="text-lg font-bold text-green-600 mb-2">1. PP-R External Layer</h4>
|
||||
<p class="text-secondary-700">เม็ดพลาสติกคุณภาพสูง ติดตั้งง่าย เชื่อมเป็นเนื้อเดียวกันได้อย่างสมบูรณ์</p>
|
||||
</div>
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h4 class="text-lg font-bold text-green-600 mb-2">2. HPCE Second Layer</h4>
|
||||
<p class="text-secondary-700">ชั้นไฟเบอร์พิเศษที่คิดค้นโดย POLOPLAST อัตราการยืด (Linear Expansion) ที่น้อยที่สุดเพียง 0.038 mm/mK ทนต่อแรงกระแทกสูงเป็นพิเศษ</p>
|
||||
</div>
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h4 class="text-lg font-bold text-green-600 mb-2">3. PP-RCT Central Layer</h4>
|
||||
<p class="text-secondary-700">ยืดอายุการใช้งาน ลดการยืดหดขยายตัวถึง 5 เท่า รองรับอุณหภูมิได้สูงถึง 95°C</p>
|
||||
</div>
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h4 class="text-lg font-bold text-green-600 mb-2">4. HPCE Second Inner Layer</h4>
|
||||
<p class="text-secondary-700">เพิ่มความต้านทานและทนต่อแรงกระแทก</p>
|
||||
</div>
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h4 class="text-lg font-bold text-green-600 mb-2">5. PP-RCT Inner Layer</h4>
|
||||
<p class="text-secondary-700">แข็งแรง ทนต่อแรงดัน พื้นผิวเรียบ ไม่เกิดตะกรัน</p>
|
||||
</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-8 text-center">ประเภทท่อ PP-R / PP-RCT</h3>
|
||||
|
||||
<!-- PP-R PIPE SDR 11 -->
|
||||
<div class="card p-6 bg-white mb-8">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-4">PP-R PIPE SDR 11 / S 5</h4>
|
||||
<p class="text-secondary-600 mb-4">ใช้กับ ท่อประปา / ท่อน้ำอุ่น / อื่นๆ อุณหภูมิ 3-60°C อายุการใช้งาน 50 ปี* ความดัน 10 บาร์ ความยาว/เส้น 4 เมตร</p>
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<img src="/images/poloplast/POLOPLAST_005.png" alt="PP-R PIPE SDR 11" class="w-full h-auto rounded-lg shadow-sm" />
|
||||
<img src="/images/poloplast/POLOPLAST_006.png" alt="PP-R PIPE SDR 11 Specifications" class="w-full h-auto rounded-lg shadow-sm" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PP-R PIPE SDR 6 -->
|
||||
<div class="card p-6 bg-white mb-8">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-4">PP-R PIPE SDR 6 / S 2.5</h4>
|
||||
<p class="text-secondary-600 mb-4">ใช้กับ ท่อประปา / ท่อน้ำร้อน / อื่นๆ อุณหภูมิ 3-95°C อายุการใช้งาน 50 ปี* ความดัน 20 บาร์ ความยาว/เส้น 4 เมตร</p>
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<img src="/images/poloplast/POLOPLAST_007.png" alt="PP-R PIPE SDR 6" class="w-full h-auto rounded-lg shadow-sm" />
|
||||
<img src="/images/poloplast/POLOPLAST_008.png" alt="PP-R PIPE SDR 6 Specifications" class="w-full h-auto rounded-lg shadow-sm" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PP-RCT FIBER FASER ML 5 -->
|
||||
<div class="card p-6 bg-white mb-8">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-4">PP-RCT FIBER FASER COMPOSITE PIPE ML 5 / SDR 7.4 / S 3.2</h4>
|
||||
<p class="text-secondary-600 mb-4">ใช้กับ ท่อประปา / ท่อน้ำร้อน / อื่นๆ อุณหภูมิ 3-95°C อายุการใช้งาน 50 ปี* ความดัน 20 บาร์ ความยาว/เส้น 4 เมตร</p>
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<img src="/images/poloplast/POLOPLAST_009.png" alt="PP-RCT FIBER FASER ML 5" class="w-full h-auto rounded-lg shadow-sm" />
|
||||
<img src="/images/poloplast/POLOPLAST_010.png" alt="PP-RCT FIBER FASER ML 5 Specifications" class="w-full h-auto rounded-lg shadow-sm" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PP-RCT PIPE SDR 11 -->
|
||||
<div class="card p-6 bg-white mb-8">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-4">PP-RCT PIPE SDR 11 / S 5</h4>
|
||||
<p class="text-secondary-600 mb-4">ใช้กับ ท่อประปา / ท่อน้ำร้อน / อื่นๆ อุณหภูมิ 3-95°C อายุการใช้งาน 50 ปี* ความดัน 16 บาร์ ความยาว/เส้น 4 เมตร</p>
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<img src="/images/poloplast/POLOPLAST_011.png" alt="PP-RCT PIPE SDR 11" class="w-full h-auto rounded-lg shadow-sm" />
|
||||
<img src="/images/poloplast/POLOPLAST_012.png" alt="PP-RCT PIPE SDR 11 Specifications" class="w-full h-auto rounded-lg shadow-sm" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PP-RCT PIPE SDR 7.4 -->
|
||||
<div class="card p-6 bg-white">
|
||||
<h4 class="text-xl font-bold text-secondary-900 mb-4">PP-RCT PIPE SDR 7.4 / S 3.2</h4>
|
||||
<p class="text-secondary-600 mb-4">ใช้กับ ท่อประปา / ท่อน้ำร้อน / อื่นๆ อุณหภูมิ 3-95°C อายุการใช้งาน 50 ปี* ความดัน 20 บาร์ ความยาว/เส้น 4 เมตร</p>
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<img src="/images/poloplast/POLOPLAST_013.png" alt="PP-RCT PIPE SDR 7.4" class="w-full h-auto rounded-lg shadow-sm" />
|
||||
<img src="/images/poloplast/POLOPLAST_014.png" alt="PP-RCT PIPE SDR 7.4 Specifications" class="w-full h-auto rounded-lg shadow-sm" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="text-sm text-secondary-500 mt-4">* ความยาวต่อเส้น 4 เมตร</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Fittings Gallery - 3 columns -->
|
||||
<section id="fittings" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-8 text-center">FITTINGS</h3>
|
||||
<div class="grid grid-cols-1 gap-6">
|
||||
<img src="/images/poloplast/MECH_Fitting_001.jpg" alt="Fitting 001" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_002.jpg" alt="Fitting 002" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_003.jpg" alt="Fitting 003" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_004.jpg" alt="Fitting 004" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_005.jpg" alt="Fitting 005" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_006.jpg" alt="Fitting 006" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_007.jpg" alt="Fitting 007" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_008.jpg" alt="Fitting 008" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_009.jpg" alt="Fitting 009" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_010.jpg" alt="Fitting 010" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_011.jpg" alt="Fitting 011" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_012.jpg" alt="Fitting 012" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_013.jpg" alt="Fitting 013" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_014.jpg" alt="Fitting 014" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_015.jpg" alt="Fitting 015" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_016.jpg" alt="Fitting 016" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_017.jpg" alt="Fitting 017" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_018.jpg" alt="Fitting 018" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_019.jpg" alt="Fitting 019" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_020.jpg" alt="Fitting 020" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_021.jpg" alt="Fitting 021" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_022.jpg" alt="Fitting 022" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_023.jpg" alt="Fitting 023" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_024.jpg" alt="Fitting 024" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_025.jpg" alt="Fitting 025" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_026.jpg" alt="Fitting 026" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/poloplast/MECH_Fitting_027.jpg" alt="Fitting 027" class="w-full h-auto rounded-lg shadow-md" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Installation Steps -->
|
||||
<section id="installation" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-8 text-center">การติดตั้ง PP-R และ PP-RCT</h3>
|
||||
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<div class="card p-6 bg-white text-center">
|
||||
<img src="/images/poloplast/POLOPLAST_071.png" alt="ขั้นตอนที่ 1" class="w-full h-auto rounded-lg shadow-sm mb-4" />
|
||||
<h4 class="text-lg font-bold text-green-600 mb-2">1. หลอม (Fusion)</h4>
|
||||
<p class="text-secondary-700 text-sm">หลังจากตัดท่อและวัดระยะกำหนดความลึกในการเชื่อมเสร็จแล้ว ให้ทำความสะอาดท่อ-ข้อต่อ จากนั้นจึงนำท่อ-ข้อต่อสอดเข้าที่หัวเชื่อม</p>
|
||||
</div>
|
||||
<div class="card p-6 bg-white text-center">
|
||||
<img src="/images/poloplast/POLOPLAST_072.png" alt="ขั้นตอนที่ 2" class="w-full h-auto rounded-lg shadow-sm mb-4" />
|
||||
<h4 class="text-lg font-bold text-green-600 mb-2">2. ประกอบ (Assemble)</h4>
|
||||
<p class="text-secondary-700 text-sm">เมื่อเชื่อมท่อ-ข้อต่อตามเวลาที่กำหนด ให้ถอดท่อ-ข้อต่อออกจากหัวเชื่อม</p>
|
||||
</div>
|
||||
<div class="card p-6 bg-white text-center">
|
||||
<img src="/images/poloplast/POLOPLAST_073.png" alt="ขั้นตอนที่ 3" class="w-full h-auto rounded-lg shadow-sm mb-4" />
|
||||
<h4 class="text-lg font-bold text-green-600 mb-2">3. ปล่อยให้เย็นตัว (Cool)</h4>
|
||||
<p class="text-secondary-700 text-sm">นำท่อ-ข้อต่อสวมเข้าด้วยกัน ห้ามบิดหรือหมุน ปล่อยให้เย็นตามระยะเวลาที่กำหนด แล้วนำไปทดสอบแรงดันน้ำ</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- System Requirements - Wide Table -->
|
||||
<section id="system-requirements" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-6 text-center">SYSTEM REQUIREMENTS - ตารางการให้ความร้อน PP-R และ PP-RCT</h3>
|
||||
<div class="max-w-5xl mx-auto">
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_074.png"
|
||||
alt="ตารางการให้ความร้อน"
|
||||
class="w-full h-auto rounded-lg shadow-md"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Butt Fusion - Wide -->
|
||||
<section id="butt-fusion" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-6 text-center">BUTT FUSION (B.F.) - เชื่อมชน (ขนาด 160 – 250 mm)</h3>
|
||||
<div class="max-w-5xl mx-auto">
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_075.png"
|
||||
alt="Butt Fusion"
|
||||
class="w-full h-auto rounded-lg shadow-md"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Electro Fusion -->
|
||||
<section id="electro-fusion" class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-6 text-center">ELECTRO FUSION (E.F.)</h3>
|
||||
<div class="max-w-5xl mx-auto space-y-6">
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_076.png"
|
||||
alt="Electro Fusion"
|
||||
class="w-full h-auto rounded-lg shadow-md"
|
||||
/>
|
||||
<img
|
||||
src="/images/poloplast/POLOPLAST_078.png"
|
||||
alt="Electro Fusion Details"
|
||||
class="w-full h-auto rounded-lg shadow-md max-w-xl mx-auto"
|
||||
/>
|
||||
</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>
|
||||
@@ -83,6 +362,9 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-lg text-secondary-600 mt-6">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> Jppselection | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
@@ -67,6 +67,134 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Specifications -->
|
||||
<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 text-center">รายละเอียดสินค้า</h2>
|
||||
|
||||
<div class="prose prose-lg max-w-none">
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-6">
|
||||
<strong>ฉนวนหุ้มท่อ (Pipe Insulation)</strong> เป็นฉนวนที่ใช้หุ้มท่อเพื่อป้องกันการสูญเสียความร้อนหรือความเย็นของระบบท่อ ลดการเกิดการควบแน่นของไอน้ำบนผิวท่อ ประหยัดพลังงาน และป้องกันอุบัติเหตุจากผิวท่อที่ร้อน เหมาะสำหรับระบบประปา ระบบปรับอากาศ ระบบท่อน้ำร้อน ระบบท่อน้ำเย็น ระบบท่อส่งน้ำมันร้อน และอุตสาหกรรมต่างๆ
|
||||
</p>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ประเภทฉนวนหุ้มท่อที่จำหน่าย</h3>
|
||||
|
||||
<div class="space-y-6 mb-8">
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h4 class="text-xl font-bold text-green-700 mb-2">Armaflex</h4>
|
||||
<p class="text-secondary-700 mb-3">ฉนวนยางอีลาสโตเมอริก (Elastomeric Rubber Foam) แบบเซลล์ปิด ผลิตจากยาง NBR/PVC หุ้มท่อและอุปกรณ์ท่อเพื่อป้องกันการสูญเสียความเย็นและความร้อน ลดการเกิดการควบแน่น ทนต่อไอน้ำและความชื้น มีค่าสัมประสิทธิ์การนำความร้อนต่ำ ผิวเรียบสวยงาม ใช้งานง่าย รับประกันคุณภาพมาตรฐาน</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<span class="px-3 py-1 bg-green-100 text-green-800 text-sm rounded-full">ทนความเย็น -50°C ถึง +105°C</span>
|
||||
<span class="px-3 py-1 bg-green-100 text-green-800 text-sm rounded-full">แบบท่อน (Slit Pipe)</span>
|
||||
<span class="px-3 py-1 bg-green-100 text-green-800 text-sm rounded-full">แบบม้วน (Sheet/Roll)</span>
|
||||
<span class="px-3 py-1 bg-green-100 text-green-800 text-sm rounded-full">ป้องกันการควบแน่น</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h4 class="text-xl font-bold text-blue-700 mb-2">Aeroflex</h4>
|
||||
<p class="text-secondary-700 mb-3">ฉนวนยางอีลาสโตเมอริกคุณภาพสูง ผลิตจากยาง EPDM หรือ NBR/PVC แบบเซลล์ปิด มีคุณสมบัติยืดหยุ่นสูง ติดตั้งง่าย ทนต่อรังสี UV ทนต่อสภาพอากาศ เหมาะสำหรับงานระบบปรับอากาศ ระบบทำความเย็น ระบบท่อน้ำร้อน ทนอุณหภูมิได้ในช่วงกว้าง มีทั้งแบบท่อนและแบบแผ่น</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">ทนความร้อน -50°C ถึง +116°C</span>
|
||||
<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">ยืดหยุ่นสูง</span>
|
||||
<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">ทนรังสี UV</span>
|
||||
<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">ติดตั้งง่าย</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card p-6 bg-gray-50">
|
||||
<h4 class="text-xl font-bold text-orange-700 mb-2">Maxflex FR</h4>
|
||||
<p class="text-secondary-700 mb-3">ฉนวนยางที่มีคุณสมบัติทนไฟ (Fire Retardant) ผลิตตามมาตรฐานความปลอดภัยจากประกายไฟ มีทั้งแบบท่อน (FR ST) และแบบม้วน (FR Roll) เหมาะสำหรับงานที่ต้องการความปลอดภัยจากอัคคีภัย ระบบท่อดับเพลิง ระบบท่อน้ำร้อน ระบบท่อที่ต้องการความทนไฟ</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<span class="px-3 py-1 bg-orange-100 text-orange-800 text-sm rounded-full">ทนไฟ (Fire Retardant)</span>
|
||||
<span class="px-3 py-1 bg-orange-100 text-orange-800 text-sm rounded-full">FR ST แบบท่อน</span>
|
||||
<span class="px-3 py-1 bg-orange-100 text-orange-800 text-sm rounded-full">FR Roll แบบม้วน</span>
|
||||
<span class="px-3 py-1 bg-orange-100 text-orange-800 text-sm rounded-full">มาตรฐานความปลอดภัย</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่นของฉนวนหุ้มท่อ</h3>
|
||||
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li><strong>ป้องกันการสูญเสียความร้อน/ความเย็น</strong> — ลดการถ่ายเทความร้อนระหว่างตัวท่อกับสิ่งแวดล้อม ช่วยประหยัดพลังงานในระบบทำความเย็นและทำความร้อน</li>
|
||||
<li><strong>ป้องกันการเกิดการควบแน่น</strong> — ผิวฉนวนที่เป็นเซลล์ปิดไม่ดูดซับความชื้น ป้องกันการเกิดหยดน้ำบนผิวท่อ ลดความเสียหายต่อโครงสร้างและอุปกรณ์</li>
|
||||
<li><strong>ป้องกันอุบัติเหตุจากผิวท่อร้อน</strong> — ปกป้องผู้สัมผัสจากผิวท่อที่ร้อน เหมาะสำหรับท่อน้ำร้อน ท่อไอน้ำ และท่อที่มีอุณหภูมิสูง</li>
|
||||
<li><strong>ลดเสียงรบกวน</strong> — ดูดซับเสียงจากการไหลของน้ำและการสั่นสะเทือนของท่อ ลดความเสียหายต่อโครงสร้าง</li>
|
||||
<li><strong>ทนทานต่อสภาพอากาศและสารเคมี</strong> — ทนต่อรังสี UV ความชื้น และสารเคมีทั่วไป อายุการใช้งานยาวนาน</li>
|
||||
<li><strong>ติดตั้งง่าย รวดเร็ว</strong> — ฉนวนยางมีความยืดหยุ่นสูง เข้ามุม เข้ารูปอุปกรณ์ท่อได้ง่าย ไม่ต้องใช้เครื่องมือพิเศษ</li>
|
||||
<li><strong>น้ำหนักเบา ไม่ดูดซับน้ำ</strong> — โครงสร้างเซลล์ปิดไม่ดูดซับน้ำหรือไอน้ำ รักษาประสิทธิภาพฉนวนได้ตลอดอายุการใช้งาน</li>
|
||||
</ul>
|
||||
|
||||
<!-- Application Images -->
|
||||
<div class="grid md:grid-cols-2 gap-4 my-8">
|
||||
<img
|
||||
src="/images/products-raw/pipe-insulation/Insulte_06.png"
|
||||
alt="การติดตั้งฉนวนหุ้มท่อ"
|
||||
class="w-full h-auto rounded-xl"
|
||||
/>
|
||||
<img
|
||||
src="/images/products-raw/pipe-insulation/Insulte_07.png"
|
||||
alt="การประยุกต์ใช้ฉนวนหุ้มท่อ"
|
||||
class="w-full h-auto rounded-xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">การประยุกต์ใช้งาน</h3>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
ฉนวนหุ้มท่อ Armaflex, Aeroflex และ Maxflex FR เหมาะสำหรับใช้ในงานต่างๆ ดังนี้:
|
||||
</p>
|
||||
<ul class="list-disc pl-6 mb-6 space-y-2">
|
||||
<li>ระบบปรับอากาศและระบบทำความเย็น (HVAC/R) — ท่อน้ำเย็น ท่อน้ำย้อนกลับ คอยล์ระเหย</li>
|
||||
<li>ระบบท่อน้ำร้อนและท่อไอน้ำ — ป้องกันการสูญเสียความร้อน ป้องกันอุบัติเหตุ</li>
|
||||
<li>ระบบประปา — ป้องกันการแตกจากน้ำแข็งในท่อ ป้องกันการควบแน่น</li>
|
||||
<li>ระบบดับเพลิง — ท่อน้ำดับเพลิงที่ต้องการความทนไฟ</li>
|
||||
<li>อุตสาหกรรมอาหารและเครื่องดื่ม — รักษาอุณหภูมิผลิตภัณฑ์</li>
|
||||
<li>อุตสาหกรรมเคมีและปิโตรเคมี — ป้องกันการเกิดปฏิกิริยาทางเคมี</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ขนาดและความหนาที่จำหน่าย</h3>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
ฉนวนหุ้มท่อมีให้เลือกหลายขนาด ตั้งแต่ท่อขนาดเล็ก เช่น 1/2 นิ้ว ถึงท่อขนาดใหญ่ 6 นิ้วขึ้นไป และมีความหนาตั้งแต่ 9 มม. ถึง 50 มม. ตามความต้องการในการใช้งาน สามารถสอบถามขนาดและความหนาที่ต้องการได้ที่ Line หรือโทรศัพท์
|
||||
</p>
|
||||
|
||||
<div class="bg-green-50 border-l-4 border-green-600 p-4 mt-6">
|
||||
<p class="text-secondary-700">
|
||||
<strong>สอบถามราคาและสั่งซื้อ:</strong> ติดต่อเราได้ที่ Line: <a href="https://line.me/ti/p/~dealplustech" class="text-green-700 underline">@dealplustech</a> หรือโทร <a href="tel:0905551415" class="text-green-700 underline">090-555-1415</a> ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</p>
|
||||
</div>
|
||||
</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="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>
|
||||
|
||||
@@ -4,7 +4,7 @@ import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ท่อ PPR (Polypropylene Random Copolymer)" description="จำหน่ายท่อ PPR (Polypropylene Random Copolymer)คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<BaseLayout title="ไทยพีพีอาร์ (Thai PPR) | ท่อพีพีอาร์ คุณภาพสูง" description="ไทยพีพีอาร์ (Thai PPR) ทางเลือกที่ดีที่สุดสำหรับงานระบบน้ำคุณภาพสูง ทั้งน้ำร้อนและน้ำเย็น ผลิตจากวัสดุ PP-R เกรดพรีเมียม ทนความร้อน 95°C อายุการใช้งาน 50 ปี ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
|
||||
@@ -13,149 +13,122 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<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/foot-ppr1.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PPR ไทย (Thai PPR)" 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">ท่อ PPR (Polypropylene Random Copolymer)</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">ไทยพีพีอาร์ (Thai PPR)</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">
|
||||
จำหน่ายท่อ PPR (Polypropylene Random Copolymer)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
ไทยพีพีอาร์ (Thai PPR) ทางเลือกที่ดีที่สุดสำหรับงานระบบน้ำคุณภาพสูง ทั้งน้ำร้อนและน้ำเย็นในอาคารสมัยใหม่ ผลิตจากวัสดุ Polypropylene Random Copolymer (PPR) เกรดพรีเมียม สะอาด ปลอดภัย และมีสถานะเป็น Food Grade ส่งฟรี กรุงเทพมหานคร ปริมณฑล
|
||||
</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="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>
|
||||
<span class="text-lg text-secondary-700">ทนความร้อนได้สูงถึง 95°C</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>
|
||||
<span class="text-lg text-secondary-700">อายุการใช้งานยาวนานกว่า 50 ปี</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>
|
||||
<span class="text-lg text-secondary-700">เชื่อมต่อด้วยความร้อน (Heat Fusion) ไม่รั่วซึม</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>
|
||||
<span class="text-lg text-secondary-700">Food Grade สะอาด ปลอดภัย ไม่เป็นสนิม</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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">ท่อ PPR เป็นท่อพลาสติกคุณภาพสูงสำหรับระบบน้ำร้อนและน้ำเย็น ผลิตจากเม็ดพลาสติก PPR เกรด A จากยุโรป มีคุณสมบัติทนความร้อนได้สูงถึง 95°C เหมาะสำหรับงานระบบประปาในอาคาร โรงแรม โรงพยาบาล และโรงงานอุตสาหกรรม</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
<strong>ไทยพีพีอาร์ (Thai PPR)</strong> คือทางเลือกที่ดีที่สุดสำหรับงานระบบน้ำคุณภาพสูง ทั้งน้ำร้อนและน้ำเย็นในอาคารสมัยใหม่ ผลิตจากวัสดุ <strong>Polypropylene Random Copolymer (PPR)</strong> เกรดพรีเมียม ทำให้มั่นใจได้ถึงความสะอาด ปลอดภัย และมีสถานะเป็น <strong>Food Grade</strong> ที่เหมาะสำหรับระบบน้ำดื่มโดยเฉพาะ
|
||||
</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
ด้วยคุณสมบัติเด่นในการ <strong>ทนทานต่ออุณหภูมิสูง</strong> (ได้ถึง 95°C) และแรงดันที่คงที่ ไทยพีพีอาร์ จึงไม่มีปัญหาเรื่องการเกิดสนิมหรือตะกรันสะสม ทำให้มีอายุการใช้งานยาวนานกว่า 50 ปี การติดตั้งใช้เทคโนโลยี <strong>การเชื่อมแบบหลอมรวมด้วยความร้อน (Heat Fusion)</strong> ซึ่งทำให้รอยต่อของท่อและข้อต่อเป็นเนื้อเดียวกัน 100% จึงมั่นใจได้ว่าจะไม่มีปัญหารั่วซึมตลอดอายุการใช้งาน
|
||||
</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
<strong>PPR (Polypropylene Random Copolymer)</strong> เป็นเม็ดพลาสติกคุณภาพสูงชนิดหนึ่ง ผลิตจากเม็ดพลาสติก PP-R(80) ชั้นดีจากยุโรป จึงทำให้มีเนื้อพลาสติกที่มีคุณภาพและความหนาแน่นสูง แสงลอดผ่านไม่ได้ วางใจได้ในคุณภาพและอายุการใช้งาน
|
||||
</p>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่นของไทยพีพีอาร์</h3>
|
||||
|
||||
<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>ผลิตจากเม็ดพลาสติก PPR เกรด A จากยุโรป</li>
|
||||
<li>ทนความร้อนได้สูงถึง 95°C (สำหรับ PP-R CT)</li>
|
||||
<li>ทนแรงดันน้ำได้สูง PN20, PN25</li>
|
||||
<li>ไม่เป็นสนิม ไม่ผุกร่อน</li>
|
||||
<li>ผิวภายในเรียบ ลื่น ลดการสะสมของหินปูน</li>
|
||||
<li>ต่อเชื่อมด้วยความร้อน (Heat Fusion) ได้สนิท100% ไม่มีการรั่วซึม</li>
|
||||
<li>อายุการใช้งานมากกว่า 50 ปี</li>
|
||||
<li>ปลอดภัยสำหรับน้ำดื่ม (Food Grade)</li>
|
||||
<li>ติดตั้งง่าย รวดเร็ว</li>
|
||||
<li><strong>ทนความร้อนได้สูงถึง 95°C</strong> - เหมาะกับการใช้เป็นท่อน้ำร้อนเพื่อการอุปโภคบริโภค</li>
|
||||
<li><strong>ทนแรงดันได้สูงสุด 20 บาร์</strong> - เหมาะกับงานระบบประปาทั่วไปและอุตสาหกรรม</li>
|
||||
<li><strong>สะอาดไม่เป็นสนิม ปราศจากโลหะหนักและสิ่งปนเปื้อน</strong> - น้ำที่ไหลผ่านท่อ PPR สะอาดปลอดภัย ไม่เป็นสนิม มีสีหรือกลิ่นปกติ</li>
|
||||
<li><strong>ประหยัดพลังงาน รักษาอุณหภูมิของน้ำได้ดีกว่าท่อโลหะ</strong> - ช่วยลดการสูญเสียความร้อนระหว่างที่น้ำร้อนไหลผ่านภายในท่อ</li>
|
||||
<li><strong>อายุการใช้งานยาวนานกว่า 50 ปี</strong> - ทนทานต่อการกัดกร่อนของสารเคมี ไม่ผุกร่อนหรือเป็นสนิม</li>
|
||||
<li><strong>น้ำหนักเบา ติดตั้งง่าย ราคาคุ้มค่ากว่าท่อทองแดง</strong></li>
|
||||
<li><strong>เชื่อมต่อเป็นเนื้อเดียวกัน ด้วยความร้อน (Heat Fusion) ไม่รั่วซึม</strong></li>
|
||||
</ul>
|
||||
|
||||
<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>ใช้เครื่องเชื่อมความร้อน (Heat Fusion Welding)</li>
|
||||
<li>อุณหภูมิการเชื่อม: 260°C</li>
|
||||
<li>เวลาการเชื่อม: 5-30 วินาที (ขึ้นกับขนาดท่อ)</li>
|
||||
</ul>
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ข้อต่อ PPR</h3>
|
||||
|
||||
<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>ไม่ควรใช้กับน้ำร้อนเกิน 95°C</li>
|
||||
<li>ควรหลีกเลี่ยงการกระแทกแรงๆ ระหว่างการติดตั้ง</li>
|
||||
<li>ควรเก็บให้พ้นจากแสงแดดโดยตรง</li>
|
||||
</ul>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>มาตรฐาน:</strong> DIN 8077/8078, ISO 15874</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ขนาด:</strong> 20 มม. - 315 มม.</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>
|
||||
<li>งานโรงงานอาหารและเครื่องดื่ม</li>
|
||||
</ul>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
ข้อต่อ PPR ผลิตตามมาตรฐาน DIN16962-5 สามารถติดตั้งร่วมกับท่อประเภทอื่นๆ ได้ตามลักษณะงาน เนื่องจากมีข้อต่อประเภทเกลียวชนิดต่างๆ มากมายจึงทำให้สะดวก และไม่มีปัญหาในการใช้งานร่วมกัน รวมทั้งเกลียวเป็นชนิดทำจากทองเหลืองและชนิดทำจากทองเหลืองชุบนิเกิลทำให้ไม่เป็นสนิม อีกทั้งข้อต่อ PPR สามารถทนต่อแรงดันได้สูงสุด 20 บาร์
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-4">มาตรฐานท่อ PPR (PPR Pipe Standards)</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">มาตรฐาน</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">แรงดัน (bar)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">อุณหภูมิ (°C)</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">PPR PN20</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">DIN 8077/78</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">60</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">PPR PN25</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">DIN 8077/78</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">25</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">70</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 CT</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">DIN 8077/78</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">25</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">95</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Product Photos -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl font-bold text-secondary-900 mb-6">รูปภาพสินค้าเพิ่มเติม</h2>
|
||||
<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/ppr-pipe_000C_cropped.jpg" alt="ท่อ PPR (Polypropylene Random Copolymer)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/ppr-pipe_000C_cropped.jpg" alt="ท่อ PPR (Polypropylene Random Copolymer)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/ppr-pipe_000C_cropped.jpg" alt="ท่อ PPR (Polypropylene Random Copolymer)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/ppr-pipe_000C_cropped.jpg" alt="ท่อ PPR (Polypropylene Random Copolymer)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/ppr-pipe_000C_cropped.jpg" alt="ท่อ PPR (Polypropylene Random Copolymer)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/ppr-pipe_000C_cropped.jpg" alt="ท่อ PPR (Polypropylene Random Copolymer)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
|
||||
<img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ท่อ PPR ไทย" class="w-full h-auto rounded-lg shadow-md" />
|
||||
<img src="/images/ppr/TPPR55.jpg" alt="ท่อ PPR ไทย" class="w-full h-auto rounded-lg shadow-md" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<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_TPPR_V28-2023 [26012023].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 TPPR V28-2023</div><div class="text-sm text-secondary-500">PDF - ดาวน์โหลดราคา</div></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">
|
||||
@@ -171,9 +144,12 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-lg text-secondary-600 mt-6">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> Jppselection | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
</BaseLayout>
|
||||
@@ -4,68 +4,76 @@ import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ท่อ PVC (Polyvinyl Chloride)" description="จำหน่ายท่อ PVC (Polyvinyl Chloride)คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<BaseLayout title="ท่อ UPVC (Unplasticized Polyvinyl Chloride)" description="ท่อ UPVC ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อยูพีวีซี ทนสารเคมี ทนความร้อน สำหรับงานอุตสาหกรรม">
|
||||
<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-cropped/upvc-pipe_000C.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img
|
||||
src="/images/products-cropped/upvc-pipe_000C.jpg"
|
||||
alt="ท่อ UPVC (Unplasticized Polyvinyl Chloride)"
|
||||
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">ท่อ PVC (Polyvinyl Chloride)</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">ท่อ UPVC (Unplasticized Polyvinyl Chloride)</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">
|
||||
จำหน่ายท่อ PVC (Polyvinyl Chloride)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
|
||||
</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="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>
|
||||
<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>
|
||||
<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>
|
||||
<span class="text-lg text-secondary-700">ทนความร้อนได้ถึง 60°C</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>
|
||||
<span class="text-lg text-secondary-700">เชื่อมต่อด้วยกาว UPVC ง่ายต่อการติดตั้ง</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">
|
||||
@@ -73,54 +81,110 @@ 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 leading-relaxed mb-4">ท่อ PVC และข้อต่อ เป็นท่อพลาสติกที่นิยมใช้กันแพร่หลายสำหรับงานระบบน้ำในบ้านและอาคาร ผลิตจากพลาสติก PVC คุณภาพสูง มีทั้งท่อ PVC สีฟ้า (งานประปา) และท่อ PVC สีเหลือง (งานไฟฟ้า)</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><p class="text-lg text-secondary-700 leading-relaxed mb-4">- อายุการใช้งานยาวนาน</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ประเภทท่อ PVC:</strong></p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>ท่อ PVC สีฟ้า:</strong> งานประปา น้ำดื่ม (มอก.17)</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>ท่อ PVC สีเหลือง:</strong> งานร้อยสายไฟฟ้า (มอก.870)</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>ท่อ PVC สีเทา:</strong> งานระบายน้ำ (มอก.1237)</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ขนาด:</strong> 1/2" - 24"</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>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
<strong>ท่อ UPVC (Unplasticized Polyvinyl Chloride)</strong> หรือ ท่อยูพีวีซี เป็นท่อพลาสติกที่มีความแข็งแรงและทนทานต่อสารเคมี ใช้ในงานเดินระบบน้ำทิ้ง ระบายน้ำเสีย ทนเคมีใช้ในโรงงานอุตสาหกรรมเคมี หรือเป็นระบบเดินของเหลวที่มีสารเคมีเจือปน สามารถทนอุณหภูมิได้ถึง 60 องศาเซลเซียส มีลักษณะ <strong>สีเทาเข้ม / สีเทาอ่อน</strong> ต่างจากท่อ PVC ทั่วไปที่มักเป็นสีฟ้า
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
ท่อและอุปกรณ์ยูพีวีซี สามารถใช้กาวทาท่อ UPVC ในการเชื่อมต่อ ซึ่งมีความรวดเร็วและง่ายต่อการติดตั้ง
|
||||
</p>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">การใช้งาน ท่อ UPVC (UPVC Pipe)</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>งานท่อน้ำเคมี</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>โรงงานอุตสาหกรรม ห้องเย็น ห้องแช่แข็ง ห้องปฏิบัติการ ห้องแล็บ</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ท่อน้ำเสีย ท่อน้ำทิ้ง</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>ท่อน้ำที่มีสารเคมีปนเปื้อน</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>สระว่ายน้ำ (มีคลอรีนหรือสารเคมี)</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
<span>งานทนสารเคมีเข้มข้น</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่นของท่อ UPVC</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ทนสารเคมีได้ดี</strong></span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ทนต่อสภาพอากาศ</strong></span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ทนความร้อนได้ถึง 60°C</strong></span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ทนการกัดกร่อน</strong></span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ติดตั้งง่ายด้วยกาว UPVC</strong></span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>น้ำหนักเบา ขนส่งสะดวก</strong></span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">มาตรฐานและการเลือกใช้</h3>
|
||||
<p class="text-lg text-secondary-700 mb-4">
|
||||
ปัจจุบันยังไม่มีมาตรฐาน มอก. รองรับท่อและวาล์ว UPVC โดยตรง แต่สามารถใช้มาตรฐาน <strong>ASTM</strong> และมาตรฐาน <strong>Sch.80</strong> ตามมาตรฐานที่ยุโรปและเอเชียใช้ ซึ่งมีทั้งท่อและวาล์ว UPVC ที่ผลิตในยุโรปและผลิตในเอเชีย
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 mb-4">
|
||||
การเลือกใช้ท่อและวาล์ว UPVC ควรปรึกษาวิศวกรออกแบบ และควรใช้ตามแบบที่ถูกออกแบบโดยมีวิศวกรเซ็นสำนักงานกำกับ เพื่อเป็นการประหยัดงบประมาณและไม่ Over Design
|
||||
</p>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ขนาดท่อ UPVC</h3>
|
||||
<p class="text-lg text-secondary-700 mb-4">
|
||||
ท่อ UPVC มีขนาดตั้งแต่ <strong>1/2"</strong> ไปจนถึง <strong>12"</strong> เหมาะสำหรับงานอุตสาหกรรมและงานระบายน้ำทิ้ง
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-4">ขนาดท่อ PVC (PVC Pipe Sizes)</h3>
|
||||
<div class="overflow-x-auto my-8">
|
||||
<table class="modern-table w-full">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (นิ้ว)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">Class</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความหนา (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความยาว (m)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="bg-white">
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1/2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">21</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3/4"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">27</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.2</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">34</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.4</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1 1/2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">42</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.6</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">60</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">89</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.8</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">4"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">114</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4.5</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">6"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">168</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">5.5</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>
|
||||
@@ -137,6 +201,9 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-lg text-secondary-600 mt-6">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> Jppselection | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
@@ -4,73 +4,76 @@ import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ท่อ HDPE (High Density Polyethylene Pipe)" description="จำหน่ายท่อ HDPE (High Density Polyethylene Pipe)คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<BaseLayout title="ท่อ HDPE (High Density Polyethylene)" description="ท่อ HDPE ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล ท่อ HDPE คุณภาพสูง ทนทาน อายุการใช้งาน 50 ปี">
|
||||
<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-cropped/hdpe001.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img
|
||||
src="/images/products-cropped/hdpe001.png"
|
||||
alt="ท่อ HDPE (High Density Polyethylene)"
|
||||
class="w-full h-auto rounded-xl"
|
||||
onerror="this.src='/images/logo/dealplustech-logo.png'"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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">ท่อ HDPE (High Density Polyethylene Pipe)</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">ท่อ HDPE (High Density Polyethylene)</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">
|
||||
จำหน่ายท่อ HDPE (High Density Polyethylene Pipe)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
|
||||
</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="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>
|
||||
<span class="text-lg text-secondary-700">อายุการใช้งานยาวนานกว่า 50 ปี</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>
|
||||
<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>
|
||||
<span class="text-lg text-secondary-700">ทนต่อรังสี UV ไม่เป็นสนิม</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>
|
||||
<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">รับแรงดันได้สูงถึง PN25</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
@@ -78,113 +81,82 @@ 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 leading-relaxed mb-4">ท่อ HDPE (High Density Polyethylene) เป็นท่อพลาสติกคุณภาพสูงที่ผลิตจากเม็ดพลาสติก HDPE เกรด A มีคุณสมบัติเด่นคือ ความเหนียว ทนทานต่อการกระแทก และทนสารเคมีได้ดี เหมาะสำหรับงานระบบประปา งานชลประทาน งานระบายน้ำ และงานร้อยสายไฟ</p>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
<strong>ท่อ HDPE (High Density Polyethylene)</strong> เป็นท่อประเภทหนึ่งที่ได้รับความนิยมสูงที่สุดที่มีขายในท้องตลาดปัจจุบัน ผลิตจากโพลิเอทิลีนความหนาแน่นสูง ซึ่งเป็นวัสดุพลาสติกที่แข็งแรงและทนทานอย่างไม่น่าเชื่อ ทนทานต่อการกัดกร่อนของสารเคมีได้หลายชนิด ไม่เป็นสนิม น้ำหนักเบา ง่ายต่อการขนส่ง อายุการใช้งานยาวนานกว่า 50 ปี
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
นิยมใช้เป็นท่อส่งน้ำเพื่อการอุปโภค ท่อมีขนาดเส้นผ่านศูนย์กลางตั้งแต่ 16-1,200 มม. รับแรงดันได้สูงถึง PN25 โดยจัดแบ่งตามเกรดพลาสติกที่ใช้ในการผลิตคือ <strong>PE80</strong> และ <strong>PE100</strong>
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
ผิวมีลักษณะเรียบมันทำให้น้ำหรือของเหลวไหลผ่านได้สะดวก ท่อแบบ HDPE มีความยืดหยุ่นมากกว่าแบบ PVC นิยมใช้แทนท่อ PVC ในงานที่ต้องการความยืดหยุ่นของท่อ เช่นพื้นดินที่ไม่สม่ำเสมอ สามารถใช้กับงานสาธารณูปโภค งานไฟฟ้า และงานเกษตรเป็นต้น
|
||||
</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>คุณสมบัติเด่นของท่อ HDPE:</strong></p>
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li>ผลิตจากเม็ดพลาสติก HDPE เกรด A</li>
|
||||
<li>มีความเหนียว ทนทานต่อการกระแทกสูง</li>
|
||||
<li>ทนสารเคมีและกรด-ด่างได้ดีเยี่ยม</li>
|
||||
<li>ทนต่อการกัดกร่อน</li>
|
||||
<li>น้ำหนักเบา ติดตั้งง่าย</li>
|
||||
<li>ผิวด้านในเรียบ ลื่น ลดการสูญเสียแรงเสียดทาน</li>
|
||||
<li>ต่อเชื่อมด้วยความร้อน (Butt Fusion) ได้ 100% ไม่มีรอยรั่ว</li>
|
||||
<li>อายุการใช้งานมากกว่า 50 ปี</li>
|
||||
<li>ทนต่อรังสี UV</li>
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่นของท่อ HDPE สำหรับท่อประปา</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ความทนทาน:</strong> อายุการใช้งานยาวนาน ขั้นต่ำ 50 ปี ทนต่ออุณหภูมิและแรงดันที่รุนแรงได้ ผสมสารป้องกัน UV ทนต่อแสงได้</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ความยืดหยุ่น:</strong> สามารถโค้งงอได้ถึง 45 องศา ทำให้เหมาะสำหรับพื้นที่ติดตั้งจำกัด</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ทนทานต่อสารเคมี:</strong> ทนทานสูงต่อกรดและด่าง เหมาะสำหรับกระบวนการทางเคมีและการใช้งานด้านสิ่งแวดล้อม</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ป้องกันการรั่วซึม:</strong> มีซีลแน่น ป้องกันการรั่วซึม</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ประหยัดค่าใช้จ่าย:</strong> โซลูชันการวางท่อที่คุ้มค่าที่สุด ใช้อุปกรณ์น้อยลง แรงงานและอุปกรณ์น้อยลง</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>น้ำหนักเบา:</strong> ง่ายต่อการขนส่งและติดตั้ง</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>รับแรงดัน:</strong> 12.5-16 บาร์</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ใช้เป็นท่อน้ำดื่ม:</strong> ปราศจากสารก่อมะเร็ง โลหะหนักต่างๆ</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>มาตรฐาน:</strong></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>มอก.982-2533 (ท่อ HDPE สำหรับงานประปา)</li>
|
||||
<li>ISO 4427</li>
|
||||
<li>DIN 8074/8075</li>
|
||||
<li>Thai Asia PE Pipe</li>
|
||||
<li>Thai Gow Gai</li>
|
||||
<li>PBP</li>
|
||||
<li>SR PE Pipe</li>
|
||||
</ul>
|
||||
|
||||
<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>
|
||||
<li>งานส่งน้ำโรงงานอุตสาหกรรม</li>
|
||||
<li>งานท่อส่งก๊าซ</li>
|
||||
</ul>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>มาตรฐาน:</strong> มอก.982-2533</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ขนาด:</strong> 16 มม. - 1,200 มม.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-4">ขนาดท่อ HDPE (HDPE Pipe Sizes)</h3>
|
||||
<div class="overflow-x-auto my-8">
|
||||
<table class="modern-table w-full">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">SDR</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">PN</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความหนา (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">น้ำหนัก (kg/m)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="bg-white">
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">20</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</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">2.3</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">0.13</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">25</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</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">2.3</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">0.17</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">32</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</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">2.9</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">0.27</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">40</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</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">3.7</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">0.42</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">50</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</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">4.6</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">0.65</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">63</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</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">5.8</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">1.04</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">75</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</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">6.8</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">1.46</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">90</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</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">8.2</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.12</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">110</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</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">10.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.16</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">160</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</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">14.6</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">6.71</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">200</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</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">18.2</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">10.45</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">250</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</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">22.7</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">16.29</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">315</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">11</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">28.6</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">25.90</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</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/HDPE2.jpg" alt="ท่อ HDPE (High Density Polyethylene Pipe)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/HDPE4.jpg" alt="ท่อ HDPE (High Density Polyethylene Pipe)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/HDPE.jpg" alt="ท่อ HDPE (High Density Polyethylene Pipe)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/HDPE-Welding2.jpg" alt="ท่อ HDPE (High Density Polyethylene Pipe)" 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">
|
||||
<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">
|
||||
@@ -200,6 +172,9 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-lg text-secondary-600 mt-6">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> Jppselection | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
@@ -4,7 +4,7 @@ import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" description="ท่อพีพีอาร์ ตราช้าง เหมาะแก่การทำท่อน้ำดื่ม ท่อน้ำร้อน ท่อน้ำเย็น ระบบประปา เพราะการติดตั้งท่อจะใช้วิธีให้ความร้อนทำให้ท่อประสานเป็นเนื้อเดียวกันจึงไม่รั่วซึม">
|
||||
<BaseLayout title="ท่อพีพีอาร์" 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">
|
||||
@@ -13,14 +13,14 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<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/ppr-pipe_000C_cropped.jpg" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img src="/images/products-cropped/ppr-pipe_000C.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">ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง</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">ท่อพีพีอาร์</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>
|
||||
|
||||
|
||||
@@ -67,7 +67,79 @@ 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">ไทยพีพีอาร์</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>
|
||||
</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">
|
||||
|
||||
@@ -4,62 +4,72 @@ import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" description="จำหน่ายท่อพีพีอาร์ (ท่อ PPR) ตราช้างคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<BaseLayout title="ท่อ PPR ตราช้าง (SCG)" description="ท่อ PPR ตราช้าง (SCG) ผลิตจากเม็ดพลาสติก PP-R 80 มาตรฐานยุโรป ทนแรงดัน 20 บาร์ ทนอุณหภูมิ 95°C ราคาถูก ส่งฟรี กทม. ปริมณฑล">
|
||||
<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/Screenshot-2023-03-08-at-10.39.16-AM.png" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img src="/images/products-cropped/ppr-scg.jpg" alt="ท่อ PPR ตราช้าง (SCG)" 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">ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง</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 ตราช้าง (SCG)</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">
|
||||
จำหน่ายท่อพีพีอาร์ (ท่อ PPR) ตราช้างคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
|
||||
</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="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>
|
||||
<span class="text-lg text-secondary-700">ทนแรงดันได้สูงสุด 20 บาร์</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>
|
||||
<span class="text-lg text-secondary-700">ทนต่ออุณหภูมิได้สูงถึง 95°C</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>
|
||||
<span class="text-lg text-secondary-700">วัตถุดิบคุณภาพสูงมาตรฐานยุโรปจาก LyondellBasell</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>
|
||||
<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>
|
||||
@@ -72,24 +82,82 @@ 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">จำหน่าย ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
ท่อ PPR ตราช้าง ผลิตจากเม็ดพลาสติก <strong>PP-R 80 (Polypropylene Random Copolymer 80)</strong> วัตถุดิบคุณภาพสูงมาตรฐานยุโรปจาก LyondellBasell สามารถทนแรงดันได้สูงสุด 20 บาร์ ทนต่ออุณหภูมิได้สูงถึง 95°C เชื่อมต่อด้วยความร้อน หลอมท่อและข้อต่อเป็นเนื้อเดียวกัน ไม่มีปัญหารั่วซึม น้ำหนักเบา และราคาคุ้มค่ากว่าเมื่อเทียบกับท่อโลหะ
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
เหมาะสำหรับระบบประปา ระบบประปาน้ำอุ่น ระบบประปาน้ำร้อน ระบบท่อน้ำเย็นในการปรับอากาศ ระบบท่อลมร้อน เป็นต้น ทั้งในบ้าน โรงแรม โรงพยาบาล ห้างสรรพสินค้า อาคารสำนักงาน และอาคารสูง
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
ท่อพีพีอาร์ตราช้าง เป็นท่อที่มีความแข็งแรงสูง ผลิตตามคุณภาพมาตรฐานของเยอรมัน <strong>DIN8077</strong> และ <strong>DIN8078</strong> สามารถเลือกท่อในการใช้งานได้ตามความเหมาะสม
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
ข้อต่อพีพีอาร์ตราช้าง ผลิตตามมาตรฐาน <strong>DIN16962-5</strong> สามารถติดตั้งร่วมกับท่อประเภทอื่นๆ ได้ตามลักษณะงาน เนื่องจากมีข้อต่อประเภทเกลียวชนิดต่างๆ มากมายจึงทำให้สะดวก และไม่มีปัญหาในการใช้งานร่วมกัน รวมทั้งเกลียวเป็นชนิดทำจากทองเหลืองและชนิดทำจากทองเหลืองชุบนิเกิลทำให้ไม่เป็นสนิม อีกทั้งข้อต่อพีพีอาร์สามารถทนต่อแรงดันได้สูงสุด 20 บาร์
|
||||
</p>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติเด่น</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ทนแรงดันได้สูง 20 บาร์</strong> - ผลิตจากวัตถุดิบคุณภาพเยี่ยมมาตรฐานยุโรป กระบวนการผลิตตามมาตรฐาน DIN 8077 และ DIN 8078 ของประเทศเยอรมัน</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ทนต่ออุณหภูมิได้สูงสุดถึง 95°C</strong> - เหมาะกับการใช้เป็นท่อน้ำร้อนเพื่อการอุปโภคบริโภค</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>สะอาดไม่เป็นสนิม ปราศจากโลหะหนักและสิ่งปนเปื้อน</strong> - น้ำที่ไหลผ่านสะอาดปลอดภัย ไม่เกิดตะไคร่น้ำภายในท่อ</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ประหยัดพลังงาน</strong> - มีคุณสมบัติเป็นฉนวน ช่วยรักษาอุณหภูมิความร้อนของน้ำได้ดีกว่าท่อโลหะ ลดการสูญเสียความร้อน</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>อายุการใช้งานยาวนาน</strong> - ทนทานต่อการกัดกร่อนของสารเคมี ไม่ผุกร่อนหรือเป็นสนิม</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>น้ำหนักเบา ราคาถูกกว่าท่อทองแดง</strong> - ได้ระบบท่อที่มีประสิทธิภาพในราคาที่คุ้มค่า ง่ายต่อการติดตั้งและขนส่ง</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ติดตั้งง่าย เชื่อมต่อเป็นเนื้อเดียวกัน ไม่รั่วซึม</strong> - ใช้เครื่องเชื่อมท่อพีพีอาร์ เชื่อมต่อท่อและข้อต่อเข้ากันด้วยความร้อน</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section bg-white">
|
||||
<section id="product-prices" class="section bg-gradient-to-br from-primary-50 to-accent-50">
|
||||
<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-2023-03-08-at-10.42.41-AM.png" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/Screenshot-2023-03-08-at-10.44.22-AM.png" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/Screenshot-2023-03-08-at-10.44.28-AM.png" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/Screenshot-2023-03-08-at-10.44.36-AM.png" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/Screenshot-2023-03-08-at-10.44.44-AM.png" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/Screenshot-2023-03-08-at-10.44.51-AM.png" alt="ท่อพีพีอาร์ (ท่อ PPR) ตราช้าง" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
|
||||
<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">
|
||||
<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">
|
||||
@@ -105,6 +173,9 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-lg text-secondary-600 mt-6">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> Jppselection | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
@@ -4,7 +4,7 @@ import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" description="จำหน่ายท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENTคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<BaseLayout title="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" description="จำหน่ายท่อระบายน้ำ 3 ชั้น ไซเลนท์ (XYLENT) คุณภาพสูง ผลิตจาก Poloplast ประเทศเยอรมัน-ออสเตรีย มาตรฐาน EN 1451-1 ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
|
||||
@@ -13,53 +13,69 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<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/XYLENT_001.png" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img src="/images/products-cropped/XYLENT_001.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" 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">ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT</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">
|
||||
จำหน่ายท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENTคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สอบถามราคาพิเศษได้ที่ Line หรือโทรติดต่อ Deal Plus Tech
|
||||
</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="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>
|
||||
<span class="text-lg text-secondary-700"><strong>เงียบ</strong> — ดังเพียง 22 dB เท่านั้น ด้วยชั้นพลาสติกพีพีชนิดพิเศษที่เป็นฉนวนกันเสียง</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>
|
||||
<span class="text-lg text-secondary-700"><strong>แข็งแรง</strong> — ทนต่อแรงกดทับได้ถึง 6 kN/m² ไม่เปราะแตกง่าย</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>
|
||||
<span class="text-lg text-secondary-700"><strong>ทนสารเคมี</strong> — ผลิตจากโพลีโพรพิลีนตามมาตรฐาน DIN 8087</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>
|
||||
<span class="text-lg text-secondary-700"><strong>ทนความร้อน</strong> — ได้สูงสุด 95°C อายุการใช้งานยาวนาน 50 ปี</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"><strong>ติดตั้งง่าย</strong> — ด้วยระบบ Push Fit สวมล็อค ประหยัดเวลาและแรงงาน</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"><strong>ปลอดสารฮาโลเจน</strong> — ปลอดภัยกว่าเมื่อเกิดอัคคีภัย</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"><strong>ประหยัด</strong> — กว่าท่อเหล็กหล่อ (Cast Iron Pipe)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -67,28 +83,257 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
<!-- Poloplast Factory Section -->
|
||||
<section class="section bg-gray-50">
|
||||
<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">จำหน่าย ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
|
||||
<div class="grid md:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
<img src="/images/products-raw/xylent/XYLENT_002.png" alt="Poloplast Factory" class="w-full h-auto rounded-xl shadow-lg" />
|
||||
</div>
|
||||
<div class="text-center md:text-left">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-4">POLOPLAST FACTORY IN GERMANY & AUSTRIA</h2>
|
||||
<img src="/images/products-raw/xylent/XYLENT_003-1024x185.png" alt="Factory" class="w-full h-auto rounded-xl mb-4" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Product Intro with New Development -->
|
||||
<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/XYLENT_002.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/XYLENT_003.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/XYLENT_004.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/XYLENT_005.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/XYLENT_006.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/XYLENT_007.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
|
||||
<div class="grid md:grid-cols-2 gap-12 items-center mb-12">
|
||||
<div>
|
||||
<img src="/images/products-raw/xylent/XYLENT_004-805x1024.png" alt="New Development" class="w-full h-auto rounded-xl shadow-lg mx-auto" style="max-width: 400px;" />
|
||||
</div>
|
||||
<div>
|
||||
<img src="/images/products-raw/xylent/XYLENT_005-1024x487.png" alt="New Development" class="w-full h-auto rounded-xl shadow-lg mb-6" />
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-4">ผู้ผลิตท่อระบายน้ำ 3 ชั้น เป็นรายแรกของโลก</h2>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
ท่อระบายน้ำ 3 ชั้น ไซเลนท์ ผลิตจากโรงงาน Poloplast ผู้ผลิตท่อ 3 ชั้น รายแรกของโลก ที่มีโรงงานอยู่ในประเทศเยอรมัน และออสเตรีย เริ่มผลิตครั้งแรกในปี ค.ศ. 1991
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
ท่อระบายน้ำ 3 ชั้น ไซเลนท์ ผ่านการรับรองคุณภาพจาก SKZ ประเทศเยอรมัน ตามมาตรฐาน EN 1451-1 ได้รับการดูแลตรวจสอบคุณภาพโดย German and Austrian plastic institutes จึงมั่นใจได้ในคุณภาพและความปลอดภัย
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Sound Insulation Section -->
|
||||
<section class="section bg-primary-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-6 text-center">เงียบกว่า เก็บเสียงได้ดี ดังเพียง 22 dB เท่านั้น</h2>
|
||||
<div class="grid md:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
<img src="/images/products-raw/xylent/XYLENT_006.png" alt="Sound Insulation" class="w-full h-auto rounded-xl shadow-lg" />
|
||||
</div>
|
||||
<div>
|
||||
<img src="/images/products-raw/xylent/XYLENT_007-1024x474.png" alt="Sound Level Test" class="w-full h-auto rounded-xl shadow-lg mb-6" />
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ท่อระบายน้ำ 3 ชั้น ไซเลนท์ มีชั้นพลาสติกพีพี ชนิดพิเศษที่เป็นฉนวนกันเสียง ที่ผ่านการทดสอบจากระดับเสียงจาก Fraunhofer IBP ซึ่งเป็นผู้เชี่ยวชาญด้านการทดสอบผลกายภาพของวัสดุที่ใช้ในการก่อสร้างอาคาร มีความเชี่ยวชาญพิเศษในด้าน Noise control and sound insulation measures ในอาคาร การทดสอบทำด้วยความเข้มงวดแบบ Installation Sound Level ในระบบ Closed Bracket เสียงดังสุดเพียง 22 dB เท่านั้น
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Strength Section -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-6 text-center">แข็งแรง ทนต่อแรงกดทับได้ถึง 6 kN/m² ไม่เปราะแตกง่าย</h2>
|
||||
<div class="grid md:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
<img src="/images/products-raw/xylent/XYLENT_008-1024x357.png" alt="Strength Test" class="w-full h-auto rounded-xl shadow-lg" />
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ท่อระบายน้ำ ไซเลนท์ มีชั้นพลาสติกพีพี ถึง 3 ชั้น ที่รับแรงกระแทกได้สูง ช่วยปกป้องท่อไม่ให้เกิดปัญหาแตกหัก เมื่อโดนแรงกดทับได้ ในด้านความแข็งแรง ผ่านการทดสอบจาก OKI ตามมาตรฐาน EN ISO 9969
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Chemical Resistance & Temperature -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<div class="grid md:grid-cols-2 gap-8 mb-12">
|
||||
<div>
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-4">ความต้านทานสารเคมี</h2>
|
||||
<img src="/images/products-raw/xylent/XYLENT_009-1024x418.png" alt="Chemical Resistance" class="w-full h-auto rounded-xl shadow-lg mb-4" />
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
<strong>ท่อและข้อต่อ:</strong> ผลิตจากโพลีโพรพิลีน ตามมาตรฐานเยอรมัน DIN 8087 Supplement 1
|
||||
</p>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mt-2">
|
||||
<strong>ซีลยาง:</strong> ผลิตจาก SBR หรือ NBR ตามมาตรฐาน ISO TR7620
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-4">ทนอุณหภูมิสูงสุด 95°C อายุการใช้งานยาวนาน 50 ปี</h2>
|
||||
<img src="/images/products-raw/xylent/XYLENT_010-1024x309.png" alt="Temperature Resistance" class="w-full h-auto rounded-xl shadow-lg mb-4" />
|
||||
<p class="text-lg text-secondary-700 leading-relaxed">
|
||||
ในการใช้งานจริง ผู้อยู่อาศัยอาจเทน้ำร้อนหรือน้ำมันจากการทำครัว ลงท่อระบายน้ำทันทีได้ ท่อระบายน้ำ 3 ชั้น ไซเลนท์ ผ่านการทดสอบจาก TGM ตามมาตรฐาน EN 1055 : 11.1996 สามารถรองรับอุณหภูมิได้ตามรายละเอียดในตาราง
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Expansion Rate -->
|
||||
<div class="text-center">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-4">อัตราการยืดตัวของท่อ ต่ำสุดเพียง 0.05 mm / m K</h2>
|
||||
<img src="/images/products-raw/xylent/XYLENT_011-1024x325.png" alt="Expansion Rate" class="w-full max-w-3xl mx-auto h-auto rounded-xl shadow-lg mb-4" />
|
||||
<p class="text-lg text-secondary-700 leading-relaxed max-w-3xl mx-auto">
|
||||
โดยปกติวัตถุจะมีการยืดขยายตัวเมื่อมีอุณหภูมิที่สูงขึ้น สำหรับท่อระบายน้ำนั้น ในแง่ของการใช้งาน มักจะมีการเทน้ำร้อนลงท่อทันที ซึ่งอุณหภูมิที่เปลี่ยนไปจะทำให้ท่อมีการยืดขยายตัวและหดตัวลงเมื่อกลับมาสู่อุณหภูมิห้อง นานไปจะทำให้เกิดปัญหารั่วซึมที่บริเวณข้อต่อได้
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Push Fit Installation - Original Layout -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-6 text-center">ติดตั้งด้วยระบบสวมล็อค (Push Fit)</h2>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed text-center max-w-3xl mx-auto mb-8">
|
||||
ติดตั้งง่าย ด้วยการออกแบบพิเศษ ปลายท่อด้านหนึ่งเป็นปากระฆัง พร้อมซีลยางจากโรงงาน ด้วยระบบสวมล็อค (Push Fit) อีกทั้งท่อยังเบากว่าท่อเหล็กหล่อ แต่มีความแข็งแรงกว่าท่อพีวีซี จึงทำให้ท่อระบายน้ำ ไซเลนท์ ติดตั้งได้อย่างง่ายมาก แม้จะเป็นพื้นที่แคบๆ อย่างในช่องชาร์ป
|
||||
</p>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-6 text-center">ขั้นตอนง่ายๆ ในการติดตั้งระบบสวมล็อค</h3>
|
||||
|
||||
<!-- All Steps as One Text -->
|
||||
<div class="text-lg text-secondary-700 leading-relaxed max-w-3xl mx-auto mb-12 space-y-4">
|
||||
<p><strong>ขั้นตอนที่ 1:</strong> ตัดท่อให้ได้ฉาก และแต่งปลายท่อ (มุมที่เหมาะสมในการแต่งปลายท่อคือ 15 องศา ตามตาราง)</p>
|
||||
<p><strong>ขั้นตอนที่ 2:</strong> ทา Lubricant XYLENT ที่ด้านปลายปากระฆังให้ทั่ว</p>
|
||||
<p><strong>ขั้นตอนที่ 3:</strong> สวมท่อเข้ากับปลายปากระฆังจนกว่าจะสุด สามารถหมุนท่อเพื่อให้สวมท่อเข้าได้ง่ายขึ้น</p>
|
||||
<p><strong>ขั้นตอนที่ 4:</strong> ถ้ามีความจำเป็น สามารถดึงท่อขึ้นมาได้โดยดึงได้ 10 มม. (ตามรูปที่ 1)</p>
|
||||
<p><strong>ขั้นตอนที่ 5:</strong> สำหรับการติดตั้งท่อในแนวตั้ง ใช้ตัวรัดท่อรัดที่ด้านล่างของปากระฆังทันทีหลังจากติดตั้ง เพื่อป้องกันท่อหดกลับเข้าไปในปากปลายระฆัง (ตามรูปที่ 2)</p>
|
||||
</div>
|
||||
|
||||
<!-- All Step Images: Row 1 = 3 cols, Row 2-3 = 1 col centered -->
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<!-- Row 1: 3 columns -->
|
||||
<div class="grid grid-cols-3 gap-4 mb-4">
|
||||
<img src="/images/products-raw/xylent/XYLENT_012.png" alt="ขั้นตอนที่ 1" class="w-full h-auto rounded-xl shadow-lg" />
|
||||
<img src="/images/products-raw/xylent/XYLENT_013.png" alt="ขั้นตอนที่ 2" class="w-full h-auto rounded-xl shadow-lg" />
|
||||
<img src="/images/products-raw/xylent/XYLENT_014.png" alt="ขั้นตอนที่ 3" class="w-full h-auto rounded-xl shadow-lg" />
|
||||
</div>
|
||||
<!-- Row 2: 1 column centered -->
|
||||
<div class="flex justify-center mb-4">
|
||||
<img src="/images/products-raw/xylent/XYLENT_015.png" alt="ขั้นตอนที่ 4" class="w-full h-auto rounded-xl shadow-lg" style="max-width: 33.333%;" />
|
||||
</div>
|
||||
<!-- Row 3: 1 column centered -->
|
||||
<div class="flex justify-center">
|
||||
<img src="/images/products-raw/xylent/XYLENT_016-1024x617.png" alt="ขั้นตอนที่ 5" class="w-full h-auto rounded-xl shadow-lg" style="max-width: 33.333%;" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Cast Iron Comparison -->
|
||||
<section class="section bg-primary-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-6 text-center">เหตุใดในยุโรป จึงไม่ใช้ท่อเหล็กหล่อ (Cast Iron) เป็นท่อน้ำทิ้ง</h2>
|
||||
<div class="grid md:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
<img src="/images/products-raw/xylent/XYLENT_017.png" alt="Why Not Cast Iron" class="w-full h-auto rounded-xl shadow-lg" />
|
||||
</div>
|
||||
<div>
|
||||
<ul class="list-disc pl-6 space-y-3 text-lg text-secondary-700">
|
||||
<li>เป็นสนิมกัดกร่อน</li>
|
||||
<li>มีความสะสมของตะกรัน รูในท่อจะเล็กลงจนอุดตัน ทำให้ประสิทธิภาพในการระบายน้ำลดลง</li>
|
||||
<li>อายุการใช้งานสั้น ทำให้ต้องมีการรื้อถอนเพื่อซ่อมแซมในส่วนของท่อระบายน้ำ</li>
|
||||
<li>ต้นทุนค่าก่อสร้างแพงกว่า</li>
|
||||
<li>วิธีการติดตั้งทำได้ยาก ต้องใช้แรงงานจำนวนมาก</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Halogen Free with XYLENT_018 -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom text-center">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-6">ท่อระบายน้ำ 3 ชั้น ไซเลนท์ ปลอดสารฮาโลเจน</h2>
|
||||
<div class="flex justify-center mb-6">
|
||||
<img src="/images/products-raw/xylent/XYLENT_018-1024x848.png" alt="ปลอดสารฮาโลเจน" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
|
||||
</div>
|
||||
<p class="text-lg text-secondary-700 leading-relaxed max-w-3xl mx-auto">
|
||||
วัตถุดิบที่ใช้ผลิตท่อและข้อต่อ ทำจากพีพี ซึ่งมีความสะอาดสูง และปลอดสารฮาโลเจน จึงปลอดภัยกว่าเมื่อเกิดอัคคีภัย
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Gallery: Pipe -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">ท่อ / PIPE</h2>
|
||||
<div class="flex justify-center">
|
||||
<img src="/images/products-raw/xylent/XYLENT_022.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Gallery: Fitting - 1 Column -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">ข้อต่อ / FITTING</h2>
|
||||
<div class="flex flex-col items-center gap-8">
|
||||
<img src="/images/products-raw/xylent/XYLENT_023.png" alt="ข้อต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
|
||||
<img src="/images/products-raw/xylent/XYLENT_024.png" alt="ข้อต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
|
||||
<img src="/images/products-raw/xylent/XYLENT_025.png" alt="ข้อต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Gallery: Trap -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">อุปกรณ์ดับกลิ่น / TRAP</h2>
|
||||
<div class="flex justify-center">
|
||||
<img src="/images/products-raw/xylent/XYLENT_026.png" alt="อุปกรณ์ดับกลิ่น" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Gallery: Transition Fittings - 1 Column -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">อุปกรณ์ต่อท่อชนิดอื่น / TRANSITION FITTINGS</h2>
|
||||
<div class="flex flex-col items-center gap-8">
|
||||
<img src="/images/products-raw/xylent/XYLENT_027.png" alt="อุปกรณ์ต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
|
||||
<img src="/images/products-raw/xylent/XYLENT_028.png" alt="อุปกรณ์ต่อท่อ" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Gallery: Accessories - 1 Column -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">อุปกรณ์เสริม / ACCESSORIES</h2>
|
||||
<div class="flex flex-col items-center gap-8">
|
||||
<img src="/images/products-raw/xylent/XYLENT_029.png" alt="อุปกรณ์เสริม" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
|
||||
<img src="/images/products-raw/xylent/XYLENT_030.png" alt="อุปกรณ์เสริม" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
|
||||
<img src="/images/products-raw/xylent/XYLENT_031-771x1024.png" alt="อุปกรณ์เสริม" class="w-full max-w-4xl h-auto rounded-xl shadow-lg" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PDF Price List -->
|
||||
<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>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<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>
|
||||
@@ -102,7 +347,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</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>
|
||||
<span>090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -4,44 +4,59 @@ import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ท่อ PVC (Polyvinyl Chloride)" description="จำหน่ายท่อ PVC (Polyvinyl Chloride)คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<BaseLayout title="ท่อ PVC และข้อต่อท่อพีวีซี | PVC pipe" description="ท่อ PVC และข้อต่อท่อพีวีซี ราคาส่ง มาตรฐานสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร ปริมณฑล ยี่ห้อท่อตราช้าง ท่อน้ำไทย ท่อตราเสือ">
|
||||
<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-cropped/pvc-pipe_000C.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img
|
||||
src="/images/products-cropped/pvc-standard-01.jpg"
|
||||
alt="ท่อ PVC มาตรฐานสูง ราคาโรงงาน"
|
||||
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">ท่อ PVC (Polyvinyl Chloride)</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">ท่อ PVC และข้อต่อท่อพีวีซี | PVC pipe</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">
|
||||
จำหน่ายท่อ PVC (Polyvinyl Chloride)คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
|
||||
</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="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>
|
||||
<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">
|
||||
@@ -49,23 +64,10 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</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">
|
||||
@@ -73,46 +75,193 @@ 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 leading-relaxed mb-4">ท่อ PVC และข้อต่อ เป็นท่อพลาสติกที่นิยมใช้กันแพร่หลายสำหรับงานระบบน้ำในบ้านและอาคาร ผลิตจากพลาสติก PVC คุณภาพสูง มีทั้งท่อ PVC สีฟ้า (งานประปา) และท่อ PVC สีเหลือง (งานไฟฟ้า)</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><p class="text-lg text-secondary-700 leading-relaxed mb-4">- อายุการใช้งานยาวนาน</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ประเภทท่อ PVC:</strong></p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>ท่อ PVC สีฟ้า:</strong> งานประปา น้ำดื่ม (มอก.17)</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>ท่อ PVC สีเหลือง:</strong> งานร้อยสายไฟฟ้า (มอก.870)</p><p class="text-lg text-secondary-700 leading-relaxed mb-4">- <strong>ท่อ PVC สีเทา:</strong> งานระบายน้ำ (มอก.1237)</p><p class="text-lg text-secondary-700 leading-relaxed mb-4"><strong>ขนาด:</strong> 1/2" - 24"</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>
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
<strong>ยี่ห้อที่มีจำหน่าย:</strong> ท่อตราช้าง / ท่อน้ำไทย / ท่อตราเสือ / โรงงานทั่วไป
|
||||
</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 mb-6">
|
||||
<strong>ท่อ PVC</strong> เป็นวัสดุประเภทท่อประปาที่นิยมใช้งานในประเทศไทยมากที่สุดในปัจจุบัน หาซื้อได้ง่ายตามร้านค้าวัสดุก่อสร้างทั่วไป มีหลายคุณภาพและราคาให้เลือกใช้ ปกติแล้วสีของท่อและข้อต่อจะบ่งบอกถึงการใช้งานต่างๆ สีฟ้าใช้สำหรับระบบประปา/ระบายน้ำ สีเหลืองและสีขาวใช้สำหรับเดินท่อสายไฟฟ้า สีเทาใช้สำหรับงานเกษตรกรรม
|
||||
</p>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ลักษณะทั่วไปของท่อ PVC</h3>
|
||||
<p class="text-lg text-secondary-700 mb-4">
|
||||
น้ำหนักเบา บิดงอได้พอสมควร ราคาถูก แข็งแรง ไม่ลามไฟ ไม่เป็นสนิม มีข้อเสียที่สำคัญคือเมื่อโดนความร้อนหรือโดนแดดเป็นระยะเวลาหนึ่ง เนื้อ PVC จะเปราะแตกง่าย สามารถยืดเวลาการใช้งานท่อ PVC ได้ถึง 50 ปี หากปรึกษากับผู้เชี่ยวชาญด้านท่อ
|
||||
</p>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">คุณสมบัติและการใช้งาน</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>การใช้งาน:</strong> ท่อน้ำดี, ท่อน้ำเสีย</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>สี:</strong> ฟ้า เหลือง เทา ขาว</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>การติดตั้ง:</strong> ใช้น้ำยาประสานท่อในการประสานกัน</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>อุณหภูมิที่เหมาะสม:</strong> 3-50 องศาเซลเซียส</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>อายุการใช้งาน:</strong> ประมาณ 30-50 ปี ในอุณหภูมิและแรงดันมาตรฐาน</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ความยาวต่อท่อน:</strong> 4 เมตร (6 เมตร สำหรับงานราชการ)</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ท่อ PVC สีต่างๆ มีความหมายดังนี้</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-blue-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>
|
||||
<span><strong>ท่อ PVC สีฟ้า:</strong> ใช้เป็นท่อประปา น้ำดื่ม</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-yellow-400 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>
|
||||
<span><strong>ท่อสีเหลือง:</strong> ใช้กับงานไฟฟ้า</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-gray-300 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>
|
||||
<span><strong>ท่อสีขาว:</strong> ใช้กับงานไฟฟ้า และร้อยสายโทรศัพท์</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-gray-500 mt-1 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/></svg>
|
||||
<span><strong>ท่อสีเทา:</strong> ใช้เป็นท่อระบายน้ำทิ้ง หรืองานชลประทาน</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">ประเภทท่อ PVC</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ท่อ PVC ปลายเรียบ:</strong> เป็นท่อพีวีซีทั่วไป สามารถต่อกับท่อเส้นอื่นผ่านด้วยข้อต่อพีวีซี หรืออุปกรณ์พีวีซีอื่นๆ ทนความดันได้ดี</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ท่อ PVC ปลายบาน:</strong> สามารถเชื่อมต่อกับท่ออื่นได้โดยไม่ต้องผ่านข้อต่อ แต่ยังต้องใช้น้ำยาประสานเพื่อกันรั่วซึม</span>
|
||||
</li>
|
||||
<li class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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><strong>ท่อ PVC เซาะร่อง:</strong> ใช้สำหรับเป็นท่อรับน้ำจากน้ำฝนบนพื้นดินลำเลียงน้ำสู่บ่อบาดาล มีการเซาะร่องเพื่อให้น้ำสามารถไหลผ่าน ขนาด 2"-8"</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-gray-50">
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-4">ขนาดท่อ PVC (PVC Pipe Sizes)</h3>
|
||||
<div class="overflow-x-auto my-8">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-6">วิธีการติดตั้ง ท่อ PVC</h3>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<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="font-bold text-lg mb-2">ตัดท่อ</h4>
|
||||
<p class="text-secondary-600 text-sm">ตัดให้ตั้งฉาก ใช้กรรไกรตัดท่อหรือเลื่อยหากเป็นท่อขนาดใหญ่ แต่งปลายท่อให้เรียบร้อย ปัดเศษขุยออกให้หมด</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<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="font-bold text-lg mb-2">วัดระยะความลึก</h4>
|
||||
<p class="text-secondary-600 text-sm">วัดระยะความลึกในการสวมท่อเข้ากับข้อต่อ</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<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="font-bold text-lg mb-2">ทำความสะอาด</h4>
|
||||
<p class="text-secondary-600 text-sm">ใช้น้ำยาทำความสะอาดท่อ เช็ดทำความสะอาดภายในข้อต่อและท่อ เพื่อลบคราบฝุ่น น้ำมัน หรือสิ่งสกปรก</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">4</div>
|
||||
<h4 class="font-bold text-lg mb-2">ทาน้ำยาประสานท่อ</h4>
|
||||
<p class="text-secondary-600 text-sm">ทาน้ำยาประสานท่อด้านในข้อต่อก่อน แล้วจึงทาภายนอกท่อ</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">5</div>
|
||||
<h4 class="font-bold text-lg mb-2">สวมปลายท่อ</h4>
|
||||
<p class="text-secondary-600 text-sm">สวมปลายท่อเข้ากับข้อต่อ ดันให้สุดถึงตำแหน่งที่ทำเครื่องหมายไว้ ดันทิ้งไว้ประมาณ 15 วินาที</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-xl p-6 shadow-sm">
|
||||
<div class="w-12 h-12 bg-green-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">6</div>
|
||||
<h4 class="font-bold text-lg mb-2">รอใช้งาน</h4>
|
||||
<p class="text-secondary-600 text-sm">ก่อนใช้งานควรทิ้งให้น้ำยาประสานท่อแห้งประมาณ 10 นาที</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-6">
|
||||
<img src="/images/products-misc/ติดตั้งท่อPVCมาตรฐานสูง-01.jpg" alt="วิธีการติดตั้งท่อ PVC" class="w-full h-auto rounded-xl shadow-md" onerror="this.style.display='none'" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mb-6">ขนาดท่อ PVC กับการใช้งาน</h3>
|
||||
<div class="overflow-x-auto">
|
||||
<table class="modern-table w-full">
|
||||
<thead class="bg-green-600 text-white">
|
||||
<tr>
|
||||
<th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (นิ้ว)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ขนาด (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">Class</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความหนา (mm)</th><th class="px-6 py-4 text-left text-sm font-semibold uppercase">ความยาว (m)</th>
|
||||
<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>
|
||||
<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">1/2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">21</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg font-semibold">½"</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">สี่หุน</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">ท่อประปาภายในบ้าน งานก่อสร้างทั่วไป</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3/4"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">27</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.2</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg font-semibold">¾"</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">หกหุน</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">งานประปาที่ต้องลำเลียงน้ำมากขึ้น</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">34</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.4</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg font-semibold">1"</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">หนึ่งนิ้ว</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">ท่อหลักของงานน้ำประปา ต่อกับข้อต่อลดขนาด</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">1 1/2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">42</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">2.6</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg font-semibold">1 ¼"</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">หนึ่งนิ้วคูณนึง</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">งานที่ต้องการลำเลียงน้ำปริมาณมากขึ้น</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">2"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">60</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.0</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg font-semibold">1 ½"</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">นิ้วครึ่ง</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">ระบบท่อน้ำทิ้ง ลำเลียงน้ำจากอ่างไปยังบ่อบำบัด</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">3"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">89</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">3.8</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg font-semibold">2"</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">สองนิ้ว</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">ระบบท่อน้ำทิ้ง ระบายน้ำได้ดี อุดตันยากขึ้น</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">4"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">114</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4.5</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
</tr>
|
||||
<tr class="hover:bg-green-50 transition-colors">
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">6"</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">168</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">C</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">5.5</td><td class="px-6 py-4 border-b border-secondary-200 text-lg">4</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg font-semibold">2 ½" ขึ้นไป</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">สองนิ้วครึ่งขึ้นไป</td>
|
||||
<td class="px-6 py-4 border-b border-secondary-200 text-lg">งานเฉพาะทาง ก่อสร้างอาคาร งานเกษตร จ่ายน้ำปริมาณมาก</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -120,18 +269,17 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section bg-white">
|
||||
<section class="section bg-gray-50">
|
||||
<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/ติดตั้งท่อPVCมาตรฐานสูง-01.jpg" alt="ท่อ PVC (Polyvinyl Chloride)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/ติดตั้งท่อPVCแรงดัน-01.jpg" alt="ท่อ PVC (Polyvinyl Chloride)" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<img src="/images/products-misc/ติดตั้งท่อPVCมาตรฐานสูง-01.jpg" alt="ติดตั้งท่อ PVC มาตรฐานสูง" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
|
||||
<img src="/images/products-misc/ติดตั้งท่อPVCแรงดัน-01.jpg" alt="ติดตั้งท่อ PVC แรงดัน" 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">
|
||||
<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">
|
||||
@@ -147,6 +295,9 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<span> 090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
<p class="text-lg text-secondary-600 mt-6">
|
||||
<strong>โทร:</strong> 090-555-1415 | <strong>Line Id:</strong> Jppselection | <strong>E-mail:</strong> dealplustech@gmail.com
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
@@ -13,7 +13,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<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/SYLER01.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img src="/images/products-cropped/syler-pipe-cold-water.jpg" alt="ท่อไซเลอร์ (Syler)" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -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>
|
||||
@@ -4,7 +4,7 @@ import Header from '@/components/common/Header.astro';
|
||||
import Footer from '@/components/common/Footer.astro';
|
||||
---
|
||||
|
||||
<BaseLayout title="ระบบรั้ว" description="ระบบรั้ว ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที">
|
||||
<BaseLayout title="ระบบรั้ว" 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">
|
||||
@@ -13,28 +13,26 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<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/vineman_000C.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img src="/images/products-cropped/vineman_000C.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">
|
||||
ระบบรั้ว ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที
|
||||
ระบบรั้ว รั้วเทวดา ระบบรั้วไวน์แมน คุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
</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="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">
|
||||
@@ -67,7 +65,31 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<!-- Subcategories -->
|
||||
<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="/รั้วเทวดา" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-cropped/Banner-TDV2.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="/ระบบรั้วไวน์แมน-vineman-2" class="product-card group">
|
||||
<div class="product-card-image">
|
||||
<img src="/images/products-cropped/vineman_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">
|
||||
@@ -80,7 +102,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</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>
|
||||
<span>090-555-1415</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -6,90 +6,413 @@ import Footer from '@/components/common/Footer.astro';
|
||||
|
||||
<BaseLayout title="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" description="จำหน่ายระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนามคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
|
||||
<Header slot="header" />
|
||||
|
||||
|
||||
<main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
|
||||
<!-- Hero Section -->
|
||||
<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/vineman_000C.jpg" alt="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img
|
||||
src="/images/products-raw/vineman/ระบบรั้วไวน์แมน-Vineman-e1613286324569-1024x880.jpg"
|
||||
alt="ระบบรั้วไวน์แมน Vineman"
|
||||
class="w-full h-auto rounded-xl"
|
||||
/>
|
||||
</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">ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม</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">ระบบรั้วไวน์แมน | Vineman</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">
|
||||
จำหน่ายระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนามคุณภาพสูง ราคาโรงงาน ส่งฟรี กรุงเทพมหานคร และปริมณฑล
|
||||
ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
|
||||
</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">
|
||||
|
||||
<!-- Feature Bullets -->
|
||||
<div class="grid grid-cols-2 gap-4 mb-8">
|
||||
<div class="flex items-center space-x-2">
|
||||
<svg class="w-5 h-5 text-green-600" 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>
|
||||
<span class="text-secondary-700 text-sm">ลวดแรงดึงสูง เหนียว ทนต่อแรงกระแทก</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">
|
||||
<div class="flex items-center space-x-2">
|
||||
<svg class="w-5 h-5 text-green-600" 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>
|
||||
<span class="text-secondary-700 text-sm">ชุบสังกะสีหนา ตามมาตรฐาน ASTM</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">
|
||||
<div class="flex items-center space-x-2">
|
||||
<svg class="w-5 h-5 text-green-600" 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>
|
||||
<span class="text-secondary-700 text-sm">อายุการใช้งานมากกว่า 50 ปี</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">
|
||||
<div class="flex items-center space-x-2">
|
||||
<svg class="w-5 h-5 text-green-600" 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>
|
||||
<span class="text-secondary-700 text-sm">ติดตั้งง่าย รวดเร็ว</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="product-specs" class="section bg-white">
|
||||
|
||||
<!-- Products Overview -->
|
||||
<section class="section bg-gray-50">
|
||||
<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">จำหน่าย ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม คุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล</p>
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">ลวดหนาม/เสารั้ว/เสารับแรง</h2>
|
||||
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
|
||||
<div class="text-center">
|
||||
<img
|
||||
src="/images/products-raw/vineman/ระบบรั้วไวน์แมน.jpg"
|
||||
alt="ระบบรั้วไวน์แมน"
|
||||
class="w-full h-auto rounded-xl mb-3"
|
||||
/>
|
||||
<p class="text-secondary-700 font-medium">ระบบรั้วไวน์แมน</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img
|
||||
src="/images/products-raw/vineman/ลวดหนาม.jpg"
|
||||
alt="ลวดหนาม"
|
||||
class="w-full h-auto rounded-xl mb-3"
|
||||
/>
|
||||
<p class="text-secondary-700 font-medium">ลวดหนาม</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img
|
||||
src="/images/products-raw/vineman/ตาข่ายถักปม.jpg"
|
||||
alt="ตาข่ายถักปม"
|
||||
class="w-full h-auto rounded-xl mb-3"
|
||||
/>
|
||||
<p class="text-secondary-700 font-medium">ตาข่ายถักปม</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img
|
||||
src="/images/products-raw/vineman/ฟิคซ์ล็อค.jpg"
|
||||
alt="ฟิคซ์ล็อค"
|
||||
class="w-full h-auto rounded-xl mb-3"
|
||||
/>
|
||||
<p class="text-secondary-700 font-medium">ฟิคซ์ล็อค</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- 6 Techniques -->
|
||||
<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/ระบบรั้วไวน์แมน.jpg" alt="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/ลวดหนาม.jpg" alt="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/ตาข่ายถักปม.jpg" alt="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/ฟิคซ์ล็อค.jpg" alt="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/เทคนิคน่ารู้-ก่อนเลือกใช้-ระบบรั้วตาข่าย.jpg" alt="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" /><img src="/images/products-misc/จุดเชื่อมของเสาค้ำยันไม่คงทน.jpg" alt="ระบบรั้วไวน์แมน Vineman รั้วตาข่าย ลวดหนาม" class="w-full h-auto rounded-lg shadow-md" onerror="this.style.display='none'" />
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">6 เทคนิคน่ารู้ ก่อนเลือกใช้ ระบบรั้วตาข่าย</h2>
|
||||
<div class="grid lg:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
<img
|
||||
src="/images/products-raw/vineman/เทคนิคน่ารู้-ก่อนเลือกใช้-ระบบรั้วตาข่าย-488x1024.jpg"
|
||||
alt="6 เทคนิคน่ารู้"
|
||||
class="w-full h-auto rounded-xl max-w-md mx-auto"
|
||||
/>
|
||||
</div>
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<span class="flex-shrink-0 w-8 h-8 bg-green-600 text-white rounded-full flex items-center justify-center font-bold">01</span>
|
||||
<span class="text-secondary-700">ทนทาน ด้วยลวดแรงดึงสูง เหนียว ทนต่อแรงกระแทก ไม่ขาดง่าย</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<span class="flex-shrink-0 w-8 h-8 bg-green-600 text-white rounded-full flex items-center justify-center font-bold">02</span>
|
||||
<span class="text-secondary-700">คุ้มค่า ราคาถูกกว่า รั้วลวดหนาม รั้วคอนกรีต รั้วคาวบอย รั้วตาข่ายถัก CHAINLINK</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<span class="flex-shrink-0 w-8 h-8 bg-green-600 text-white rounded-full flex items-center justify-center font-bold">03</span>
|
||||
<span class="text-secondary-700">หนากว่า ด้วยลวดขนาด 2.50 มม. ชุบสังกะสีหนา ตามมาตรฐานอเมริกา (ASTM) อายุการใช้งานมากกว่า 50 ปี</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<span class="flex-shrink-0 w-8 h-8 bg-green-600 text-white rounded-full flex items-center justify-center font-bold">04</span>
|
||||
<span class="text-secondary-700">ดีไซน์เหนือกว่า ด้านล่างตีช่องถี่ ด้านบนช่องกว้าง ป้องกันสัตว์เล็กและสัตว์ใหญ่ได้พร้อมกัน</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<span class="flex-shrink-0 w-8 h-8 bg-green-600 text-white rounded-full flex items-center justify-center font-bold">05</span>
|
||||
<span class="text-secondary-700">ติดตั้งง่าย สะดวก รวดเร็ว พร้อมใช้งานเพียงตอกเสาเทปูน ขึงตึง</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<span class="flex-shrink-0 w-8 h-8 bg-green-600 text-white rounded-full flex items-center justify-center font-bold">06</span>
|
||||
<span class="text-secondary-700">สวยกว่า โปร่งโล่งสบายตา ไม่บดบังทัศนียภาพ ลมโกรก ถ่ายเทได้สะดวก</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Problems & Solutions -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">ทุกปัญหา! ระบบรั้วเสาปูน แก้ไขด้วยระบบรั้วไวน์แมน</h2>
|
||||
|
||||
|
||||
<section id="contact-cta" class="section bg-gray-50">
|
||||
<!-- Problems -->
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 mb-8">
|
||||
<div class="text-center">
|
||||
<img src="/images/products-raw/vineman/จุดเชื่อมของเสาค้ำยันไม่คงทน.jpg" alt="จุดเชื่อมของเสาค้ำยันไม่คงทน" class="w-full h-auto rounded-lg mb-2" />
|
||||
<p class="text-sm text-secondary-700">จุดเชื่อมของเสาค้ำยันไม่คงทน</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="/images/products-raw/vineman/เปราะ-แตกหักง่าย.jpg" alt="เปราะ แตกหักง่าย" class="w-full h-auto rounded-lg mb-2" />
|
||||
<p class="text-sm text-secondary-700">เปราะ แตกหักง่าย</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="/images/products-raw/vineman/ตัวยึดลวดหนาม-หลุดง่าย.jpg" alt="ตัวยึดลวดหนาม หลุดง่าย" class="w-full h-auto rounded-lg mb-2" />
|
||||
<p class="text-sm text-secondary-700">ตัวยึดลวดหนาม หลุดง่าย</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="/images/products-raw/vineman/เสาค้ำยันไม่แข็งแรง.jpg" alt="เสาค้ำยันไม่แข็งแรง" class="w-full h-auto rounded-lg mb-2" />
|
||||
<p class="text-sm text-secondary-700">เสาค้ำยันไม่แข็งแรง</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="/images/products-raw/vineman/เกิดรอยร้าวง่าย.jpg" alt="เกิดรอยร้าวง่าย" class="w-full h-auto rounded-lg mb-2" />
|
||||
<p class="text-sm text-secondary-700">เกิดรอยร้าวง่าย</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="/images/products-raw/vineman/ต้องหล่อปูนทำฐานรากทุกต้น.jpg" alt="ต้องหล่อปูนทำฐานรากทุกต้น" class="w-full h-auto rounded-lg mb-2" />
|
||||
<p class="text-sm text-secondary-700">ต้องหล่อปูนทำฐานรากทุกต้น</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Solutions -->
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<img src="/images/products-raw/vineman/รั้วโปร่งโล่งสบายตา-1024x1013.jpg" alt="รั้วโปร่งโล่งสบายตา" class="w-full h-auto rounded-xl" />
|
||||
</div>
|
||||
<div>
|
||||
<img src="/images/products-raw/vineman/แข็งแรง-ติดตั้งง่าย-ได้ทุกภูมิทัศน์.jpg" alt="แข็งแรง ติดตั้งง่าย ได้ทุกภูมิทัศน์" class="w-full h-auto rounded-xl" />
|
||||
<p class="text-center text-secondary-700 font-medium mt-4">แข็งแรง ติดตั้งง่าย ได้ทุกภูมิทัศน์</p>
|
||||
<p class="text-secondary-600 text-sm mt-2">ระบบรั้วตาข่ายไวน์แมน สามารถติดตั้งเดินแนวรั้วบนพื้นที่ทุกรูปแบบทั้งขึ้น-ลง เนินส่วนเว้า-ส่วนโค้งได้อย่างแข็งแรงและต่อเนื่อง</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pole Types -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">รั้วตาข่ายไวน์แมน ใช้ได้กับเสาทุกประเภท</h2>
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<div class="text-center">
|
||||
<img src="/images/products-raw/vineman/ระบบรั้วไวน์แมน-ระยะห่างของเสา-5-8-เมตร-1024x302.jpg" alt="ระยะห่างของเสา 5-8 เมตร" class="w-full h-auto rounded-xl mb-3" />
|
||||
<p class="text-secondary-700 font-medium">เสาไวน์แมน ระยะห่าง 5-8 เมตร</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="/images/products-raw/vineman/เสาปูน-ระยะห่างของเสา-4-6-เมตร-1024x299.jpg" alt="เสาปูน ระยะห่าง 4-6 เมตร" class="w-full h-auto rounded-xl mb-3" />
|
||||
<p class="text-secondary-700 font-medium">เสาปูน ระยะห่าง 4-6 เมตร</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<img src="/images/products-raw/vineman/เสาไม้เนื้อแข็ง-ระยะห่างของเสา-4-6-เมตร-1024x295.jpg" alt="เสาไม้เนื้อแข็ง ระยะห่าง 4-6 เมตร" class="w-full h-auto rounded-xl mb-3" />
|
||||
<p class="text-secondary-700 font-medium">เสาไม้เนื้อแข็ง ระยะห่าง 4-6 เมตร</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Semi-Spring -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">ไวน์แมน รั้วตาข่ายกึ่งสปริง</h2>
|
||||
<div class="grid lg:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
<img src="/images/products-raw/vineman/ไวน์แมน-รั้วตาข่ายกึ่งสปริง.jpg" alt="รั้วตาข่ายกึ่งสปริง" class="w-full h-auto rounded-xl" />
|
||||
</div>
|
||||
<div class="space-y-4">
|
||||
<p class="text-secondary-700 leading-relaxed">
|
||||
รั้วตาข่ายไวน์แมน ผลิตจากลวดกึ่งสปริง คิดค้นและออกแบบรอยหยักบนเส้นลวดในแนวนอน สามารถสปริงตัวได้ รั้วไม่ยืด หรือหย่อยตัวง่าย มีความแข็งแรง ยืดหยุ่นสูง คืนตัวกลับได้ดี เมื่อโดนแรงกระแทก
|
||||
</p>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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-secondary-700">ยืดหยุ่นสูง เดินแนวรั้วขึ้น/ลงเนินได้อย่างต่อเนื่อง</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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-secondary-700">เส้นแนวนอนมีแรงดึงสูง 750-900 นิวตัน/ตร.มม.</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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-secondary-700">ทนสนิมด้วยชุบสังกะสีตามมาตรฐาน ASTM</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Buying Guide -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">VINEMAN Buying Guide</h2>
|
||||
<div class="grid lg:grid-cols-2 gap-8">
|
||||
<div>
|
||||
<img src="/images/products-raw/vineman/VINEMAN-Buying-Guide.jpg" alt="VINEMAN Buying Guide" class="w-full h-auto rounded-xl" />
|
||||
</div>
|
||||
<div class="space-y-4">
|
||||
<p class="text-secondary-700 font-medium">สูตรคำนวณความยาวรอบพื้นที่โดยประมาณ</p>
|
||||
<div class="bg-green-50 p-6 rounded-xl text-center">
|
||||
<p class="text-2xl font-bold text-green-700">√ไร่ × 40 × 4</p>
|
||||
</div>
|
||||
<p class="text-secondary-600 text-sm">ตัวอย่าง: พื้นที่ขนาด 2 ไร่ มีความยาวรอบพื้นที่ = √2 × 40 × 4 = <strong>226 เมตร</strong></p>
|
||||
<p class="text-secondary-500 text-xs">(สูตรในการคำนวณพื้นที่นี้ สามารถนำไปคำนวณกับพื้นที่รูปทรงสี่เหลี่ยมจตุรัส และพื้นที่รูปทรงอื่นๆ ได้โดยประมาณ)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Calculation Table -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">ตาราง การคำนวณปริมาณเบื้องต้น</h2>
|
||||
<img src="/images/products-raw/vineman/ตารางการคำนวณปริมาณเบื้องต้น-1024x322.jpg" alt="ตารางการคำนวณปริมาณเบื้องต้น" class="w-full max-w-3xl mx-auto h-auto rounded-xl" />
|
||||
<div class="mt-6 p-4 bg-yellow-50 rounded-xl max-w-3xl mx-auto">
|
||||
<p class="text-secondary-700 text-sm"><strong>หมายเหตุ:</strong></p>
|
||||
<ul class="text-secondary-600 text-sm list-disc list-inside space-y-1 mt-2">
|
||||
<li>ตารางข้างต้น เป็นเพียงตัวอย่างในการคำนวณปริมาณเบื้องต้น สำหรับพื้นที่ราบ เส้นตรง รูปสี่เหลี่ยม (ไม่มีประตู) เท่านั้น</li>
|
||||
<li>ควรติดตั้งเสารั้วทุก 4-8 เมตร ขึ้นอยู่กับสภาพพื้นดิน และประเภทของเสา</li>
|
||||
<li>กรณีพื้นที่ขึ้น-ลงเนิน มีส่วนเว้า/โค้ง ควรเพิ่มแผง-เสารับแรง เพื่อความแข็งแรงของระบบรั้ว</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Specifications -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">Specification</h2>
|
||||
|
||||
<!-- ตาข่ายถักปม -->
|
||||
<div class="mb-12 p-6 bg-gray-50 rounded-xl">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ตาข่ายถักปม (ยาวม้วนละ 100 เมตร)</h3>
|
||||
<div class="grid lg:grid-cols-2 gap-6">
|
||||
<img src="/images/products-raw/vineman/ยืดหยุ่นสูง-300x294.jpg" alt="ยืดหยุ่นสูง" class="w-full h-auto rounded-xl" />
|
||||
<div>
|
||||
<p class="text-secondary-700 mb-4">ตาข่ายที่มีความยืดหยุ่นสูง แข็งแรง รับแรงกระแทกได้ดี ทนสนิมมากขึ้น ด้วยการชุบสังกะสีตามมาตรฐานสหรัฐอเมริกา (ASTM) มี 5 รุ่น แบ่งตามระดับความสูง</p>
|
||||
<div class="grid grid-cols-5 gap-2 mb-4">
|
||||
<img src="/images/products-raw/vineman/8-90-15.jpg" alt="8-90-15" class="w-full h-auto rounded-lg" />
|
||||
<img src="/images/products-raw/vineman/10-107-15.jpg" alt="10-107-15" class="w-full h-auto rounded-lg" />
|
||||
<img src="/images/products-raw/vineman/11-142-15.jpg" alt="11-142-15" class="w-full h-auto rounded-lg" />
|
||||
<img src="/images/products-raw/vineman/13-175-15.jpg" alt="13-175-15" class="w-full h-auto rounded-lg" />
|
||||
<img src="/images/products-raw/vineman/14-200-15.jpg" alt="14-200-15" class="w-full h-auto rounded-lg" />
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-4 text-sm">
|
||||
<div>
|
||||
<p class="font-medium text-secondary-800">รุ่น Standard:</p>
|
||||
<p class="text-secondary-600">ลวดชุบสังกะสีตามมาตรฐาน ASTM อายุการใช้งานนานสิบปี</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="font-medium text-secondary-800">รุ่น Premium:</p>
|
||||
<p class="text-secondary-600">ลวดชุบสังกะสี Hot-dipped Heavy Galvanized ASTM Class 3 ชุบสังกะสีหนาพิเศษ เพิ่มอายุการใช้งาน</p>
|
||||
</div>
|
||||
</div>
|
||||
<img src="/images/products-raw/vineman/รั้วใช้กับฟาร์มปศุสัตว์ทั่วไป.jpg" alt="รั้วใช้กับฟาร์มปศุสัตว์ทั่วไป" class="w-full h-auto rounded-xl mt-4" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ตาข่ายฟิคซ์ล็อค -->
|
||||
<div class="mb-12 p-6 bg-gray-50 rounded-xl">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ตาข่ายฟิคซ์ล็อค (ยาวม้วนละ 100 เมตร)</h3>
|
||||
<div class="grid lg:grid-cols-2 gap-6">
|
||||
<img src="/images/products-raw/vineman/ตาข่ายฟิคซ์ล็อค.jpg" alt="ตาข่ายฟิคซ์ล็อค" class="w-full h-auto rounded-xl" />
|
||||
<div>
|
||||
<p class="text-secondary-700 mb-4">ตัวล็อคที่ออกแบบมาเป็นพิเศษ ช่วยทำให้รั้วตาข่ายมีความแข็งแรง ทนทาน และทนแรงกระแทกได้ดี</p>
|
||||
<div class="grid grid-cols-3 gap-2 mb-4">
|
||||
<img src="/images/products-raw/vineman/12-120-15.jpg" alt="12-120-15" class="w-full h-auto rounded-lg" />
|
||||
<img src="/images/products-raw/vineman/11-155-15.jpg" alt="11-155-15" class="w-full h-auto rounded-lg" />
|
||||
<img src="/images/products-raw/vineman/17-190-15.jpg" alt="17-190-15" class="w-full h-auto rounded-lg" />
|
||||
</div>
|
||||
<img src="/images/products-raw/vineman/นิยมใช้ฟาร์ม-แพะ-แกะ-กวาง-จิงโจ้-นกอีมู-นกกระจอกเทศ-หรือสัตว์.jpg" alt="นิยมใช้ฟาร์มสัตว์" class="w-full h-auto rounded-xl" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ลวดหนามซิงค์อลูมิเนียม & ไวน์แมน -->
|
||||
<div class="p-6 bg-gray-50 rounded-xl">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">ลวดหนามซิงค์อลูมิเนียม / ไวน์แมน</h3>
|
||||
<div class="grid lg:grid-cols-2 gap-6">
|
||||
<div class="text-center">
|
||||
<img src="/images/products-raw/vineman/ลวดหนามซิงค์อลูมิเนียม.jpg" alt="ลวดหนามซิงค์อลูมิเนียม" class="w-full h-auto rounded-xl mb-4" />
|
||||
<p class="text-secondary-700 font-medium">ลวดหนามซิงค์อลูมิเนียม</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/images/products-raw/vineman/ลวด.png" alt="ลวดไวน์แมน" class="w-32 mx-auto h-auto mb-4" />
|
||||
<div class="space-y-3 text-secondary-700">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-5 h-5 text-green-600 mt-1 flex-shrink-0" 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><strong>แข็งแรงมากกว่า</strong> รับแรงดึงสูงถึง 1,100-1,200 นิวตัน/ตร.มม.</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-5 h-5 text-green-600 mt-1 flex-shrink-0" 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><strong>ป้องกันมากกว่า</strong> หนามพันไขว้สลับสวนทางกันถึง 4 แฉก ชุบซิงค์อลูมิเนียม เคลือบสีดำ</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-5 h-5 text-green-600 mt-1 flex-shrink-0" 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><strong>ประหยัดมากกว่า</strong> ใช้เสาระยะห่างเฉลี่ย 4 เมตร/ต้น</span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-green-700 font-medium mt-4">ล้อมพื้นที่ ทนสนิม อายุการใช้งานยาวนานกว่า 80 ปี*</p>
|
||||
</div>
|
||||
</div>
|
||||
<img src="/images/products-raw/vineman/ลวดหนามซิงค์อลูมิเนียม-ไวน์แมน-1024x673.jpg" alt="ลวดหนามซิงค์อลูมิเนียมไวน์แมน" class="w-full h-auto rounded-xl mt-4" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Salt Spray Test -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-6 text-center">สภาวะกัดกร่อนของละอองเกลือ (Salt Spray Test)</h2>
|
||||
<p class="text-secondary-600 text-center mb-6 max-w-3xl mx-auto">ตามมาตรฐาน DIN SS 5021, ASTM B117, ISO 9227 มาตรฐานการทดสอบด้วยละอองน้ำเกลือ เพื่อพิสูจน์ความทนทานของวัตถุที่ชุบหรือเคลือบสารโลหะ</p>
|
||||
|
||||
<div class="mb-6">
|
||||
<img src="/images/products-raw/vineman/ผลการทดสอบความทนทาน.jpg" alt="ผลการทดสอบความทนทาน" class="w-full max-w-2xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-6 mb-6">
|
||||
<img src="/images/products-raw/vineman/กราฟเปรียบเทียบผลการทดสอบ-1.jpg" alt="กราฟเปรียบเทียบผลการทดสอบ 1" class="w-full h-auto rounded-xl" />
|
||||
<img src="/images/products-raw/vineman/กราฟเปรียบเทียบผลการทดสอบ-2.jpg" alt="กราฟเปรียบเทียบผลการทดสอบ 2" class="w-full h-auto rounded-xl" />
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-5 gap-2 mb-6">
|
||||
<img src="/images/products-raw/vineman/result-1-1024x355.jpg" alt="ผลการทดสอบ 1" class="w-full h-auto rounded-lg" />
|
||||
<img src="/images/products-raw/vineman/result-2-1024x355.jpg" alt="ผลการทดสอบ 2" class="w-full h-auto rounded-lg" />
|
||||
<img src="/images/products-raw/vineman/result-3-1024x355.jpg" alt="ผลการทดสอบ 3" class="w-full h-auto rounded-lg" />
|
||||
<img src="/images/products-raw/vineman/result-4-1024x355.jpg" alt="ผลการทดสอบ 4" class="w-full h-auto rounded-lg" />
|
||||
<img src="/images/products-raw/vineman/result-5-1024x355.jpg" alt="ผลการทดสอบ 5" class="w-full h-auto rounded-lg" />
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<img src="/images/products-raw/vineman/ผลการทดสอบ-16-ปี.jpg" alt="ผลการทดสอบ 16 ปี" class="w-full max-w-3xl mx-auto h-auto rounded-xl" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 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">
|
||||
@@ -108,6 +431,6 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
</BaseLayout>
|
||||
@@ -6,67 +6,303 @@ import Footer from '@/components/common/Footer.astro';
|
||||
|
||||
<BaseLayout title="รั้วเทวดา" description="รั้วเทวดา แข็งแรง ทนทาน เหนียวกว่า ลวดแรงดึงสูง หนา 2.5 มม. สามารถทนแรงกระแทกได้สูง ทนสนิม ลวดชุบสังกะสีหนาพิเศษ ด้วยกระบวนการแบบจุ่มร้อน ตามมาตรฐานออสเตรเลีย">
|
||||
<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">
|
||||
<!-- Hero Section -->
|
||||
<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/Banner-TDV2.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_001-987x1024.png"
|
||||
alt="รั้วเทวดา"
|
||||
class="w-full h-auto rounded-xl"
|
||||
/>
|
||||
</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">
|
||||
รั้วเทวดา แข็งแรง ทนทาน เหนียวกว่า ลวดแรงดึงสูง หนา 2.5 มม. สามารถทนแรงกระแทกได้สูง ทนสนิม ลวดชุบสังกะสีหนาพิเศษ ด้วยกระบวนการแบบจุ่มร้อน ตามมาตรฐานออสเตรเลีย
|
||||
</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">
|
||||
|
||||
<!-- Feature Bullets -->
|
||||
<div class="grid grid-cols-2 gap-4 mb-8">
|
||||
<div class="flex items-center space-x-2">
|
||||
<svg class="w-5 h-5 text-green-600" 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>
|
||||
<span class="text-secondary-700 text-sm">ลวดหนา 2.5 มม.</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">
|
||||
<div class="flex items-center space-x-2">
|
||||
<svg class="w-5 h-5 text-green-600" 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>
|
||||
<span class="text-secondary-700 text-sm">ชุบสังกะสีจุ่มร้อน</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">
|
||||
<div class="flex items-center space-x-2">
|
||||
<svg class="w-5 h-5 text-green-600" 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>
|
||||
<span class="text-secondary-700 text-sm">มาตรฐานออสเตรเลีย</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">
|
||||
<div class="flex items-center space-x-2">
|
||||
<svg class="w-5 h-5 text-green-600" 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>
|
||||
<span class="text-secondary-700 text-sm">ทนสนิม ทนทาน</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- ทำไมต้องรั้วตาข่ายเทวดา -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">ทำไมต้องรั้วตาข่ายเทวดา</h2>
|
||||
<div class="grid lg:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_002-1024x278.png"
|
||||
alt="ทำไมต้องรั้วเทวดา"
|
||||
class="w-full h-auto rounded-xl"
|
||||
/>
|
||||
</div>
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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-secondary-700">ลวดแรงดึงสูง หนา 2.5 มม. เหนียวกว่ารั้วทั่วไป</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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-secondary-700">ลวดชุบสังกะสีหนาพิเศษ ด้วยกระบวนการแบบจุ่มร้อน</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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-secondary-700">ทนสนิมได้ดีเยี่ยม ตามมาตรฐานออสเตรเลีย</span>
|
||||
</div>
|
||||
<div class="flex items-start space-x-3">
|
||||
<svg class="w-6 h-6 text-green-600 mt-1 flex-shrink-0" 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-secondary-700">สามารถทนแรงกระแทกได้สูง</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- เปรียบเทียบ -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">เปรียบเทียบความแตกต่าง</h2>
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_003-1024x647.png"
|
||||
alt="เปรียบเทียบรั้วเทวดา"
|
||||
class="w-full h-auto rounded-xl max-w-4xl mx-auto"
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- รุ่นสินค้า -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">รุ่นสินค้า</h2>
|
||||
|
||||
<!-- รุ่น 8-90-15 -->
|
||||
<div class="mb-12 p-6 bg-gray-50 rounded-xl">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 8-90-15</h3>
|
||||
<div class="grid md:grid-cols-2 gap-6 items-center">
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_004.png"
|
||||
alt="รุ่น 8-90-15"
|
||||
class="w-full h-auto rounded-lg"
|
||||
/>
|
||||
<div class="space-y-2 text-secondary-700">
|
||||
<p><strong>ความสูง:</strong> 90 ซม.</p>
|
||||
<p><strong>ระยะห่างเสา:</strong> 3 ม.</p>
|
||||
<p><strong>ขนาดลวด:</strong> 8 มม.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- รุ่น 10-120-15 -->
|
||||
<div class="mb-12 p-6 bg-gray-50 rounded-xl">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 10-120-15</h3>
|
||||
<div class="grid md:grid-cols-2 gap-6 items-center">
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_005.png"
|
||||
alt="รุ่น 10-120-15"
|
||||
class="w-full h-auto rounded-lg"
|
||||
/>
|
||||
<div class="space-y-2 text-secondary-700">
|
||||
<p><strong>ความสูง:</strong> 120 ซม.</p>
|
||||
<p><strong>ระยะห่างเสา:</strong> 3 ม.</p>
|
||||
<p><strong>ขนาดลวด:</strong> 10 มม.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- รุ่น 12-165-15 -->
|
||||
<div class="mb-12 p-6 bg-gray-50 rounded-xl">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 12-165-15</h3>
|
||||
<div class="grid md:grid-cols-2 gap-6 items-center">
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_006-766x1024.png"
|
||||
alt="รุ่น 12-165-15"
|
||||
class="w-full h-auto rounded-lg"
|
||||
/>
|
||||
<div class="space-y-2 text-secondary-700">
|
||||
<p><strong>ความสูง:</strong> 165 ซม.</p>
|
||||
<p><strong>ระยะห่างเสา:</strong> 3 ม.</p>
|
||||
<p><strong>ขนาดลวด:</strong> 12 มม.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- รุ่น 12-120-10 -->
|
||||
<div class="mb-12 p-6 bg-gray-50 rounded-xl">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 12-120-10</h3>
|
||||
<div class="grid md:grid-cols-2 gap-6 items-center">
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_007.png"
|
||||
alt="รุ่น 12-120-10"
|
||||
class="w-full h-auto rounded-lg"
|
||||
/>
|
||||
<div class="space-y-2 text-secondary-700">
|
||||
<p><strong>ความสูง:</strong> 120 ซม.</p>
|
||||
<p><strong>ระยะห่างเสา:</strong> 2.5 ม.</p>
|
||||
<p><strong>ขนาดลวด:</strong> 12 มม.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- รุ่น 13-150-10 -->
|
||||
<div class="mb-12 p-6 bg-gray-50 rounded-xl">
|
||||
<h3 class="text-xl font-bold text-secondary-900 mb-4">รุ่น 13-150-10</h3>
|
||||
<div class="grid md:grid-cols-3 gap-4">
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_008.png"
|
||||
alt="รุ่น 13-150-10 ด้านหน้า"
|
||||
class="w-full h-auto rounded-lg"
|
||||
/>
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_009-658x1024.png"
|
||||
alt="รุ่น 13-150-10 ด้านข้าง"
|
||||
class="w-full h-auto rounded-lg"
|
||||
/>
|
||||
<div class="space-y-2 text-secondary-700 flex flex-col justify-center">
|
||||
<p><strong>ความสูง:</strong> 150 ซม.</p>
|
||||
<p><strong>ระยะห่างเสา:</strong> 2.5 ม.</p>
|
||||
<p><strong>ขนาดลวด:</strong> 13 มม.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- เสารั้ว Y-Post -->
|
||||
<section class="section bg-gray-50">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">เสารั้ว Y-Post</h2>
|
||||
<div class="grid lg:grid-cols-2 gap-8 items-center">
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_010-1024x113.png"
|
||||
alt="เสารั้ว Y-Post"
|
||||
class="w-full h-auto rounded-xl"
|
||||
/>
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_011-990x1024.png"
|
||||
alt="เสารั้ว Y-Post"
|
||||
class="w-full h-auto rounded-xl"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- วิธีติดตั้ง -->
|
||||
<section class="section bg-white">
|
||||
<div class="container-custom">
|
||||
<h2 class="text-2xl md:text-3xl font-bold text-secondary-900 mb-8 text-center">วิธีติดตั้ง</h2>
|
||||
|
||||
<div class="grid md:grid-cols-4 gap-6">
|
||||
<!-- ตั้ง -->
|
||||
<div class="text-center">
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_012.png"
|
||||
alt="ตั้งเสา"
|
||||
class="w-full h-auto rounded-xl mb-4"
|
||||
/>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">1. ตั้ง</h3>
|
||||
<p class="text-secondary-600 text-sm">ปักเสา Y-Post ลงดิน</p>
|
||||
</div>
|
||||
|
||||
<!-- ผูก -->
|
||||
<div class="text-center">
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_013.png"
|
||||
alt="ผูกลวด"
|
||||
class="w-full h-auto rounded-xl mb-4"
|
||||
/>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">2. ผูก</h3>
|
||||
<p class="text-secondary-600 text-sm">ผูกลวดรั้วเข้ากับเสา</p>
|
||||
</div>
|
||||
|
||||
<!-- ดึง -->
|
||||
<div class="text-center">
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_014.png"
|
||||
alt="ดึงลวด"
|
||||
class="w-full h-auto rounded-xl mb-4"
|
||||
/>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">3. ดึง</h3>
|
||||
<p class="text-secondary-600 text-sm">ดึงลวดให้ตึง</p>
|
||||
</div>
|
||||
|
||||
<!-- มัด -->
|
||||
<div class="text-center">
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_015.png"
|
||||
alt="มัดลวด"
|
||||
class="w-full h-auto rounded-xl mb-4"
|
||||
/>
|
||||
<h3 class="text-lg font-bold text-secondary-900 mb-2">4. มัด</h3>
|
||||
<p class="text-secondary-600 text-sm">มัดลวดรั้วให้แน่น</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 text-center">
|
||||
<img
|
||||
src="/images/products-raw/tevada/TEVADA_016-1024x819.png"
|
||||
alt="ตัวอย่างการติดตั้ง"
|
||||
class="w-full max-w-2xl mx-auto h-auto rounded-xl"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact CTA -->
|
||||
<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>
|
||||
@@ -86,6 +322,6 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
|
||||
<Footer slot="footer" />
|
||||
</BaseLayout>
|
||||
</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>
|
||||
@@ -13,7 +13,7 @@ import Footer from '@/components/common/Footer.astro';
|
||||
<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/Eye-Ball.jpg" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
|
||||
<img src="/images/products-raw/ball-jet/main-ball-jet.jpg" alt="หัวจ่ายแอร์ BALL JET" class="w-full h-auto rounded-xl" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -67,6 +67,75 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Specifications -->
|
||||
<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>หัวจ่ายแอร์บอลเจ็ต (Ball Jet / Eye Ball)</strong> เป็นอุปกรณ์กระจายลม (Air Diffuser) ที่ใช้ในระบบปรับอากาศและระบบระบายอากาศ มีลักษณะเป็นทรงกลมหรือวงกลมปรับทิศทางได้ ช่วยกระจายลมเย็นหรือลมร้อนให้ทั่วถึงพื้นที่อย่างสม่ำเสมอ ลดการเกิดจุดร้อน-จุดเย็นในห้อง
|
||||
</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
หัวจ่ายแอร์บอลเจ็ต ผลิตจากวัสดุคุณภาพสูง ทนทานต่อการใช้งาน ติดตั้งง่าย เหมาะสำหรับใช้ในอาคารสำนักงาน โรงแรม ห้างสรรพสินค้า โรงพยาบาล และบ้านพักอาศัย สามารถปรับทิศทางการจ่ายลมได้ตามต้องการ
|
||||
</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> - ออกแบบให้ลมกระจายตัวอย่างทั่วถึง ลดจุดร้อน-จุดเย็นในพื้นที่</li>
|
||||
<li><strong>ปรับทิศทางได้</strong> - หมุนปรับทิศทางการจ่ายลมได้ตามต้องการ ควบคุมทิศทางลมได้อิสระ</li>
|
||||
<li><strong>ติดตั้งง่าย</strong> - รูปแบบมาตรฐาน ติดตั้งกับท่อลมหรือคอยล์เย็นได้สะดวก</li>
|
||||
<li><strong>ทนทาน ดูแลง่าย</strong> - ผลิตจากวัสดุคุณภาพสูง ใช้งานได้ยาวนาน ทำความสะอาดง่าย</li>
|
||||
<li><strong>ดีไซน์เรียบง่าย</strong> - รูปทรงกลมกระทัดรัด สวยงาม เข้ากับทุกสไตล์การตกแต่ง</li>
|
||||
<li><strong>ราคาคุ้มค่า</strong> - ราคาเหมาะสม คุ้มค่าการลงทุน</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">วัสดุและขนาด</h3>
|
||||
|
||||
<ul class="list-disc pl-6 mb-4 space-y-2">
|
||||
<li><strong>วัสดุ:</strong> พลาสติก ABS คุณภาพสูง ทนความร้อนและสารเคมี</li>
|
||||
<li><strong>สี:</strong> ขาว มาตรฐาน</li>
|
||||
<li><strong>ขนาด:</strong> มีหลายขนาดตามขนาดท่อลมและความต้องการใช้งาน</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>ระบบปรับอากาศ Central Air Conditioning</li>
|
||||
<li>ระบบระบายอากาศ (Ventilation System)</li>
|
||||
<li>ห้องประชุมและห้องทำงาน</li>
|
||||
<li>ล็อบบี้โรงแรมและห้างสรรพสินค้า</li>
|
||||
<li>โรงพยาบาลและคลินิก</li>
|
||||
<li>บ้านพักอาศัยและคอนโดมิเนียม</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="text-2xl font-bold text-secondary-900 mt-8 mb-4">วิธีการติดตั้ง</h3>
|
||||
|
||||
<ol class="list-decimal pl-6 mb-4 space-y-2">
|
||||
<li>เลือกตำแหน่งที่ต้องการติดตั้งบนเพดานหรือผนัง</li>
|
||||
<li>เชื่อมต่อท่อลมหรือคอยล์เย็นเข้ากับหัวจ่ายแอร์บอลเจ็ต</li>
|
||||
<li>ยึดหัวจ่ายให้แน่นด้วยสกรูหรือตะแกรงยึด</li>
|
||||
<li>ปรับทิศทางลมตามต้องการหลังติดตั้งเสร็จ</li>
|
||||
</ol>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mt-6">
|
||||
<strong>สอบถามราคาและขนาดที่มีจำหน่าย</strong> ได้ที่ Line หรือโทรศัพท์ติดต่อเราได้ตลอดเวลาทำการ
|
||||
</p>
|
||||
|
||||
<div class="mt-8 text-center">
|
||||
<img
|
||||
src="/images/products-raw/ball-jet/231947_0-875x1024.jpg"
|
||||
alt="หัวจ่ายแอร์ BALL JET"
|
||||
class="w-full max-w-md mx-auto h-auto rounded-xl"
|
||||
/>
|
||||
</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>
|
||||
|
||||
@@ -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,141 @@ import Footer from '@/components/common/Footer.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Specifications -->
|
||||
<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>เม็กกรู๊ฟ คับปลิ้ง (MECH Grooved Coupling)</strong> ระบบข้อต่อแบบเกรูฟที่ได้รับการยอมรับในระดับสากล ออกแบบมาเพื่อทดแทนการเชื่อมท่อเหล็กและท่อดับเพลิง ด้วยคุณสมบัติพิเศษที่ไม่ก่อให้เกิดประกายไฟ ทำให้เหมาะสำหรับงานที่ต้องการความปลอดภัยสูง โดยเฉพาะในพื้นที่ที่มีวัสดุไวไฟ
|
||||
</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
ระบบ MECH Grooved Coupling ใช้หลักการจับยึดท่อด้วยร่องเกรูฟ (Groove) ที่ผลิตไว้ล่วงหน้าที่ปลายท่อ ทำให้การติดตั้งง่าย สะดวก และรวดเร็ว ลดเวลาและค่าใช้จ่ายในการติดตั้งอย่างมากเมื่อเทียบกับการเชื่อมแบบดั้งเดิม
|
||||
</p>
|
||||
|
||||
<p class="text-lg text-secondary-700 leading-relaxed mb-4">
|
||||
เหมาะสำหรับระบบท่อดับเพลิง (Fire Protection System) ระบบประปา ระบบน้ำอุตสาหกรรม ระบบปรับอากาศ (HVAC) และงานก่อสร้างทั่วไป ใช้กับท่อเหล็กและท่อสแตนเลสได้หลากหลายขนาด
|
||||
</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> - ไม่ต้องเชื่อม ไม่ต้องใช้เครื่องมือพิเศษ ประหยัดเวลาติดตั้งได้ถึง 50%</li>
|
||||
<li><strong>ไม่ก่อให้เกิดประกายไฟ</strong> - ปลอดภัยสูง เหมาะสำหรับพื้นที่ที่มีวัสดุไวไฟและพื้นที่ห้ามเชื่อม</li>
|
||||
<li><strong>รับแรงดันได้สูง</strong> - สามารถรับแรงดันน้ำได้ตามมาตรฐาน ANSI/AWWA C606</li>
|
||||
<li><strong>ยืดหยุ่นในการรับการขยายตัว</strong> - ดูดซับการสั่นสะเทือนและการเคลื่อนตัวของท่อได้ดี</li>
|
||||
<li><strong>ดูแลรักษาง่าย</strong> - สามารถถอดประกอบเพื่อซ่อมบำรุงได้โดยไม่ต้องตัดท่อ</li>
|
||||
<li><strong>ทนการกัดกร่อน</strong> - ผิวเคลือบพิเศษป้องกันสนิมและการกัดกร่อน</li>
|
||||
<li><strong>มาตรฐานสากล</strong> - ผลิตตามมาตรฐาน UL, FM, VdS และ ISO 9001</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><strong>Rigid Coupling</strong> - ข้อต่อแบบแข็ง ใช้รับแรงดันสูง ควบคุมการขยายตัวของท่อ</li>
|
||||
<li><strong>Flexible Coupling</strong> - ข้อต่อแบบยืดหยุ่น รับการสั่นสะเทือนและการเคลื่อนตัวได้ดี</li>
|
||||
<li><strong>Grooved Flange</strong> - ข้อต่อแบบจาน ใช้เชื่อมต่อกับอุปกรณ์อื่น</li>
|
||||
<li><strong>Elbow / Tee / Reducer</strong> - ข้อต่อเลี้ยว สามทาง ลดขนาด แบบเกรูฟ</li>
|
||||
<li><strong>Mechanical Tee</strong> - ข้อต่อสามทางแบบเจาะท่อ ติดตั้งง่าย ไม่ต้องเชื่อม</li>
|
||||
<li><strong>Cap</strong> - ฝาปิดปลายท่อแบบเกรูฟ</li>
|
||||
<li><strong>Gasket</strong> - ประเกทยาง ทนความร้อนและสารเคมี</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</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