function MobileStickyCTA() {
const [show, setShow] = useState(false);
useEffect(() => {
const hero = document.getElementById('top');
if (!hero) return;
// Show once the hero section has fully left the viewport
const io = new IntersectionObserver(
([entry]) => setShow(!entry.isIntersecting),
{ threshold: 0, rootMargin: '0px' }
);
io.observe(hero);
return () => io.disconnect();
}, []);
return (
<>
);
}
function App() {
const [tweaks, setTweaks] = useState(TWEAK_DEFAULTS);
const [editMode, setEditMode] = useState(false);
useEffect(() => {
applyTweaks(tweaks);
const handler = (e) => {
if (!e.data) return;
if (e.data.type === '__activate_edit_mode') setEditMode(true);
if (e.data.type === '__deactivate_edit_mode') setEditMode(false);
};
window.addEventListener('message', handler);
window.parent.postMessage({ type: '__edit_mode_available' }, '*');
return () => window.removeEventListener('message', handler);
}, []);
return (
<>
);
}
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render();