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, t as PageBody } from "./Layout-mJm59hV1.mjs";
import { r as products } from "./catalog-CQ3AfDKO.mjs";
import { n as ProductCard } from "./Collection-MT6nxUuh.mjs";
import { t as Route } from "./shop._slug-CYVYAZJS.mjs";
//#region node_modules/.nitro/vite/services/ssr/assets/shop._slug-_ekmRc-e.js
var import_jsx_runtime = require_jsx_runtime();
function Page() {
	const { product } = Route.useLoaderData();
	const related = products.filter((p) => p.category === product.category && p.slug !== product.slug).slice(0, 3);
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SiteLayout, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PageBody, { children: [
		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", {
			className: "mb-6 text-sm text-muted-foreground",
			children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
					to: "/",
					className: "hover:text-maroon",
					children: "Home"
				}),
				" ",
				"/",
				" ",
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
					to: "/browse-all",
					className: "hover:text-maroon",
					children: "Shop"
				}),
				" ",
				"/ ",
				product.title
			]
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "grid gap-10 lg:grid-cols-2",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
				className: "border border-border bg-card p-6",
				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
					src: product.image,
					alt: product.title,
					className: "mx-auto max-h-[560px] w-auto object-contain"
				})
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
					className: "font-display text-3xl text-maroon sm:text-4xl",
					children: product.title
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "mt-4 text-2xl text-foreground",
					children: product.price
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "mt-6 space-y-4 text-[17px] leading-relaxed text-foreground/90",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "An original piece from the Art Source International collection in Boulder, Colorado. Each item is examined by our staff, described accurately and guaranteed authentic." }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
						"Conservation-quality",
						" ",
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
							to: "/custom-framing",
							className: "text-maroon underline",
							children: "custom framing"
						}),
						" ",
						"is available in-house. Contact us for exact measurements, condition notes or additional photography."
					] })]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
					className: "mt-8 grid grid-cols-2 gap-y-3 border-t border-border pt-6 text-[15px]",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
							className: "text-muted-foreground",
							children: "Category"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: product.category.replace(/-/g, " ") }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
							className: "text-muted-foreground",
							children: "Availability"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: "In stock — Boulder gallery" }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
							className: "text-muted-foreground",
							children: "Shipping"
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: "Free on orders over $100" })
					]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
					to: "/contact-us",
					className: "mt-8 inline-block bg-maroon px-6 py-3 uppercase tracking-wide text-primary-foreground hover:bg-maroon-dark",
					children: "Enquire about this item"
				})
			] })]
		}),
		related.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
			className: "mt-16",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
				className: "font-display text-3xl text-maroon",
				children: "Related items"
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
				className: "mt-6 grid gap-6 sm:grid-cols-2 xl:grid-cols-3",
				children: related.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProductCard, { product: p }, p.slug))
			})]
		})
	] }) });
}
//#endregion
export { Page as component };
