// Stats — wide animated counter strip
function Stats({ t }) {
const stats = [
{ num: 500, plus:true, label: "Industrial clients", note: "manufacturing · O&G · plantation"},
{ num: 21, label: "Years operating", note: "established 2004" },
{ num: 11, label: "Parameters tracked per IAQ", note: "ICOP IAQ DOSH 2010"},
{ num: 5, label: "Year CHRA validity", note: "if no significant change" },
];
return (
);
}
function StatCard({ num, plus, label, note, motion }) {
const [v, setV] = React.useState(0);
const ref = React.useRef(null);
React.useEffect(() => {
const el = ref.current;
if (!el) return;
const obs = new IntersectionObserver((entries)=>{
entries.forEach(e=>{
if (e.isIntersecting){
let t0 = performance.now(); const dur = 1600;
const tick = () => {
const tt = Math.min(1, (performance.now() - t0) / dur);
const e2 = 1 - Math.pow(1 - tt, 3);
setV(Math.round(num * e2));
if (tt < 1) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
obs.disconnect();
}
});
}, { threshold: .4 });
obs.observe(el);
return () => obs.disconnect();
}, [num]);
return (
{v}{plus?"+":""}
{label}
{note}
);
}
window.Stats = Stats;