// Shared utilities + SVG placeholder art components
const { useState, useEffect, useRef, useMemo, useCallback } = React;
// Hook: reveal on scroll
function useReveal() {
const ref = useRef(null);
useEffect(() => {
const el = ref.current; if (!el) return;
const io = new IntersectionObserver((entries) => {
entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });
}, { threshold: 0.15, rootMargin: '0px 0px -80px 0px' });
io.observe(el);
return () => io.disconnect();
}, []);
return ref;
}
// Hook: counter (animated)
function useCountUp(target, { duration = 1600, when = true } = {}) {
const [v, setV] = useState(0);
const started = useRef(false);
useEffect(() => {
if (!when || started.current) return;
started.current = true;
const start = performance.now();
const tick = (t) => {
const p = Math.min(1, (t - start) / duration);
const eased = 1 - Math.pow(1 - p, 3);
setV(target * eased);
if (p < 1) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
}, [when, target, duration]);
return v;
}
// Formats
const fmt = {
money: (n) => `$${n.toFixed(0)}B`,
int: (n) => Math.round(n).toLocaleString(),
};
// Reveal wrapper
function Reveal({ children, delay = 0, as = 'div', className = '', ...rest }) {
const r = useReveal();
const Tag = as;
const dClass = delay ? ` r-${delay}` : '';
return {children};
}
// Logo mark
function LogoMark({ size = 22, color = 'var(--ink)' }) {
return (
);
}
// Arrow
const ArrowRight = ({ size = 16 }) => (
);
// Placeholder art: Oklahoma prairie aerial (used for hero / radar befores)
function PrairieAerialSVG({ variant = 'day', className = '' }) {
const night = variant === 'night';
return (
);
}
// Placeholder: campus aerial with berms — used for after state and hero
function CampusAerialSVG({ variant = 'day', className = '' }) {
const night = variant === 'night';
return (
);
}
// Icon set
const Icons = {
Drop: ({ size = 24 }) => (
),
Leaf: ({ size = 24 }) => (
),
Wave: ({ size = 24 }) => (
),
Bolt: ({ size = 24 }) => (
),
Shield: ({ size = 24 }) => (
),
Truck: ({ size = 24 }) => (
),
Briefcase: ({ size = 24 }) => (
),
School: ({ size = 24 }) => (
),
Home: ({ size = 24 }) => (
),
Speaker: ({ size = 24 }) => (
),
Moon: ({ size = 24 }) => (
),
Sun: ({ size = 24 }) => (
),
Chat: ({ size = 24 }) => (
),
Plus: ({ size = 16 }) => (
),
};
Object.assign(window, {
useReveal, useCountUp, Reveal, LogoMark, ArrowRight, Icons,
PrairieAerialSVG, CampusAerialSVG, fmt,
});