/* Soph deck — slides 9–12: the upgrade, pricing, the close.
Reframed away from "investor defence." Brand Lift is now framed as
"what good looks like later" — the upgrade ahead, not the wedge.
Footers: page label only. */
(function () {
const { C, fonts, TYPE_SCALE, SPACING, Frame, Eyebrow, Wordmark, FootNote } = window.SoSlides;
const { useSlideEnter, useCountUp, enterStyle, drawStyle } = window.SoAnim;
// ══════════════════════════════════════════════════════════════════════
// SLIDE 9 — Brand Lift, demoted to "what good looks like later."
// The chart is small, the framing is forward — not a courtroom.
// ══════════════════════════════════════════════════════════════════════
function Slide09() {
const on = useSlideEnter(8);
const lift = useCountUp(on, 8.3, { dur: 1400, decimals: 1 });
const w = 720, h = 240, pad = 32;
const control = [22, 23, 22, 24, 23, 25, 24];
const exposed = [22, 25, 28, 32, 36, 38, 41];
const max = 50, min = 18;
const x = i => pad + (i / (control.length - 1)) * (w - pad * 2);
const y = v => h - pad - ((v - min) / (max - min)) * (h - pad * 2);
const path = (a) => a.map((v, i) => `${i === 0 ? 'M' : 'L'}${x(i)},${y(v)}`).join(' ');
const PATH_LEN = 1100;
return (
What good looks like, later
Brand Lift, when you’re ready.
Aided awareness · exposed vs control
Control
Exposed
The number you’ll quote
+{lift}pts
Same methodology the big brands use.
On a starter budget.
);
}
// ══════════════════════════════════════════════════════════════════════
// SLIDE 10 — Why us over an agency. Lifted directly from the doc:
// control, visibility, cost. Warts-and-all transparency.
// ══════════════════════════════════════════════════════════════════════
function Slide10() {
const on = useSlideEnter(9);
const rows = [
{ dim: 'Control', them: 'Theirs', you: 'Yours' },
{ dim: 'Visibility', them: 'Edited summaries', you: 'Warts and all' },
{ dim: 'Cost', them: '£4,000/mo', you: '£99/mo' },
];
return (
Versus a managed service
Same expertise.
Without the asymmetry.
{rows.map((r, i) => (
))}
);
}
// ══════════════════════════════════════════════════════════════════════
// SLIDE 11 — Pricing. Less framing, fewer words on the right.
// ══════════════════════════════════════════════════════════════════════
function Slide11() {
const on = useSlideEnter(10);
const price = useCountUp(on, 99, { dur: 1100 });
const inc = [
'Discover 300M+ creators',
'Trust Score on every profile',
'Outreach + campaign canvas',
'0% creator commission',
];
return (
Starter
£99 a month. 30 days free.
Less than one bad post.
Month-to-month. Cancel anytime.
);
}
// ══════════════════════════════════════════════════════════════════════
// SLIDE 12 — The ask.
// ══════════════════════════════════════════════════════════════════════
function Slide12() {
const on = useSlideEnter(11);
return (
The ask
Run your next campaign
on Justify.
30 days free. No card.
12
);
}
Object.assign(window.SoSlides, { Slide09, Slide10, Slide11, Slide12 });
})();