const { useState, useEffect, useRef, useMemo } = React;
function AnnouncementBar({ centrumName }) {
  const fallback = useMemo(() => [
    "R\xE9ka \xE9pp adott \xB7 +10.000 Ft",
    `Most szabadult fel: ${centrumName || "Nyugati"} \xB7 14:30`,
    "B\xE1lint \xE9pp adott \xB7 +40.000 Ft",
    "Ma 23-an foglaltak \u2014 est\xE9re m\xE9g 7 hely van",
    `Most szabadult fel: ${centrumName || "Nyugati"} \xB7 16:15`,
    "Tam\xE1s \xE9pp adott \xB7 +15.000 Ft",
    "Anna \xE9pp foglalt \xB7 holnap 09:00"
  ], [centrumName]);
  const messages = useLiveMessages(fallback);
  const [idx, setIdx] = useState(0);
  useEffect(() => {
    const t = setInterval(() => setIdx((i) => (i + 1) % messages.length), 3200);
    return () => clearInterval(t);
  }, [messages.length]);
  return /* @__PURE__ */ React.createElement("div", { className: "sticky top-0 z-50 bg-ink text-white border-b border-white/10 overflow-hidden", style: { height: 30 } }, /* @__PURE__ */ React.createElement("div", { className: "h-full px-3 lg:px-6 max-w-7xl mx-auto flex items-center justify-between gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-success animate-pulse shrink-0", "aria-hidden": true }), /* @__PURE__ */ React.createElement("span", { className: "mono text-[10.5px] lg:text-[11.5px] uppercase tracking-wider text-white/60 shrink-0" }, "LIVE"), /* @__PURE__ */ React.createElement("span", { key: idx, className: "mono text-[11.5px] lg:text-[12.5px] truncate soft-up", style: { animationDuration: "300ms" } }, messages[idx])), /* @__PURE__ */ React.createElement("span", { className: "mono text-[10.5px] lg:text-[11.5px] text-white/45 hidden sm:inline shrink-0" }, "3 centrum nyitva")));
}
function TopNav({ onOpenSheet, onCta }) {
  return /* @__PURE__ */ React.createElement(
    "header",
    {
      className: "sticky z-40 h-14 lg:h-16 flex items-center",
      style: { top: 30, background: "rgba(250,250,248,0.85)", backdropFilter: "blur(14px)", WebkitBackdropFilter: "blur(14px)", borderBottom: "1px solid rgba(232,232,226,0.7)" }
    },
    /* @__PURE__ */ React.createElement("div", { className: "w-full px-5 lg:px-12 max-w-7xl mx-auto flex items-center justify-between" }, /* @__PURE__ */ React.createElement("a", { href: "#", className: "flex items-center group", title: "Plazmacentrum" }, /* @__PURE__ */ React.createElement("img", { src: "assets/logo.png", alt: "Plazmacentrum", className: "h-6 lg:h-7 w-auto" })), /* @__PURE__ */ React.createElement("nav", { className: "hidden lg:flex items-center gap-8 text-[14px] text-ink/70" }, /* @__PURE__ */ React.createElement("a", { href: "#how", className: "hover:text-ink transition" }, "Hogy zajlik"), /* @__PURE__ */ React.createElement("a", { href: "#booking", className: "hover:text-ink transition" }, "Foglal\xF3"), /* @__PURE__ */ React.createElement("a", { href: "#faq", className: "hover:text-ink transition" }, "GYIK"), /* @__PURE__ */ React.createElement("a", { href: "#centrums", className: "hover:text-ink transition" }, "Centrumok")), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("button", { onClick: onCta, className: "hidden lg:flex h-10 px-4 rounded-xl bg-ink text-white text-[13.5px] font-medium items-center gap-1.5 active:scale-95 transition" }, "Foglalok ", /* @__PURE__ */ React.createElement(IArrow, { size: 14 })), /* @__PURE__ */ React.createElement("button", { onClick: onOpenSheet, "aria-label": "Menu", className: "lg:hidden w-9 h-9 -mr-2 flex items-center justify-center text-ink/80 active:scale-95 transition" }, /* @__PURE__ */ React.createElement(IMenu, { size: 22 }))))
  );
}
function CentrumToggle({ value, onChange, sticky = false, compact = false }) {
  const items = ["nyugati", "blaha", "baja"];
  return /* @__PURE__ */ React.createElement(
    "div",
    {
      className: sticky ? "sticky top-14 lg:top-16 z-30 py-2 -mt-2 border-b border-border" : "",
      style: sticky ? { background: "rgba(250,250,248,0.85)", backdropFilter: "blur(14px)" } : {}
    },
    /* @__PURE__ */ React.createElement("div", { className: "max-w-3xl mx-auto px-5 lg:px-12 " + (sticky ? "py-1" : "") }, /* @__PURE__ */ React.createElement("div", { role: "tablist", className: "relative grid grid-cols-3 gap-1 p-1 rounded-2xl border border-border " + (sticky ? "bg-white/70" : "bg-white/80") }, items.map((k) => {
      const c = CENTRUMS[k];
      const active = value === k;
      return /* @__PURE__ */ React.createElement(
        "button",
        {
          key: k,
          role: "tab",
          "aria-selected": active,
          onClick: () => onChange(k),
          className: "relative h-10 lg:h-11 rounded-xl text-[14px] lg:text-[14.5px] font-medium flex items-center justify-center gap-1.5 transition " + (active ? "bg-ink text-white shadow-sm" : "text-ink/65 hover:text-ink")
        },
        /* @__PURE__ */ React.createElement(IPin, { size: 14, className: "opacity-90" }),
        /* @__PURE__ */ React.createElement("span", null, c.name)
      );
    })))
  );
}
function GeoToast({ centrum, dark = false }) {
  return /* @__PURE__ */ React.createElement("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full text-[12px] whitespace-nowrap " + (dark ? "bg-white/10 text-white border border-white/15" : "bg-white text-ink/70 border border-border") }, /* @__PURE__ */ React.createElement("span", { className: "inline-block w-1.5 h-1.5 rounded-full bg-success" }), /* @__PURE__ */ React.createElement("span", { className: "mono", "data-comment-anchor": "c163c4008e-span-74-7" }, "Te most: Budapest \xB7 ", centrum.name, " ", centrum.distance));
}
function LiveTicker({ centrum }) {
  const fallback = useMemo(() => [
    "R\xE9ka \xE9pp adott \xB7 +10.000 Ft",
    `Most szabadult fel: ${centrum.name} \xB7 14:30`,
    "Ma 23-an foglaltak \u2014 est\xE9re m\xE9g 7 hely van",
    "B\xE1lint \xE9pp adott \xB7 +40.000 Ft",
    `Most szabadult fel: ${centrum.name} \xB7 16:15`
  ], [centrum.name]);
  const messages = useLiveMessages(fallback);
  const [idx, setIdx] = useState(0);
  useEffect(() => {
    const t = setInterval(() => {
      setIdx((i) => (i + 1) % Math.max(1, messages.length));
    }, 2800);
    return () => clearInterval(t);
  }, [messages.length]);
  const displayText = messages[idx % Math.max(1, messages.length)] || "";
  return /* @__PURE__ */ React.createElement("div", { className: "absolute top-4 left-4 right-4 flex items-center justify-between gap-2 pointer-events-none" }, /* @__PURE__ */ React.createElement("div", { key: idx, className: "bg-white border-2 border-ink rounded-full px-3 py-1.5 flex items-center gap-2 text-[11px] mono text-ink overflow-hidden max-w-[78%] soft-up", style: { animationDuration: "260ms" } }, /* @__PURE__ */ React.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-success animate-pulse shrink-0" }), /* @__PURE__ */ React.createElement("span", { className: "truncate" }, "LIVE \xB7 ", displayText)), /* @__PURE__ */ React.createElement("div", { className: "bg-accent text-white rounded-full px-2.5 py-1.5 text-[11px] mono shrink-0 border-2 border-ink uppercase tracking-wider" }, "V\xE9rad\xE1s"));
}
function Hero({ centrum, onCta, centrumKey, onCentrumChange }) {
  const [n, setN] = useState(0);
  useEffect(() => {
    const start = performance.now();
    const target = 5e4;
    let raf;
    const tick = (t) => {
      const p = Math.min(1, (t - start) / 1100);
      const eased = 1 - Math.pow(1 - p, 3);
      setN(Math.round(target * eased / 100) * 100);
      if (p < 1) raf = requestAnimationFrame(tick);
    };
    raf = requestAnimationFrame(tick);
    return () => cancelAnimationFrame(raf);
  }, []);
  const fmt = (v) => v.toLocaleString("hu-HU").replace(/\u00a0/g, ".");
  return /* @__PURE__ */ React.createElement("section", { className: "relative bg-bg overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 paper pointer-events-none opacity-30" }), /* @__PURE__ */ React.createElement("div", { className: "absolute -left-32 top-20 w-[520px] h-[520px] rounded-full opacity-60 blur-3xl pointer-events-none", style: { background: "#F5F0E8" } }), /* @__PURE__ */ React.createElement("div", { className: "relative px-5 lg:px-12 pt-6 lg:pt-12 pb-16 lg:pb-24 max-w-7xl mx-auto", "data-comment-anchor": "4ff641181b-div-105-7" }, /* @__PURE__ */ React.createElement("div", { className: "inline-flex items-center gap-1.5 rounded-full bg-ink/5 text-ink/70 text-[12.5px] lg:text-[13.5px] px-3.5 py-1.5 mb-3" }, /* @__PURE__ */ React.createElement(ICheck, { size: 15 }), " ", /* @__PURE__ */ React.createElement("span", { className: "font-bold text-ink" }, "V\xE9rplazma-ad\xE1s"), " orvosi fel\xFCgyelet mellett"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-accent text-white text-[12px] mono whitespace-nowrap font-semibold" }, /* @__PURE__ */ React.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-white animate-pulse" }), "akci\xF3 \xB7 j\xFAnius 30-ig"), /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-ink text-white text-[12px] mono whitespace-nowrap" }, /* @__PURE__ */ React.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-success animate-pulse" }), "3 centrum nyitva"), /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-ink text-white text-[12px] mono whitespace-nowrap" }, /* @__PURE__ */ React.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-butter" }), "k\xE9szp\xE9nz, azonnal")), /* @__PURE__ */ React.createElement("div", { className: "grid lg:grid-cols-12 gap-8 lg:gap-12 items-start mt-8 lg:mt-12" }, /* @__PURE__ */ React.createElement("div", { className: "lg:col-span-7 relative", "data-comment-anchor": "329377ca6d-div-118-11" }, /* @__PURE__ */ React.createElement("div", { className: "absolute -top-2 lg:-top-6 right-0 lg:right-12 z-20 pointer-events-none" }, /* @__PURE__ */ React.createElement("div", { className: "rotate-[8deg] bg-accent text-white rounded-2xl px-3.5 py-2 border-2 border-ink shadow-[4px_4px_0_0_rgba(10,10,10,1)]" }, /* @__PURE__ */ React.createElement("div", { className: "serif text-[16px] lg:text-[20px] leading-none whitespace-nowrap" }, "Emelt d\xEDj ", /* @__PURE__ */ React.createElement("em", null, "j\xFAnius\xA030-ig!")))), /* @__PURE__ */ React.createElement("div", { className: "mb-4 inline-flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "mono text-[12px] lg:text-[13px] uppercase tracking-[0.3em] text-accent font-semibold" }, "Gyere most"), /* @__PURE__ */ React.createElement("span", { className: "text-accent text-[14px] -ml-0.5" }, "\u2192"), /* @__PURE__ */ React.createElement("span", { className: "mono text-[11px] uppercase tracking-[0.2em] text-ink/40" }, "k\xE9t alkalom")), /* @__PURE__ */ React.createElement("h1", { className: "serif text-ink", style: { letterSpacing: "-0.045em", lineHeight: 0.92 } }, /* @__PURE__ */ React.createElement("span", { className: "block hero-num text-[80px] sm:text-[110px] lg:text-[160px] xl:text-[184px] relative" }, /* @__PURE__ */ React.createElement("span", { className: "relative inline-flex items-end gap-3 lg:gap-4" }, /* @__PURE__ */ React.createElement("span", { className: "tabular-nums" }, fmt(n)), /* @__PURE__ */ React.createElement("span", { className: "serif italic text-accent leading-[0.9]", style: { fontSize: "0.5em" } }, "Ft")), /* @__PURE__ */ React.createElement("span", { className: "absolute -bottom-1 left-0 h-[8px] lg:h-[12px] bg-accent rounded-full", style: { width: "min(100%, 520px)" } })), /* @__PURE__ */ React.createElement("span", { className: "block hero-num hero-num-2 text-[36px] sm:text-[48px] lg:text-[64px] text-ink/85 mt-8 lg:mt-10" }, /* @__PURE__ */ React.createElement("em", { className: "not-italic" }, "K\xE9t \xF3ra."), /* @__PURE__ */ React.createElement("span", { className: "mx-3 text-ink/30" }, "\xB7"), /* @__PURE__ */ React.createElement("span", { className: "text-ink/65" }, "K\xE9t plazmaad\xE1s."))), /* @__PURE__ */ React.createElement("div", { className: "mt-10 lg:mt-12 grid grid-cols-3 gap-2 lg:gap-3 max-w-2xl" }, /* @__PURE__ */ React.createElement("div", { className: "rounded-2xl bg-white border border-border p-3 lg:p-4 relative" }, /* @__PURE__ */ React.createElement("div", { className: "mono text-[10.5px] lg:text-[11px] uppercase tracking-wider text-ink/55" }, "1. alkalom"), /* @__PURE__ */ React.createElement("div", { className: "serif text-[26px] lg:text-[40px] leading-none mt-1.5 text-ink" }, "10", /* @__PURE__ */ React.createElement("span", { className: "text-accent" }, ".000")), /* @__PURE__ */ React.createElement("div", { className: "text-[11px] lg:text-[12px] mt-1.5 text-ink/55" }, "vizsg\xE1lat + els\u0151", /* @__PURE__ */ React.createElement("br", null), "plazmaad\xE1s")), /* @__PURE__ */ React.createElement("div", { className: "rounded-2xl bg-white border border-border p-3 lg:p-4" }, /* @__PURE__ */ React.createElement("div", { className: "mono text-[10.5px] lg:text-[11px] uppercase tracking-wider text-ink/55" }, "2. alkalom"), /* @__PURE__ */ React.createElement("div", { className: "serif text-[26px] lg:text-[40px] leading-none mt-1.5 text-ink" }, "40", /* @__PURE__ */ React.createElement("span", { className: "text-accent" }, ".000")), /* @__PURE__ */ React.createElement("div", { className: "text-[11px] lg:text-[12px] mt-1.5 text-ink/55" }, "50 perc \xB7 m\xE1r", /* @__PURE__ */ React.createElement("br", null), "\xE9letet mentesz")), /* @__PURE__ */ React.createElement("div", { className: "rounded-2xl bg-ink text-white p-3 lg:p-4 relative overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "mono text-[10.5px] lg:text-[11px] uppercase tracking-wider text-white/55" }, "5 alkalom"), /* @__PURE__ */ React.createElement("div", { className: "serif text-[26px] lg:text-[40px] leading-none mt-1.5" }, "125", /* @__PURE__ */ React.createElement("span", { className: "text-white/50" }, ".000")), /* @__PURE__ */ React.createElement("div", { className: "text-[11px] lg:text-[12px] mt-1.5 text-white/65" }, "k\xE9szp\xE9nz", /* @__PURE__ */ React.createElement("br", null), "azonnal"), /* @__PURE__ */ React.createElement("div", { className: "absolute -bottom-2 -right-2 w-12 h-12 rounded-full bg-accent/90" }))), /* @__PURE__ */ React.createElement("div", { className: "mt-8 flex flex-col sm:flex-row items-stretch sm:items-center gap-3 soft-up", style: { animationDelay: "360ms" } }, /* @__PURE__ */ React.createElement(
    "button",
    {
      onClick: onCta,
      className: "group h-14 lg:h-16 px-7 lg:px-9 rounded-2xl bg-accent text-white text-[16px] lg:text-[17px] font-medium inline-flex items-center justify-center gap-2 active:scale-[0.99] transition shadow-[0_14px_30px_-12px_rgba(230,57,70,0.7)]"
    },
    /* @__PURE__ */ React.createElement("span", null, "Lefoglalom az id\u0151pontom"),
    /* @__PURE__ */ React.createElement(IArrow, { size: 18, className: "opacity-90 group-hover:translate-x-0.5 transition" })
  ), /* @__PURE__ */ React.createElement("div", { className: "text-[12.5px] lg:text-[13px] text-ink/60 mono sm:max-w-[180px]" }, "20 mp alatt foglalsz", /* @__PURE__ */ React.createElement("br", { className: "hidden sm:block" }), "nincs regisztr\xE1ci\xF3 el\u0151tte")), /* @__PURE__ */ React.createElement("div", { className: "mt-8 grid grid-cols-3 gap-2 lg:gap-3 max-w-2xl" }, /* @__PURE__ */ React.createElement(TrustChip, { k: "OVSZ", v: "egy\xFCttm\u0171k\xF6d\xE9s" }), /* @__PURE__ */ React.createElement(TrustChip, { k: "25.000+", v: "donor" }), /* @__PURE__ */ React.createElement(TrustChip, { k: "12 \xE9v", v: "m\u0171k\xF6d\xE9s" }))), /* @__PURE__ */ React.createElement("div", { className: "lg:col-span-5 relative mt-4 lg:mt-0" }, /* @__PURE__ */ React.createElement("div", { className: "relative rounded-3xl overflow-hidden border-2 border-ink bg-surface", style: { aspectRatio: "4 / 5" } }, /* @__PURE__ */ React.createElement(
    "img",
    {
      src: typeof window !== "undefined" && window.__resources && window.__resources.heroImg || "assets/hero-donors.jpg",
      alt: "K\xE9t donor a Plazmacentrum kezel\u0151sz\xE9keiben",
      className: "absolute inset-0 w-full h-full object-cover",
      style: { filter: "saturate(0.96) contrast(1.02)", objectPosition: "70% center" }
    }
  ), /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 pointer-events-none", style: { background: "linear-gradient(180deg, rgba(10,10,10,0) 45%, rgba(10,10,10,0.55) 100%)" } }), /* @__PURE__ */ React.createElement(LiveTicker, { centrum }), /* @__PURE__ */ React.createElement("div", { className: "absolute left-4 bottom-4 right-4 lg:right-16" }, /* @__PURE__ */ React.createElement("div", { className: "text-white/85 text-[10.5px] mono uppercase tracking-wider" }, "2 \xF3ra"), /* @__PURE__ */ React.createElement("div", { className: "text-white serif text-[22px] lg:text-[26px] leading-[1.05] mt-1.5", style: { letterSpacing: "-0.01em" } }, "\u201ENeked k\xE9t \xF3ra.", /* @__PURE__ */ React.createElement("br", null), "M\xE1soknak \xFAj \xE9let.\u201D"))), /* @__PURE__ */ React.createElement("div", { className: "absolute -bottom-6 lg:-bottom-12 -left-2 lg:left-auto lg:-right-12 bg-white border border-border rounded-2xl p-4 lg:p-5 rotate-[-3deg] shadow-[0_20px_40px_-15px_rgba(10,10,10,0.25)] w-[200px] lg:w-[220px] z-10" }, /* @__PURE__ */ React.createElement("div", { className: "mono text-[10.5px] uppercase tracking-wider text-ink/70 whitespace-nowrap" }, "Plazmacentrum \xB7 receipt"), /* @__PURE__ */ React.createElement("div", { className: "mt-1 flex items-baseline justify-between gap-3" }, /* @__PURE__ */ React.createElement("span", { className: "text-[12px] mono" }, "vizsg\xE1lat"), /* @__PURE__ */ React.createElement("span", { className: "serif text-[20px] whitespace-nowrap" }, "+10.000")), /* @__PURE__ */ React.createElement("div", { className: "flex items-baseline justify-between gap-3" }, /* @__PURE__ */ React.createElement("span", { className: "text-[12px] mono" }, "v\xE9rad\xE1s"), /* @__PURE__ */ React.createElement("span", { className: "serif text-[20px] whitespace-nowrap" }, "+40.000")), /* @__PURE__ */ React.createElement("div", { className: "mt-2 pt-2 border-t-2 border-ink border-dashed flex items-baseline justify-between gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-[12px] mono" }, "total"), /* @__PURE__ */ React.createElement("span", { className: "serif text-[26px] whitespace-nowrap" }, "50.000\xA0Ft")))))), /* @__PURE__ */ React.createElement(MarqueeStrip, null));
}
function MarqueeStrip({ variant }) {
  const isLight = variant === "light";
  return /* @__PURE__ */ React.createElement("div", { className: "relative border-y-2 border-ink overflow-hidden " + (isLight ? "bg-butter text-ink" : "bg-ink text-bg") }, /* @__PURE__ */ React.createElement("div", { className: "py-3 lg:py-4 whitespace-nowrap overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "marquee-track serif text-[26px] lg:text-[34px]", style: { letterSpacing: "-0.02em" } }, Array(2).fill(0).map(
    (_, i) => /* @__PURE__ */ React.createElement(React.Fragment, { key: i }, /* @__PURE__ */ React.createElement("span", null, "OVSZ egy\xFCttm\u0171k\xF6d\xE9s"), /* @__PURE__ */ React.createElement("span", { className: isLight ? "text-ink/35" : "text-bg/40" }, "\xB7"), /* @__PURE__ */ React.createElement("span", null, "heti 2 \xF3ra"), /* @__PURE__ */ React.createElement("span", { className: "text-accent" }, "="), /* @__PURE__ */ React.createElement("span", null, "\xE9vi 850.000 Ft"), /* @__PURE__ */ React.createElement("span", { className: isLight ? "text-ink/35" : "text-bg/40" }, "\xB7"), /* @__PURE__ */ React.createElement("span", { className: "italic" }, "azonnali kifizet\xE9s"), /* @__PURE__ */ React.createElement("span", { className: isLight ? "text-ink/35" : "text-bg/40" }, "\xB7"), /* @__PURE__ */ React.createElement("span", null, "napi 1.500+ donor"), /* @__PURE__ */ React.createElement("span", { className: isLight ? "text-ink/35" : "text-bg/40" }, "\xB7"))
  ))));
}
function TrustChip({ k, v }) {
  return /* @__PURE__ */ React.createElement("div", { className: "rounded-2xl border border-border bg-white px-3 py-3 lg:px-4 lg:py-4" }, /* @__PURE__ */ React.createElement("div", { className: "serif text-[22px] lg:text-[28px] leading-none text-ink" }, k), /* @__PURE__ */ React.createElement("div", { className: "text-[10.5px] lg:text-[11.5px] mono mt-1.5 text-ink/60 uppercase tracking-wider" }, v));
}
function HowItWorks() {
  const steps = [
    { n: "01", title: "Id\u0151pontfoglal\xE1s", body: "Online itt \u2014 20 mp. Semmi telefon, semmi e-mail-ping-pong.", tag: "20 mp", tagLabel: "Id\u0151" },
    { n: "02", title: "1. alkalom", body: "Regisztr\xE1ci\xF3 + els\u0151 plazmaad\xE1s. Kb. 90 perc, k\xE9nyelmes kanap\xE9ban.", tag: "10.000 Ft", tagLabel: "Azonnali kifizet\xE9s" },
    { n: "03", title: "2. alkalom", body: "4\u20137 nappal k\xE9s\u0151bb. Csak a plazmaad\xE1s, kb. 50 perc \u2014 m\xE1r \xE9letet mentesz.", tag: "40.000 Ft", tagLabel: "Azonnal fizet\xFCnk" }
  ];
  return /* @__PURE__ */ React.createElement("section", { id: "how", className: "px-5 lg:px-12 pt-12 lg:pt-24 pb-2" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-6xl mx-auto" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-end justify-between gap-6 flex-wrap" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "mono text-[11px] uppercase tracking-[0.2em] text-ink/55" }, "Hogy zajlik"), /* @__PURE__ */ React.createElement("h2", { className: "serif text-[40px] lg:text-[56px] leading-[1.02] text-ink mt-2", style: { letterSpacing: "-0.03em" } }, "Hogy zajlik ", /* @__PURE__ */ React.createElement("em", null, "az 50.000\xA0Ft?"))), /* @__PURE__ */ React.createElement("p", { className: "text-[14.5px] lg:text-[17px] text-ink/60 max-w-xs lg:text-right" }, /* @__PURE__ */ React.createElement("span", { className: "font-medium text-ink" }, "\xD6sszesen 2 alkalom."), " Semmi rejtett l\xE9p\xE9s. Nincs \u201Em\xE9gis kell hozni valami pap\xEDrt\u201D.")), /* @__PURE__ */ React.createElement("ol", { className: "mt-8 lg:mt-12 grid gap-3 lg:gap-5 lg:grid-cols-3" }, steps.map(
    (s, i) => /* @__PURE__ */ React.createElement("li", { key: s.n, className: "rounded-3xl border border-border bg-[#F5F0E8] p-5 lg:p-7 relative overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "serif text-[72px] lg:text-[120px] leading-[0.85] text-ink", style: { letterSpacing: "-0.05em" } }, s.n), /* @__PURE__ */ React.createElement("div", { className: "text-right" }, /* @__PURE__ */ React.createElement("div", { className: "mono text-[10.5px] uppercase tracking-wider text-ink/55" }, s.tagLabel), /* @__PURE__ */ React.createElement("div", { className: "serif text-[22px] lg:text-[28px] text-ink mt-0.5 whitespace-nowrap", style: { letterSpacing: "-0.02em" } }, s.tag))), /* @__PURE__ */ React.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React.createElement("div", { className: "text-[17px] lg:text-[20px] font-medium text-ink" }, s.title), /* @__PURE__ */ React.createElement("p", { className: "mt-1.5 text-[14.5px] lg:text-[15px] text-ink/65 leading-[1.55]" }, s.body)))
  )), /* @__PURE__ */ React.createElement("div", { className: "mt-4 lg:mt-5 rounded-3xl bg-ink text-white p-5 lg:p-8 flex items-center justify-between gap-4 relative overflow-hidden" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "mono text-[11px] uppercase tracking-wider text-white/55" }, "\xD6sszesen k\xE9t alkalomb\xF3l"), /* @__PURE__ */ React.createElement("div", { className: "serif text-[44px] lg:text-[64px] leading-none mt-1 whitespace-nowrap", style: { letterSpacing: "-0.03em" } }, "50.000 ", /* @__PURE__ */ React.createElement("span", { className: "text-butter italic" }, "Ft"))), /* @__PURE__ */ React.createElement("div", { className: "text-right text-white/70 text-[12px] lg:text-[14px] mono leading-tight" }, /* @__PURE__ */ React.createElement("span", { className: "text-white font-medium" }, "azonnali kifizet\xE9s"), /* @__PURE__ */ React.createElement("br", null), "nem utal\xE1s", /* @__PURE__ */ React.createElement("br", null), "nem \u201E2 munkanap\u201D"), /* @__PURE__ */ React.createElement("div", { className: "hidden lg:block absolute -bottom-6 right-44 opacity-15" }, /* @__PURE__ */ React.createElement(ICash, { size: 120, className: "text-butter" }))), /* @__PURE__ */ React.createElement("p", { className: "mt-5 text-[13.5px] lg:text-[15px] text-ink/55 leading-[1.55] max-w-xl italic" }, "A plazm\xE1db\xF3l \xE9letment\u0151 gy\xF3gyszer lesz. Te k\xF6zben p\xE9nzt kapsz. Mindenki nyer.")));
}
function WhyDonate() {
  const reasons = [
    {
      n: "01",
      title: "\xC9leteket mentesz",
      body: "Egyetlen plazmaad\xE1sod ak\xE1r t\xF6bb beteg kezel\xE9s\xE9hez is hozz\xE1j\xE1rulhat. \xC9g\xE9si s\xE9r\xFClteknek, hemof\xEDli\xE1soknak, immunhi\xE1nyosoknak.",
      accent: "#E63946",
      bg: "#FFF5F5"
    },
    {
      n: "02",
      title: "Megtiszt\xEDtod a szervezeted",
      body: "Tanulm\xE1nyok szerint a plazmaad\xE1s sor\xE1n a v\xE9rben felhalmoz\xF3dott \u201E\xF6r\xF6k vegyi anyagok\u201D (PFAS, p\xE9ld\xE1ul teflonsz\xE1rmaz\xE9kok) egy r\xE9sze is ki\xFCr\xFCl a szervezetedb\u0151l.",
      accent: "#15803D",
      bg: "#F0FDF4"
    },
    {
      n: "03",
      title: "P\xE9nzt keresel",
      body: "Nyaral\xE1s, fesztiv\xE1l, kondib\xE9rlet, kaja, alb\xE9rlet. Azonnal a kezedben, helyben, a plazmaad\xE1s ut\xE1n.",
      accent: "#1E40AF",
      bg: "#EFF6FF"
    }
  ];
  return /* @__PURE__ */ React.createElement("section", { id: "why", className: "px-5 lg:px-12 pt-16 lg:pt-28 pb-8 lg:pb-12" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-6xl mx-auto" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-end justify-between gap-6 flex-wrap" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "mono text-[11px] uppercase tracking-[0.2em] text-ink/55" }, "Mi\xE9rt"), /* @__PURE__ */ React.createElement("h2", { className: "serif text-[40px] lg:text-[56px] leading-[1.02] text-ink mt-2", style: { letterSpacing: "-0.03em" } }, "Mi\xE9rt adjak ", /* @__PURE__ */ React.createElement("em", null, "v\xE9rplazm\xE1t?"))), /* @__PURE__ */ React.createElement("p", { className: "text-[14.5px] lg:text-[17px] text-ink/60 max-w-xs lg:text-right" }, "H\xE1rom ok, ami miatt meg\xE9ri. Egyik sem \u201Ek\xF6telez\u0151 j\xF3 cselekedet\u201D \u2014 mind val\xF3di.")), /* @__PURE__ */ React.createElement("ol", { className: "mt-8 lg:mt-12 grid gap-3 lg:gap-5 lg:grid-cols-3" }, reasons.map(
    (r) => /* @__PURE__ */ React.createElement("li", { key: r.n, className: "rounded-3xl border border-border p-5 lg:p-7 relative overflow-hidden", style: { background: r.bg } }, /* @__PURE__ */ React.createElement("div", { className: "serif text-[64px] lg:text-[96px] leading-[0.85]", style: { letterSpacing: "-0.05em", color: r.accent } }, r.n), /* @__PURE__ */ React.createElement("div", { className: "mt-3" }, /* @__PURE__ */ React.createElement("div", { className: "serif text-[22px] lg:text-[28px] text-ink leading-tight", style: { letterSpacing: "-0.02em" } }, r.title), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-[14.5px] lg:text-[15.5px] text-ink/70 leading-[1.55]" }, r.body)))
  ))));
}
function LongTerm() {
  const rows = [
    { k: "Els\u0151 k\xE9t alkalom", v: "50.000", sub: "vizsg\xE1lat + 1. plazmaad\xE1s", pct: 6 },
    { k: "Havi \xE1tlag ut\xE1na", v: "80.000", sub: "~5 alkalom havonta", pct: 10 },
    { k: "Extra b\xF3nuszok", v: "+45.000", sub: "minden 5. alkalom: 19.000\u201345.000 Ft", pct: 5, accent: true },
    { k: "\xC9vi max \u2014 b\xF3nuszokkal", v: "850.000", sub: "rendszeres ad\xE1ssal", pct: 100 }
  ];
  return /* @__PURE__ */ React.createElement("section", { className: "px-5 lg:px-12 pt-12 lg:pt-24 pb-4" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-6xl mx-auto rounded-[28px] lg:rounded-[40px] bg-ink text-white p-6 lg:p-12 relative overflow-hidden border-2 border-ink" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 opacity-10 pointer-events-none", style: {
    backgroundImage: "radial-gradient(rgba(255,255,255,0.4) 1px, transparent 1px)",
    backgroundSize: "16px 16px"
  } }), /* @__PURE__ */ React.createElement("div", { className: "relative grid lg:grid-cols-2 gap-8 lg:gap-12 items-start" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "mono text-[11px] uppercase tracking-[0.2em] text-success" }, "long-term"), /* @__PURE__ */ React.createElement("h2", { className: "serif text-[34px] lg:text-[56px] leading-[1.02] mt-3", style: { letterSpacing: "-0.03em" } }, "Ha rendszeresen j\xE1rsz:", /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("em", null, "havonta ak\xE1r 80\u2013120 ezer\xA0Ft.")), /* @__PURE__ */ React.createElement("p", { className: "mt-6 text-[14.5px] lg:text-[17px] text-white/65 max-w-md" }, "Rendszeres ad\xE1ssal \xE9vente ak\xE1r ", /* @__PURE__ */ React.createElement("span", { className: "serif text-success" }, "850.000\xA0Ft"), " is \xF6sszej\xF6het."), /* @__PURE__ */ React.createElement("div", { className: "mt-5 inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-success/15 border border-success/30 text-success text-[12px] mono" }, /* @__PURE__ */ React.createElement(ISpark, { size: 14 }), " Minden 5. alkalommal +19.000\u201345.000 Ft b\xF3nusz"), /* @__PURE__ */ React.createElement("p", { className: "mt-6 text-[13px] lg:text-[14px] text-white/45 italic max-w-md" }, "\u201EDe ne most foglalkozz ezzel. El\u0151sz\xF6r n\xE9zd meg, milyen az els\u0151 alkalom.\u201D")), /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, rows.map(
    (r) => /* @__PURE__ */ React.createElement("div", { key: r.k, className: "rounded-2xl border p-4 lg:p-5 " + (r.accent ? "bg-success/10 border-success/30" : "bg-white/5 border-white/10") }, /* @__PURE__ */ React.createElement("div", { className: "flex items-baseline justify-between gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "text-[15px] lg:text-[17px] " + (r.accent ? "text-success" : "text-white") }, r.k), /* @__PURE__ */ React.createElement("div", { className: "mono text-[11px] uppercase tracking-wider mt-0.5 " + (r.accent ? "text-success/70" : "text-white/45") }, r.sub)), /* @__PURE__ */ React.createElement("div", { className: "serif text-[26px] lg:text-[34px] whitespace-nowrap shrink-0 " + (r.accent ? "text-success" : "text-white"), style: { letterSpacing: "-0.02em" } }, r.v, /* @__PURE__ */ React.createElement("span", { className: "text-[16px] lg:text-[18px] ml-1.5 mono " + (r.accent ? "text-success/60" : "text-white/50") }, "Ft"))), /* @__PURE__ */ React.createElement("div", { className: "mt-4 h-1.5 rounded-full bg-white/10 overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "h-full rounded-full " + (r.accent ? "bg-success" : "bg-success/70"), style: { width: r.pct + "%" } })))
  )))));
}
function SocialProof() {
  return /* @__PURE__ */ React.createElement("section", { className: "pt-12 lg:pt-24 pb-12 lg:pb-20 mt-12 lg:mt-20 relative" }, /* @__PURE__ */ React.createElement("div", { className: "px-5 lg:px-12 max-w-6xl mx-auto" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-end justify-between gap-6 flex-wrap" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "mono text-[11px] uppercase tracking-[0.2em] text-ink/55" }, "Google v\xE9lem\xE9nyek"), /* @__PURE__ */ React.createElement("h2", { className: "serif text-[36px] lg:text-[56px] leading-[1.02] text-ink mt-2", style: { letterSpacing: "-0.03em" } }, "Olvasd el, mit \xEDrnak ", /* @__PURE__ */ React.createElement("em", null, "a donorok."))), /* @__PURE__ */ React.createElement("div", { className: "lg:text-right" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 lg:justify-end" }, /* @__PURE__ */ React.createElement(GoogleG, null), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1" }, Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ React.createElement(Star, { key: i, filled: true }))), /* @__PURE__ */ React.createElement("span", { className: "serif text-[20px] text-ink leading-none" }, "4,9")), /* @__PURE__ */ React.createElement("p", { className: "text-[13px] lg:text-[14px] text-ink/60 mt-1" }, "1500+ Google \xE9rt\xE9kel\xE9s \xB7 \xE1tlag 4,9")))), /* @__PURE__ */ React.createElement("div", { className: "lg:hidden mt-6 px-5 overflow-x-auto no-scrollbar" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-3 pb-6" }, TESTIMONIALS.map((t, i) => /* @__PURE__ */ React.createElement(TestimonialCard, { key: i, t, mobile: true })))), /* @__PURE__ */ React.createElement("div", { className: "hidden lg:grid mt-10 px-12 max-w-6xl mx-auto grid-cols-3 gap-6 pb-10" }, TESTIMONIALS.map((t, i) => /* @__PURE__ */ React.createElement(TestimonialCard, { key: i, t }))));
}
function TestimonialCard({ t, mobile = false }) {
  return /* @__PURE__ */ React.createElement("article", { className: "rounded-2xl border border-border bg-white p-5 lg:p-6 flex flex-col gap-4 " + (mobile ? "shrink-0 w-[82%] sm:w-[62%]" : "") }, /* @__PURE__ */ React.createElement("header", { className: "flex items-start gap-3" }, /* @__PURE__ */ React.createElement(
    "div",
    {
      className: "w-11 h-11 rounded-full flex items-center justify-center text-white text-[15px] font-medium shrink-0",
      style: { background: t.avatarColor },
      "aria-hidden": true
    },
    t.initials
  ), /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "text-[14.5px] font-medium text-ink truncate" }, t.name), /* @__PURE__ */ React.createElement(GoogleG, { size: 14 })), /* @__PURE__ */ React.createElement("div", { className: "text-[12px] text-ink/55 mt-0.5" }, "Google v\xE9lem\xE9ny \xB7 ", t.ago))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-0.5" }, Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ React.createElement(Star, { key: i, filled: i < t.stars }))), /* @__PURE__ */ React.createElement("p", { className: "serif text-[19px] lg:text-[22px] leading-[1.3] text-ink", style: { letterSpacing: "-0.005em" } }, "\u201E", t.quote, "\u201D"), /* @__PURE__ */ React.createElement("footer", { className: "mt-auto pt-2 border-t border-border/60 text-[11.5px] mono uppercase tracking-wider text-ink/50" }, t.centrum));
}
function GoogleG({ size = 16 }) {
  return /* @__PURE__ */ React.createElement(
    "span",
    {
      className: "inline-flex items-center justify-center rounded-full",
      style: { width: size, height: size, fontSize: size * 0.72, lineHeight: 1, fontFamily: "Arial, sans-serif", fontWeight: 700, background: "#fff", border: "1px solid #E8E8E2" },
      "aria-label": "Google"
    },
    /* @__PURE__ */ React.createElement("span", { style: { background: "linear-gradient(90deg, #4285F4 0%, #34A853 33%, #FBBC05 66%, #EA4335 100%)", WebkitBackgroundClip: "text", WebkitTextFillColor: "transparent", backgroundClip: "text", color: "transparent" } }, "G")
  );
}
function Star({ filled }) {
  return /* @__PURE__ */ React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: filled ? "#FBBC05" : "#E8E8E2", "aria-hidden": true }, /* @__PURE__ */ React.createElement("path", { d: "M12 2l2.9 6.9 7.6.6-5.8 4.9 1.8 7.4L12 17.8 5.5 21.8l1.8-7.4L1.5 9.5l7.6-.6L12 2z" }));
}
function FAQAccordion() {
  const [open, setOpen] = useState(0);
  return /* @__PURE__ */ React.createElement("section", { id: "faq", className: "px-5 lg:px-12 pt-12 lg:pt-24 pb-2" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-6xl mx-auto grid lg:grid-cols-[1fr_2fr] gap-8 lg:gap-16 items-start" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "mono text-[11px] uppercase tracking-[0.2em] text-ink/55" }, "GYIK"), /* @__PURE__ */ React.createElement("h2", { className: "serif text-[36px] lg:text-[64px] leading-[1.02] text-ink mt-2", style: { letterSpacing: "-0.03em" } }, "K\xE9rd\xE9sek, ", /* @__PURE__ */ React.createElement("em", null, "\u0151szinte", /* @__PURE__ */ React.createElement("br", { className: "hidden lg:block" }), " v\xE1laszok.")), /* @__PURE__ */ React.createElement("p", { className: "hidden lg:block mt-4 text-[15px] text-ink/60 max-w-sm" }, "Ha valami nincs itt, h\xEDvd a centrumot. Senki nem nyomja r\xE1d a telefont.")), /* @__PURE__ */ React.createElement("div", { className: "rounded-3xl border-2 border-ink bg-white overflow-hidden" }, FAQ.map((item, i) => {
    const isOpen = open === i;
    return /* @__PURE__ */ React.createElement("div", { key: i, className: i < FAQ.length - 1 ? "border-b-2 border-ink/10" : "" }, /* @__PURE__ */ React.createElement(
      "button",
      {
        onClick: () => setOpen(isOpen ? -1 : i),
        className: "w-full px-5 lg:px-7 py-4 lg:py-6 flex items-center justify-between gap-3 text-left active:bg-cream/40 hover:bg-cream/30 transition"
      },
      /* @__PURE__ */ React.createElement("span", { className: "text-[16px] lg:text-[20px] font-medium text-ink" }, item.q),
      /* @__PURE__ */ React.createElement("span", { className: "w-9 h-9 rounded-full bg-cream flex items-center justify-center text-ink transition-transform " + (isOpen ? "rotate-180" : "") }, /* @__PURE__ */ React.createElement(IDown, { size: 18 }))
    ), /* @__PURE__ */ React.createElement("div", { className: "grid transition-[grid-template-rows] duration-300 ease-out", style: { gridTemplateRows: isOpen ? "1fr" : "0fr" } }, /* @__PURE__ */ React.createElement("div", { className: "overflow-hidden" }, /* @__PURE__ */ React.createElement("p", { className: "px-5 lg:px-7 pb-5 lg:pb-7 text-[14.5px] lg:text-[16px] leading-[1.6] text-ink/75 max-w-2xl" }, item.a))));
  }))));
}
function MiniMapThumb() {
  return /* @__PURE__ */ React.createElement("span", { "aria-hidden": true, className: "shrink-0 w-12 h-12 rounded-lg overflow-hidden border border-white/15 flex items-center justify-center", style: { background: "linear-gradient(135deg, #2a2a2a, #181818)" } }, /* @__PURE__ */ React.createElement("svg", { width: "32", height: "32", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ React.createElement("path", { d: "M2 10 L18 6 L30 12 L46 8 L46 38 L30 42 L18 36 L2 40 Z", fill: "rgba(255,255,255,0.06)", stroke: "rgba(255,255,255,0.18)", strokeWidth: "0.8" }), /* @__PURE__ */ React.createElement("path", { d: "M18 6 L18 36 M30 12 L30 42", stroke: "rgba(255,255,255,0.14)", strokeWidth: "0.8" }), /* @__PURE__ */ React.createElement("path", { d: "M2 22 L46 22 M2 30 L46 30", stroke: "rgba(255,255,255,0.08)", strokeWidth: "0.6", strokeDasharray: "2 2" }), /* @__PURE__ */ React.createElement("circle", { cx: "24", cy: "24", r: "3.5", fill: "#E63946" }), /* @__PURE__ */ React.createElement("circle", { cx: "24", cy: "24", r: "1.5", fill: "#fff" })));
}
function Footer() {
  return /* @__PURE__ */ React.createElement("footer", { id: "centrums", className: "mt-12 lg:mt-20 bg-ink text-bg relative overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "absolute -top-6 -left-4 lg:top-4 lg:left-8 right-0 serif text-[120px] lg:text-[280px] text-white/[0.05] leading-none pointer-events-none select-none", style: { letterSpacing: "-0.05em" } }, "plazma", /* @__PURE__ */ React.createElement("span", { className: "text-accent/30" }, ".")), /* @__PURE__ */ React.createElement("div", { className: "relative px-5 lg:px-12 max-w-7xl mx-auto pt-12 lg:pt-20 pb-28 lg:pb-12" }, /* @__PURE__ */ React.createElement("div", { className: "grid lg:grid-cols-12 gap-8 lg:gap-12" }, /* @__PURE__ */ React.createElement("div", { className: "lg:col-span-4" }, /* @__PURE__ */ React.createElement("img", { src: "assets/logo-white.png", alt: "Plazmacentrum", className: "h-9 lg:h-11 w-auto" }), /* @__PURE__ */ React.createElement("p", { className: "mt-4 text-[14px] lg:text-[16px] text-white/60 max-w-xs" }, "H\xE1rom centrum. Tizenk\xE9t \xE9v tapasztalat. A plazm\xE1d\xE9rt tisztess\xE9ges juttat\xE1st kapsz."), /* @__PURE__ */ React.createElement("div", { className: "mt-6 flex items-center gap-3 text-white/70" }, /* @__PURE__ */ React.createElement("a", { className: "w-10 h-10 rounded-full border border-white/15 flex items-center justify-center hover:border-white/40 transition" }, /* @__PURE__ */ React.createElement(IInsta, { size: 18 })), /* @__PURE__ */ React.createElement("a", { className: "w-10 h-10 rounded-full border border-white/15 flex items-center justify-center hover:border-white/40 transition" }, /* @__PURE__ */ React.createElement(ITikTok, { size: 18 })), /* @__PURE__ */ React.createElement("a", { className: "w-10 h-10 rounded-full border border-white/15 flex items-center justify-center hover:border-white/40 transition" }, /* @__PURE__ */ React.createElement(IFb, { size: 18 })))), /* @__PURE__ */ React.createElement("div", { className: "lg:col-span-5" }, /* @__PURE__ */ React.createElement("div", { className: "mono text-[11px] uppercase tracking-[0.2em] text-white/45" }, "Centrumok"), /* @__PURE__ */ React.createElement("ul", { className: "mt-4 grid gap-3" }, Object.values(CENTRUMS).map(
    (c) => /* @__PURE__ */ React.createElement("li", { key: c.key, className: "rounded-2xl border border-white/10 bg-white/5 p-4 lg:p-5" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "text-white text-[16px] lg:text-[18px] font-medium" }, c.name), /* @__PURE__ */ React.createElement("div", { className: "text-white/55 text-[12.5px] lg:text-[13px] mt-0.5" }, c.address), /* @__PURE__ */ React.createElement("div", { className: "text-white/45 text-[12px] mono mt-1" }, c.hours)), /* @__PURE__ */ React.createElement("a", { href: "tel:" + c.phone.replace(/\s/g, ""), className: "shrink-0 text-white mono text-[12.5px] lg:text-[13px] underline-offset-4 hover:underline" }, c.phone)), /* @__PURE__ */ React.createElement(
      "a",
      {
        href: "https://www.google.com/maps/search/?api=1&query=" + encodeURIComponent("Plazmacentrum " + c.name + " " + c.address),
        target: "_blank",
        rel: "noopener noreferrer",
        className: "mt-3 flex items-center gap-2 rounded-xl bg-white/5 hover:bg-white/10 border border-white/10 px-3 py-2 text-[13px] text-white/85 transition group"
      },
      /* @__PURE__ */ React.createElement(MiniMapThumb, null),
      /* @__PURE__ */ React.createElement("span", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("span", { className: "block text-white font-medium" }, "\xDAtvonal \xB7 Google Maps"), /* @__PURE__ */ React.createElement("span", { className: "block text-white/50 text-[11.5px] mono truncate" }, "megnyitja a t\xE9rk\xE9pen")),
      /* @__PURE__ */ React.createElement(IArrow, { size: 14, className: "shrink-0 text-white/55 group-hover:text-white group-hover:translate-x-0.5 transition" })
    ))
  ))), /* @__PURE__ */ React.createElement("div", { className: "lg:col-span-3" }, /* @__PURE__ */ React.createElement("div", { className: "mono text-[11px] uppercase tracking-[0.2em] text-white/45" }, "Linkek"), /* @__PURE__ */ React.createElement("ul", { className: "mt-4 space-y-2 text-[14px] lg:text-[15px] text-white/80" }, /* @__PURE__ */ React.createElement("li", { className: "hover:text-white cursor-pointer" }, "GYIK"), /* @__PURE__ */ React.createElement("li", { className: "hover:text-white cursor-pointer" }, "\xC1SZF"), /* @__PURE__ */ React.createElement("li", { className: "hover:text-white cursor-pointer" }, "Adatv\xE9delem"), /* @__PURE__ */ React.createElement("li", { className: "hover:text-white cursor-pointer" }, "Karrier"), /* @__PURE__ */ React.createElement("li", { className: "hover:text-white cursor-pointer" }, "Press")))), /* @__PURE__ */ React.createElement("div", { className: "mt-12 pt-6 border-t border-white/10 flex flex-wrap items-center justify-between gap-3 text-[12px] text-white/45 mono" }, /* @__PURE__ */ React.createElement("span", null, "\xA9 2026 PLAZMACENTRUM Kft."), /* @__PURE__ */ React.createElement("span", null, "Mind a h\xE1rom centrum az OVSZ enged\xE9ly\xE9vel m\u0171k\xF6dik"))));
}
function StickyBottomBar({ centrum, onCta, visible }) {
  return /* @__PURE__ */ React.createElement(
    "div",
    {
      className: "lg:hidden fixed left-0 right-0 bottom-0 z-40 transition-transform duration-300 " + (visible ? "translate-y-0" : "translate-y-full"),
      style: { paddingBottom: "max(0px, env(safe-area-inset-bottom))" }
    },
    /* @__PURE__ */ React.createElement("div", { className: "mx-auto max-w-[440px]" }, /* @__PURE__ */ React.createElement(
      "div",
      {
        className: "m-3 rounded-2xl border-2 border-ink flex items-center justify-between gap-2 px-3 py-2",
        style: { background: "rgba(255,255,255,0.92)", backdropFilter: "blur(14px)", WebkitBackdropFilter: "blur(14px)" }
      },
      /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ React.createElement("span", { className: "w-9 h-9 rounded-xl bg-butter border-2 border-ink flex items-center justify-center text-ink" }, /* @__PURE__ */ React.createElement(IPin, { size: 16 })), /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "text-[13px] text-ink truncate" }, centrum.name, " \xB7 ", centrum.short), /* @__PURE__ */ React.createElement("div", { className: "text-[11px] text-ink/55 mono truncate" }, centrum.transit))),
      /* @__PURE__ */ React.createElement("button", { onClick: onCta, className: "h-11 px-4 rounded-xl bg-accent text-white text-[14px] font-medium flex items-center gap-1.5 active:scale-95 transition" }, "Foglalok ", /* @__PURE__ */ React.createElement(IArrow, { size: 14 }))
    ))
  );
}
function MenuSheet({ open, onClose }) {
  return /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 z-50 " + (open ? "" : "pointer-events-none") }, /* @__PURE__ */ React.createElement(
    "div",
    {
      onClick: onClose,
      className: "absolute inset-0 bg-ink/40 transition-opacity " + (open ? "opacity-100" : "opacity-0")
    }
  ), /* @__PURE__ */ React.createElement("div", { className: "absolute left-0 right-0 bottom-0 bg-white rounded-t-3xl border-t border-border transition-transform duration-300 " + (open ? "translate-y-0" : "translate-y-full") }, /* @__PURE__ */ React.createElement("div", { className: "mx-auto max-w-[440px] p-5 pb-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "serif text-[24px]" }, "A h\xE1rom centrum"), /* @__PURE__ */ React.createElement("button", { onClick: onClose, className: "w-9 h-9 -mr-2 flex items-center justify-center text-ink/60" }, /* @__PURE__ */ React.createElement(IClose, { size: 20 }))), /* @__PURE__ */ React.createElement("ul", { className: "mt-4 divide-y divide-border" }, Object.values(CENTRUMS).map(
    (c) => /* @__PURE__ */ React.createElement("li", { key: c.key, className: "py-3 flex items-center justify-between gap-3" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "text-[15px] text-ink" }, c.name), /* @__PURE__ */ React.createElement("div", { className: "text-[12.5px] text-ink/55 mono" }, c.short, " \xB7 ", c.hours)), /* @__PURE__ */ React.createElement("a", { className: "h-10 px-3 rounded-xl border border-border text-[13px] flex items-center gap-1.5 mono text-ink" }, /* @__PURE__ */ React.createElement(IPhone, { size: 14 }), "H\xEDvom"))
  )), /* @__PURE__ */ React.createElement("div", { className: "mt-4 grid grid-cols-2 gap-2" }, /* @__PURE__ */ React.createElement("button", { className: "h-12 rounded-xl bg-surface text-ink text-[14px]" }, "GYIK"), /* @__PURE__ */ React.createElement("button", { onClick: onClose, className: "h-12 rounded-xl bg-ink text-white text-[14px]" }, "Bez\xE1r")))));
}
Object.assign(window, {
  TopNav,
  CentrumToggle,
  GeoToast,
  Hero,
  HowItWorks,
  LongTerm,
  SocialProof,
  FAQAccordion,
  Footer,
  StickyBottomBar,
  MenuSheet
});
const { useState: useStateA, useEffect: useEffectA, useRef: useRefA } = React;
function App() {
  const _defaultCentrum = (() => {
    try {
      const p = new URLSearchParams(window.location.search).get("centrum");
      return p && CENTRUMS[p] ? p : "nyugati";
    } catch (e) {
      return "nyugati";
    }
  })();
  const [centrumKey, setCentrumKey] = useStateA(_defaultCentrum);
  const [menuOpen, setMenuOpen] = useStateA(false);
  const [showBar, setShowBar] = useStateA(true);
  const bookingRef = useRefA(null);
  const centrum = CENTRUMS[centrumKey];
  useEffectA(() => {
    const target = bookingRef.current;
    if (!target) return;
    const onScroll = () => {
      const rect = target.getBoundingClientRect();
      setShowBar(rect.top > window.innerHeight * 0.2);
    };
    window.addEventListener("scroll", onScroll, { passive: true });
    onScroll();
    return () => window.removeEventListener("scroll", onScroll);
  }, []);
  const scrollToBooking = () => {
    window.pcScrollToEl(bookingRef.current, 64);
  };
  const [pulseKey, setPulseKey] = useStateA(0);
  const onCentrumChange = (k) => {
    if (k === centrumKey) return;
    setCentrumKey(k);
    setPulseKey((p) => p + 1);
  };
  return /* @__PURE__ */ React.createElement("div", { className: "bg-bg min-h-screen" }, /* @__PURE__ */ React.createElement(AnnouncementBar, { centrumName: centrum.name }), /* @__PURE__ */ React.createElement(TopNav, { onOpenSheet: () => setMenuOpen(true), onCta: scrollToBooking }), /* @__PURE__ */ React.createElement("div", { ref: bookingRef, key: "book-" + pulseKey + "-" + centrumKey, className: "-mt-12 lg:-mt-20" }, /* @__PURE__ */ React.createElement(Booking, { centrum, centrumKey, onCentrumChange, onSubmittedScroll: () => {
    window.pcScrollToEl(bookingRef.current, 64);
  } })), /* @__PURE__ */ React.createElement(SocialProof, null), /* @__PURE__ */ React.createElement(GalleryMarquee, null), /* @__PURE__ */ React.createElement(LongTerm, null), /* @__PURE__ */ React.createElement(FAQAccordion, null), /* @__PURE__ */ React.createElement("section", { className: "px-5 lg:px-12 pt-10" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-6xl mx-auto rounded-[28px] lg:rounded-[40px] bg-ink text-white p-6 lg:p-12 relative overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 opacity-[0.07] pointer-events-none", style: {
    backgroundImage: "radial-gradient(rgba(255,255,255,0.6) 1px, transparent 1px)",
    backgroundSize: "18px 18px"
  } }), /* @__PURE__ */ React.createElement("div", { className: "relative grid lg:grid-cols-[1fr_auto] lg:items-end gap-6" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "mono text-[11px] uppercase tracking-[0.2em] text-accent" }, "Final call"), /* @__PURE__ */ React.createElement("div", { className: "serif text-[44px] lg:text-[72px] leading-[0.95] mt-3", style: { letterSpacing: "-0.04em" } }, "M\xE9g g\xF6rgetsz? ", /* @__PURE__ */ React.createElement("em", null, "Foglalj.")), /* @__PURE__ */ React.createElement("p", { className: "mt-3 text-[14.5px] lg:text-[17px] text-white/70 max-w-md" }, "20 m\xE1sodperc alatt lefoglalhatod. A juttat\xE1st a plazmaad\xE1s ut\xE1n helyben, k\xE9szp\xE9nzben kapod meg."), /* @__PURE__ */ React.createElement("p", { className: "mt-2 text-[12.5px] lg:text-[13px] mono uppercase tracking-wider text-accent" }, "Emelt d\xEDj \xB7 j\xFAnius 30-ig")), /* @__PURE__ */ React.createElement("button", { onClick: scrollToBooking, className: "h-14 lg:h-16 px-6 lg:px-8 rounded-2xl bg-accent text-white text-[16px] lg:text-[18px] font-medium flex items-center justify-center gap-2 active:scale-[0.99] hover:scale-[1.02] transition shadow-[0_14px_30px_-12px_rgba(230,57,70,0.7)]" }, "Id\u0151pontot foglalok ", /* @__PURE__ */ React.createElement(IArrow, { size: 20 }))))), /* @__PURE__ */ React.createElement(Footer, null), /* @__PURE__ */ React.createElement(StickyBottomBar, { centrum, onCta: scrollToBooking, visible: showBar }), /* @__PURE__ */ React.createElement(MenuSheet, { open: menuOpen, onClose: () => setMenuOpen(false) }));
}
ReactDOM.createRoot(document.getElementById("root")).render(/* @__PURE__ */ React.createElement(App, null));