// InsightsCTA.jsx — HOME SECTION 10, the finale. "See through a new lens."
// A cinematic aperture/iris opens behind the headline; a refined glass capture
// card holds the form. The aperture motif ties directly to the director theme.
const { useState: useInsState, useRef: useInsRef, useEffect: useInsEffect } = React;
function CompassDial() {
// A navigator's compass: rotating tick ring + cardinal marks, a fixed
// 8-point rose, and a slowly sweeping needle. Gold light on black.
const cx = 250, cy = 250;
const ticks = [];
for (let i = 0; i < 72; i++) {
const a = (i / 72) * Math.PI * 2;
const major = i % 9 === 0;
const r1 = major ? 196 : 206;
ticks.push(
);
}
const cardinals = [["N", 0], ["E", 90], ["S", 180], ["W", 270]];
return (
);
}
function InsightsCTA({ onSubscribe, onConsult }) {
const [form, setForm] = useInsState({ first: "", last: "", email: "" });
const [sent, setSent] = useInsState(false);
const rootRef = useInsRef(null);
const set = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.value }));
const submit = (e) => { e.preventDefault(); setSent(true); onSubscribe && onSubscribe(form); };
// Reveal-on-scroll (robust inside / outside the scaled stage)
useInsEffect(() => {
const el = rootRef.current;
if (!el) return;
const check = () => {
const vh = window.innerHeight || document.documentElement.clientHeight;
const r = el.getBoundingClientRect();
if (r.top < vh * 0.82 && r.bottom > vh * 0.1) { el.classList.add("is-in"); window.removeEventListener("scroll", check, true); }
};
check();
window.addEventListener("scroll", check, true);
window.addEventListener("resize", check);
return () => { window.removeEventListener("scroll", check, true); window.removeEventListener("resize", check); };
}, []);
return (
✦Get Free Insights✦
See through a new lens.
Insights that refuse to stay quiet.
Drop your email and receive the first chapter of Ted’s upcoming book —
plus occasional transmissions from the world behind the work: philosophy,
new music, films and insights.