/* global React, ReactDOM */
const { useState, useEffect, useRef } = React;
/* ============= UTILITIES ============= */
function Reveal({ children, delay = 0, as: Tag = "div", className = "", style = {} }) {
const ref = useRef(null);
useEffect(() => {
const el = ref.current; if (!el) return;
el.classList.add("pre");
requestAnimationFrame(() => {
if (typeof IntersectionObserver === "undefined") { el.classList.remove("pre"); return; }
const io = new IntersectionObserver((entries) => {
entries.forEach((e) => {
if (e.isIntersecting) { el.classList.remove("pre"); io.unobserve(el); clearTimeout(fallback); }
});
}, { threshold: 0.12, rootMargin: "0px 0px -60px 0px" });
io.observe(el);
/* Safety: IntersectionObservers (and CSS transitions) get throttled to a
halt in inactive/embedded iframes, which can leave reveals stuck at
opacity:0. Guarantee the content shows even if the observer never fires. */
var fallback = setTimeout(() => { el.classList.remove("pre"); io.disconnect(); }, 1600);
});
}, []);
return (
{children}
);
}
function ArrowRight({ size = 14 }) {
return ;
}
function Check() {
return ;
}
function Plus() {
return ;
}
/* ============= LOGO ============= */
function Logo() {
return (
);
}
/* ============= PROMPT BOX ============= */
function PromptBox({ value, onChange, pulse }) {
const [t, setT] = useState("");
const v = value !== undefined ? value : t;
const set = (n) => { if (onChange) onChange(n); else setT(n); };
const [state, setState] = useState("idle");
const click = () => {
if (state !== "idle") return;
setState("poof");
setTimeout(() => setState("build"), 900);
setTimeout(() => setState("idle"), 2200);
};
const label = state === "poof" ? "✨ building…" : state === "build" ? "🎉 building" : <>Build it ;
return (
YOUR IDEA