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 { n as CardContent, t as Card } from "./card-BuMrzT75.mjs";
import { a as MessageCircle, d as Heart, f as Clock, n as Sparkles, s as MapPin } from "../_libs/lucide-react.mjs";
import { i as SiteLayout, n as IMG, t as GALLERY } from "./SiteLayout-BB0n_2xh.mjs";
import { i as AccordionTrigger, n as AccordionContent, r as AccordionItem, t as Accordion } from "./accordion-BTEQT_w9.mjs";
//#region node_modules/.nitro/vite/services/ssr/assets/routes-4Ftksg_a.js
var import_jsx_runtime = require_jsx_runtime();
var services = [
	{
		to: "/nokti",
		title: "Nokti i manikir",
		desc: "Gel lak, ojačavanje, French, izlivanje"
	},
	{
		to: "/nokti",
		title: "Pedikir",
		desc: "Gel lak pedikir – uredan i dugotrajan"
	},
	{
		to: "/nokti",
		title: "ORLY tretmani",
		desc: "Gel lak i ojačavanje ORLY sistemom"
	},
	{
		to: "/depilacija",
		title: "Depilacija",
		desc: "Hladan vosak, puter vosak, šećerna pasta"
	}
];
var reasons = [
	{
		icon: Heart,
		title: "Pažljiv rad",
		text: "Priprema nokta i završna obrada bez žurbe."
	},
	{
		icon: Sparkles,
		title: "Uredan salon",
		text: "Čist prostor, sterilizovan alat, prijatna atmosfera."
	},
	{
		icon: Clock,
		title: "Online zakazivanje",
		text: "Termin izaberete u par klikova, bilo kad."
	},
	{
		icon: MessageCircle,
		title: "SMS potvrda",
		text: "Potvrda i podsetnik na vaš telefon."
	}
];
function Home() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SiteLayout, { children: [
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
			className: "relative overflow-hidden",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mx-auto grid max-w-6xl gap-10 px-4 py-14 md:grid-cols-2 md:items-center md:py-24",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "text-xs uppercase tracking-[0.25em] text-primary",
						children: "Salon lepote · Novi Sad"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
						className: "mt-3 text-4xl leading-[1.05] md:text-6xl",
						children: "Nokti, pedikir i depilacija u Novom Sadu"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "mt-5 text-base md:text-lg text-muted-foreground max-w-lg",
						children: "Švonja Beauty je salon lepote u Gajevoj 14 u Novom Sadu, specijalizovan za uredne nokte, manikir, pedikir, ORLY tretmane i depilaciju."
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
						className: "mt-8 flex flex-wrap gap-3",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
							asChild: true,
							size: "lg",
							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
								to: "/zakazivanje",
								children: "Zakaži termin"
							})
						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
							asChild: true,
							variant: "outline",
							size: "lg",
							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
								to: "/cenovnik",
								children: "Pogledaj cenovnik"
							})
						})]
					})
				] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "relative",
					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "overflow-hidden rounded-3xl shadow-xl",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							src: IMG.hero,
							alt: "Enterijer Švonja Beauty salon Novi Sad – ogledalo i polica sa lakovima",
							className: "aspect-[4/5] w-full object-cover"
						})
					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "absolute -bottom-6 -left-6 hidden rounded-2xl bg-background p-4 shadow-lg md:block",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
							src: IMG.logo,
							alt: "Švonja Beauty",
							className: "h-16 w-auto"
						})
					})]
				})]
			})
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
			className: "mx-auto max-w-6xl px-4 py-16",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mb-10 text-center",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
					className: "text-3xl md:text-4xl",
					children: "Naše usluge"
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
					className: "mt-3 text-muted-foreground",
					children: "Šta možete zakazati kod nas"
				})]
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
				className: "grid gap-5 sm:grid-cols-2 lg:grid-cols-4",
				children: services.map((s) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
					to: s.to,
					className: "group",
					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, {
						className: "h-full border-border/60 transition-shadow hover:shadow-md",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
							className: "p-6",
							children: [
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
									className: "text-xl",
									children: s.title
								}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
									className: "mt-2 text-sm text-muted-foreground",
									children: s.desc
								}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
									className: "mt-4 inline-block text-sm text-primary group-hover:underline",
									children: "Saznaj više →"
								})
							]
						})
					})
				}, s.title))
			})]
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
			className: "border-y border-border/60 bg-secondary/30",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mx-auto max-w-6xl px-4 py-16",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "mb-10 text-center",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
							className: "text-3xl md:text-4xl",
							children: "Zašto Švonja Beauty"
						})
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
						className: "grid gap-6 sm:grid-cols-2 lg:grid-cols-4",
						children: reasons.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
							className: "rounded-2xl bg-background p-6 border border-border/60",
							children: [
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(r.icon, { className: "h-6 w-6 text-primary" }),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
									className: "mt-4 text-lg",
									children: r.title
								}),
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
									className: "mt-1 text-sm text-muted-foreground",
									children: r.text
								})
							]
						}, r.title))
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "mt-8 text-center text-sm text-muted-foreground",
						children: "Dve osobe u salonu — Svetlana za nokte, pedikir i ORLY, Milica za depilaciju."
					})
				]
			})
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
			className: "mx-auto max-w-6xl px-4 py-16",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mb-8 flex items-end justify-between",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
					className: "text-3xl md:text-4xl",
					children: "Naš salon"
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
					to: "/galerija",
					className: "text-sm text-primary hover:underline",
					children: "Cela galerija →"
				})]
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
				className: "grid gap-3 sm:grid-cols-2 md:grid-cols-3",
				children: GALLERY.slice(0, 3).map((g) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
					className: "overflow-hidden rounded-2xl",
					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
						src: g.src,
						alt: g.alt,
						loading: "lazy",
						className: "aspect-square w-full object-cover transition-transform hover:scale-105"
					})
				}, g.src))
			})]
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
			className: "border-t border-border/60 bg-secondary/30",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "mx-auto grid max-w-6xl gap-8 px-4 py-16 md:grid-cols-2 md:items-center",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
						className: "text-3xl md:text-4xl",
						children: "Lokacija"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
						className: "mt-3 flex items-center gap-2 text-muted-foreground",
						children: [
							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MapPin, { className: "h-4 w-4 text-primary" }),
							" ",
							SITE.address
						]
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "mt-4 max-w-md text-muted-foreground",
						children: "Salon se nalazi u centru Novog Sada. U blizini je javni prevoz i parking."
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
						asChild: true,
						className: "mt-6",
						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: "Švonja Beauty lokacija",
						src: SITE.mapEmbed,
						className: "h-72 w-full",
						loading: "lazy"
					})
				})]
			})
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
			className: "mx-auto max-w-3xl px-4 py-16",
			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
				className: "text-3xl md:text-4xl text-center",
				children: "Česta pitanja"
			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Accordion, {
				type: "single",
				collapsible: true,
				className: "mt-8",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
						value: "q1",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, { children: "Kako da zakažem termin?" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, { children: "Zakazivanje ide preko dugmeta „Zakaži termin\". Izaberete uslugu, datum i vreme, ostavite telefon i dobijate SMS potvrdu." })]
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
						value: "q2",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, { children: "Da li mogu otkazati termin?" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, { children: "Naravno. Molimo vas javite nam bar 24h ranije kako bismo mogli ponuditi termin nekom drugom." })]
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AccordionItem, {
						value: "q3",
						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionTrigger, { children: "Koje načine plaćanja prihvatate?" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionContent, { children: "Plaćanje se vrši gotovinski u salonu nakon završenog tretmana." })]
					})
				]
			})]
		}),
		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
			className: "mx-auto max-w-6xl px-4 pb-20",
			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
				className: "rounded-3xl bg-primary text-primary-foreground p-10 text-center md:p-14",
				children: [
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
						className: "text-3xl md:text-4xl",
						children: "Spremni za termin?"
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
						className: "mt-3 text-primary-foreground/80",
						children: "Izaberite uslugu i termin — potvrda stiže odmah."
					}),
					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
						asChild: true,
						size: "lg",
						variant: "secondary",
						className: "mt-6",
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
							to: "/zakazivanje",
							children: "Zakaži termin"
						})
					})
				]
			})
		})
	] });
}
//#endregion
export { Home as component };
