// primitives.jsx — small shared building blocks
// (helpers used across sections)
/* ── useInView: animate sections on scroll ──────────────── */
function useInView(threshold = 0.15) {
const ref = React.useRef(null);
const [seen, setSeen] = React.useState(false);
React.useEffect(() => {
if (!ref.current || seen) return;
const io = new IntersectionObserver(
(entries) => {
entries.forEach((e) => { if (e.isIntersecting) { setSeen(true); io.disconnect(); } });
},
{ threshold }
);
io.observe(ref.current);
return () => io.disconnect();
}, [seen, threshold]);
return [ref, seen];
}
/* ── CountUp: animated number from 0 to target ───────────── */
function CountUp({ to, duration = 1400, suffix = '', prefix = '', decimals = 0, start = true }) {
const [val, setVal] = React.useState(0);
React.useEffect(() => {
if (!start) return;
let raf;
const startT = performance.now();
const tick = (now) => {
const t = Math.min(1, (now - startT) / duration);
const eased = 1 - Math.pow(1 - t, 3);
setVal(eased * to);
if (t < 1) raf = requestAnimationFrame(tick);
};
raf = requestAnimationFrame(tick);
return () => cancelAnimationFrame(raf);
}, [to, duration, start]);
const formatted = decimals > 0
? val.toFixed(decimals)
: Math.round(val).toLocaleString('pl-PL');
return {prefix}{formatted}{suffix};
}
/* ── Eyebrow chip ───────────────────────────────────────── */
function Eyebrow({ children, dot = true }) {
return (
{dot && }
{children}
);
}
/* ── ArrowRight ─────────────────────────────────────────── */
function ArrowRight({ size = 14 }) {
return (
);
}
/* ── Logo (Gorilla Commerce & Solutions) ────────────────── */
function Logo({ size = 18, mark = size + 10 }) {
return (
Gorilla Commerce & Solutions
);
}
Object.assign(window, { useInView, CountUp, Eyebrow, ArrowRight, Logo });