🎨 Fix CSS: Import global.css + plain CSS styles

CSS was not being imported! Fixed:

✅ Added 'import ../styles/global.css' to BaseLayout.astro
✅ Rewrote CSS with plain CSS (not @apply which wasn't working)
✅ Cookie banner has inline styles as backup
✅ Font size: 16px base
✅ Solid colors: green-600 (#16a34a), gray-900 (#111827)
✅ Footer has policy links

Build: 12 pages ✅

dealplustech-astro/dist/_noop-middleware.mjs

@@ -0,0 +1,3 @@
+const onRequest = (_, next) => next();
+
+export { onRequest };

dealplustech-astro/dist/chunks/astro_Dqo562Tl.mjs

@@ -0,0 +1,4 @@
+import 'kleur/colors';
+import 'html-escaper';
+import 'clsx';
+import './astro/server_BKaehDWP.mjs';

dealplustech-astro/dist/pages/404.astro.mjs

@@ -0,0 +1,24 @@
+/* empty css                                 */
+import { c as createComponent, r as renderComponent, a as renderTemplate, m as maybeRenderHead } from '../chunks/astro/server_BKaehDWP.mjs';
+import 'kleur/colors';
+import 'html-escaper';
+import { $ as $$BaseLayout, a as $$Header, b as $$Footer, c as $$FloatingContact } from '../chunks/FloatingContact_CYVf7xCj.mjs';
+export { renderers } from '../renderers.mjs';
+
+const $$404 = createComponent(($$result, $$props, $$slots) => {
+  return renderTemplate`${renderComponent($$result, "BaseLayout", $$BaseLayout, { "title": "404 - \u0E44\u0E21\u0E48\u0E1E\u0E1A\u0E2B\u0E19\u0E49\u0E32" }, { "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "Header", $$Header, {})} ${maybeRenderHead()}<main class="min-h-[60vh] flex items-center justify-center pt-20"> <div class="text-center px-4"> <h1 class="text-6xl font-bold text-secondary-900 mb-4">404</h1> <h2 class="text-2xl font-bold text-secondary-700 mb-4">ไม่พบหน้าที่คุณต้องการ</h2> <p class="text-secondary-600 mb-8">หน้าที่คุณกำลังค้นหาไม่มีอยู่หรือถูกย้ายแล้ว</p> <a href="/" class="btn-primary">กลับหน้าแรก</a> </div> </main> ${renderComponent($$result2, "Footer", $$Footer, {})} ${renderComponent($$result2, "FloatingContact", $$FloatingContact, {})} ` })}`;
+}, "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/404.astro", void 0);
+
+const $$file = "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/404.astro";
+const $$url = "/404.html";
+
+const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: $$404,
+  file: $$file,
+  url: $$url
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const page = () => _page;
+
+export { page };

dealplustech-astro/dist/pages/about-us.astro.mjs

@@ -0,0 +1,40 @@
+/* empty css                                 */
+import { c as createComponent, r as renderComponent, a as renderTemplate, m as maybeRenderHead, b as addAttribute } from '../chunks/astro/server_BKaehDWP.mjs';
+import 'kleur/colors';
+import 'html-escaper';
+import { $ as $$BaseLayout, s as siteConfig, a as $$Header, b as $$Footer, c as $$FloatingContact } from '../chunks/FloatingContact_CYVf7xCj.mjs';
+export { renderers } from '../renderers.mjs';
+
+const $$Index = createComponent(($$result, $$props, $$slots) => {
+  return renderTemplate`${renderComponent($$result, "BaseLayout", $$BaseLayout, { "title": "\u0E40\u0E01\u0E35\u0E48\u0E22\u0E27\u0E01\u0E31\u0E1A\u0E40\u0E23\u0E32", "description": "\u0E40\u0E23\u0E35\u0E22\u0E19\u0E23\u0E39\u0E49\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E15\u0E34\u0E21\u0E40\u0E01\u0E35\u0E48\u0E22\u0E27\u0E01\u0E31\u0E1A\u0E14\u0E35\u0E25\u0E1E\u0E25\u0E31\u0E2A\u0E40\u0E17\u0E04 \u0E1C\u0E39\u0E49\u0E40\u0E0A\u0E35\u0E48\u0E22\u0E27\u0E0A\u0E32\u0E0D\u0E14\u0E49\u0E32\u0E19\u0E27\u0E31\u0E2A\u0E14\u0E38\u0E17\u0E48\u0E2D\u0E41\u0E25\u0E30\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C\u0E23\u0E30\u0E1A\u0E1A\u0E17\u0E48\u0E2D" }, { "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "Header", $$Header, {})} ${maybeRenderHead()}<main class="pt-32 pb-16"> <div class="container mx-auto px-4"> <div class="relative h-[400px] -mt-32 mb-12 rounded-b-3xl overflow-hidden"> <div class="absolute inset-0 bg-gradient-to-r from-secondary-900 via-secondary-800 to-secondary-900"></div> <div class="absolute inset-0 flex items-center justify-center"> <div class="text-center"> <h1 class="text-4xl md:text-5xl font-bold text-white mb-4">
+เกี่ยวกับ<span class="text-primary-400">${siteConfig.name}</span> </h1> <p class="text-xl text-secondary-200">
+ผู้เชี่ยวชาญด้านวัสดุท่อและอุปกรณ์ระบบท่อ
+</p> </div> </div> </div> <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 mb-16"> <div> <h2 class="text-3xl font-bold text-secondary-900 mb-6">เรื่องราวของเรา</h2> <div class="space-y-4 text-secondary-600"> <p> ${siteConfig.nameTh} ก่อตั้งขึ้นด้วยความมุ่งมั่นที่จะเป็นผู้นำด้านการจัดหาวัสดุท่อ
+              และอุปกรณ์ระบบท่อคุณภาพสูงให้กับลูกค้าในประเทศไทย
+</p> <p>
+ด้วยประสบการณ์มากกว่า 10 ปีในอุตสาหกรรม เราได้สั่งสมความเชี่ยวชาญ
+              และสร้างเครือข่ายความร่วมมือกับผู้ผลิตชั้นนำทั้งในและต่างประเทศ
+</p> <p>
+เรามุ่งมั่นให้บริการสินค้าที่ผ่านมาตรฐานคุณภาพ พร้อมคำแนะนำจากทีมงานมืออาชีพ
+              เพื่อให้ลูกค้าได้รับสินค้าที่เหมาะสมกับความต้องการ
+</p> </div> </div> <div class="relative aspect-video bg-secondary-100 rounded-xl overflow-hidden"> <img src="/images/2021/03/hdpe-pipe_000C.jpg" alt="เกี่ยวกับดีลพลัสเทค" class="object-cover w-full h-full" loading="lazy"> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-16"> <div class="bg-secondary-800 p-8 rounded-xl"> <h3 class="text-2xl font-bold text-primary-400 mb-4">วิสัยทัศน์</h3> <p class="text-secondary-200">
+เป็นผู้นำตลาดวัสดุท่อและอุปกรณ์ระบบท่อในประเทศไทย
+            ที่ลูกค้าไว้วางใจในคุณภาพและการบริการ
+</p> </div> <div class="bg-secondary-800 p-8 rounded-xl"> <h3 class="text-2xl font-bold text-primary-400 mb-4">พันธกิจ</h3> <p class="text-secondary-200">
+จัดหาสินค้าคุณภาพสูง ให้บริการที่เป็นเลิศ และสร้างความพึงพอใจสูงสุดให้ลูกค้า
+</p> </div> </div> <div class="text-center mb-12"> <h2 class="text-3xl font-bold text-secondary-900 mb-8">ค่านิยมหลัก</h2> <div class="grid grid-cols-1 md:grid-cols-4 gap-6"> <div class="p-6 bg-primary-50 rounded-xl"> <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4"> <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path> </svg> </div> <h4 class="font-bold text-secondary-900 mb-2">คุณภาพ</h4> <p class="text-secondary-600 text-sm">สินค้าผ่านมาตรฐาน</p> </div> <div class="p-6 bg-primary-50 rounded-xl"> <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4"> <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path> </svg> </div> <h4 class="font-bold text-secondary-900 mb-2">รวดเร็ว</h4> <p class="text-secondary-600 text-sm">จัดส่งรวดเร็วทันใจ</p> </div> <div class="p-6 bg-primary-50 rounded-xl"> <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4"> <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path> </svg> </div> <h4 class="font-bold text-secondary-900 mb-2">บริการ</h4> <p class="text-secondary-600 text-sm">ทีมงานมืออาชีพ</p> </div> <div class="p-6 bg-primary-50 rounded-xl"> <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4"> <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} 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"></path> </svg> </div> <h4 class="font-bold text-secondary-900 mb-2">ไว้ใจ</h4> <p class="text-secondary-600 text-sm">ซื่อสัตย์ต่อลูกค้า</p> </div> </div> </div> </div> </main> ${renderComponent($$result2, "Footer", $$Footer, {})} ${renderComponent($$result2, "FloatingContact", $$FloatingContact, {})} ` })}`;
+}, "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/about-us/index.astro", void 0);
+
+const $$file = "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/about-us/index.astro";
+const $$url = "/about-us.html";
+
+const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: $$Index,
+  file: $$file,
+  url: $$url
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const page = () => _page;
+
+export { page };

dealplustech-astro/dist/pages/contact-us.astro.mjs

@@ -0,0 +1,27 @@
+/* empty css                                 */
+import { c as createComponent, r as renderComponent, a as renderTemplate, m as maybeRenderHead, b as addAttribute } from '../chunks/astro/server_BKaehDWP.mjs';
+import 'kleur/colors';
+import 'html-escaper';
+import { $ as $$BaseLayout, s as siteConfig, a as $$Header, w as workHours, b as $$Footer, c as $$FloatingContact } from '../chunks/FloatingContact_CYVf7xCj.mjs';
+export { renderers } from '../renderers.mjs';
+
+const $$Index = createComponent(($$result, $$props, $$slots) => {
+  return renderTemplate`${renderComponent($$result, "BaseLayout", $$BaseLayout, { "title": "\u0E15\u0E34\u0E14\u0E15\u0E48\u0E2D\u0E40\u0E23\u0E32", "description": "\u0E15\u0E34\u0E14\u0E15\u0E48\u0E2D\u0E14\u0E35\u0E25\u0E1E\u0E25\u0E31\u0E2A\u0E40\u0E17\u0E04 \u0E2A\u0E2D\u0E1A\u0E16\u0E32\u0E21\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32 \u0E02\u0E2D\u0E43\u0E1A\u0E40\u0E2A\u0E19\u0E2D\u0E23\u0E32\u0E04\u0E32 \u0E2B\u0E23\u0E37\u0E2D\u0E15\u0E34\u0E14\u0E15\u0E48\u0E2D\u0E17\u0E35\u0E21\u0E07\u0E32\u0E19" }, { "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "Header", $$Header, {})} ${maybeRenderHead()}<main class="pt-32 pb-16"> <div class="container mx-auto px-4"> <div class="text-center mb-12"> <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-4">
+ติดต่อ<span class="text-primary-600">เรา</span> </h1> <p class="text-xl text-secondary-600 max-w-2xl mx-auto">
+พร้อมให้บริการทุกวัน สอบถามข้อมูลสินค้าและขอใบเสนอราคาได้เลย
+</p> </div> <div class="max-w-2xl mx-auto"> <div class="bg-secondary-800 rounded-2xl p-8 mb-8"> <h2 class="text-2xl font-bold text-white mb-6">ข้อมูลติดต่อ</h2> <div class="space-y-6"> <div class="flex items-start gap-4"> <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center flex-shrink-0"> <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} 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"${addAttribute(2, "stroke-width")} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path> </svg> </div> <div> <h3 class="font-bold text-white">ที่อยู่</h3> <p class="text-secondary-300">${siteConfig.address}</p> </div> </div> <div class="flex items-start gap-4"> <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center flex-shrink-0"> <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} 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> </div> <div> <h3 class="font-bold text-white">โทรศัพท์</h3> <a${addAttribute(`tel:${siteConfig.phone}`, "href")} class="text-primary-400 hover:text-primary-300">${siteConfig.phone}</a> </div> </div> <div class="flex items-start gap-4"> <div class="w-12 h-12 bg-primary-600 rounded-lg flex items-center justify-center flex-shrink-0"> <svg class="w-6 h-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} 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> </div> <div> <h3 class="font-bold text-white">อีเมล</h3> <a${addAttribute(`mailto:${siteConfig.email}`, "href")} class="text-primary-400 hover:text-primary-300">${siteConfig.email}</a> </div> </div> <div class="flex items-start gap-4"> <div class="w-12 h-12 bg-[#00B900] rounded-lg flex items-center justify-center flex-shrink-0"> <svg class="w-6 h-6 text-white" 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.7550 .63.283.63.63 0 .c.349 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> </div> <div> <h3 class="font-bold text-white">LINE Official</h3> <a${addAttribute(`https://line.me/ti/p/${siteConfig.lineId}`, "href")} target="_blank" rel="noopener" class="text-primary-400 hover:text-primary-300">${siteConfig.lineId}</a> </div> </div> </div> </div> <div class="bg-primary-600 rounded-2xl p-8"> <h2 class="text-2xl font-bold text-white mb-6">เวลาทำการ</h2> <ul class="space-y-3"> ${workHours.map((item) => renderTemplate`<li class="flex justify-between"> <span class="text-primary-100">${item.day}</span> <span${addAttribute(`font-semibold ${item.isClosed ? "text-red-200" : "text-white"}`, "class")}>${item.hours}</span> </li>`)} </ul> </div> </div> </div> </main> ${renderComponent($$result2, "Footer", $$Footer, {})} ${renderComponent($$result2, "FloatingContact", $$FloatingContact, {})} ` })}`;
+}, "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/contact-us/index.astro", void 0);
+
+const $$file = "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/contact-us/index.astro";
+const $$url = "/contact-us.html";
+
+const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: $$Index,
+  file: $$file,
+  url: $$url
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const page = () => _page;
+
+export { page };

dealplustech-astro/dist/pages/index.astro.mjs

@@ -0,0 +1,59 @@
+/* empty css                                 */
+import { c as createComponent, r as renderComponent, a as renderTemplate, m as maybeRenderHead, b as addAttribute } from '../chunks/astro/server_BKaehDWP.mjs';
+import 'kleur/colors';
+import 'html-escaper';
+import { $ as $$BaseLayout, s as siteConfig, a as $$Header, d as productCategories, b as $$Footer, c as $$FloatingContact } from '../chunks/FloatingContact_CYVf7xCj.mjs';
+export { renderers } from '../renderers.mjs';
+
+const $$Index = createComponent(($$result, $$props, $$slots) => {
+  return renderTemplate`${renderComponent($$result, "BaseLayout", $$BaseLayout, { "title": "\u0E2B\u0E19\u0E49\u0E32\u0E41\u0E23\u0E01", "description": "\u0E1A\u0E23\u0E34\u0E29\u0E31\u0E17 \u0E14\u0E35\u0E25 \u0E1E\u0E25\u0E31\u0E2A \u0E40\u0E17\u0E04 \u0E08\u0E33\u0E01\u0E31\u0E14 - \u0E1C\u0E39\u0E49\u0E40\u0E0A\u0E35\u0E48\u0E22\u0E27\u0E0A\u0E32\u0E0D\u0E14\u0E49\u0E32\u0E19\u0E23\u0E30\u0E1A\u0E1A\u0E17\u0E48\u0E2D\u0E41\u0E25\u0E30 HVAC" }, { "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "Header", $$Header, {})} ${maybeRenderHead()}<main> <!-- Hero Section --> <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/ppr-pipe_000C.jpg" alt="ท่อพีพีอาร์คุณภาพสูง" class="absolute inset-0 w-full h-full object-cover opacity-50" loading="eager"> <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 leading-tight">
+วัสดุท่อ อุปกรณ์ HVAC
+<span class="text-primary-400 block">และฉนวนหุ้มท่อ</span> </h1> <p class="text-lg md:text-xl text-secondary-200 mb-8">
+จำหน่ายและติดตั้งท่อ PPR, ท่อ HDPE, กริลแอร์, เทอร์โมเบรค และอุปกรณ์ระบบท่อครบวงจร พร้อมบริการให้คำปรึกษาจากทีมมืออาชีพ
+</p> <div class="flex flex-wrap gap-4"> <a href="/product/" 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> <!-- Features Section --> <section class="py-16 bg-secondary-800"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <div class="text-center p-6"> <div class="w-16 h-16 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4"> <svg class="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path> </svg> </div> <h3 class="text-xl font-bold text-white mb-2">สินค้าคุณภาพ</h3> <p class="text-secondary-300">
+สินค้าทุกชิ้นผ่านมาตรฐานคุณภาพ พร้อมรับประกัน
+</p> </div> <div class="text-center p-6"> <div class="w-16 h-16 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4"> <svg class="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M13 10V3L4 14h7v7l9-11h-7z"></path> </svg> </div> <h3 class="text-xl font-bold text-white mb-2">จัดส่งรวดเร็ว</h3> <p class="text-secondary-300">
+จัดส่งสินค้าทั่วประเทศ รวดเร็วและปลอดภัย
+</p> </div> <div class="text-center p-6"> <div class="w-16 h-16 bg-primary-600 rounded-lg flex items-center justify-center mx-auto mb-4"> <svg class="w-8 h-8 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round"${addAttribute(2, "stroke-width")} d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z"></path> </svg> </div> <h3 class="text-xl font-bold text-white mb-2">บริการหลังการขาย</h3> <p class="text-secondary-300">
+ทีมงานพร้อมให้คำปรึกษาและดูแลอย่างต่อเนื่อง
+</p> </div> </div> </div> </section> <!-- Featured Products Section --> <section class="py-16 bg-secondary-50"> <div class="container mx-auto px-4"> <div class="text-center mb-12"> <h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-4">
+สินค้า<span class="text-primary-600">เด่น</span> </h2> <p class="text-secondary-600 text-lg">ผลิตภัณฑ์คุณภาพสูงที่ได้รับความนิยม</p> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> ${productCategories.slice(0, 3).map((product) => renderTemplate`<a${addAttribute(product.href, "href")} class="card group"> <div class="relative aspect-video bg-secondary-100 overflow-hidden"> <img${addAttribute(product.image, "src")}${addAttribute(product.name, "alt")} class="object-cover w-full h-48 group-hover:scale-105 transition-transform duration-300" loading="lazy"> </div> <div class="p-6"> <span class="text-xs text-primary-600 font-semibold">${product.nameEn}</span> <h3 class="text-lg font-bold text-secondary-900 mt-1 group-hover:text-primary-600 transition-colors"> ${product.name} </h3> <p class="mt-2 text-sm text-secondary-600 line-clamp-2"> ${product.shortDescription || product.description} </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"${addAttribute(2, "stroke-width")} d="M9 5l7 7-7 7"></path> </svg> </div> </div> </a>`)} </div> <div class="text-center mt-12"> <a href="/product/" class="btn-secondary">
+ดูสินค้าทั้งหมด
+</a> </div> </div> </section> <!-- CTA Section --> <section class="py-16 bg-primary-600"> <div class="container mx-auto px-4 text-center"> <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">
+พร้อมเริ่มโครงการของคุณ?
+</h2> <p class="text-primary-100 text-lg mb-8 max-w-2xl mx-auto">
+ติดต่อเราวันนี้เพื่อรับคำปรึกษาและใบเสนอราคาฟรี
+</p> <div class="flex flex-wrap justify-center gap-4"> <a${addAttribute(`tel:${siteConfig.phone}`, "href")} class="btn-secondary bg-white text-primary-600 hover:bg-primary-50">
+โทรหาเรา: ${siteConfig.phone} </a> <a href="/contact-us/" class="btn-outline border-white text-white hover:bg-white hover:text-primary-600">
+ส่งข้อความ
+</a> </div> </div> </section> <!-- About Section --> <section class="py-16"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"> <div> <h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">
+เกี่ยวกับ<span class="text-primary-600">${siteConfig.nameTh}</span> </h2> <p class="text-secondary-600 mb-4"> ${siteConfig.nameTh} เป็นผู้เชี่ยวชาญด้านวัสดุท่อและอุปกรณ์ระบบท่อครบวงจร 
+              ด้วยประสบการณ์มากกว่า 10 ปี เรามุ่งมั่นให้บริการสินค้าคุณภาพสูง 
+              พร้อมคำแนะนำจากทีมงานมืออาชีพ
+</p> <p class="text-secondary-600 mb-6">
+เราจำหน่ายท่อพีพีอาร์ ท่อ HDPE ท่อ PVC วาล์ว และอุปกรณ์ต่อท่อหลากหลายประเภท
+              รวมถึงอุปกรณ์แขวนท่อและอุปกรณ์ปรับอากาศ
+</p> <a href="/about-us/" class="btn-primary">
+เรียนรู้เพิ่มเติม
+</a> </div> <div class="relative aspect-video bg-secondary-100 rounded-xl overflow-hidden"> <img src="/images/2021/03/hdpe-pipe_000C.jpg" alt="เกี่ยวกับดีลพลัสเทค" class="object-cover w-full h-full" loading="lazy"> </div> </div> </div> </section> </main> ${renderComponent($$result2, "Footer", $$Footer, {})} ${renderComponent($$result2, "FloatingContact", $$FloatingContact, {})} ` })}`;
+}, "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/index.astro", void 0);
+
+const $$file = "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/index.astro";
+const $$url = "";
+
+const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: $$Index,
+  file: $$file,
+  url: $$url
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const page = () => _page;
+
+export { page };

dealplustech-astro/dist/pages/portfolio.astro.mjs

@@ -0,0 +1,27 @@
+/* empty css                                 */
+import { c as createComponent, r as renderComponent, a as renderTemplate, m as maybeRenderHead, b as addAttribute } from '../chunks/astro/server_BKaehDWP.mjs';
+import 'kleur/colors';
+import 'html-escaper';
+import { $ as $$BaseLayout, a as $$Header, p as portfolioProjects, b as $$Footer, c as $$FloatingContact } from '../chunks/FloatingContact_CYVf7xCj.mjs';
+export { renderers } from '../renderers.mjs';
+
+const $$Index = createComponent(($$result, $$props, $$slots) => {
+  return renderTemplate`${renderComponent($$result, "BaseLayout", $$BaseLayout, { "title": "\u0E1C\u0E25\u0E07\u0E32\u0E19\u0E02\u0E2D\u0E07\u0E40\u0E23\u0E32", "description": "\u0E1C\u0E25\u0E07\u0E32\u0E19\u0E42\u0E04\u0E23\u0E07\u0E01\u0E32\u0E23\u0E15\u0E48\u0E32\u0E07\u0E46 \u0E17\u0E35\u0E48\u0E14\u0E35\u0E25\u0E1E\u0E25\u0E31\u0E2A\u0E40\u0E17\u0E04\u0E44\u0E14\u0E49\u0E23\u0E48\u0E27\u0E21\u0E40\u0E1B\u0E47\u0E19\u0E2A\u0E48\u0E27\u0E19\u0E2B\u0E19\u0E36\u0E48\u0E07" }, { "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "Header", $$Header, {})} ${maybeRenderHead()}<main class="pt-32 pb-16"> <div class="container mx-auto px-4"> <div class="text-center mb-12"> <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-4">
+ผลงาน<span class="text-primary-600">ของเรา</span> </h1> <p class="text-xl text-secondary-600 max-w-2xl mx-auto">
+โครงการต่างๆ ที่เราได้ร่วมเป็นส่วนหนึ่งในการจัดหาวัสดุ
+</p> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> ${portfolioProjects.map((project) => renderTemplate`<a${addAttribute(project.href, "href")} class="card group cursor-pointer overflow-hidden"> <div class="relative aspect-video bg-secondary-100 overflow-hidden"> <img${addAttribute(project.image, "src")}${addAttribute(project.name, "alt")} class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" loading="lazy"> <div class="absolute inset-0 bg-gradient-to-t from-secondary-900/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> <div class="absolute bottom-0 left-0 right-0 p-4 translate-y-full group-hover:translate-y-0 transition-transform duration-300"> <h3 class="text-white font-bold">${project.name}</h3> </div> </div> <div class="p-4 bg-white group-hover:hidden"> <h3 class="text-lg font-bold text-secondary-900 mt-1">${project.name}</h3> <p class="text-sm text-secondary-600 mt-2 line-clamp-2">${project.description}</p> </div> </a>`)} </div> </div> </main> ${renderComponent($$result2, "Footer", $$Footer, {})} ${renderComponent($$result2, "FloatingContact", $$FloatingContact, {})} ` })}`;
+}, "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/portfolio/index.astro", void 0);
+
+const $$file = "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/portfolio/index.astro";
+const $$url = "/portfolio.html";
+
+const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: $$Index,
+  file: $$file,
+  url: $$url
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const page = () => _page;
+
+export { page };

dealplustech-astro/dist/pages/product.astro.mjs

@@ -0,0 +1,27 @@
+/* empty css                                 */
+import { c as createComponent, r as renderComponent, a as renderTemplate, m as maybeRenderHead, b as addAttribute } from '../chunks/astro/server_BKaehDWP.mjs';
+import 'kleur/colors';
+import 'html-escaper';
+import { $ as $$BaseLayout, a as $$Header, d as productCategories, b as $$Footer, c as $$FloatingContact } from '../chunks/FloatingContact_CYVf7xCj.mjs';
+export { renderers } from '../renderers.mjs';
+
+const $$Index = createComponent(($$result, $$props, $$slots) => {
+  return renderTemplate`${renderComponent($$result, "BaseLayout", $$BaseLayout, { "title": "\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32 - \u0E17\u0E48\u0E2D\u0E1E\u0E35\u0E1E\u0E35\u0E2D\u0E32\u0E23\u0E4C \u0E17\u0E48\u0E2D HDPE \u0E17\u0E48\u0E2D PVC \u0E27\u0E32\u0E25\u0E4C\u0E27 \u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C\u0E17\u0E48\u0E2D", "description": "\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32\u0E04\u0E23\u0E1A\u0E27\u0E07\u0E08\u0E23 \u0E17\u0E48\u0E2D\u0E1E\u0E35\u0E1E\u0E35\u0E2D\u0E32\u0E23\u0E4C \u0E17\u0E48\u0E2D HDPE \u0E17\u0E48\u0E2D PVC \u0E27\u0E32\u0E25\u0E4C\u0E27 \u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C\u0E41\u0E02\u0E27\u0E19\u0E17\u0E48\u0E2D \u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C\u0E1B\u0E23\u0E31\u0E1A\u0E2D\u0E32\u0E01\u0E32\u0E28 \u0E41\u0E25\u0E30\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C\u0E14\u0E31\u0E1A\u0E40\u0E1E\u0E25\u0E34\u0E07" }, { "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "Header", $$Header, {})} ${maybeRenderHead()}<main class="pt-32 pb-16"> <div class="container mx-auto px-4"> <div class="text-center mb-12"> <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-4">
+สินค้า<span class="text-primary-600">ทั้งหมด</span> </h1> <p class="text-xl text-secondary-600 max-w-2xl mx-auto">
+วัสดุท่อและอุปกรณ์ระบบท่อคุณภาพสูงครบวงจร
+</p> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6"> ${productCategories.map((product) => renderTemplate`<a${addAttribute(product.href, "href")} class="card group"> <div class="relative aspect-video bg-secondary-100"> <img${addAttribute(product.image, "src")}${addAttribute(product.name, "alt")} class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" loading="lazy"> </div> <div class="p-4"> <span class="text-xs text-primary-600 font-semibold">${product.nameEn}</span> <h3 class="text-lg font-bold text-secondary-900 mt-1 group-hover:text-primary-600 transition-colors"> ${product.name} </h3> <p class="text-secondary-600 text-sm mt-2 line-clamp-2"> ${product.shortDescription || product.description} </p> </div> </a>`)} </div> </div> </main> ${renderComponent($$result2, "Footer", $$Footer, {})} ${renderComponent($$result2, "FloatingContact", $$FloatingContact, {})} ` })}`;
+}, "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/product/index.astro", void 0);
+
+const $$file = "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/product/index.astro";
+const $$url = "/product.html";
+
+const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: $$Index,
+  file: $$file,
+  url: $$url
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const page = () => _page;
+
+export { page };

dealplustech-astro/dist/renderers.mjs

@@ -0,0 +1,3 @@
+const renderers = [];
+
+export { renderers };