// icons.jsx — lucide-style line icons + scroll-reveal helper
const { useEffect, useRef, useState } = React;
// Generic icon wrapper
function Icon({ children, size = 24, className = "", strokeWidth = 1.6, ...rest }) {
return (
);
}
const I = {
Rocket: (p) => ,
Arrow: (p) => ,
Menu: (p) => ,
X: (p) => ,
Check: (p) => ,
Sparkle: (p) => ,
Cloud: (p) => ,
Shield: (p) => ,
Bolt: (p) => ,
Files: (p) => ,
Calendar: (p) => ,
Box: (p) => ,
Receipt: (p) => ,
Users: (p) => ,
Chart: (p) => ,
Layers: (p) => ,
Lock: (p) => ,
Cpu: (p) => ,
Plug: (p) => ,
Globe: (p) => ,
Mail: (p) => ,
Message: (p) => ,
Clock: (p) => ,
Sheet: (p) => ,
Note: (p) => ,
CheckCircle: (p) => ,
};
// Scroll-reveal wrapper — applies end-state via INLINE styles (always win the cascade)
function Reveal({ children, as: Tag = "div", delay = 0, className = "", ...rest }) {
const ref = useRef(null);
const [shown, setShown] = useState(false);
useEffect(() => {
const el = ref.current;
if (!el) return;
const reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
if (reduce) { setShown(true); return; }
let done = false;
const reveal = () => {
if (done) return;
done = true;
setShown(true);
window.removeEventListener("scroll", check);
window.removeEventListener("resize", check);
};
const check = () => {
if (done || !ref.current) return;
const r = ref.current.getBoundingClientRect();
const vh = window.innerHeight || document.documentElement.clientHeight;
if (r.top < vh * 0.92 && r.bottom > 0) reveal();
};
check();
const t1 = setTimeout(check, 60);
const t2 = setTimeout(check, 300);
// failsafe: never leave content hidden
const t3 = setTimeout(reveal, 1200);
window.addEventListener("scroll", check, { passive: true });
window.addEventListener("resize", check);
return () => {
clearTimeout(t1); clearTimeout(t2); clearTimeout(t3);
window.removeEventListener("scroll", check);
window.removeEventListener("resize", check);
};
}, []);
return (
{children}
);
}
Object.assign(window, { Icon, I, Reveal });