feat(products): add 3 new insulation brand pages — ROCKWOOL, MICROFIBER, SCG
New product pages for insulation product lines, using supplier (3t-insulation.com)
product data and images (downloaded, no hotlinks):
1 ROCKWOOL (/rockwool) — Stone wool insulation, pipe/duct/roof/fire
2) MICROFIBER (/microfiber) — Glass wool insulation, roof/HVAC/industrial
3) SCG (/scg) — SCG insulation, roof/HVAC/acoustic/high-temp
Each page:
- Hero section (canonical template: pill + title + description + buttons)
- Brand description with key product info
- Product grid (6+ models per brand with images)
- Features section (quality, pricing, delivery)
- CTA section (canonical template)
Images: downloaded from supplier site to public/images/{brand}/
Menu: added to Header, BaseLayout nav (under ฉนวนหุ้มท่อ), Footer, all-products
Crawled from: 3t-insulation.com/brand/{rockwool,microfiber,scg}/
(13 products per brand, ~39 total product models referenced)
Pages created: 3 | Files changed: 37 (3 new .astro + 3 image dirs + 3 menu edits)
EOF
)
This commit is contained in:
Kunthawat Greethong
BIN
public/images/microfiber/prod_0.jpg
Normal file
BIN
public/images/microfiber/prod_0.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
public/images/microfiber/prod_1.png
Normal file
BIN
public/images/microfiber/prod_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/microfiber/prod_10.png
Normal file
BIN
public/images/microfiber/prod_10.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/microfiber/prod_11.jpg
Normal file
BIN
public/images/microfiber/prod_11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
public/images/microfiber/prod_2.jpg
Normal file
BIN
public/images/microfiber/prod_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
public/images/microfiber/prod_3.jpg
Normal file
BIN
public/images/microfiber/prod_3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
public/images/microfiber/prod_4.png
Normal file
BIN
public/images/microfiber/prod_4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/microfiber/prod_5.png
Normal file
BIN
public/images/microfiber/prod_5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/microfiber/prod_6.png
Normal file
BIN
public/images/microfiber/prod_6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/microfiber/prod_7.png
Normal file
BIN
public/images/microfiber/prod_7.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/microfiber/prod_8.png
Normal file
BIN
public/images/microfiber/prod_8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/microfiber/prod_9.png
Normal file
BIN
public/images/microfiber/prod_9.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/rockwool/prod_0.png
Normal file
BIN
public/images/rockwool/prod_0.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/rockwool/prod_1.jpg
Normal file
BIN
public/images/rockwool/prod_1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
public/images/rockwool/prod_10.jpg
Normal file
BIN
public/images/rockwool/prod_10.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
public/images/rockwool/prod_11.jpg
Normal file
BIN
public/images/rockwool/prod_11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
public/images/rockwool/prod_2.jpg
Normal file
BIN
public/images/rockwool/prod_2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
public/images/rockwool/prod_3.jpg
Normal file
BIN
public/images/rockwool/prod_3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
public/images/rockwool/prod_4.png
Normal file
BIN
public/images/rockwool/prod_4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/rockwool/prod_5.png
Normal file
BIN
public/images/rockwool/prod_5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/rockwool/prod_6.png
Normal file
BIN
public/images/rockwool/prod_6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/rockwool/prod_7.jpg
Normal file
BIN
public/images/rockwool/prod_7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
public/images/rockwool/prod_8.png
Normal file
BIN
public/images/rockwool/prod_8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/rockwool/prod_9.jpg
Normal file
BIN
public/images/rockwool/prod_9.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
public/images/scg/prod_0.jpg
Normal file
BIN
public/images/scg/prod_0.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
public/images/scg/prod_1.png
Normal file
BIN
public/images/scg/prod_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/scg/prod_10.png
Normal file
BIN
public/images/scg/prod_10.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/images/scg/prod_11.jpg
Normal file
BIN
public/images/scg/prod_11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
public/images/scg/prod_2.png
Normal file
BIN
public/images/scg/prod_2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/images/scg/prod_3.png
Normal file
BIN
public/images/scg/prod_3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/images/scg/prod_4.png
Normal file
BIN
public/images/scg/prod_4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/images/scg/prod_5.jpg
Normal file
BIN
public/images/scg/prod_5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
public/images/scg/prod_6.png
Normal file
BIN
public/images/scg/prod_6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/images/scg/prod_7.png
Normal file
BIN
public/images/scg/prod_7.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/images/scg/prod_8.jpg
Normal file
BIN
public/images/scg/prod_8.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
public/images/scg/prod_9.png
Normal file
BIN
public/images/scg/prod_9.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
@@ -64,6 +64,9 @@ const productCategories = [
|
||||
{ label: "รั้วเทวดา", href: "/รั้วเทวดา" },
|
||||
{ label: "ระบบรั้วไวน์แมน", href: "/ระบบรั้วไวน์แมน" },
|
||||
]
|
||||
{ label: "ROCKWOOL", href: "/rockwool" },
|
||||
{ label: "MICROFIBER", href: "/microfiber" },
|
||||
{ label: "SCG", href: "/scg" },
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
@@ -177,6 +177,9 @@ const categories = [
|
||||
{ name: 'Aeroflex', slug: '/aeroflex' },
|
||||
{ name: 'Maxflex', slug: '/maxflex' },
|
||||
{ name: 'Thermobreak', slug: '/เทอร์โมเบรค-thermobreak' },
|
||||
{ name: 'ROCKWOOL', slug: '/rockwool' },
|
||||
{ name: 'MICROFIBER', slug: '/microfiber' },
|
||||
{ name: 'SCG', slug: '/scg' },
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
@@ -39,6 +39,9 @@ const products = [
|
||||
|
||||
// ระบบรั้ว (2 items)
|
||||
{ name: "รั้วเทวดา", href: "/รั้วเทวดา", image: "/images/tevada/LINE_ALBUM_รั้วเทวดา_260522_1.jpg", category: "ระบบรั้ว" },
|
||||
{ name: "ROCKWOOL", href: "/rockwool", image: "/images/rockwool/prod_0.png", category: "ฉนวนหุ้มท่อ" },
|
||||
{ name: "MICROFIBER", href: "/microfiber", image: "/images/microfiber/prod_0.jpg", category: "ฉนวนหุ้มท่อ" },
|
||||
{ name: "SCG", href: "/scg", image: "/images/scg/prod_0.jpg", category: "ฉนวนหุ้มท่อ" },
|
||||
{ name: "ระบบรั้วไวน์แมน", href: "/ระบบรั้วไวน์แมน", image: "/images/products-raw/vineman/ระบบรั้วไวน์แมน-Vineman-e1613286324569-1024x880.jpg", category: "ระบบรั้ว" },
|
||||
];
|
||||
|
||||
|
||||
196
src/pages/microfiber.astro
Normal file
196
src/pages/microfiber.astro
Normal file
@@ -0,0 +1,196 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
|
||||
const title = "MICROFIBER — ฉนวนใยแก้วกันความร้อน ครบวงจร";
|
||||
const description = "MICROFIBER ผู้ผลิตฉนวนใยแก้ว (Glass Wool) ชั้นนำของไทย ผลิตภัณฑ์คุณภาพสูง มาตรฐานสากล สำหรับงานหลังคา งานระบบปรับอากาศ และงานอุตสาหกรรม ราคาคุ้มค่า ส่งฟรี";
|
||||
---
|
||||
|
||||
<BaseLayout title={title} description={description}>
|
||||
<main class="bg-white min-h-screen">
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="relative bg-gradient-to-br from-primary-800 via-primary-700 to-primary-900 text-white py-16 lg:py-24 overflow-hidden">
|
||||
<div class="absolute inset-0 overflow-hidden pointer-events-none">
|
||||
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-gradient-to-br from-primary-400/30 via-primary-500/15 to-transparent rounded-full blur-[100px] animate-mesh-1"></div>
|
||||
<div class="absolute top-1/4 left-1/4 w-2 h-2 bg-white/30 rounded-full animate-float"></div>
|
||||
<div class="absolute top-1/3 right-1/4 w-3 h-3 bg-primary-300/20 rounded-full animate-float-delayed-1"></div>
|
||||
<div class="absolute top-2/3 left-1/3 w-2 h-2 bg-primary-200/20 rounded-full animate-float-delayed-2"></div>
|
||||
<svg class="absolute bottom-0 left-0 w-full h-[250px] opacity-20" viewBox="0 0 1440 250" preserveAspectRatio="none">
|
||||
<path d="M0,150 Q360,50 720,150 T1440,150 L1440,250 L0,250 Z" fill="none" stroke="url(#water-gradient-hero)" stroke-width="2">
|
||||
<animate attributeName="d" dur="10s" repeatCount="indefinite" values="M0,150 Q360,50 720,150 T1440,150 L1440,250 L0,250 Z;M0,180 Q360,80 720,180 T1440,180 L1440,250 L0,250 Z;M0,150 Q360,50 720,150 T1440,150 L1440,250 L0,250 Z"/>
|
||||
</path>
|
||||
<defs>
|
||||
<linearGradient id="water-gradient-hero" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" stop-color="#40916c"/>
|
||||
<stop offset="50%" stop-color="#74c69d"/>
|
||||
<stop offset="100%" stop-color="#40916c"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
<svg class="absolute bottom-0 left-0 w-full h-[200px] opacity-10" viewBox="0 0 1440 200" preserveAspectRatio="none">
|
||||
<path d="M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="1">
|
||||
<animate attributeName="d" dur="15s" repeatCount="indefinite" values="M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z;M0,120 Q240,20 480,120 T960,120 T1440,120 L1440,200 L0,200 Z;M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z"/>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">ฉนวนใยแก้ว MICROFIBER</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold mb-4">MICROFIBER — ฉนวนใยแก้วกันความร้อน ครบวงจร</h1>
|
||||
<p class="text-lg text-primary-100 mb-8 leading-relaxed">
|
||||
MICROFIBER ผู้ผลิตฉนวนใยแก้ว (Glass Wool) ชั้นนำของไทย ผลิตภัณฑ์คุณภาพสูง มาตรฐานสากล สำหรับงานหลังคา งานระบบปรับอากาศ และงานอุตสาหกรรม ราคาคุ้มค่า ส่งฟรี
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4 mb-8 lg:justify-start">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-6 rounded-xl font-semibold flex items-center gap-2">
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><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-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.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-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.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"/></svg>
|
||||
แชท Line
|
||||
</a>
|
||||
<a href="tel:0905551415" class="bg-white text-primary-700 hover:bg-primary-50 py-3 px-6 rounded-xl font-semibold flex items-center gap-2">
|
||||
<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>
|
||||
090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="rounded-2xl overflow-hidden bg-white/10 p-2 max-w-md mx-auto lg:max-w-none">
|
||||
<img src="/images/microfiber/prod_0.jpg" alt="MICROFIBER — ฉนวนใยแก้วกันความร้อน ครบวงจร" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Product Brand Details -->
|
||||
<section class="py-16 bg-white">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl font-bold text-primary-700 mb-8">เกี่ยวกับแบรนด์</h2>
|
||||
<div class="prose prose-lg max-w-none space-y-4">
|
||||
<p class="text-lg text-neutral-700 leading-relaxed whitespace-pre-line">MICROFIBER เป็นแบรนด์ฉนวนใยแก้ว (Glass Wool) ที่ได้รับการยอมรับอย่างกว้างขวางในตลาดไทยและต่างประเทศ ผลิตจากใยแก้วคุณภาพสูงที่ผ่านกระบวนการผลิตที่ทันสมัย ได้รับการรับรองมาตรฐานระดับสากล
|
||||
|
||||
**ผลิตภัณฑ์หลักของ MICROFIBER:**
|
||||
• ฉนวนหลังคา (Micro Roof) — สำหรับป้องกันความร้อนจากหลังคา
|
||||
• ฉนวนหุ้มท่อปรับอากาศ (Micro Duct Wrap) — สำหรับหุ้มท่อลมเย็น
|
||||
• ฉนวนบุในท่อลม (Micro Duct Liner) — ช่วยลดเสียงและป้องกันหยดน้ำ
|
||||
• ฉนวนกันความร้อนทนอุณหภูมิสูง (Micro Hi-Temp) — สำหรับงานอุตสาหกรรม</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Categories / Models -->
|
||||
<section class="py-16 bg-neutral-50">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<h2 class="text-2xl font-bold text-primary-700 mb-8 text-center">ผลิตภัณฑ์ในเครือ</h2>
|
||||
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/microfiber/prod_8.png" alt="ฉนวนใยแก้ว MicroFiber ฉนวนกันความร้อนหลังคา รุ่น ENF" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว MicroFiber ฉนวนกันความร้อนหลังคา รุ่น ENF</h4>
|
||||
<p class="text-sm text-neutral-600">MicroRoof
|
||||
ฉนวนใยแก้ว Micro Roof เป็นฉนวนสำหรับงานหลังคาเพื่อป้องกันความร้อนจากหลังคาเข้าสู่ตัวอาคารโรงงาน หลังคาเมทัลชีทโรงงานในช่วงพักเที่ยงนั้นอุณหภูมิสูงสุดอยู่ที่ 70 องศาเซลเซียสซึ่งจะส่งความร้อนล</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/microfiber/prod_8.png" alt="ฉนวนใยแก้ว MicroFiber สำหรับงานหุ้มระบบปรับอากาศ รุ่น FL" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว MicroFiber สำหรับงานหุ้มระบบปรับอากาศ รุ่น FL</h4>
|
||||
<p class="text-sm text-neutral-600">Micro Duct Wrap
|
||||
ฉนวนใยแก้ว Micro Duct Wrap เป็นฉนวนใยแก้วของบริษัท MicroFiber ที่ใช้กันอย่างแพร่หลายในงานหุ้มท่อระบบปรับอากาศ ทั้งโรงงานผลิตท่อลม หน้ากากแอร์ หรือในไซต์งานอาคารที่มีการใช้เครื่องชิลเลอ</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/microfiber/prod_8.png" alt="ฉนวนใยแก้ว MicroFiber ฉนวนกันความร้อนหลังคา รุ่น FLD" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว MicroFiber ฉนวนกันความร้อนหลังคา รุ่น FLD</h4>
|
||||
<p class="text-sm text-neutral-600">MicroRoof
|
||||
ฉนวนใยแก้ว Micro Roof เป็นฉนวนสำหรับงานหลังคาเพื่อป้องกันความร้อนจากหลังคาเข้าสู่ตัวอาคารโรงงาน หลังคาเมทัลชีทโรงงานในช่วงพักเที่ยงนั้นอุณหภูมิสูงสุดอยู่ที่ 70 องศาเซลเซียสซึ่งจะส่งความร้อนล</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/microfiber/prod_8.png" alt="ฉนวนใยแก้ว MicroFiber ฉนวนกันความร้อนหลังคา รุ่น FLS" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว MicroFiber ฉนวนกันความร้อนหลังคา รุ่น FLS</h4>
|
||||
<p class="text-sm text-neutral-600">MicroRoof
|
||||
ฉนวนใยแก้ว Micro Roof เป็นฉนวนสำหรับงานหลังคาเพื่อป้องกันความร้อนจากหลังคาเข้าสู่ตัวอาคารโรงงาน หลังคาเมทัลชีทโรงงานในช่วงพักเที่ยงนั้นอุณหภูมิสูงสุดอยู่ที่ 70 องศาเซลเซียสซึ่งจะส่งความร้อนล</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/microfiber/prod_8.png" alt="ฉนวนใยแก้ว MicroFiber สำหรับงานหุ้มระบบปรับอากาศ รุ่น FR" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว MicroFiber สำหรับงานหุ้มระบบปรับอากาศ รุ่น FR</h4>
|
||||
<p class="text-sm text-neutral-600">Micro Duct Wrap
|
||||
ฉนวนใยแก้ว Micro Duct Wrap เป็นฉนวนใยแก้วของบริษัท MicroFiber ที่ใช้กันอย่างแพร่หลายในงานหุ้มท่อระบบปรับอากาศ ทั้งโรงงานผลิตท่อลม หน้ากากแอร์ หรือในไซต์งานอาคารที่มีการใช้เครื่องชิลเลอ</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/microfiber/prod_8.png" alt="ฉนวนใยแก้ว MicroFiber สำหรับงานหุ้มระบบปรับอากาศ รุ่น FRD" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว MicroFiber สำหรับงานหุ้มระบบปรับอากาศ รุ่น FRD</h4>
|
||||
<p class="text-sm text-neutral-600">Micro Duct Wrap
|
||||
ฉนวนใยแก้ว Micro Duct Wrap เป็นฉนวนใยแก้วของบริษัท MicroFiber ที่ใช้กันอย่างแพร่หลายในงานหุ้มท่อระบบปรับอากาศ ทั้งโรงงานผลิตท่อลม หน้ากากแอร์ หรือในไซต์งานอาคารที่มีการใช้เครื่องชิลเลอ</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Features -->
|
||||
<section class="py-16 bg-white">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="grid md:grid-cols-3 gap-8 max-w-4xl mx-auto">
|
||||
<div class="text-center p-6">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /></svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-semibold text-neutral-900 mb-2">คุณภาพสูง มาตรฐาน</h3>
|
||||
<p class="text-neutral-600">ผลิตภัณฑ์ผ่านการรับรองมาตรฐานระดับสากล</p>
|
||||
</div>
|
||||
<div class="text-center p-6">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-semibold text-neutral-900 mb-2">ราคาโรงงาน คุ้มค่า</h3>
|
||||
<p class="text-neutral-600">ราคาจากผู้ผลิตโดยตรง ไม่มีคนกลาง</p>
|
||||
</div>
|
||||
<div class="text-center p-6">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-semibold text-neutral-900 mb-2">ส่งฟรี ทั่วประเทศ</h3>
|
||||
<p class="text-neutral-600">บริการจัดส่งรวดเร็ว ถึงหน้างาน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA -->
|
||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
||||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 class="text-3xl font-bold mb-6">สนใจสินค้านี้?</h2>
|
||||
<p class="text-lg text-primary-100 mb-8">ติดต่อเราวันนี้ 090-555-1415 หรือแอดไลน์ JPPSELECTION</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="/contact-us" class="bg-white text-primary-700 py-3 px-8 rounded-xl font-semibold hover:bg-primary-50 transition-colors">ติดต่อเรา</a>
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-8 rounded-xl font-semibold transition-colors">แอดไลน์</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</BaseLayout>
|
||||
199
src/pages/rockwool.astro
Normal file
199
src/pages/rockwool.astro
Normal file
@@ -0,0 +1,199 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
|
||||
const title = "ROCKWOOL — ฉนวนใยหินกันความร้อน กันเสียง";
|
||||
const description = "ROCKWOOL ฉนวนใยหินคุณภาพสูงจากประเทศเดนมาร์ก ผู้นำด้านนวัตกรรมฉนวนใยหิน (Stone Wool) ครบวงจร ผลิตจากหินบะซอลต์ธรรมชาติ ทนไฟสูงสุด 1,000°C เหมาะสำหรับงานระบบปรับอากาศ งานอุตสาหกรรม งานหลังคา งานกันไฟและกันเสียง";
|
||||
---
|
||||
|
||||
<BaseLayout title={title} description={description}>
|
||||
<main class="bg-white min-h-screen">
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="relative bg-gradient-to-br from-primary-800 via-primary-700 to-primary-900 text-white py-16 lg:py-24 overflow-hidden">
|
||||
<div class="absolute inset-0 overflow-hidden pointer-events-none">
|
||||
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-gradient-to-br from-primary-400/30 via-primary-500/15 to-transparent rounded-full blur-[100px] animate-mesh-1"></div>
|
||||
<div class="absolute top-1/4 left-1/4 w-2 h-2 bg-white/30 rounded-full animate-float"></div>
|
||||
<div class="absolute top-1/3 right-1/4 w-3 h-3 bg-primary-300/20 rounded-full animate-float-delayed-1"></div>
|
||||
<div class="absolute top-2/3 left-1/3 w-2 h-2 bg-primary-200/20 rounded-full animate-float-delayed-2"></div>
|
||||
<svg class="absolute bottom-0 left-0 w-full h-[250px] opacity-20" viewBox="0 0 1440 250" preserveAspectRatio="none">
|
||||
<path d="M0,150 Q360,50 720,150 T1440,150 L1440,250 L0,250 Z" fill="none" stroke="url(#water-gradient-hero)" stroke-width="2">
|
||||
<animate attributeName="d" dur="10s" repeatCount="indefinite" values="M0,150 Q360,50 720,150 T1440,150 L1440,250 L0,250 Z;M0,180 Q360,80 720,180 T1440,180 L1440,250 L0,250 Z;M0,150 Q360,50 720,150 T1440,150 L1440,250 L0,250 Z"/>
|
||||
</path>
|
||||
<defs>
|
||||
<linearGradient id="water-gradient-hero" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" stop-color="#40916c"/>
|
||||
<stop offset="50%" stop-color="#74c69d"/>
|
||||
<stop offset="100%" stop-color="#40916c"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
<svg class="absolute bottom-0 left-0 w-full h-[200px] opacity-10" viewBox="0 0 1440 200" preserveAspectRatio="none">
|
||||
<path d="M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="1">
|
||||
<animate attributeName="d" dur="15s" repeatCount="indefinite" values="M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z;M0,120 Q240,20 480,120 T960,120 T1440,120 L1440,200 L0,200 Z;M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z"/>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">ฉนวนใยหิน ROCKWOOL</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold mb-4">ROCKWOOL — ฉนวนใยหินกันความร้อน กันเสียง</h1>
|
||||
<p class="text-lg text-primary-100 mb-8 leading-relaxed">
|
||||
ROCKWOOL ฉนวนใยหินคุณภาพสูงจากประเทศเดนมาร์ก ผู้นำด้านนวัตกรรมฉนวนใยหิน (Stone Wool) ครบวงจร ผลิตจากหินบะซอลต์ธรรมชาติ ทนไฟสูงสุด 1,000°C เหมาะสำหรับงานระบบปรับอากาศ งานอุตสาหกรรม งานหลังคา งานกันไฟและกันเสียง
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4 mb-8 lg:justify-start">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-6 rounded-xl font-semibold flex items-center gap-2">
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><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-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.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-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.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"/></svg>
|
||||
แชท Line
|
||||
</a>
|
||||
<a href="tel:0905551415" class="bg-white text-primary-700 hover:bg-primary-50 py-3 px-6 rounded-xl font-semibold flex items-center gap-2">
|
||||
<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>
|
||||
090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="rounded-2xl overflow-hidden bg-white/10 p-2 max-w-md mx-auto lg:max-w-none">
|
||||
<img src="/images/rockwool/prod_0.png" alt="ROCKWOOL — ฉนวนใยหินกันความร้อน กันเสียง" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Product Brand Details -->
|
||||
<section class="py-16 bg-white">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl font-bold text-primary-700 mb-8">เกี่ยวกับแบรนด์</h2>
|
||||
<div class="prose prose-lg max-w-none space-y-4">
|
||||
<p class="text-lg text-neutral-700 leading-relaxed whitespace-pre-line">ROCKWOOL คือผู้ผลิตฉนวนใยหิน (Stone Wool) รายใหญ่ที่สุดของโลก มีประวัติยาวนานกว่า 100 ปี ผลิตภัณฑ์ ROCKWOOL ผลิตจากหินบะซอลต์ธรรมชาติ (Basalt Rock) ซึ่งเป็นวัตถุดิบที่มีอยู่อย่างอุดมสมบูรณ์ในธรรมชาติ ผ่านกระบวนการหลอมด้วยความร้อนสูงถึง 1,500°C แล้วปั่นเป็นเส้นใยละเอียด ก่อนอัดเป็นแผ่นหรือม้วนตามลักษณะการใช้งาน
|
||||
|
||||
**ข้อดีของ ROCKWOOL:**
|
||||
• ทนความร้อนสูงสุดถึง 1,000°C โดยไม่ไหม้
|
||||
• ไม่เป็นแหล่งเพาะเชื้อราและแบคทีเรีย
|
||||
• กันเสียงได้ดีเยี่ยม (NRC 0.95+)
|
||||
• ไม่ดูดซับน้ำ (Hydrophobic)
|
||||
• เป็นมิตรต่อสิ่งแวดล้อม ผลิตจากวัสดุธรรมชาติ
|
||||
• สามารถนำกลับมารีไซเคิลได้ 100%</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Categories / Models -->
|
||||
<section class="py-16 bg-neutral-50">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<h2 class="text-2xl font-bold text-primary-700 mb-8 text-center">ผลิตภัณฑ์ในเครือ</h2>
|
||||
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/rockwool/prod_8.png" alt="ROCKWOOL รุ่น ROCKDUCT สำหรับงานระบบปรับอากาศ" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ROCKWOOL รุ่น ROCKDUCT สำหรับงานระบบปรับอากาศ</h4>
|
||||
<p class="text-sm text-neutral-600">ROCKDUCT ProRox BL
|
||||
ฉนวนใยหิน ROCKDUCT ProRox BL ถูกพัฒนามาตรฐานขึ้นเพื่อใช้สำหรับงานระบบปรับอากาศและระบบระบายอากาศ เพื่อให้มีคุณสมบัติในการใช้งานทนความร้อนที่สูงขึ้น ปิดผิวด้วยอลูมิเนียมฟอยล์ 1 ด้าน ม</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/rockwool/prod_8.png" alt="ฉนวนใยหิน ROCKWOOL สำหรับFire Barrier รุ่น Conlit H110" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยหิน ROCKWOOL สำหรับFire Barrier รุ่น Conlit H110</h4>
|
||||
<p class="text-sm text-neutral-600">Conlit H110
|
||||
ฉนวนใยหินConlit H110 ถูกออกแบบเพื่องาน Fire Barrier บนพื้นฐานของการทนไฟอย่างยาวนานภายใต้อาคารที่เกิดอัคคีภัย เพื่อให้สถาปนิกและวิศกรอัคคีภัยสามารถมั่นใจได้ว่าการออกแบบสามารถช่วยชีวิตผู้คนใ</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/rockwool/prod_8.png" alt="ฉนวนกันความร้อนหลังคา rockwool รุ่น Cool ’n’ Comfort RL" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนกันความร้อนหลังคา rockwool รุ่น Cool ’n’ Comfort RL</h4>
|
||||
<p class="text-sm text-neutral-600">Cool ’n’ Comfort RL
|
||||
ฉนวนกันความร้อน Cool ’n’ Comfort เป็นฉนวนใยหินในเครือของ ROCKWOOL ที่ถูกออกแบบขึ้นมาสำหรับงานระบบหลังคากันความร้อน ด้วยการออกแบบมาให้มีลักษณะม้วนเพื่อให้กลิ้งตามหลังคาได้ง่าย และมี</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/rockwool/prod_8.png" alt="ฉนวนกันความร้อนหลังคา rockwool รุ่น Cool ’n’ Comfort SL" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนกันความร้อนหลังคา rockwool รุ่น Cool ’n’ Comfort SL</h4>
|
||||
<p class="text-sm text-neutral-600">Cool ’n’ Comfort SL
|
||||
ฉนวนกันความร้อน Cool ’n’ Comfort เป็นฉนวนใยหินในเครือของ ROCKWOOL ที่ถูกออกแบบขึ้นมาสำหรับงานระบบหลังคากันความร้อน ด้วยการออกแบบมาให้มีลักษณะม้วนเพื่อให้กลิ้งตามหลังคาได้ง่าย และมี</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/rockwool/prod_8.png" alt="Rockwool roof insulation, Cool 'n' Comfort RL model" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">Rockwool roof insulation, Cool 'n' Comfort RL model</h4>
|
||||
<p class="text-sm text-neutral-600">Cool ‘n’ Comfort RL
|
||||
Cool ‘n’ Comfort insulation is a ROCKWOOL mineral wool insulation designed for roof heat insulation systems. It’s designed in roll form for easy rolling on roofs, and also comes in</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/rockwool/prod_8.png" alt="ฉนวนใยหิน rockwool รุ่น ProRox BL ชนิดม้วน" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยหิน rockwool รุ่น ProRox BL ชนิดม้วน</h4>
|
||||
<p class="text-sm text-neutral-600">ProRox BL
|
||||
ฉนวนใยหินProRox BL เป็นฉนวนใยหินROCKWOOL ในซีรี่ย์ ProRox ที่ออกแบบมาสำหรับงานอุตสาหกรรมที่มีการใช้งานที่ทนความร้อนสูงกว่า ต้องการใบรับรองมาตรฐานต่างๆมากกว่า
|
||||
ProRox BL เป็นฉนวนใยหินในรูปแบบม</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Features -->
|
||||
<section class="py-16 bg-white">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="grid md:grid-cols-3 gap-8 max-w-4xl mx-auto">
|
||||
<div class="text-center p-6">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /></svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-semibold text-neutral-900 mb-2">คุณภาพสูง มาตรฐาน</h3>
|
||||
<p class="text-neutral-600">ผลิตภัณฑ์ผ่านการรับรองมาตรฐานระดับสากล</p>
|
||||
</div>
|
||||
<div class="text-center p-6">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-semibold text-neutral-900 mb-2">ราคาโรงงาน คุ้มค่า</h3>
|
||||
<p class="text-neutral-600">ราคาจากผู้ผลิตโดยตรง ไม่มีคนกลาง</p>
|
||||
</div>
|
||||
<div class="text-center p-6">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-semibold text-neutral-900 mb-2">ส่งฟรี ทั่วประเทศ</h3>
|
||||
<p class="text-neutral-600">บริการจัดส่งรวดเร็ว ถึงหน้างาน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA -->
|
||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
||||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 class="text-3xl font-bold mb-6">สนใจสินค้านี้?</h2>
|
||||
<p class="text-lg text-primary-100 mb-8">ติดต่อเราวันนี้ 090-555-1415 หรือแอดไลน์ JPPSELECTION</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="/contact-us" class="bg-white text-primary-700 py-3 px-8 rounded-xl font-semibold hover:bg-primary-50 transition-colors">ติดต่อเรา</a>
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-8 rounded-xl font-semibold transition-colors">แอดไลน์</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</BaseLayout>
|
||||
197
src/pages/scg.astro
Normal file
197
src/pages/scg.astro
Normal file
@@ -0,0 +1,197 @@
|
||||
---
|
||||
import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
|
||||
const title = "SCG — ฉนวนกันความร้อน ครบทุกงานอาคารและอุตสาหกรรม";
|
||||
const description = "ฉนวนกันความร้อน SCG จากเครือซิเมนต์ไทย (SCG) ผลิตภัณฑ์คุณภาพสูง มาตรฐานระดับโลกสำหรับงานอาคาร งานหลังคา และงานอุตสาหกรรมครบวงจร";
|
||||
---
|
||||
|
||||
<BaseLayout title={title} description={description}>
|
||||
<main class="bg-white min-h-screen">
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="relative bg-gradient-to-br from-primary-800 via-primary-700 to-primary-900 text-white py-16 lg:py-24 overflow-hidden">
|
||||
<div class="absolute inset-0 overflow-hidden pointer-events-none">
|
||||
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-gradient-to-br from-primary-400/30 via-primary-500/15 to-transparent rounded-full blur-[100px] animate-mesh-1"></div>
|
||||
<div class="absolute top-1/4 left-1/4 w-2 h-2 bg-white/30 rounded-full animate-float"></div>
|
||||
<div class="absolute top-1/3 right-1/4 w-3 h-3 bg-primary-300/20 rounded-full animate-float-delayed-1"></div>
|
||||
<div class="absolute top-2/3 left-1/3 w-2 h-2 bg-primary-200/20 rounded-full animate-float-delayed-2"></div>
|
||||
<svg class="absolute bottom-0 left-0 w-full h-[250px] opacity-20" viewBox="0 0 1440 250" preserveAspectRatio="none">
|
||||
<path d="M0,150 Q360,50 720,150 T1440,150 L1440,250 L0,250 Z" fill="none" stroke="url(#water-gradient-hero)" stroke-width="2">
|
||||
<animate attributeName="d" dur="10s" repeatCount="indefinite" values="M0,150 Q360,50 720,150 T1440,150 L1440,250 L0,250 Z;M0,180 Q360,80 720,180 T1440,180 L1440,250 L0,250 Z;M0,150 Q360,50 720,150 T1440,150 L1440,250 L0,250 Z"/>
|
||||
</path>
|
||||
<defs>
|
||||
<linearGradient id="water-gradient-hero" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" stop-color="#40916c"/>
|
||||
<stop offset="50%" stop-color="#74c69d"/>
|
||||
<stop offset="100%" stop-color="#40916c"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
<svg class="absolute bottom-0 left-0 w-full h-[200px] opacity-10" viewBox="0 0 1440 200" preserveAspectRatio="none">
|
||||
<path d="M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="1">
|
||||
<animate attributeName="d" dur="15s" repeatCount="indefinite" values="M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z;M0,120 Q240,20 480,120 T960,120 T1440,120 L1440,200 L0,200 Z;M0,100 Q240,200 480,100 T960,100 T1440,100 L1440,200 L0,200 Z"/>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
||||
<div class="grid lg:grid-cols-2 gap-12 items-start">
|
||||
<div>
|
||||
<span class="inline-block px-4 py-1.5 bg-white/20 text-white rounded-full text-sm font-medium mb-4">ฉนวนกันความร้อน SCG</span>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold mb-4">SCG — ฉนวนกันความร้อน ครบทุกงานอาคารและอุตสาหกรรม</h1>
|
||||
<p class="text-lg text-primary-100 mb-8 leading-relaxed">
|
||||
ฉนวนกันความร้อน SCG จากเครือซิเมนต์ไทย (SCG) ผลิตภัณฑ์คุณภาพสูง มาตรฐานระดับโลกสำหรับงานอาคาร งานหลังคา และงานอุตสาหกรรมครบวงจร
|
||||
</p>
|
||||
<div class="flex flex-wrap justify-center gap-4 mb-8 lg:justify-start">
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-6 rounded-xl font-semibold flex items-center gap-2">
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><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-.344.282-.629.627-.629h2.386c.349 0 .63.285.63.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-.629.63-.629.345 0 .63.284.63.629v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.629.627-.629.349 0 .631.284.631.629v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.629.63-.629.348 0 .63.284.63.629v4.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"/></svg>
|
||||
แชท Line
|
||||
</a>
|
||||
<a href="tel:0905551415" class="bg-white text-primary-700 hover:bg-primary-50 py-3 px-6 rounded-xl font-semibold flex items-center gap-2">
|
||||
<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>
|
||||
090-555-1415
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:sticky lg:top-24">
|
||||
<div class="rounded-2xl overflow-hidden bg-white/10 p-2 max-w-md mx-auto lg:max-w-none">
|
||||
<img src="/images/scg/prod_0.jpg" alt="SCG — ฉนวนกันความร้อน ครบทุกงานอาคารและอุตสาหกรรม" class="w-full max-w-md mx-auto lg:max-w-none" loading="eager" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Product Brand Details -->
|
||||
<section class="py-16 bg-white">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
||||
<div class="max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl font-bold text-primary-700 mb-8">เกี่ยวกับแบรนด์</h2>
|
||||
<div class="prose prose-lg max-w-none space-y-4">
|
||||
<p class="text-lg text-neutral-700 leading-relaxed whitespace-pre-line">SCG (ปูนซิเมนต์ไทย) เป็นหนึ่งในผู้นำด้านวัสดุก่อสร้างและฉนวนกันความร้อนที่ครบวงจรที่สุดในประเทศไทย ผลิตภัณฑ์ฉนวนของ SCG มีคุณภาพสูง ได้รับมาตรฐานอุตสาหกรรม และได้รับความไว้วางใจจากลูกค้ามาอย่างยาวนาน
|
||||
|
||||
**ผลิตภัณฑ์หลักของ SCG:**
|
||||
• ฉนวนใยแก้ว SCG — สำหรับงานหลังคา (CRB-G, FPO-G, UB)
|
||||
• ฉนวนกันเสียง SCG Cylence — สำหรับงานอะคูสติก
|
||||
• ฉนวนทนอุณหภูมิสูง SCG (HTI, HTIF, HTIFD) — สำหรับงานอุตสาหกรรม
|
||||
• STAY COOL — ฉนวนวางบนฝ้า-เพดาน
|
||||
• ฉนวนบุในท่อลม SCG (DLN, FPO, GTB)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Product Categories / Models -->
|
||||
<section class="py-16 bg-neutral-50">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<h2 class="text-2xl font-bold text-primary-700 mb-8 text-center">ผลิตภัณฑ์ในเครือ</h2>
|
||||
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/scg/prod_8.jpg" alt="ฉนวนใยแก้ว scg สำหรับงานหลังคา ชนิดฟอยล์ 2 ด้าน รุ่น CRB-G" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว scg สำหรับงานหลังคา ชนิดฟอยล์ 2 ด้าน รุ่น CRB-G</h4>
|
||||
<p class="text-sm text-neutral-600">ฉนวนใยแก้ว SCG สำหรับงานหลังคากันความร้อน
|
||||
หลังคาเป็นส่วนแรกที่สัมผัสกับความร้อนที่ส่งมาจากพระอาทิตย์ ในงานหลังคาเมทัลชีทอุณหภูมิในช่วงเที่ยงวันนั้นสามารถสูงได้ถึง 70 องศาเซลเซียส ถ้าหากบริเวณใต้หลังคา</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/scg/prod_8.jpg" alt="ฉนวนซับเสียง SCG รุ่น Cylence ZofTone" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนซับเสียง SCG รุ่น Cylence ZofTone</h4>
|
||||
<p class="text-sm text-neutral-600">Cylence ZofTone
|
||||
แผ่นบุผนังอะคูสติก Cylence รุ่น ZofTone เป็นแผ่นผนังสำเร็จรูป เพื่อการดูดซับเสียง ผลิตจากแผ่นกลาสวูล (Glasswool) ความหนาแน่นสูงหุ้มรอบด้านด้วยผ้าใยแก้วทอพิเศษ ออกแบบและผลิตขึ้นตามมาตรฐ</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/scg/prod_8.jpg" alt="ฉนวนกันเสียง SCG รุ่น Cylence Zoundblock" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนกันเสียง SCG รุ่น Cylence Zoundblock</h4>
|
||||
<p class="text-sm text-neutral-600">ฉนวนกันเสียง SCG รุ่น Cylence ZoundBlock
|
||||
วัสดุอะคูสติก ฉนวนกันเสียง SCG รุ่น Cylence ZoundBlock เป็นวัสดุสำหรับติดตั้งในโครงผนังเพื่อใช้ในการป้องกันเสียงรบกวนจากภายนอก ไม่ให้เข้ามาภายในห้องพักอาศัยของ</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/scg/prod_8.jpg" alt="ฉนวนใยแก้ว scg สำหรับงานบุในท่อลม ปิดด้วยบางนีโอพรีน รุ่น DLN" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว scg สำหรับงานบุในท่อลม ปิดด้วยบางนีโอพรีน รุ่น DLN</h4>
|
||||
<p class="text-sm text-neutral-600">ฉนวนใยแก้ว scg สำหรับงานบุในท่อลม
|
||||
ในงานระบบท่อส่งลมเย็นขนาดใหญ่ที่มีการเดินท่อลมสังกะสี เพื่อกระจายลมเย็นไปยังส่วนต่างๆของอาคาร ภายในท่อลมจะมีอากาศเย็นไหลผ่าน และอากาศเย็นเหล่านี้จะมีความเร็วสูง จนทำใ</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/scg/prod_8.jpg" alt="ฉนวนใยแก้ว scg สำหรับงานบุในท่อลม ปิดด้วยฟอยล์รู รุ่น FPO" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว scg สำหรับงานบุในท่อลม ปิดด้วยฟอยล์รู รุ่น FPO</h4>
|
||||
<p class="text-sm text-neutral-600">ฉนวนใยแก้ว scg สำหรับงานบุในท่อลม
|
||||
ในงานระบบท่อส่งลมเย็นขนาดใหญ่ที่มีการเดินท่อลมสังกะสี เพื่อกระจายลมเย็นไปยังส่วนต่างๆของอาคาร ภายในท่อลมจะมีอากาศเย็นไหลผ่าน และอากาศเย็นเหล่านี้จะมีความเร็วสูง จนทำใ</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl overflow-hidden border border-neutral-200 hover:shadow-lg transition-shadow">
|
||||
<div class="aspect-[4/3] bg-neutral-100">
|
||||
<img src="/images/scg/prod_8.jpg" alt="ฉนวนใยแก้ว scg สำหรับงานหลังคา ชนิดฟอยล์ 1 ด้าน รุ่น FPO-G" class="w-full h-full object-contain p-4" loading="lazy" />
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h4 class="text-lg font-semibold text-primary-700 mb-2">ฉนวนใยแก้ว scg สำหรับงานหลังคา ชนิดฟอยล์ 1 ด้าน รุ่น FPO-G</h4>
|
||||
<p class="text-sm text-neutral-600">ฉนวนใยแก้ว SCG สำหรับงานหลังคากันความร้อน
|
||||
หลังคาเป็นส่วนแรกที่สัมผัสกับความร้อนที่ส่งมาจากพระอาทิตย์ ในงานหลังคาเมทัลชีทอุณหภูมิในช่วงเที่ยงวันนั้นสามารถสูงได้ถึง 70 องศาเซลเซียส ถ้าหากบริเวณใต้หลังคา</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Features -->
|
||||
<section class="py-16 bg-white">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div class="grid md:grid-cols-3 gap-8 max-w-4xl mx-auto">
|
||||
<div class="text-center p-6">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /></svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-semibold text-neutral-900 mb-2">คุณภาพสูง มาตรฐาน</h3>
|
||||
<p class="text-neutral-600">ผลิตภัณฑ์ผ่านการรับรองมาตรฐานระดับสากล</p>
|
||||
</div>
|
||||
<div class="text-center p-6">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-semibold text-neutral-900 mb-2">ราคาโรงงาน คุ้มค่า</h3>
|
||||
<p class="text-neutral-600">ราคาจากผู้ผลิตโดยตรง ไม่มีคนกลาง</p>
|
||||
</div>
|
||||
<div class="text-center p-6">
|
||||
<div class="w-16 h-16 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<svg class="w-8 h-8 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-semibold text-neutral-900 mb-2">ส่งฟรี ทั่วประเทศ</h3>
|
||||
<p class="text-neutral-600">บริการจัดส่งรวดเร็ว ถึงหน้างาน</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA -->
|
||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
||||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 class="text-3xl font-bold mb-6">สนใจสินค้านี้?</h2>
|
||||
<p class="text-lg text-primary-100 mb-8">ติดต่อเราวันนี้ 090-555-1415 หรือแอดไลน์ JPPSELECTION</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="/contact-us" class="bg-white text-primary-700 py-3 px-8 rounded-xl font-semibold hover:bg-primary-50 transition-colors">ติดต่อเรา</a>
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-8 rounded-xl font-semibold transition-colors">แอดไลน์</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</BaseLayout>
|
||||
Reference in New Issue
Block a user