// Shared atoms
const Icon = {
Check: (p) => ,
Star: (p) => ,
Arrow: (p) => ,
Plus: (p) => ,
Shield: (p) => ,
Lock: (p) => ,
Flame: (p) => ,
Heart: (p) => ,
Bolt: (p) => ,
Target: (p) => ,
Chart: (p) => ,
Dumbbell: (p) => ,
Cup: (p) => ,
Verified: (p) => ,
Brain: (p) => ,
User: (p) => ,
Calendar: (p) => ,
Refund: (p) => ,
NoLock: (p) => ,
Phone: (p) => ,
};
// Brand mark
function BrandMark({ size = 36 }) {
const src = (typeof window !== 'undefined' && window.__resources && window.__resources.logoMark) || 'assets/logo-mark.png';
return (
);
}
// Reveal-on-scroll wrapper
function Reveal({ children, delay = 0 }) {
const ref = React.useRef(null);
React.useEffect(() => {
const el = ref.current; if (!el) return;
const io = new IntersectionObserver((entries) => {
entries.forEach(e => {
if (e.isIntersecting) {
setTimeout(() => el.classList.add('in'), delay);
io.unobserve(el);
}
});
}, { threshold: 0.12 });
io.observe(el);
return () => io.disconnect();
}, [delay]);
return {children}
;
}
// Animated counter
function Counter({ to, suffix = '', prefix = '', duration = 1800 }) {
const ref = React.useRef(null);
const [val, setVal] = React.useState(0);
React.useEffect(() => {
const el = ref.current; if (!el) return;
let started = false;
const io = new IntersectionObserver((entries) => {
entries.forEach(e => {
if (e.isIntersecting && !started) {
started = true;
const start = performance.now();
const step = (t) => {
const p = Math.min(1, (t - start) / duration);
const eased = 1 - Math.pow(1 - p, 3);
setVal(Math.round(to * eased));
if (p < 1) requestAnimationFrame(step);
};
requestAnimationFrame(step);
}
});
}, { threshold: 0.3 });
io.observe(el);
return () => io.disconnect();
}, [to, duration]);
return {prefix}{val.toLocaleString('en-IN')}{suffix};
}
// Tilt-on-mouse card
function Tilt({ children, className = '', max = 8, scale = 1, ...rest }) {
const ref = React.useRef(null);
function onMove(e) {
const el = ref.current; if (!el) return;
const r = el.getBoundingClientRect();
const px = (e.clientX - r.left) / r.width - 0.5;
const py = (e.clientY - r.top) / r.height - 0.5;
el.style.transform = `perspective(1200px) rotateY(${px * max}deg) rotateX(${-py * max}deg) scale(${scale})`;
}
function onLeave() {
const el = ref.current; if (!el) return;
el.style.transform = `perspective(1200px) rotateY(0) rotateX(0) scale(1)`;
}
return (
{children}
);
}
Object.assign(window, { Icon, BrandMark, Reveal, Counter, Tilt });