CO₂ AVOIDED · LIVE
{carbon.toLocaleString('en-US')}g
);
}
function Hero() {
const ref = useRef_h(null);
const [offset, setOffset] = useState_h(0);
const [carbon, setCarbon] = useState_h(0);
useEffect_h(() => {
let raf = 0;
const tick = () => {
if (ref.current) {
const y = window.scrollY;
setOffset(Math.min(y * 0.35, 400));
}
raf = requestAnimationFrame(tick);
};
raf = requestAnimationFrame(tick);
return () => cancelAnimationFrame(raf);
}, []);
// Live carbon counter — grams of CO2 avoided by green hosting vs avg site
useEffect_h(() => {
const start = performance.now();
const seed = 128_430; // "already avoided" baseline
let raf = 0;
const tick = (t) => {
const elapsed = (t - start) / 1000; // seconds
// 2.7g per visitor avg, ~14 visitors/second across the network
const inc = elapsed * 38;
setCarbon(Math.round(seed + inc));
raf = requestAnimationFrame(tick);
};
raf = requestAnimationFrame(tick);
return () => cancelAnimationFrame(raf);
}, []);
return (
{/* Parallax landscape layer */}
{/* Top strip: pre-launch chip + carbon counter */}
PRE-LAUNCH · Q3 2026
CO₂ AVOIDED BY REE · LIVE
{carbon.toLocaleString('en-US')}g
{/* Main content */}
The green web builder · Coming soon
Build beautiful, green websites
in minutes.
Ree is the first web builder designed to be carbon-negative by default.
Clean design, fast performance, great hosting, on infrastructure that gives more to the planet than it takes.