// Icons.jsx — inline SVGs.
function ArrowRight({ size = 16, stroke = 2 }) {
return (
);
}
function ArrowOut({ size = 14, stroke = 2 }) {
return (
);
}
function ArrowDown({ size = 14, stroke = 2 }) {
return (
);
}
function Lock({ size = 14 }) {
return (
);
}
function Check({ size = 14 }) {
return (
);
}
function Play({ size = 14 }) {
return (
);
}
function Sparkle({ size = 14 }) {
return (
);
}
// Reusable section primitives
function Eyebrow({ children, color = 'var(--naranja)' }) {
return (
{children}
);
}
function SectionTitle({ children, color = 'var(--ink)', style }) {
return (
{children}
);
}
// Floating orbs decoration
function Orbs({ palette = ['var(--lila)', 'var(--menta)', 'var(--naranja)'], opacity = 0.35 }) {
return (
);
}
// Animated counter — ramps from 0 → target when scrolled into view
function Counter({ value, prefix = '', suffix = '', duration = 1600 }) {
const ref = React.useRef(null);
const [display, setDisplay] = React.useState(0);
const [started, setStarted] = React.useState(false);
React.useEffect(() => {
if (!ref.current) return;
const io = new IntersectionObserver((entries) => {
if (entries[0].isIntersecting && !started) setStarted(true);
}, { threshold: 0.4 });
io.observe(ref.current);
return () => io.disconnect();
}, [started]);
React.useEffect(() => {
if (!started) return;
const start = performance.now();
let raf;
const tick = (now) => {
const t = Math.min(1, (now - start) / duration);
const eased = 1 - Math.pow(1 - t, 3);
setDisplay(value * eased);
if (t < 1) raf = requestAnimationFrame(tick);
};
raf = requestAnimationFrame(tick);
return () => cancelAnimationFrame(raf);
}, [started, value, duration]);
const formatted = Number.isInteger(value) ? Math.round(display).toLocaleString('es-AR') : display.toFixed(1);
return {prefix}{formatted}{suffix};
}
Object.assign(window, { ArrowRight, ArrowOut, ArrowDown, Lock, Check, Play, Sparkle, Eyebrow, SectionTitle, Orbs, Counter });