);
}
// ====================================================================
// SERVICE RECOMMENDATION TILES
// Every service recommendation must justify itself: a performance-tied
// reason (Why) and the business outcome it drives (Outcome). Tiles are
// secondary by default and live below the performance content. The one
// exception: a service whose non-adoption is directly dragging results
// gets promoted with an "Affecting results" treatment, and it leads.
// ====================================================================
function ServiceReasoning({ svc, compact }) {
const rows = [
{ label: 'Why', color: 'var(--ink-4)', text: svc.why },
{ label: 'Outcome', color: 'var(--sage)', text: svc.outcome },
];
return (
{rows.map(r => (
{r.label}{r.text}
))}
);
}
// Secondary tile, muted. Used for the low-priority "in the playbook" list.
function SubtleServiceTile({ svc, onDismiss, onDetail, onAdd }) {
return (
);
}
// Promoted tile, the exception. Non-adoption is directly hurting results.
function AffectingServiceTile({ svc, onDetail, onAdd }) {
return (
{PB.warn} Affecting resultsA recommended service isn't running, and it's holding performance back.
{svc.name}
{svc.resultsNote}
);
}
// ====================================================================
// STRATEGIC SUMMARY, top-of-playbook. Frames WHY (problem + business
// impact) before the WHAT (growth strategy + channel pillars). Shows
// identically for corporate and local, it's the first thing they see.
// ====================================================================
function StrategicSummary({ persona }) {
const phases = [
{ t: 'Maximize search first', c: 'var(--terra)' },
{ t: 'scale until efficiency declines', c: 'var(--sky)' },
{ t: 'layer in social', c: 'var(--marigold)' },
{ t: 'strengthen local foundation', c: 'var(--sage)' },
];
const pillars = [
{ head: 'Prioritize intent-driven channels',
body: 'Run search and local-intent channels at smaller budgets. They capture people already looking, so conversion is higher and waste is lower, every dollar works harder.' },
{ head: 'Keep awareness efficient',
body: 'Maintain visibility, but lean toward efficient channels like Google Business Profile and Performance Max rather than broad, expensive reach.' },
{ head: 'Retarget warm audiences',
body: 'Re-engage people who already know you (Meta retargeting, Meta in-app lead gen) for lower cost and higher conversion likelihood.' },
];
return (
{/* Framing strip: the problem + the business impact */}
The problem
Budget gets spread thin across channels that don't convert, and spend keeps scaling past the point where it still earns.
Business impact
Higher cost per lead, wasted spend, and slower growth, dollars land where they don't return.
{isHq ? "The FreshNest service standard." : 'Your playbook.'}
{isHq
? 'Network-wide service standards, adoption rates, and what to improve.'
: <>Plan progress against the {playbook.brand} playbook {playbook.version}, plus how you compare to your goal and the system.}
{/* Strategic Summary, top of the playbook for corp and local */}
{/* Headline strip, three questions. Franchisee: How am I doing / Following plan / What next.
HQ: How is the brand doing / Are locations following / What should you do next. */}
{!isHq && (
{/* 1. How am I doing? */}
How am I doing?
{isBare ? (
<>You're behind the playbook on {benchmarks.length - beats} of {benchmarks.length} metrics.
) : (
<>You're outperforming the playbook on {beats} of {benchmarks.length} metrics.
)}
Rank #{playbookAdherence.rank.position.toLocaleString()} of {playbookAdherence.rank.total.toLocaleString()} FreshNest locations
Service strategy, budget rules, optimization tiers, KPI goals, brand voice and approvals are configured in Settings → Network Playbook. Recommendations here route there.
{foundationPctHq}% of locations have Local Foundation complete ({portfolioFoundationComplete.toLocaleString()} of {portfolio.totalLocations.toLocaleString()})
Paid ads under-perform when local presence isn't solid. The playbook says required tasks first, then layer in recommended. Push reminders to the locations falling behind.
{missingTwoPlus} locations are missing 2+ foundation tasks
They're costing the brand an estimated ${(portfolio.atRiskRevenueImpact / 1000).toFixed(0)}K/mo in unrealized leads, paid spend on these locations runs ~22% less efficient.
)}
{/* New-in-playbook services, secondary. Below all performance content.
The affecting-results exception is promoted higher, near the top. */}
{isHq && portfolio && (() => {
const subtle = (portfolio.newServices || []).filter(s => !dismissedServices[s.key] && !s.affectingResults);
if (!subtle.length) return null;
return (
New in the playbook
Optional additions · review when the fundamentals are on track
At ${budgetChannel.spend}, you're ${budgetChannel.recommended - budgetChannel.spend} below the playbook target. Estimated 2–3 additional bookings/wk being left on the table.
Change applies next billing cycle. You can roll back anytime in Budget.
Adding to the playbook makes this service available to all enrolled locations. Franchisees will see a notification in their dashboard within 24 hours and can enroll on demand.