/* global React */
const { useState, useEffect, useRef, useCallback } = React;
/* ----------------------------------------------------------
Icon set — clean line icons (stroke = currentColor)
---------------------------------------------------------- */
function Icon({ name, size = 24, stroke = 1.7, style }) {
const p = {
fill: "none",
stroke: "currentColor",
strokeWidth: stroke,
strokeLinecap: "round",
strokeLinejoin: "round",
};
const paths = {
chat: <>,
calendar: <>,
doc: <>,
track: <>,
layout: <>,
cog: <>,
clock: <>,
bolt: <>,
inbox: <>,
users: <>,
pulse: <>,
check: <>,
arrow: <>,
spark: <>,
shield: <>,
building: <>,
bed: <>,
truck: <>,
cart: <>,
briefcase: <>,
plane: <>,
whatsapp: <>,
menu: <>,
close: <>,
send: <>,
mail: <>,
location: <>,
bell: <>,
trend: <>,
instagram: <>,
telegram: <>,
messenger: <>,
headset: <>,
crown: <>,
bars: <>,
dollar: <>,
play: <>,
bot: <>,
grid: <>,
card: <>,
book: <>,
sparkle2: <>,
globe: <>,
code: <>,
database: <>,
mobile: <>,
server: <>,
rocket: <>,
lock: <>,
cloud: <>,
api: <>,
};
return (
);
}
/* ----------------------------------------------------------
Logo — official STAMINEX hexagon mark (warm-recolored) + wordmark
---------------------------------------------------------- */
function Logo({ light = false, size = 30 }) {
const txt = light ? "#ffffff" : "#251f17";
const sub = light ? "rgba(231,221,202,.78)" : "rgba(108,99,84,.85)";
return (
STAMINEX
SOLUCIONES DIGITALES
);
}
/* ----------------------------------------------------------
Animated counter — counts up when scrolled into view
---------------------------------------------------------- */
function Counter({ end, duration = 1400, suffix = "", prefix = "", decimals = 0 }) {
const ref = useRef(null);
const [val, setVal] = useState(0);
const done = useRef(false);
useEffect(() => {
const el = ref.current;
if (!el) return;
const io = new IntersectionObserver((entries) => {
entries.forEach((e) => {
if (e.isIntersecting && !done.current) {
done.current = true;
const start = performance.now();
const tick = (now) => {
const t = Math.min((now - start) / duration, 1);
const eased = 1 - Math.pow(1 - t, 3);
setVal(end * eased);
if (t < 1) requestAnimationFrame(tick);
else setVal(end);
};
requestAnimationFrame(tick);
}
});
}, { threshold: 0.4 });
io.observe(el);
return () => io.disconnect();
}, [end, duration]);
const display = decimals > 0 ? val.toFixed(decimals) : Math.round(val).toLocaleString("es");
return {prefix}{display}{suffix};
}
Object.assign(window, { Icon, Logo, Counter });