kunthawat/dealplustech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
f2a766c0fe1a46426c01232262ec9e062864f749
dealplustech/dist/index.html
Kunthawat 64dbc5da6f feat: Convert to pure Astro CSS (no Tailwind) 
- Removed Tailwind CSS dependency (19KB → 8.7KB CSS)
- Created native Astro CSS with CSS custom properties
- All utility classes using vanilla CSS
- Scoped component styles with Astro's built-in scoping
- Same green theme and design preserved
- Zero build dependencies for CSS
- Faster builds, smaller bundle
- True 'Astro way' of styling
2026-03-12 19:31:12 +07:00

21 lines
39 KiB
HTML
Raw Blame History

<!DOCTYPE html><html lang="th"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v5.18.0"><meta name="description" content="บริษัท ดีล พลัส เทค จำกัด - ผู้เชี่ยวชาญด้านระบบท่อ"><!-- Favicon --><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="alternate icon" href="/favicon.ico" sizes="any"><link rel="apple-touch-icon" href="/favicon.svg"><!-- Google Fonts: Kanit for Thai --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap" rel="stylesheet"><!-- SEO --><meta property="og:title" content="หน้าแรก"><meta property="og:description" content="บริษัท ดีล พลัส เทค จำกัด - ผู้เชี่ยวชาญด้านระบบท่อ"><meta property="og:image" content="/og-image.jpg"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><title>หน้าแรก | ดีล พลัส เทค</title><!-- Global CSS --><link rel="stylesheet" href="/styles/globals.css"></head> <body class="flex flex-col min-h-screen"> <header class="fixed top-0 left-0 right-0 z-50 bg-white shadow-md"> <!-- Top Bar --> <div class="bg-primary-600 py-2"> <div class="container mx-auto px-4 flex justify-between items-center text-sm"> <div class="flex items-center gap-6 text-white"> <a href="tel:090-555-1415" class="flex items-center gap-2 hover:text-primary-100"> <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <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"></path> </svg> 090-555-1415 </a> <a href="mailto:info@dealplustech.co.th" class="flex items-center gap-2 hover:text-primary-100"> <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> info@dealplustech.co.th </a> </div> <div class="hidden md:flex items-center gap-4"> <a href="https://line.me/ti/p/@dealplustech" class="flex items-center gap-1 text-white hover:text-primary-100"> <svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"> <path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"></path> </svg>
LINE
</a> </div> </div> </div> <!-- Main Navigation --> <nav class="container mx-auto px-4"> <div class="flex items-center justify-between h-16"> <!-- Logo --> <a href="/" class="flex items-center gap-3"> <img src="/images/2021/02/13523630950840.png" alt="Deal Plus Tech" class="h-12 w-auto" loading="priority"> </a> <!-- Desktop Navigation --> <div class="hidden lg:flex items-center gap-1"> <div class="relative group"> <a href="/" class="px-4 py-2 text-secondary-700 font-medium hover:text-primary-600 transition-colors flex items-center gap-1"> หน้าแรก </a> <!-- Dropdown --> </div><div class="relative group"> <a href="/about-us/" class="px-4 py-2 text-secondary-700 font-medium hover:text-primary-600 transition-colors flex items-center gap-1"> เกี่ยวกับเรา </a> <!-- Dropdown --> </div><div class="relative group"> <a href="/product/" class="px-4 py-2 text-secondary-700 font-medium hover:text-primary-600 transition-colors flex items-center gap-1 pr-2"> สินค้า <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </a> <!-- Dropdown --> <div class="absolute top-full left-0 pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50"> <div class="absolute -top-2 left-0 right-0 h-2"></div> <div class="min-w-[600px] bg-white shadow-xl rounded-lg py-4 border border-secondary-100"> <div class="grid grid-cols-2 gap-1 px-4"> <div class="relative group/sub"> <a href="/pipe/" class="block px-3 py-2 text-secondary-700 hover:bg-primary-50 hover:text-primary-700 transition-colors rounded font-medium"> ท่อ | Pipe </a> <div class="hidden group-hover/sub:block absolute left-full top-0 w-56 !bg-white shadow-xl rounded-lg py-2 border border-secondary-100 max-h-96 overflow-y-auto z-50"> <div class="absolute -top-2 -bottom-2 -left-2 w-2"></div> <a href="/ท่อพีพีอาร์ตราช้าง/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อพีพีอาร์ตราช้าง </a><a href="/ท่อ-ppr-thai-ppr/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อ PPR Thai PPR </a><a href="/pp-r-pp-rct-poloplast/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อ PP-R/PP-RCT POLOPLAST </a><a href="/ท่อhdpe/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อ HDPE </a><a href="/ท่อ-upvc/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อ uPVC </a><a href="/ท่อและข้อต่อpvc/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อและข้อต่อ PVC </a><a href="/ท่อไซเลอร์/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อไซเลอร์ </a><a href="/ท่อระบายน้ำ-3-ชั้น-ไซเลนท/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อระบายน้ำ 3 ชั้น ไซเลนท์ </a> </div> </div><div class="relative group/sub"> <a href="/วาล์ว-valve/" class="block px-3 py-2 text-secondary-700 hover:bg-primary-50 hover:text-primary-700 transition-colors rounded font-medium"> วาล์ว Valve </a> <div class="hidden group-hover/sub:block absolute left-full top-0 w-56 !bg-white shadow-xl rounded-lg py-2 border border-secondary-100 max-h-96 overflow-y-auto z-50"> <div class="absolute -top-2 -bottom-2 -left-2 w-2"></div> <a href="/วาล์ว-valve/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> วาล์ว Valve </a><a href="/groove-coupling/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> Groove Coupling </a><a href="/pipe-coupling/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> Pipe Coupling </a><a href="/dukelarrsen/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> DUKELARRSEN </a><a href="/เม็กกรู๊ฟ-คับปลิ้ง/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> เม็กกรู๊ฟ คับปลิ้ง </a> </div> </div><div class="relative group/sub"> <a href="/แฮงเกอร์-แคล้ม-โบลท์-แหว/" class="block px-3 py-2 text-secondary-700 hover:bg-primary-50 hover:text-primary-700 transition-colors rounded font-medium"> แฮงเกอร์ แคล้ม โบลท์ แหวน </a> <div class="hidden group-hover/sub:block absolute left-full top-0 w-56 !bg-white shadow-xl rounded-lg py-2 border border-secondary-100 max-h-96 overflow-y-auto z-50"> <div class="absolute -top-2 -bottom-2 -left-2 w-2"></div> <a href="/แฮงเกอร์-แคล้ม-โบลท์-แหว/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> แฮงเกอร์ แคล้ม โบลท์ แหวน </a><a href="/เควิสแฮงเกอร์/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> เควิสแฮงเกอร์ </a><a href="/สปริทริงแฮงเกอร์-sr19-adjustable-split-ring-hanger/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> สปริทริงแฮงเกอร์ SR19 </a><a href="/แคล้มฟันจระเข้-beam-clamp/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> แคล้มฟันจระเข้ </a><a href="/แคล้มหยดน้ำ-adjustable-band-hanger/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> แคล้มหยดน้ำ </a><a href="/แคล้มเลเวล-level-clamp/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> แคล้มเลเวล </a><a href="/ยูโบลท์-u-bolt/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ยูโบลท์ </a><a href="/สตัดเกลียวตลอด-เหล็ก-threaded-rod/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> สตัดเกลียวตลอด </a><a href="/พุกต่างๆ/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> พุกต่างๆ </a><a href="/พุกเหล็ก-sleeve-anchor-bolt/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> พุกเหล็ก Sleeve Anchor </a> </div> </div><div class="relative group/sub"> <a href="/หัวจ่ายลม-กริล/" class="block px-3 py-2 text-secondary-700 hover:bg-primary-50 hover:text-primary-700 transition-colors rounded font-medium"> อุปกรณ์ปรับอากาศ </a> <div class="hidden group-hover/sub:block absolute left-full top-0 w-56 !bg-white shadow-xl rounded-lg py-2 border border-secondary-100 max-h-96 overflow-y-auto z-50"> <div class="absolute -top-2 -bottom-2 -left-2 w-2"></div> <a href="/หัวจ่ายลม-กริล/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> หัวจ่ายลม กริล </a><a href="/หัวจ่ายแอร์-ball-jet/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> หัวจ่ายแอร์ Ball Jet </a><a href="/เทอร์โมเบรค-thermobreak/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> เทอร์โมเบรค Thermobreak </a><a href="/ระบบวาล์วเติมอากาศ-durgo-aavs/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ระบบวาล์วเติมอากาศ DURGO </a> </div> </div><div class="relative group/sub"> <a href="/อุปกรณ์ดับเพลิง/" class="block px-3 py-2 text-secondary-700 hover:bg-primary-50 hover:text-primary-700 transition-colors rounded font-medium"> อุปกรณ์ดับเพลิง </a> <div class="hidden group-hover/sub:block absolute left-full top-0 w-56 !bg-white shadow-xl rounded-lg py-2 border border-secondary-100 max-h-96 overflow-y-auto z-50"> <div class="absolute -top-2 -bottom-2 -left-2 w-2"></div> <a href="/อุปกรณ์ดับเพลิง/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> อุปกรณ์ดับเพลิง </a><a href="/realflex/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ท่อสแตนเลส Realflex </a> </div> </div><div class="relative group/sub"> <a href="/ระบบรั้ว/" class="block px-3 py-2 text-secondary-700 hover:bg-primary-50 hover:text-primary-700 transition-colors rounded font-medium"> ระบบรั้ว </a> <div class="hidden group-hover/sub:block absolute left-full top-0 w-56 !bg-white shadow-xl rounded-lg py-2 border border-secondary-100 max-h-96 overflow-y-auto z-50"> <div class="absolute -top-2 -bottom-2 -left-2 w-2"></div> <a href="/ระบบรั้ว/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> ระบบรั้ว </a><a href="/รั้วเทวดา/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> รั้วเทวดา </a> </div> </div><div class="relative group/sub"> <a href="/เครื่องเชื่อมท่อ-pipe-coupling-machine/" class="block px-3 py-2 text-secondary-700 hover:bg-primary-50 hover:text-primary-700 transition-colors rounded font-medium"> เครื่องจักร </a> <div class="hidden group-hover/sub:block absolute left-full top-0 w-56 !bg-white shadow-xl rounded-lg py-2 border border-secondary-100 max-h-96 overflow-y-auto z-50"> <div class="absolute -top-2 -bottom-2 -left-2 w-2"></div> <a href="/เครื่องเชื่อมท่อพีพีอา/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> เครื่องเชื่อมท่อพีพีอาร์ </a><a href="/เครื่องเชื่อม-hdpe/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> เครื่องเชื่อม HDPE </a><a href="/เครื่องเชื่อมท่อ-pipe-coupling-machine/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> เครื่องเชื่อมท่อ Pipe Coupling </a><a href="/waterpump-grundfos-จำหน่ายติดตั้ง/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> Water Pump Grundfos </a><a href="/water-treatment/" class="block px-4 py-2 text-secondary-600 hover:bg-primary-50 hover:text-primary-700 text-sm"> Water Treatment </a> </div> </div> </div> </div> </div> </div><div class="relative group"> <a href="/services/" class="px-4 py-2 text-secondary-700 font-medium hover:text-primary-600 transition-colors flex items-center gap-1"> บริการ </a> <!-- Dropdown --> </div><div class="relative group"> <a href="/portfolio/" class="px-4 py-2 text-secondary-700 font-medium hover:text-primary-600 transition-colors flex items-center gap-1"> ผลงาน </a> <!-- Dropdown --> </div><div class="relative group"> <a href="/blog/" class="px-4 py-2 text-secondary-700 font-medium hover:text-primary-600 transition-colors flex items-center gap-1"> บทความ </a> <!-- Dropdown --> </div><div class="relative group"> <a href="/contact-us/" class="px-4 py-2 text-secondary-700 font-medium hover:text-primary-600 transition-colors flex items-center gap-1"> ติดต่อเรา </a> <!-- Dropdown --> </div> <a href="/contact-us" class="btn-primary ml-4">
ติดต่อเรา
</a> </div> <!-- Mobile Menu Button --> <button id="mobile-menu-button" class="lg:hidden text-secondary-900 p-2" aria-label="Toggle menu"> <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> <!-- Mobile Menu --> <div id="mobile-menu" class="lg:hidden py-4 border-t border-secondary-200 max-h-[80vh] overflow-y-auto hidden"> <a href="/" class="block px-4 py-3 text-secondary-700 hover:text-primary-600 font-medium mobile-link"> หน้าแรก </a><a href="/about-us/" class="block px-4 py-3 text-secondary-700 hover:text-primary-600 font-medium mobile-link"> เกี่ยวกับเรา </a><div class="border-b border-secondary-100"> <div class="px-4 py-3 font-semibold text-secondary-900 bg-secondary-50"> สินค้า </div> <div class="pl-4"> <div> <a href="/pipe/" class="block px-4 py-2 text-secondary-700 hover:text-primary-600 hover:bg-primary-50 mobile-link"> ท่อ | Pipe </a> <div class="pl-4 bg-secondary-50"> <a href="/ท่อพีพีอาร์ตราช้าง/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อพีพีอาร์ตราช้าง </a><a href="/ท่อ-ppr-thai-ppr/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อ PPR Thai PPR </a><a href="/pp-r-pp-rct-poloplast/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อ PP-R/PP-RCT POLOPLAST </a><a href="/ท่อhdpe/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อ HDPE </a><a href="/ท่อ-upvc/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อ uPVC </a><a href="/ท่อและข้อต่อpvc/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อและข้อต่อ PVC </a><a href="/ท่อไซเลอร์/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อไซเลอร์ </a><a href="/ท่อระบายน้ำ-3-ชั้น-ไซเลนท/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อระบายน้ำ 3 ชั้น ไซเลนท์ </a> </div> </div><div> <a href="/วาล์ว-valve/" class="block px-4 py-2 text-secondary-700 hover:text-primary-600 hover:bg-primary-50 mobile-link"> วาล์ว Valve </a> <div class="pl-4 bg-secondary-50"> <a href="/วาล์ว-valve/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> วาล์ว Valve </a><a href="/groove-coupling/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> Groove Coupling </a><a href="/pipe-coupling/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> Pipe Coupling </a><a href="/dukelarrsen/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> DUKELARRSEN </a><a href="/เม็กกรู๊ฟ-คับปลิ้ง/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> เม็กกรู๊ฟ คับปลิ้ง </a> </div> </div><div> <a href="/แฮงเกอร์-แคล้ม-โบลท์-แหว/" class="block px-4 py-2 text-secondary-700 hover:text-primary-600 hover:bg-primary-50 mobile-link"> แฮงเกอร์ แคล้ม โบลท์ แหวน </a> <div class="pl-4 bg-secondary-50"> <a href="/แฮงเกอร์-แคล้ม-โบลท์-แหว/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> แฮงเกอร์ แคล้ม โบลท์ แหวน </a><a href="/เควิสแฮงเกอร์/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> เควิสแฮงเกอร์ </a><a href="/สปริทริงแฮงเกอร์-sr19-adjustable-split-ring-hanger/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> สปริทริงแฮงเกอร์ SR19 </a><a href="/แคล้มฟันจระเข้-beam-clamp/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> แคล้มฟันจระเข้ </a><a href="/แคล้มหยดน้ำ-adjustable-band-hanger/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> แคล้มหยดน้ำ </a><a href="/แคล้มเลเวล-level-clamp/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> แคล้มเลเวล </a><a href="/ยูโบลท์-u-bolt/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ยูโบลท์ </a><a href="/สตัดเกลียวตลอด-เหล็ก-threaded-rod/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> สตัดเกลียวตลอด </a><a href="/พุกต่างๆ/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> พุกต่างๆ </a><a href="/พุกเหล็ก-sleeve-anchor-bolt/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> พุกเหล็ก Sleeve Anchor </a> </div> </div><div> <a href="/หัวจ่ายลม-กริล/" class="block px-4 py-2 text-secondary-700 hover:text-primary-600 hover:bg-primary-50 mobile-link"> อุปกรณ์ปรับอากาศ </a> <div class="pl-4 bg-secondary-50"> <a href="/หัวจ่ายลม-กริล/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> หัวจ่ายลม กริล </a><a href="/หัวจ่ายแอร์-ball-jet/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> หัวจ่ายแอร์ Ball Jet </a><a href="/เทอร์โมเบรค-thermobreak/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> เทอร์โมเบรค Thermobreak </a><a href="/ระบบวาล์วเติมอากาศ-durgo-aavs/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ระบบวาล์วเติมอากาศ DURGO </a> </div> </div><div> <a href="/อุปกรณ์ดับเพลิง/" class="block px-4 py-2 text-secondary-700 hover:text-primary-600 hover:bg-primary-50 mobile-link"> อุปกรณ์ดับเพลิง </a> <div class="pl-4 bg-secondary-50"> <a href="/อุปกรณ์ดับเพลิง/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> อุปกรณ์ดับเพลิง </a><a href="/realflex/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ท่อสแตนเลส Realflex </a> </div> </div><div> <a href="/ระบบรั้ว/" class="block px-4 py-2 text-secondary-700 hover:text-primary-600 hover:bg-primary-50 mobile-link"> ระบบรั้ว </a> <div class="pl-4 bg-secondary-50"> <a href="/ระบบรั้ว/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> ระบบรั้ว </a><a href="/รั้วเทวดา/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> รั้วเทวดา </a> </div> </div><div> <a href="/เครื่องเชื่อมท่อ-pipe-coupling-machine/" class="block px-4 py-2 text-secondary-700 hover:text-primary-600 hover:bg-primary-50 mobile-link"> เครื่องจักร </a> <div class="pl-4 bg-secondary-50"> <a href="/เครื่องเชื่อมท่อพีพีอา/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> เครื่องเชื่อมท่อพีพีอาร์ </a><a href="/เครื่องเชื่อม-hdpe/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> เครื่องเชื่อม HDPE </a><a href="/เครื่องเชื่อมท่อ-pipe-coupling-machine/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> เครื่องเชื่อมท่อ Pipe Coupling </a><a href="/waterpump-grundfos-จำหน่ายติดตั้ง/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> Water Pump Grundfos </a><a href="/water-treatment/" class="block px-4 py-2 text-secondary-600 hover:text-primary-600 text-sm mobile-link"> Water Treatment </a> </div> </div> </div> </div><a href="/services/" class="block px-4 py-3 text-secondary-700 hover:text-primary-600 font-medium mobile-link"> บริการ </a><a href="/portfolio/" class="block px-4 py-3 text-secondary-700 hover:text-primary-600 font-medium mobile-link"> ผลงาน </a><a href="/blog/" class="block px-4 py-3 text-secondary-700 hover:text-primary-600 font-medium mobile-link"> บทความ </a><a href="/contact-us/" class="block px-4 py-3 text-secondary-700 hover:text-primary-600 font-medium mobile-link"> ติดต่อเรา </a> <div class="p-4"> <a href="/contact-us" class="btn-primary block text-center mobile-link">
ติดต่อเรา
</a> </div> </div> </nav> </header> <script type="module">const e=document.getElementById("mobile-menu-button"),o=document.getElementById("mobile-menu");let n=!1;e?.addEventListener("click",()=>{n=!n,n?(o?.classList.remove("hidden"),e.innerHTML=`
<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M6 18L18 6M6 6l12 12" />
</svg>
`):(o?.classList.add("hidden"),e.innerHTML=`
<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M4 6h16M4 12h16M4 18h16" />
</svg>
`)});document.querySelectorAll(".mobile-link").forEach(t=>{t.addEventListener("click",()=>{n=!1,o?.classList.add("hidden"),e.innerHTML=`
<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M4 6h16M4 12h16M4 18h16" />
</svg>
`})});</script> <main class="pt-20"> <section class="relative h-[70vh] min-h-[500px] bg-secondary-900"> <div class="absolute inset-0 bg-gradient-to-r from-secondary-900 via-secondary-900/90 to-secondary-900/60 z-10"></div> <img src="/images/2021/03/hdpe_pipe_main.jpg" alt="ท่อคุณภาพสูง" class="absolute inset-0 w-full h-full object-cover opacity-50"> <div class="relative z-20 container mx-auto px-4 h-full flex items-center"> <div class="max-w-2xl"> <span class="inline-block px-4 py-2 bg-primary-600 text-white font-semibold mb-4 rounded">ผู้เชี่ยวชาญด้านระบบท่อและ HVAC</span> <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6">วัสดุท่อ อุปกรณ์ HVAC<span class="text-primary-400 block">และฉนวนหุ้มท่อ</span></h1> <p class="text-lg text-secondary-200 mb-8">จำหน่ายและติดตั้งท่อ PPR, ท่อ HDPE และอุปกรณ์ระบบท่อครบวงจร</p> <div class="flex gap-4"> <a href="/products/" class="btn-primary">ดูสินค้าทั้งหมด</a> <a href="/contact-us/" class="btn-outline border-white text-white hover:bg-white hover:text-secondary-900">ติดต่อเรา</a> </div> </div> </div> </section> <section class="py-16 bg-secondary-50"> <div class="container mx-auto px-4"> <div class="text-center mb-12"> <h2 class="section-title">สินค้าแนะนำ</h2> <p class="section-subtitle">คุณภาพมาตรฐานสากล</p> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <div class="card"> <a href="/products/ท่อพีพีอาร์/" class="block"> <div class="aspect-video bg-secondary-100 flex items-center justify-center p-8"> <img src="/images/2021/03/hdpe001.jpg" alt="ท่อพีพีอาร์ตราช้าง" class="max-h-full max-w-full object-contain"> </div> <div class="p-6"> <h3 class="text-xl font-bold text-secondary-900 mb-2">ท่อพีพีอาร์ตราช้าง</h3> <p class="text-secondary-600 text-sm mb-4 line-clamp-2">ท่อพีพีอาร์ตราช้าง (SCG) คุณภาพระดับสากล ทนอุณหภูมิสูง 95°C ทนความดัน 20 บาร์ อายุการใช้งาน 50 ปี</p> <span class="btn-outline text-sm">ดูรายละเอียด</span> </div> </a> </div><div class="card"> <a href="/products/ท่อพีพีอาร์/" class="block"> <div class="aspect-video bg-secondary-100 flex items-center justify-center p-8"> <img src="/images/2021/03/hdpe001.jpg" alt="ท่อ PPR Thai PPR" class="max-h-full max-w-full object-contain"> </div> <div class="p-6"> <h3 class="text-xl font-bold text-secondary-900 mb-2">ท่อ PPR Thai PPR</h3> <p class="text-secondary-600 text-sm mb-4 line-clamp-2">ท่อ PPR Thai PPR คุณภาพสูง มาตรฐาน มอก. เหมาะสำหรับงานประปาและระบบน้ำ</p> <span class="btn-outline text-sm">ดูรายละเอียด</span> </div> </a> </div><div class="card"> <a href="/products/อุปกรณ์ติดตั้ง/" class="block"> <div class="aspect-video bg-secondary-100 flex items-center justify-center p-8"> <img src="/images/2021/03/hdpe001.jpg" alt="เครื่องเชื่อมท่อพีพีอาร์" class="max-h-full max-w-full object-contain"> </div> <div class="p-6"> <h3 class="text-xl font-bold text-secondary-900 mb-2">เครื่องเชื่อมท่อพีพีอาร์</h3> <p class="text-secondary-600 text-sm mb-4 line-clamp-2">เครื่องเชื่อมท่อพีพีอาร์ 1500-2000W รองรับท่อ 20-110mm พร้อมจอดิจิทัลควบคุณอุณหภูมิ</p> <span class="btn-outline text-sm">ดูรายละเอียด</span> </div> </a> </div><div class="card"> <a href="/products/ท่อพีพีอาร์/" class="block"> <div class="aspect-video bg-secondary-100 flex items-center justify-center p-8"> <img src="/images/2021/03/hdpe001.jpg" alt="ท่อ PP-R/PP-RCT POLOPLAST" class="max-h-full max-w-full object-contain"> </div> <div class="p-6"> <h3 class="text-xl font-bold text-secondary-900 mb-2">ท่อ PP-R/PP-RCT POLOPLAST</h3> <p class="text-secondary-600 text-sm mb-4 line-clamp-2">ท่อพีพีอาร์ POLOPLAST จากเยอรมนี มาตรฐาน DVGW และ SKZ ทนอุณหภูมิ 95°C รับประกัน 10 ปี</p> <span class="btn-outline text-sm">ดูรายละเอียด</span> </div> </a> </div><div class="card"> <a href="/products/ท่อ-hdpe/" class="block"> <div class="aspect-video bg-secondary-100 flex items-center justify-center p-8"> <img src="/images/2021/03/hdpe001.jpg" alt="ท่อ HDPE" class="max-h-full max-w-full object-contain"> </div> <div class="p-6"> <h3 class="text-xl font-bold text-secondary-900 mb-2">ท่อ HDPE</h3> <p class="text-secondary-600 text-sm mb-4 line-clamp-2">ท่อ HDPE PE80/PE100 ทนแรงดัน PN25 อายุการใช้งาน 50 ปี มอก. สำหรับประปาและชลประทาน</p> <span class="btn-outline text-sm">ดูรายละเอียด</span> </div> </a> </div><div class="card"> <a href="/products/อุปกรณ์ติดตั้ง/" class="block"> <div class="aspect-video bg-secondary-100 flex items-center justify-center p-8"> <img src="/images/2021/03/hdpe001.jpg" alt="เครื่องเชื่อม HDPE" class="max-h-full max-w-full object-contain"> </div> <div class="p-6"> <h3 class="text-xl font-bold text-secondary-900 mb-2">เครื่องเชื่อม HDPE</h3> <p class="text-secondary-600 text-sm mb-4 line-clamp-2">เครื่องเชื่อมท่อ HDPE Butt Fusion และ Electrofusion รองรับท่อ 20-1200mm</p> <span class="btn-outline text-sm">ดูรายละเอียด</span> </div> </a> </div> </div> </div> </section> </main> <footer class="bg-secondary-50 text-secondary-900"> <!-- Main Footer --> <div class="container mx-auto px-4 py-12"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> <!-- Company Info --> <div> <img src="/images/2021/02/13523630950840.png" alt="Deal Plus Tech" class="h-10 w-auto mb-4"> <p class="text-secondary-600 text-sm mb-4"> บริษัท ดีล พลัส เทค จำกัด เราเป็นผู้เชียวชาญด้านระบบน้ำ ให้คำแนะนำและจำหน่าย ท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ PPR ท่อ HDPE Thai PPR รั้วตาข่าย คุณภาพสูง ราคาถูก </p> <div class="flex gap-3"> <a href="https://facebook.com/dealplustech" target="_blank" rel="noopener noreferrer" class="w-10 h-10 bg-secondary-200 rounded-lg flex items-center justify-center text-secondary-700 hover:bg-primary-600 hover:text-white transition-colors" aria-label="Facebook"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path> </svg> </a> <a href="https://line.me/ti/p/@dealplustech" target="_blank" rel="noopener noreferrer" class="w-10 h-10 bg-secondary-200 rounded-lg flex items-center justify-center text-secondary-700 hover:bg-primary-600 hover:text-white transition-colors" aria-label="LINE"> <svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor"> <path d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"></path> </svg> </a> </div> </div> <!-- Quick Links --> <div> <h3 class="text-lg font-bold mb-4 text-primary-600">ลิงก์ด่วน</h3> <ul class="space-y-2"> <li> <a href="/" class="text-secondary-600 hover:text-primary-600 transition-colors"> หน้าแรก </a> </li><li> <a href="/about-us/" class="text-secondary-600 hover:text-primary-600 transition-colors"> เกี่ยวกับเรา </a> </li><li> <a href="/product/" class="text-secondary-600 hover:text-primary-600 transition-colors"> สินค้า </a> </li><li> <a href="/services/" class="text-secondary-600 hover:text-primary-600 transition-colors"> บริการ </a> </li><li> <a href="/portfolio/" class="text-secondary-600 hover:text-primary-600 transition-colors"> ผลงาน </a> </li> </ul> </div> <!-- Contact Info --> <div> <h3 class="text-lg font-bold mb-4 text-primary-600">ติดต่อเรา</h3> <ul class="space-y-3"> <li class="flex items-start gap-3"> <svg class="w-5 h-5 text-primary-500 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path> </svg> <span class="text-secondary-600 text-sm">บริษัท ดีล พลัส เทค จำกัด 9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กทม. 10160</span> </li> <li class="flex items-center gap-3"> <svg class="w-5 h-5 text-primary-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <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"></path> </svg> <a href="tel:090-555-1415" class="text-secondary-600 hover:text-primary-600 text-sm"> 090-555-1415 </a> </li> <li class="flex items-center gap-3"> <svg class="w-5 h-5 text-primary-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path> </svg> <a href="mailto:info@dealplustech.co.th" class="text-secondary-600 hover:text-primary-600 text-sm"> info@dealplustech.co.th </a> </li> </ul> </div> <!-- Business Hours --> <div> <h3 class="text-lg font-bold mb-4 text-primary-600">เวลาทำการ</h3> <ul class="space-y-2"> <li class="flex justify-between text-sm"> <span class="text-secondary-600">จันทร์ - ศุกร์</span> <span class="text-secondary-900 font-medium"> 08:30 - 17:30 </span> </li><li class="flex justify-between text-sm"> <span class="text-secondary-600">เสาร์</span> <span class="text-secondary-900 font-medium"> 08:30 - 12:00 </span> </li><li class="flex justify-between text-sm"> <span class="text-secondary-600">อาทิตย์</span> <span class="text-red-500"> ปิดทำการ </span> </li> </ul> </div> </div> </div> <!-- Bottom Bar --> <div class="border-t border-secondary-200"> <div class="container mx-auto px-4 py-4"> <p class="text-center text-secondary-500 text-sm">
© 2026 Deal Plus Tech. สงวนลิขสิทธิ์.
</p> </div> </div> </footer> </body></html>
Reference in New Issue View Git Blame Copy Permalink