import { i as require_jsx_runtime } from "../_libs/react+tanstack__react-query.mjs";
import { i as SiteLayout, n as PageTitle, r as Prose, t as PageBody } from "./Layout-mJm59hV1.mjs";
import { n as toast } from "../_libs/sonner.mjs";
//#region node_modules/.nitro/vite/services/ssr/assets/contact-us-BOy_oc0U.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: "Contact us" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
		className: "mt-6 grid gap-12 lg:grid-cols-2",
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Prose, { children: [
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "We answer the phone and we answer email. If you are looking for a specific map, print or poster, tell us as much as you know and we will search the inventory." }),
			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: "Art Source International" }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
				"1237 Pearl Street",
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
				"Boulder, Colorado 80302",
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
				"(303) 444-4080",
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
				"info@artsourceinternational.org"
			] }),
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Monday – Saturday 10am – 6pm · Sunday 11am – 5pm" })
		] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
			onSubmit: (e) => {
				e.preventDefault();
				toast.success("Thank you — we'll reply shortly.");
				e.currentTarget.reset();
			},
			className: "h-fit border border-border bg-card p-6 shadow-sm",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
				className: "font-display text-2xl text-maroon",
				children: "Send a message"
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mt-4 space-y-4",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
						htmlFor: "name",
						className: "block text-sm font-semibold text-maroon",
						children: "Name"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
						id: "name",
						required: true,
						maxLength: 120,
						className: "mt-1 w-full border border-input bg-background px-3 py-2 outline-none focus:border-gold"
					})] }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
						htmlFor: "email",
						className: "block text-sm font-semibold text-maroon",
						children: "Email"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
						id: "email",
						type: "email",
						required: true,
						maxLength: 255,
						className: "mt-1 w-full border border-input bg-background px-3 py-2 outline-none focus:border-gold"
					})] }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
						htmlFor: "message",
						className: "block text-sm font-semibold text-maroon",
						children: "Message"
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
						id: "message",
						rows: 6,
						required: true,
						maxLength: 2e3,
						className: "mt-1 w-full border border-input bg-background px-3 py-2 outline-none focus:border-gold"
					})] }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
						type: "submit",
						className: "w-full bg-maroon px-5 py-3 uppercase tracking-wide text-primary-foreground hover:bg-maroon-dark",
						children: "Send message"
					})
				]
			})]
		})]
	})] }) });
}
//#endregion
export { Page as component };
