);
}
/* ---------------- Reveal ----------------
Passthrough wrapper: content is always rendered fully visible. We
deliberately avoid opacity/transform entrance animations because the
preview/runtime can freeze CSS animations at their first keyframe,
which would strand content at opacity:0. Layout-only wrapper. */
function Reveal({ children, delay = 0, as: Tag = "div", style, className = "" }) {
return {children};
}
/* ---------------- Top nav (floating glass) ---------------- */
// ---- ONE nav for the whole public site -------------------------------------
// Targets: "#id" = a section on the landing page, ">route" = a real page.
// Both TopNav (landing) and PageHeader (sub-pages) render THIS list, so the nav never
// changes identity as you move around.
const SITE_LINKS = [
["Features", "#features"],
["Pricing", "#pricing"],
["AI Chatbot", ">ai-chatbot"],
["KCIP Fix", ">kcip"],
["FAQ", "#faq"],
["Support", ">discord"],
];
// Shared click handler. A section link works from ANY page: if we're not on the landing
// page we route there first, then scroll once React has painted it.
function siteNavGo(target, route, onNav, closeMenu) {
return (e) => {
if (e && e.preventDefault) e.preventDefault();
if (closeMenu) closeMenu();
if (target.charAt(0) === ">") { onNav(target.slice(1)); return; }
const id = target.slice(1);
const scroll = () => document.getElementById(id)?.scrollIntoView({ behavior: "smooth", block: "start" });
if (route === "landing") { scroll(); return; }
onNav("landing");
// onNav jumps to the top; wait for the landing tree to mount before scrolling.
setTimeout(scroll, 140);
};
}
function siteNavActive(target, route) {
return target.charAt(0) === ">" && target.slice(1) === route;
}
function TopNav({ onNav, onLogin, route }) {
const [scrolled, setScrolled] = useState(false);
const [menuOpen, setMenuOpen] = useState(false);
useEffect(() => {
const fn = () => setScrolled(window.scrollY > 24);
window.addEventListener("scroll", fn, { passive: true }); fn();
return () => window.removeEventListener("scroll", fn);
}, []);
const links = SITE_LINKS;
const go = (target) => siteNavGo(target, route, onNav, () => setMenuOpen(false));
return (