import { a as __toESM } from "../_runtime.mjs";
import { t as motion } from "../_libs/framer-motion.mjs";
import { n as require_react, r as require_jsx_runtime } from "../_libs/react+tanstack__react-query.mjs";
import { h as Link } from "../_libs/@tanstack/react-router+[...].mjs";
import { F as House, K as Check, x as Phone } from "../_libs/lucide-react.mjs";
//#region node_modules/.nitro/vite/services/ssr/assets/thank-you-BOLcorTE.js
var import_react = /* @__PURE__ */ __toESM(require_react());
var import_jsx_runtime = require_jsx_runtime();
function ThankYouPage({ heading, subHeadline = "Our team is reviewing your details and will get back to you within 24 hours.", phone = "(888) 391-7298", onTrackConversions }) {
	const [lead, setLead] = (0, import_react.useState)({
		name: "",
		email: ""
	});
	(0, import_react.useEffect)(() => {
		if (typeof window === "undefined") return;
		const params = new URLSearchParams(window.location.search);
		setLead({
			name: (params.get("name") ?? "").trim().slice(0, 80),
			email: (params.get("email") ?? "").trim().slice(0, 120)
		});
	}, []);
	const displayName = lead.name || lead.email;
	const resolvedHeading = heading ?? (displayName ? `Thank you, ${displayName}! We've received your request.` : "Thank You! We've received your request.");
	/**
	* =========================================================
	* CONVERSION TRACKING — fires exactly once on mount
	* =========================================================
	*
	* Replace the placeholder blocks below with your real tracking IDs.
	* The window.gtag and window.fbq globals are injected by the
	* Google Analytics 4 and Meta Pixel scripts in your site <head>.
	*/
	(0, import_react.useEffect)(() => {
		console.log("[GA4] Placeholder: gtag('event', 'generate_lead') should fire here.");
		console.log("[Meta Pixel] Placeholder: fbq('track', 'Lead') should fire here.");
		if (typeof window !== "undefined" && onTrackConversions) onTrackConversions();
	}, [onTrackConversions]);
	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
		className: "relative flex min-h-screen items-center justify-center overflow-hidden bg-zinc-950 px-4 py-20",
		children: [
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
				className: "pointer-events-none absolute inset-0",
				"aria-hidden": "true",
				style: { background: "radial-gradient(circle at 20% 30%, rgba(124, 58, 237, 0.22), transparent 40%), radial-gradient(circle at 80% 70%, rgba(59, 130, 246, 0.18), transparent 45%), radial-gradient(circle at 50% 50%, rgba(16, 185, 129, 0.06), transparent 60%)" }
			}),
			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pointer-events-none absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTAgNDBMODAgMCIgc3Ryb2tlPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDMpIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4=')] opacity-40" }),
			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(motion.div, {
				initial: {
					opacity: 0,
					y: 24
				},
				animate: {
					opacity: 1,
					y: 0
				},
				transition: {
					duration: .6,
					ease: [
						.22,
						1,
						.36,
						1
					]
				},
				className: "relative z-10 w-full max-w-xl text-center",
				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(motion.div, {
					initial: {
						scale: .5,
						opacity: 0
					},
					animate: {
						scale: 1,
						opacity: 1
					},
					transition: {
						delay: .15,
						duration: .5,
						type: "spring",
						stiffness: 200
					},
					className: "mx-auto mb-8 flex h-24 w-24 items-center justify-center rounded-full bg-emerald-500/10 shadow-[0_0_40px_-10px_rgba(16,185,129,0.45)] ring-1 ring-emerald-500/30",
					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(motion.div, {
						initial: { pathLength: 0 },
						animate: { pathLength: 1 },
						transition: {
							delay: .35,
							duration: .4
						},
						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, {
							className: "h-12 w-12 text-emerald-400",
							strokeWidth: 2.5
						})
					})
				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
					className: "rounded-3xl border border-white/10 bg-white/[0.03] p-8 shadow-2xl backdrop-blur-xl md:p-12",
					children: [
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(motion.h1, {
							initial: {
								opacity: 0,
								y: 12
							},
							animate: {
								opacity: 1,
								y: 0
							},
							transition: {
								delay: .25,
								duration: .5
							},
							className: "font-display text-3xl font-bold leading-tight text-white md:text-4xl",
							children: resolvedHeading
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(motion.p, {
							initial: {
								opacity: 0,
								y: 12
							},
							animate: {
								opacity: 1,
								y: 0
							},
							transition: {
								delay: .35,
								duration: .5
							},
							className: "mt-4 text-base leading-relaxed text-zinc-300 md:text-lg",
							children: subHeadline
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(motion.div, {
							initial: {
								opacity: 0,
								y: 12
							},
							animate: {
								opacity: 1,
								y: 0
							},
							transition: {
								delay: .45,
								duration: .5
							},
							className: "mt-6 inline-flex items-center justify-center gap-2 rounded-full border border-white/10 bg-white/5 px-4 py-2 text-sm font-medium text-zinc-300",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "h-2 w-2 rounded-full bg-emerald-400 animate-pulse" }), "Status: submitted successfully"]
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(motion.div, {
							initial: {
								opacity: 0,
								y: 12
							},
							animate: {
								opacity: 1,
								y: 0
							},
							transition: {
								delay: .55,
								duration: .5
							},
							className: "mt-8 flex flex-col items-center gap-3 sm:flex-row sm:justify-center",
							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
								to: "/",
								className: "group inline-flex w-full items-center justify-center gap-2 whitespace-nowrap rounded-full bg-brand px-7 py-3.5 text-sm font-bold uppercase tracking-wider text-brand-foreground shadow-lg shadow-brand/25 transition-all duration-200 hover:scale-105 hover:shadow-brand/40 focus:outline-none focus:ring-2 focus:ring-brand/50 focus:ring-offset-2 focus:ring-offset-zinc-950 sm:w-auto",
								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(House, { className: "h-4 w-4 transition-transform duration-200 group-hover:-translate-y-0.5" }), "Return to Homepage"]
							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", {
								href: `tel:${phone.replace(/\D/g, "")}`,
								className: "inline-flex w-full items-center justify-center gap-2 whitespace-nowrap rounded-full border border-white/15 bg-white/5 px-7 py-3.5 text-sm font-semibold text-white transition-all duration-200 hover:bg-white/10 hover:scale-105 focus:outline-none focus:ring-2 focus:ring-white/20 sm:w-auto",
								children: [
									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Phone, { className: "h-4 w-4" }),
									"Call ",
									phone
								]
							})]
						}),
						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(motion.p, {
							initial: { opacity: 0 },
							animate: { opacity: 1 },
							transition: {
								delay: .7,
								duration: .5
							},
							className: "mt-6 text-xs text-zinc-500",
							children: [
								"Have questions? Email us at",
								" ",
								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
									href: "mailto:hello@wixwebsupport.com",
									className: "text-zinc-300 underline underline-offset-2 hover:text-white",
									children: "hello@wixwebsupport.com"
								})
							]
						})
					]
				})]
			})
		]
	});
}
function ThankYouRouteComponent() {
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
		className: "-mt-0",
		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThankYouPage, {})
	});
}
//#endregion
export { ThankYouRouteComponent as component };
