import { T as __toESM, b as require_react, t as require_jsx_runtime } from "../index.js";
import { a as waLink, i as isClinicOpen, t as CLINIC } from "./clinic-CiEEmMP0.js";
import { n as InnerPage, t as InnerHero } from "./InnerPage-D1ekgyfU.js";
//#region app/contact/page.tsx
var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
var import_jsx_runtime = require_jsx_runtime();
function Contact() {
	const [sent, setSent] = (0, import_react.useState)(false);
	const submit = (e) => {
		e.preventDefault();
		const f = new FormData(e.currentTarget);
		const subject = encodeURIComponent(String(f.get("subject")));
		const body = encodeURIComponent(`Name: ${f.get("name")}\nPhone: ${f.get("phone")}\n\n${f.get("message")}`);
		window.location.href = `mailto:${CLINIC.email}?subject=${subject}&body=${body}`;
		setSent(true);
	};
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InnerPage, { children: [
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerHero, {
			kicker: "Contact us",
			title: "We’re here to help.",
			copy: "Call, WhatsApp, email or visit the studio."
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
			className: "contact-layout",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "contact-card",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", {
						className: isClinicOpen() ? "status-open" : "status-closed",
						children: isClinicOpen() ? "Open now" : "Closed now"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: CLINIC.address }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: `tel:${CLINIC.phoneRaw}`,
						children: CLINIC.phoneDisplay
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: `mailto:${CLINIC.email}`,
						children: CLINIC.email
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: waLink("Hello Luméa Dental, I need help."),
						children: "Chat on WhatsApp"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
						href: CLINIC.mapUrl,
						children: "Get directions ↗"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
						CLINIC.hours.label,
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
						"Sunday · Closed"
					] })
				]
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
				onSubmit: submit,
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: ["Name", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
						required: true,
						name: "name"
					})] }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: ["Phone", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
						required: true,
						name: "phone",
						inputMode: "tel"
					})] }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: ["Email", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
						required: true,
						name: "email",
						type: "email"
					})] }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: ["Subject", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
						required: true,
						name: "subject"
					})] }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: ["Message", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
						required: true,
						name: "message",
						rows: 5
					})] }),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
						className: "honeypot",
						name: "website",
						tabIndex: -1
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
						type: "submit",
						children: "Send message"
					}),
					sent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						role: "status",
						children: "Your email app has been opened with the message ready."
					})
				]
			})]
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
			className: "contact-faq",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: "Frequently asked" }), [
				"Do you accept emergency visits?",
				"Can I book on WhatsApp?",
				"Is parking available?"
			].map((q, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("summary", { children: q }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: i === 0 ? "Yes. Call us and we will guide you to the earliest available slot." : i === 1 ? "Yes. Use any WhatsApp action on this website for a pre-filled message." : "Please contact reception before your visit for the closest available parking." })] }, q))]
		})
	] });
}
//#endregion
export { Contact as default };
