/* Auto-generated from mockups/11-final-cta.html */
(function(){
const { useEffect, useRef } = React;
const WA = ({ size = 22 }) => (
);
function useReveal(delayMs = 0) {
const ref = useRef(null);
useEffect(() => {
if (!ref.current) return;
const el = ref.current;
const trigger = () => setTimeout(() => el.classList.add('in'), delayMs);
const r = el.getBoundingClientRect();
if (r.top < window.innerHeight * 0.95 && r.bottom > 0) { trigger(); return; }
const io = new IntersectionObserver(([e]) => {
if (e.isIntersecting) { trigger(); io.disconnect(); }
}, { threshold: 0.15 });
io.observe(el);
return () => io.disconnect();
}, [delayMs]);
return ref;
}
function Eyebrow() {
const ref = useReveal(0);
const t = window.useCopy();
return (
{t.final.badge}
);
}
function Headline() {
const ref = useReveal(100);
const t = window.useCopy();
return (
{t.final.h1}
);
}
function SubLine() {
const ref = useReveal(200);
const t = window.useCopy();
return (
{t.final.sub}
);
}
function CTA() {
const ref = useReveal(360);
const glowRef = useReveal(440);
const zoomRef = useReveal(460);
const t = window.useCopy();
return (
<>
);
}
function Secondary() {
const ref = useReveal(540);
const t = window.useCopy();
return (
);
}
function MetaStrip() {
const ref = useReveal(720);
const t = window.useCopy();
return (
{t.footer.strip_tagline}
);
}
function Section() {
return (
);
}
window.FinalCtaSection = Section;
})();