// Motion graphic — 45s hero reveal (iframe'd)
const VideoPlaceholder = () => {
return (
{/* Corner crop marks — kept for editorial signature */}
{[
{top:10,left:10,r:'0deg'},{top:10,right:10,r:'90deg'},
{bottom:10,right:10,r:'180deg'},{bottom:10,left:10,r:'270deg'}
].map((p,i)=>(
))}
);
};
const SignalTimeline = () => {
const reduced = React.useRef(window.matchMedia('(prefers-reduced-motion: reduce)').matches);
const [activeStage, setActiveStage] = React.useState(0); // 0..4 (4 = all lit)
const stages = [
{ key: 'watch', ts: 'APR 08 · 09:14', label: 'Signal detected', sub: 'Ramp · ICP news match · "embedded risk tooling" launch', source: 'src: exa.news' },
{ key: 'verify', ts: 'APR 08 · 09:41', label: 'Signal verified', sub: 'Cross-checked PredictLeads · freshness 6h · confidence 0.91', source: 'src: predictleads' },
{ key: 'contact', ts: 'APR 08 · 14:22', label: 'Contact resolved', sub: 'VP Risk · Sofia M. · email verified · scored for signal shape', source: 'Contact Forge' },
{ key: 'send', ts: 'APR 09 · 07:03', label: 'Claim-traced email sent', sub: '4 claims · 4 source fields · 0 fabricated', source: 'Message Mill → Smartlead' },
{ key: 'reply', ts: 'APR 09 · 11:17', label: 'Reply', sub: '"Yes, let\u2019s talk. Thursday works."', source: 'meeting booked · +4h 14m' },
];
React.useEffect(() => {
if (reduced.current) { setActiveStage(stages.length); return; }
let timeouts = [];
const run = () => {
setActiveStage(0);
stages.forEach((_, i) => {
timeouts.push(setTimeout(() => setActiveStage(i + 1), 700 + i * 900));
});
};
run();
const loop = setInterval(run, 700 + stages.length * 900 + 5500);
return () => { timeouts.forEach(clearTimeout); clearInterval(loop); };
}, []);
return (
{/* Header */}
One account · One signal · End-to-end
tam.watch → Ramp · fintech lenders · April 8–9
● TIMING · SOLVED
{/* Dominant number: signal → reply interval */}
Signal → Reply
26h
03m
↳ From in-market moment to "Thursday works."
The sequence →
Same five steps every week. The timing is what the sequence is solving for.
{/* The rail */}
{/* Horizontal rule behind the dots */}
{/* Progress fill */}
{stages.map((s, i) => {
const lit = activeStage > i;
const current = activeStage === i + 1;
return (
{/* Timestamp (above dot) */}
{s.ts}
{/* Dot */}
{/* Label */}
{s.label}
{/* Sub */}
{s.sub}
{/* Source tag */}
↳ {s.source}
);
})}
{/* Badge */}
0 fabricated claims
{/* Headline + subline */}
An in-market
outbound pipeline, not
another cold-list spray.
Most outbound starts with a list and hunts for signals.
We start with your TAM and send only when a signal fires.
The TAM is the moat.
Pilots from $1,500 · Fixed-term, no retainer · Delivered by Travis Ross
{/* Motion graphic placeholder — drop the video in when ready */}
{/* Signature line under */}
↳ One real account, one real signal, end-to-end. This is what "in the window" looks like.
04 : 09 : 2026
{number}
{label}
{body}
· {sig}
);
Object.assign(window, { Hero, ProofStrip, SignalTimeline, VideoPlaceholder });