/* ============================================================
Shared components, icons & helpers
============================================================ */
const { useState, useEffect, useRef, useCallback } = React;
/* ---------- WhatsApp ---------- */
const WA_NUMBER = "5511995367813";
function waLink(message) {
return `https://wa.me/${WA_NUMBER}?text=${encodeURIComponent(message)}`;
}
const WA_DEFAULT = "Olá Wanderson! Acabei de fazer a análise no site e gostaria de entender minhas possibilidades.";
/* ---------- Reveal on scroll ---------- */
function Reveal({ children, delay = 0, className = "", as = "div", style }) {
const ref = useRef(null);
const [seen, setSeen] = useState(false);
useEffect(() => {
const el = ref.current;
if (!el) return;
const reveal = () => setSeen(true);
const io = new IntersectionObserver(
(entries) => {
entries.forEach((e) => {
if (e.isIntersecting) { reveal(); io.disconnect(); }
});
},
{ threshold: 0.12, rootMargin: "0px 0px -8% 0px" }
);
io.observe(el);
// Failsafe: if the element is in view but the observer never fired
// (e.g. a paused/throttled render context), reveal it anyway so content
// can never get stuck invisible. Below-the-fold items still wait for scroll.
const t = setTimeout(() => {
const r = el.getBoundingClientRect();
if (r.top < (window.innerHeight || 800) && r.bottom > 0) reveal();
}, 1400);
return () => { io.disconnect(); clearTimeout(t); };
}, []);
const Tag = as;
const dcls = delay ? ` d${delay}` : "";
return (
{children}
);
}
/* ---------- Striped placeholder ---------- */
function Placeholder({ label, className = "", style, children, radius }) {
return (
{label && {label}}
{children}
);
}
/* ---------- Count-up number ---------- */
function CountUp({ to, suffix = "", prefix = "", dur = 1600 }) {
const ref = useRef(null);
const [val, setVal] = useState(0);
const started = useRef(false);
useEffect(() => {
const el = ref.current;
if (!el) return;
const io = new IntersectionObserver((entries) => {
entries.forEach((e) => {
if (e.isIntersecting && !started.current) {
started.current = true;
const t0 = performance.now();
const tick = (t) => {
const p = Math.min(1, (t - t0) / dur);
const eased = 1 - Math.pow(1 - p, 3);
setVal(Math.round(eased * to));
if (p < 1) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
}
});
}, { threshold: 0.4 });
io.observe(el);
return () => io.disconnect();
}, [to, dur]);
return {prefix}{val.toLocaleString("pt-BR")}{suffix};
}
/* ---------- Icons (thin, geometric line set) ---------- */
const ic = (paths, extra = {}) => (
);
const Icons = {
heart: ic(),
badge: ic(<>),
map: ic(<>),
key: ic(<>),
chat: ic(),
pin: ic(<>),
shield: ic(<>),
user: ic(<>),
arrow: ic(),
arrowDown: ic(),
check: ic(),
spark: ic(),
coins: ic(<>),
doc: ic(<>),
home: ic(<>),
whats: (),
star: (),
};
/* ---------- Star rating ---------- */
function Stars({ n = 5, size = 15 }) {
return (
{Array.from({ length: n }).map((_, i) => (
{Icons.star}
))}
);
}
/* ---------- Section thread connector ---------- */
function Thread({ h = 90 }) {
return ;
}
/* ---------- Brand logo (real artwork — negative lockup for dark bg) ---------- */
function CruzLogo({ height = 46, marginBlock }) {
return (
);
}
Object.assign(window, {
WA_NUMBER, waLink, WA_DEFAULT,
Reveal, Placeholder, CountUp, Icons, Stars, Thread,
CruzLogo,
});