// Shared primitives: icons, small utilities
const Icon = {
Menu: (p) => (
),
Close: (p) => (
),
Arrow: (p) => (
),
ArrowDown: (p) => (
),
ChevR: (p) => (
),
ChevD: (p) => (
),
Dot: (p) => (
),
// tab bar glyphs
Home: (p) => (
),
User: (p) => (
),
Grid: (p) => (
),
Clock: (p) => (
),
Mail: (p) => (
),
};
// Reveal-on-scroll wrapper. Uses IntersectionObserver.
function Reveal({ children, delay = 0, as: Tag = 'div', className = '', style = {} }) {
const ref = React.useRef(null);
const [shown, setShown] = React.useState(false);
React.useEffect(() => {
const el = ref.current; if (!el) return;
const root = document.getElementById('screen') || null;
const io = new IntersectionObserver(([e]) => {
if (e.isIntersecting) { setShown(true); io.disconnect(); }
}, { root, threshold: 0.15, rootMargin: '0px 0px -40px 0px' });
io.observe(el);
return () => io.disconnect();
}, []);
return (
{children}
);
}
// Section head block (index + divider)
function SectionHead({ idx, label }) {
return (
);
}
Object.assign(window, { Icon, Reveal, SectionHead });