/* 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 };