b2960ca105
- Astro build automatically copies public/ to dist/ - Remove separate public folder copy (not needed) - Use PORT environment variable (default 80) - Fix favicon 404 by using correct dist structure
2 lines
7.3 KiB
HTML
2 lines
7.3 KiB
HTML
<!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="รายการสินค้าทั้งหมดจาก Deal Plus Tech"><!-- Favicon --><link rel="icon" type="image/svg+xml" 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="รายการสินค้าทั้งหมดจาก Deal Plus Tech"><meta property="og:image" content="/og-image.jpg"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><title>สินค้าทั้งหมด | ดีล พลัส เทค</title><style>html{font-family:Kanit,system-ui,sans-serif}
|
|
</style></head> <body class="flex flex-col min-h-screen"> <main class="py-12"> <div class="container mx-auto px-4 max-w-6xl"> <h1 class="section-title mb-8">สินค้าทั้งหมด</h1> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <a href="/products/ท่อไซเลอร์" class="card group"> <div class="aspect-w-16 aspect-h-9 overflow-hidden bg-secondary-100"> <img src="/images/2021/03/syler_000C.jpg" alt="ท่อไซเลอร์" class="object-cover w-full h-48 group-hover:scale-105 transition-transform duration-300" loading="lazy"> </div> <div class="p-6"> <h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors"> ท่อไซเลอร์ </h3> <p class="mt-2 text-sm text-secondary-600 line-clamp-2"> ท่อเหล็กบุ PE BS1387 FM APPROVED </p> <div class="mt-4 flex items-center text-primary-600 font-medium"> <span>ดูรายละเอียด</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </div> </div> </a><a href="/products/pp-r-pp-rct-poloplast" class="card group"> <div class="aspect-w-16 aspect-h-9 overflow-hidden bg-secondary-100"> <img src="/images/2021/03/poloplast_000C.jpg" alt="ท่อ PP-R/PP-RCT POLOPLAST" class="object-cover w-full h-48 group-hover:scale-105 transition-transform duration-300" loading="lazy"> </div> <div class="p-6"> <h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors"> ท่อ PP-R/PP-RCT POLOPLAST </h3> <p class="mt-2 text-sm text-secondary-600 line-clamp-2"> ท่อ PP-R/PP-RCT POLOPLAST คุณภาพเยอรมัน </p> <div class="mt-4 flex items-center text-primary-600 font-medium"> <span>ดูรายละเอียด</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </div> </div> </a><a href="/products/ท่อppr-thaippr" class="card group"> <div class="aspect-w-16 aspect-h-9 overflow-hidden bg-secondary-100"> <img src="/images/2021/03/ppr-pipe_000C.jpg" alt="ท่อ PPR Thai PPR" class="object-cover w-full h-48 group-hover:scale-105 transition-transform duration-300" loading="lazy"> </div> <div class="p-6"> <h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors"> ท่อ PPR Thai PPR </h3> <p class="mt-2 text-sm text-secondary-600 line-clamp-2"> ท่อ PPR Thai PPR มาตรฐาน มอก. </p> <div class="mt-4 flex items-center text-primary-600 font-medium"> <span>ดูรายละเอียด</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </div> </div> </a><a href="/products/ท่อพีพีอาร์ตราช้าง" class="card group"> <div class="aspect-w-16 aspect-h-9 overflow-hidden bg-secondary-100"> <img src="/images/2021/03/ppr-pipe_000C.jpg" alt="ท่อพีพีอาร์ตราช้าง" class="object-cover w-full h-48 group-hover:scale-105 transition-transform duration-300" loading="lazy"> </div> <div class="p-6"> <h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors"> ท่อพีพีอาร์ตราช้าง </h3> <p class="mt-2 text-sm text-secondary-600 line-clamp-2"> ท่อพีพีอาร์ตราช้าง SCG มาตรฐาน DIN 8077/8078 </p> <div class="mt-4 flex items-center text-primary-600 font-medium"> <span>ดูรายละเอียด</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </div> </div> </a><a href="/products/ท่อhdpe" class="card group"> <div class="aspect-w-16 aspect-h-9 overflow-hidden bg-secondary-100"> <img src="/images/2021/03/hdpe-pipe_000C.jpg" alt="ท่อ HDPE" class="object-cover w-full h-48 group-hover:scale-105 transition-transform duration-300" loading="lazy"> </div> <div class="p-6"> <h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors"> ท่อ HDPE </h3> <p class="mt-2 text-sm text-secondary-600 line-clamp-2"> ท่อเอชดีพีอี PE80/PE100 มาตรฐาน มอก. </p> <div class="mt-4 flex items-center text-primary-600 font-medium"> <span>ดูรายละเอียด</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </div> </div> </a><a href="/products/ท่อระบายน้ำ-3-ชั้น-ไซเลนท" class="card group"> <div class="aspect-w-16 aspect-h-9 overflow-hidden bg-secondary-100"> <img src="/images/2021/03/xylent_000C.jpg" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์" class="object-cover w-full h-48 group-hover:scale-105 transition-transform duration-300" loading="lazy"> </div> <div class="p-6"> <h3 class="text-lg font-bold text-secondary-900 group-hover:text-primary-600 transition-colors"> ท่อระบายน้ำ 3 ชั้น ไซเลนท์ </h3> <p class="mt-2 text-sm text-secondary-600 line-clamp-2"> ท่อระบายน้ำไซเลนท์ 22dB Push Fit </p> <div class="mt-4 flex items-center text-primary-600 font-medium"> <span>ดูรายละเอียด</span> <svg class="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </div> </div> </a> </div> </div> </main> </body></html> |