import { h as Link } from "../_libs/@tanstack/react-router+[...].mjs";
import { y as require_jsx_runtime } from "../_libs/@radix-ui/react-accordion+[...].mjs";
import { r as SITE, t as Button } from "./button-BJ7sUxAL.mjs";
import { r as useSuspenseQuery } from "../_libs/tanstack__react-query.mjs";
import { r as Phone, s as MapPin, u as Instagram } from "../_libs/lucide-react.mjs";
import { i as SiteLayout, r as PageHeader } from "./SiteLayout-BB0n_2xh.mjs";
import { t as settingsQO } from "./kontakt-CfGdeJP1.mjs";
//#region node_modules/.nitro/vite/services/ssr/assets/kontakt-BO2G08la.js
var import_jsx_runtime = require_jsx_runtime();
function KontaktPage() {
	const { data: s } = useSuspenseQuery(settingsQO);
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SiteLayout, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageHeader, {
		title: "Kontakt",
		intro: "Salon lepote u centru Novog Sada."
	}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
		className: "mx-auto grid max-w-5xl gap-10 px-4 py-10 md:grid-cols-2",
		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
			className: "space-y-4",
			children: [
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
					className: "text-2xl",
					children: "Švonja Beauty"
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "space-y-3 text-muted-foreground",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
							className: "flex items-start gap-2",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "mt-0.5 h-4 w-4 text-primary shrink-0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: s.salon_address || SITE.address })]
						}),
						s.salon_phone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
							className: "flex items-center gap-2",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Phone, { className: "h-4 w-4 text-primary shrink-0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
								href: `tel:${s.salon_phone}`,
								className: "hover:text-primary",
								children: s.salon_phone
							})]
						}),
						s.salon_instagram && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
							className: "flex items-center gap-2",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Instagram, { className: "h-4 w-4 text-primary shrink-0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
								href: `https://instagram.com/${s.salon_instagram.replace(/^@/, "")}`,
								target: "_blank",
								rel: "noreferrer",
								className: "hover:text-primary",
								children: ["@", s.salon_instagram.replace(/^@/, "")]
							})]
						})
					]
				}),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
					className: "text-lg mt-6",
					children: "Radno vreme"
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", {
					className: "mt-2 text-sm text-muted-foreground space-y-1",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: "Pon – Pet: 09:00 – 19:00" }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: "Subota: 09:00 – 15:00" }),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: "Nedelja: neradno" })
					]
				})] }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
					className: "text-lg mt-6",
					children: "Kako doći"
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "mt-1 text-sm text-muted-foreground",
					children: "Salon se nalazi u centru Novog Sada. U blizini je više autobuskih linija i parking mesta."
				})] }),
				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
					asChild: true,
					size: "lg",
					className: "mt-4",
					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
						to: "/zakazivanje",
						children: "Zakaži termin"
					})
				})
			]
		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
			className: "overflow-hidden rounded-2xl border border-border/60",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("iframe", {
				title: "Mapa",
				src: SITE.mapEmbed,
				className: "h-full min-h-[400px] w-full",
				loading: "lazy"
			})
		})]
	})] });
}
//#endregion
export { KontaktPage as component };
