/* ============================================================
Shared primitives: Icon set, scroll-reveal hook, Section,
Eyebrow, gradient helpers. Exported to window at the bottom.
============================================================ */
const { useState, useEffect, useRef } = React;
/* ---- Lucide icon paths (hardcoded for reliability) ---- */
const ICON_PATHS = {
Sparkles: (<>
),
ArrowRight: (<>),
ArrowRightCircle: (<>),
ArrowUpRight: (<>),
Globe: (<>),
Server: (<>),
Share2: (<>),
FileText: (<>),
TrendingUp: (<>),
Users: (<>),
DoorOpen: (<>),
Wallet: (<>),
Check: (<>),
Mail: (<>),
MessageCircle: (<>),
Stethoscope: (<>),
Scale: (<>),
Building2: (<>),
Shield: (<>),
Rocket: (<>),
Star: (<>),
Cpu: (<>),
MapPin: (<>),
Phone: (<>),
Layers: (<>),
Clock: (<>),
Heart: (<>),
};
function Icon({ name, size = 24, style, className, strokeWidth = 2 }) {
return (
);
}
/* ---- Reveal-on-scroll: returns a ref; element fades+rises when in view ---- */
function useReveal(options) {
const ref = useRef(null);
const [shown, setShown] = useState(false);
useEffect(() => {
const el = ref.current;
if (!el) return;
const io = new IntersectionObserver(([entry]) => {
if (entry.isIntersecting) { setShown(true); io.disconnect(); }
}, { threshold: 0.12, rootMargin: '0px 0px -8% 0px', ...(options || {}) });
io.observe(el);
return () => io.disconnect();
}, []);
return [ref, shown];
}
/* A block that reveals on scroll. delay in ms. */
function Reveal({ children, delay = 0, as = 'div', className = '', style = {} }) {
const [ref, shown] = useReveal();
const Tag = as;
return (
{children}
);
}
/* Section wrapper: max-width content, vertical rhythm, optional id */
function Section({ id, children, style = {}, className = '', inner = {} }) {
return (
);
}
/* Small pill eyebrow with gradient dot */
function Eyebrow({ children, icon = 'Sparkles' }) {
return (
{children}
);
}
/* Section heading block */
function SectionHead({ eyebrow, eyebrowIcon, title, titleAccent, sub, align = 'left', maxW = '640px' }) {
return (
{eyebrow ? {eyebrow} : null}
{title} {titleAccent ? {titleAccent} : null}
{sub ? (
{sub}
) : null}
);
}
Object.assign(window, { Icon, useReveal, Reveal, Section, Eyebrow, SectionHead });