// Final CTA band — navy, sits between the contact form and the footer. The brand
// signature stroke draws itself in when the band scrolls into view.
const { useState: useStateCb, useRef: useRefCb } = React;
const useEffectCb = React.useLayoutEffect;
function SigStroke() {
const ref = useRefCb(null);
const [seen, setSeen] = useStateCb(false);
const staticRender = useStaticRender();
useEffectCb(() => {
if (staticRender) { setSeen(true); return; }
const el = ref.current;
if (!el || !('IntersectionObserver' in window)) { setSeen(true); return; }
const io = new IntersectionObserver((entries) => {
entries.forEach((e) => { if (e.isIntersecting) { setSeen(true); io.unobserve(e.target); } });
}, { threshold: 0.4 });
io.observe(el);
return () => io.disconnect();
}, [staticRender]);
return (
);
}
function CtaBand() {
const mag = useMagnetic(3);
return (
);
}
Object.assign(window, { CtaBand });