// Primitive components (icons, placeholders, reveal wrapper)
const { useEffect, useRef, useState } = React;
function Reveal({ children, delay = 0, as: Tag = "div", className = "", ...rest }){
const ref = useRef(null);
const [shown, setShown] = useState(false);
useEffect(() => {
const el = ref.current; if(!el) return;
const io = new IntersectionObserver((entries) => {
entries.forEach(e => { if(e.isIntersecting){ setShown(true); io.unobserve(el); } });
}, { threshold: 0.12 });
io.observe(el);
return () => io.disconnect();
}, []);
return (
{children}
);
}
function Placeholder({ label, dark, style }){
return (
);
}
function WorkImage({ src, phLabel }){
const showPlaceholders = window.TWEAKS?.showPlaceholders !== false;
if(src) return 
;
if(showPlaceholders) return ;
return ;
}
// --- Icons for services ---
const icons = {
roof: (
),
paint: (
),
interior: (
),
water: (
),
demolish: (
),
repair: (
),
};
const iconByIdx = ["roof","paint","interior","water","demolish","repair"];
const Phone = (p) => (
);
const Arrow = (p) => (
);
Object.assign(window, { Reveal, Placeholder, WorkImage, icons, iconByIdx, Phone, Arrow });