/* SRQ Analytics — icons + shared bits */
const Mark = ({ size = 26 }) => (
);
const Arrow = () => (
);
const Ico = {
cfo: (
),
chart: (
),
gears: (
),
ai: (
),
mail: (
),
pin: (
),
link: (
),
};
function useReveal() {
React.useEffect(() => {
const els = [...document.querySelectorAll(".reveal")];
const hide = (el) => {
el.style.opacity = "0";
el.style.transform = "translateY(18px)";
el.style.transition = "opacity .7s ease, transform .7s ease";
};
const show = (el) => { el.style.opacity = "1"; el.style.transform = "none"; };
const reduce = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
if (reduce || !("IntersectionObserver" in window)) return; // leave fully visible
const vh = window.innerHeight;
const io = new IntersectionObserver((entries) => {
entries.forEach((e) => { if (e.isIntersecting) { show(e.target); io.unobserve(e.target); } });
}, { threshold: 0.1, rootMargin: "0px 0px -5% 0px" });
els.forEach((el) => {
const r = el.getBoundingClientRect();
if (r.top >= vh) { hide(el); io.observe(el); } // pre-hide only what's below the fold
});
// Safety net: never leave anything hidden if the observer misfires.
const t = setTimeout(() => els.forEach(show), 4000);
return () => { io.disconnect(); clearTimeout(t); };
}, []);
}
Object.assign(window, { Mark, Arrow, Ico, useReveal });