import { i as require_jsx_runtime } from "../_libs/react+tanstack__react-query.mjs";
import { h as Link } from "../_libs/@tanstack/react-router+[...].mjs";
import { i as SiteLayout, n as PageTitle, r as Prose, t as PageBody } from "./Layout-mJm59hV1.mjs";
import { t as categories } from "./catalog-CQ3AfDKO.mjs";
//#region node_modules/.nitro/vite/services/ssr/assets/categories-of-our-catalog-q5zZH8D4.js
var import_jsx_runtime = require_jsx_runtime();
function Page() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SiteLayout, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PageBody, { children: [
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageTitle, { children: "Categories of our catalog" }),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Prose, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Below is a comprehensive list of all product categories at Art Source International." }) }),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
			className: "mt-10 grid grid-cols-2 gap-6 sm:grid-cols-3 lg:grid-cols-5",
			children: categories.map((c) => {
				const parts = c.path.replace("/product-category/", "").split("/");
				const category = parts[0] ?? "";
				const subcategory = parts[1] ?? "all";
				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
					to: "/product-category/$category/$subcategory",
					params: {
						category,
						subcategory
					},
					className: "group border border-border bg-card p-3 text-center shadow-sm transition-shadow hover:shadow-md",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "flex h-44 items-center justify-center overflow-hidden",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							src: c.image,
							alt: c.name,
							loading: "lazy",
							className: "max-h-44 w-auto object-contain transition-transform duration-300 group-hover:scale-105"
						})
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
						className: "mt-3 font-display text-[17px] leading-tight text-maroon",
						children: [
							c.name,
							" (",
							c.count,
							")"
						]
					})]
				}, c.path);
			})
		})
	] }) });
}
//#endregion
export { Page as component };
