// PulseApp — Consumer Pulse Methodology landing page.
const { useState, useEffect, useRef } = React;
const HEADLINES = {
howBuilt: { lead: "Want to know how", body: "we", accent: "did it" },
speedRigor: { lead: "Speed without rigor is", body: "", accent: "noise" },
behindNumbers: { lead: "The methodology", body: "behind the", accent: "numbers" },
hoursNotWeeks: { lead: "Consumer insight in", body: "", accent: "hours, not weeks" },
};
const PulseApp = () => {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
const formRef = useRef(null);
const ac = pulseAccent(t.accentColor);
const accent = ac.solid;
const accentTint = ac.tint;
const hl = HEADLINES[t.headline] || HEADLINES.howBuilt;
const Italic = ({ children, color }) => (
{children}
);
const scrollToForm = () => {
if (formRef.current) {
const top = formRef.current.getBoundingClientRect().top + window.scrollY - window.innerHeight / 2 + formRef.current.offsetHeight / 2;
window.scrollTo({ top, behavior: "smooth" });
}
};
return (
setTweak("headline", v)} />
setTweak("eyebrowText", v)} />
setTweak("accentColor", v)} />
setTweak("ctaLabel", v)} />
);
};
window.PulseApp = PulseApp;