Lenny will draft a creative brief and send it to your Local Marketing Team for review. You'll see ad variants in your inbox within 5 business days. Budget is added on top of your standing monthly Meta spend, no impact to existing campaigns.
)}
);
}
window.ResultsSocial = ResultsSocial;
// --------------------------------------------------------------------
// DEMAND GEN TAB, awareness initiative pitch (not enrolled by default)
// --------------------------------------------------------------------
function ResultsDemandGen({ data }) {
const d = data.demandGenDetail;
const [enrollModal, setEnrollModal] = useStateR3(false);
return (
<>
Calculated by LOCALACT · peer benchmarks
{/* The lift logic */}
How awareness becomes leads
{[
{ num: '1', label: 'Demand Gen impression', sub: 'YouTube Short of your cleaning crew' },
{ num: '2', label: 'They notice you exist', sub: 'Brand recall builds over weeks' },
{ num: '3', label: 'Branded search', sub: '"freshnest austin"' },
{ num: '4', label: 'Lead', sub: '$22 CPL on Brand Search' },
].map((s, i, arr) => (
{s.num}
{s.label}
{s.sub}
{i < arr.length - 1 &&
→
}
))}
Don't judge Demand Gen on last-click leads. The signal is in brand search lift, when this campaign runs, peers see Brand Search impressions go up 18-22%, and those branded searches convert at $22 CPL on average. That's how awareness becomes revenue.
Demand Gen runs as a separate Google campaign. We'll set up audiences (radius, lookalikes, in-market for home services), build creative from your existing brand assets, and report on reach, view-through, and brand-search lift, not last-click leads.
Setup includes: 6 video assets cut from your existing footage (3 vertical, 3 horizontal), 2 image creatives for Discover, audience build, and weekly reporting on brand search lift over the prior 60-day rolling baseline.
);
}
window.ResultsDemandGen = ResultsDemandGen;
// ====================================================================
// ENROLL CONFIRM MODAL — single review screen for any enrollment.
// Replaces toast-only enroll actions. Two clicks (Enroll → Confirm),
// one screen, no wizard. Fully rule-driven, no AI.
// Enroll → review (locations · payer/funding · monthly spend @ $300
// channel min + fees · launch date defaulting to next Monday cycle
// with proration · required geo-territory confirmation + notes ·
// inline requirements check · approval routing) → Confirm →
// "what happens next" (owner + expected activation status).
// ====================================================================
const ENROLL_DEMO_TODAY = new Date(2026, 3, 14); // Tue, Apr 14 2026 — demo "today"
function enrollNextMonday(from) {
const d = new Date(from.getFullYear(), from.getMonth(), from.getDate());
// We launch every Monday. Roll forward to the next Monday strictly after today.
do { d.setDate(d.getDate() + 1); } while (d.getDay() !== 1);
return d;
}
function enrollFmtDate(d) {
return d.toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric', year: 'numeric' });
}
function enrollDaysInMonth(d) { return new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate(); }
function EnrollConfirmModal({ open, onClose, channel, locations, owner }) {
const ch = channel || {};
const payPerLead = !!ch.payPerLead;
const rec = Math.max(300, ch.recommended || ch.minInvest || 300);
const setupFee = ch.setupFee || 0;
const [step, setStep] = useStateR3('review');
const [payer, setPayer] = useStateR3('franchisee');
const [monthly, setMonthly] = useStateR3(payPerLead ? 0 : rec);
const [launch, setLaunch] = useStateR3('next'); // 'next' | 'future'
const nextMon = enrollNextMonday(ENROLL_DEMO_TODAY);
const isoNext = nextMon.toISOString().slice(0, 10);
const [futureDate, setFutureDate] = useStateR3(isoNext);
const [geoOk, setGeoOk] = useStateR3(false);
const [geoNotes, setGeoNotes] = useStateR3('');
// Reset to a clean review each time the modal is (re)opened for a channel.
React.useEffect(() => {
if (open) {
setStep('review'); setPayer('franchisee'); setMonthly(payPerLead ? 0 : rec);
setLaunch('next'); setFutureDate(isoNext); setGeoOk(false); setGeoNotes('');
}
}, [open, ch.name]);
if (!open) return null;
const locs = (locations && locations.length ? locations : ['this location']);
const launchDate = launch === 'next' ? nextMon : new Date(futureDate + 'T00:00:00');
const dim = enrollDaysInMonth(launchDate);
const remaining = dim - launchDate.getDate() + 1;
const midMonth = launchDate.getDate() > 1;
const prorated = payPerLead ? 0 : Math.round(monthly * remaining / dim);
// ---- Rule-driven approval routing --------------------------------------
// Franchisee-funded launches inside the default territory are self-serve.
// Corporate / co-op / split funding, or any territory exception (notes),
// routes to corporate for approval before activation.
const needsApproval = payer !== 'franchisee' || geoNotes.trim().length > 0;
// ---- Inline requirements check (rules over known store state) ----------
const reqs = [
{ label: 'Google Business Profile verified', ok: true },
{ label: 'Listings NAP consistent across directories', ok: true },
payPerLead
? { label: 'Pay-per-lead — no monthly minimum', ok: true }
: { label: 'Monthly media ≥ $300 channel minimum', ok: monthly >= 300, hint: monthly >= 300 ? null : 'Below the $300/channel minimum' },
{ label: 'Brand-approved creative on file', ok: true },
{ label: 'Geo-territory confirmed', ok: geoOk, hint: geoOk ? null : 'Confirm the service area below' },
];
const canConfirm = geoOk && (payPerLead || monthly >= 300);
const strategist = owner || 'your LOCALACT strategist';
const payerLabel = { corporate: 'Corporate-funded', franchisee: 'Franchisee-funded', coop: 'Co-op (shared)', split: 'Split funding' }[payer];
const cardBox = { padding: 14, background: 'var(--cream)', borderRadius: 10, border: '1px solid var(--cream-3)' };
const eyebrow = { fontSize: 10.5, color: 'var(--ink-4)', textTransform: 'uppercase', letterSpacing: '0.07em', fontWeight: 700, marginBottom: 8 };
const seg = (on) => ({ padding: '7px 12px', borderRadius: 999, fontSize: 12, fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit', border: '1px solid ' + (on ? 'var(--violet)' : 'var(--cream-3)'), background: on ? 'var(--violet-soft)' : 'var(--paper)', color: on ? 'var(--violet)' : 'var(--ink-3)' });
// -------------------------------------------------- DONE ("what happens next")
if (step === 'done') {
return (
Done}>
{needsApproval ? '⏳' : '✓'}
{needsApproval
? <>Because this is {payerLabel.toLowerCase()}{geoNotes.trim() ? ' with a territory exception' : ''}, it needs a quick corporate sign-off before it goes live.
: <>You're all set — no extra approval needed for a franchisee-funded launch in your territory.}
What happens next
{[
{ n: '1', t: `${strategist} owns setup`, d: `Campaign build, audiences, and tracking for ${locs.length > 1 ? locs.length + ' locations' : locs[0]}.` },
needsApproval
? { n: '2', t: 'Corporate approval', d: `Routed to corporate now — typically same business day. You'll get a note when it clears.` }
: { n: '2', t: 'Requirements verified', d: 'GBP, listings, and creative all checked and clear — no blockers.' },
{ n: '3', t: needsApproval ? 'Activates once approved' : 'Activates ' + enrollFmtDate(launchDate), d: needsApproval
? `Target launch is the ${enrollFmtDate(launchDate)} cycle if approved today.`
: `We launch on Mondays with monthly budgets.${midMonth && !payPerLead ? ` First month is prorated to $${prorated.toLocaleString()} for ${remaining} days.` : ''}` },
].map(s => (
We launch every Monday with monthly budgets.{midMonth && !payPerLead ? <> Starting {enrollFmtDate(launchDate)} mid-month, your first month is prorated to ${prorated.toLocaleString()} for {remaining} days. : ''}