/* global React */
const { useEffect, useRef, useState } = React;
/* ============================================================
ICONS — minimal Lucide-style inline SVGs
============================================================ */
const Icon = ({ children, size = 18, stroke = 1.6 }) => (
);
const IconArrowRight = (p) => ;
const IconArrowUpRight = (p) => ;
const IconKey = (p) => ;
const IconHeadphones = (p) => ;
const IconSprout = (p) => ;
const IconLayoutGrid = (p) => ;
const IconBot = (p) => ;
const IconSmartphone = (p) => ;
const IconUpload = (p) => ;
const IconMapPin = (p) => ;
const IconUsers = (p) => ;
const IconTrendingUp = (p) => ;
const IconInstagram = (p) => ;
const IconFacebook = ({ size = 18 }) => (
);
const IconTiktok = (p) => ;
const IconWhatsapp = ({ size = 18 }) => (
);
const IconGlobe = (p) => ;
const IconHand = (p) => ;
const ICONS = {
ArrowRight: IconArrowRight, ArrowUpRight: IconArrowUpRight,
Key: IconKey, Headphones: IconHeadphones, Sprout: IconSprout,
LayoutGrid: IconLayoutGrid, Bot: IconBot, Smartphone: IconSmartphone,
Upload: IconUpload, MapPin: IconMapPin, Users: IconUsers, TrendingUp: IconTrendingUp,
Instagram: IconInstagram, Tiktok: IconTiktok, Whatsapp: IconWhatsapp, Globe: IconGlobe, Facebook: IconFacebook,
Hand: IconHand,
};
/* ============================================================
REVEAL HOOK — IntersectionObserver
============================================================ */
function useReveal(threshold = 0.2) {
const ref = useRef(null);
useEffect(() => {
const el = ref.current;
if (!el) return;
const obs = new IntersectionObserver((entries) => {
entries.forEach((e) => {
if (e.isIntersecting) {
e.target.classList.add('in');
obs.unobserve(e.target);
}
});
}, { threshold });
obs.observe(el);
return () => obs.disconnect();
}, [threshold]);
return ref;
}
Object.assign(window, {
ICONS, useReveal,
});