// components.jsx — shared atoms & icons (Yukaa Media redesign)
const CALENDLY_URL = "https://calendly.com/yukaamedia/discovery-call";
/* ── Icons ────────────────────────────────────────────────────── */
const Icon = {
arrUR: (p = {}) => (
),
arrR: (p = {}) => (
),
plus: (p = {}) => (
),
minus: (p = {}) => (
),
star: (p = {}) => (
),
check: (p = {}) => (
),
spark: (p = {}) => (
),
menu: (p = {}) => (
),
close: (p = {}) => (
),
quote: (p = {}) => (
),
};
/* ── Eyebrow w/ pulsing dot ───────────────────────────────────── */
function Eyebrow({ children }) {
return {children};
}
/* ── Pill (badge) ─────────────────────────────────────────────── */
function Pill({ children, accent, mono = true, dot = true, style }) {
return (
{dot && }
{children}
);
}
/* ── Buttons ──────────────────────────────────────────────────── */
function PrimaryButton({ children, href = CALENDLY_URL, large, style }) {
return (
{children}
);
}
function GhostButton({ children, href = CALENDLY_URL, large, style, onClick }) {
const props = onClick ? { onClick } : { href, target: "_blank", rel: "noopener noreferrer" };
const Tag = onClick ? "button" : "a";
return (
{children}
);
}
/* ── Reveal — no-op wrapper now (kept for layout structure) ──── */
function Reveal({ children, delay = 0, as: Tag = "div", className = "", style, ...rest }) {
return (
{children}
);
}
/* ── CountUp ──────────────────────────────────────────────────── */
function CountUp({ end, suffix = "", duration = 1200 }) {
const ref = React.useRef(null);
const [val, setVal] = React.useState(end);
const startedRef = React.useRef(false);
React.useEffect(() => {
const el = ref.current;
if (!el) return;
const begin = () => {
if (startedRef.current) return;
startedRef.current = true;
setVal(0);
const start = performance.now();
const stepMs = 16;
const steps = Math.ceil(duration / stepMs);
let i = 0;
const id = setInterval(() => {
i++;
const p = Math.min(1, i / steps);
const eased = 1 - Math.pow(1 - p, 3);
setVal(eased * end);
if (p >= 1) clearInterval(id);
}, stepMs);
// hard safety net
setTimeout(() => { clearInterval(id); setVal(end); }, duration + 600);
};
const check = () => {
const r = el.getBoundingClientRect();
const vh = window.innerHeight || document.documentElement.clientHeight;
if (r.top < vh && r.bottom > 0) { begin(); return true; }
return false;
};
if (check()) return;
let io;
if ("IntersectionObserver" in window) {
io = new IntersectionObserver(([e]) => {
if (e.isIntersecting) { begin(); io && io.disconnect(); }
}, { threshold: 0.3 });
io.observe(el);
}
const onScroll = () => { if (check()) { window.removeEventListener("scroll", onScroll); io && io.disconnect(); } };
window.addEventListener("scroll", onScroll, { passive: true });
return () => { io && io.disconnect(); window.removeEventListener("scroll", onScroll); };
}, [end, duration]);
const display = end % 1 === 0 ? Math.round(val) : val.toFixed(1);
return {display}{suffix};
}
/* expose globally so other Babel scripts see them */
Object.assign(window, {
Icon, Eyebrow, Pill, PrimaryButton, GhostButton, Reveal, CountUp, CALENDLY_URL,
});