// v3/styles.jsx — Stylesheet condiviso, verde scuro dominante + animazioni
const V3GlobalStyle = () => (
);
window.V3GlobalStyle = V3GlobalStyle;
// === Reveal hook ===
const useReveal = () => {
const ref = React.useRef(null);
React.useEffect(() => {
const el = ref.current;
if (!el) return;
let io;
const bind = () => {
if (io) io.disconnect();
const root = window.__scrollRoot || null;
io = new IntersectionObserver((entries) => {
entries.forEach(e => { if (e.isIntersecting) { el.classList.add('in'); io.unobserve(el); } });
}, { root, threshold: 0.05, rootMargin: '0px 0px -5% 0px' });
io.observe(el);
// Fallback: if element is already visible at bind time, reveal immediately
const r = el.getBoundingClientRect();
const rh = root ? root.clientHeight : window.innerHeight;
if (r.top < rh && r.bottom > 0) el.classList.add('in');
};
bind();
window.addEventListener('__scrollRootChanged', bind);
return () => { if (io) io.disconnect(); window.removeEventListener('__scrollRootChanged', bind); };
}, []);
return ref;
};
window.useReveal = useReveal;
// Reusable Reveal wrapper
const Reveal = ({ children, className = '', delay = 0, as: Tag = 'div', ...rest }) => {
const ref = useReveal();
return (
{children}
);
};
window.Reveal = Reveal;
// Animated number counter
const Counter = ({ to = 100, suffix = '', duration = 1600, decimals = 0 }) => {
const [v, setV] = React.useState(0);
const ref = useReveal();
React.useEffect(() => {
const el = ref.current;
if (!el) return;
let io;
const bind = () => {
if (io) io.disconnect();
io = new IntersectionObserver(([e]) => {
if (e.isIntersecting) {
const start = performance.now();
const tick = (now) => {
const t = Math.min(1, (now - start) / duration);
const eased = 1 - Math.pow(1 - t, 3);
setV(to * eased);
if (t < 1) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
io.disconnect();
}
}, { root: window.__scrollRoot || null, threshold: 0.2 });
io.observe(el);
};
bind();
window.addEventListener('__scrollRootChanged', bind);
return () => { if (io) io.disconnect(); window.removeEventListener('__scrollRootChanged', bind); };
}, [to, duration]);
return {v.toFixed(decimals)}{suffix};
};
window.Counter = Counter;