// Line-art icon set in gold style
const Icon = ({ name, className = '' }) => {
const icons = {
hand: (
),
leaf: (
),
chart: (
),
coin: (
),
refresh: (
),
wallet: (
),
heart: (
),
clock: (
),
handshake: (
),
spark: (
),
gift: (
),
user: (
),
book: (
),
list: (
),
rocket: (
),
cross: (
),
bag: (
),
star: (
),
shield: (
),
badge: (
),
chat: (
),
calendar: (
),
bed: (
),
hospital: (
),
play: (
),
};
return icons[name] || null;
};
// Floating petal decorations with parallax scroll
const Petal = ({ style, variant = 'float', speed = 0.15, rotate = 0 }) => {
const ref = React.useRef(null);
React.useEffect(() => {
let raf;
const onScroll = () => {
if (raf) return;
raf = requestAnimationFrame(() => {
if (ref.current) {
const rect = ref.current.getBoundingClientRect();
const center = rect.top + rect.height / 2 - window.innerHeight / 2;
const offset = -center * speed;
ref.current.style.setProperty('--scroll-y', offset + 'px');
}
raf = null;
});
};
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
return () => { window.removeEventListener('scroll', onScroll); if (raf) cancelAnimationFrame(raf); };
}, [speed]);
return (
);
};
window.Petal = Petal;
