/* Franky Franchise — Marketing landing page components. Composes design-system primitives from window.FrankyFranchiseDesignSystem_83cfe5. */ const { Button, Badge, Card, ScoreRing, PillarBar, Stat, Avatar } = window.FrankyFranchiseDesignSystem_83cfe5; const { useState, useEffect, useRef } = React; const MASCOT = 'assets/franky-mascot.png'; const LOGO = 'assets/franky-logo.png'; const BADGE = 'assets/franky-badge.png'; function Icon({ name, size = 22, color }) { return ; } /* ── Nav ─────────────────────────────────────────────────── */ function Nav() { const [menuOpen, setMenuOpen] = useState(false); return ( ); } /* ── Hero ────────────────────────────────────────────────── */ function Hero() { return (
Operational health for franchises

Know what's coming. Before it costs you.

Franky runs an 8-minute diagnostic, scores your Hiring, Sales, Vendors and Operations, and turns it into one number you can act on this week — like a credit score for your franchise.

Slice House · 12 units
Franky Health Score
Thriving
); } /* ── Four pillars ────────────────────────────────────────── */ const FEATURES = [ ['users', 'Hiring', 'Spot understaffing and turnover risk before a store starts slipping.'], ['trending-up', 'Sales', 'See which units are leaving ticket size on the table — and the script that fixes it.'], ['truck', 'Vendors', 'Catch cost creep early. Franky flags the renegotiation before it bites margin.'], ['cog', 'Operations', 'A live read on the day-to-day so small cracks never become closures.'], ]; function Pillars() { return (
The four pillars

One score. Four things that actually move it.

{FEATURES.map(([ic, t, d], i) => (

{t}

{d}
))}
); } /* ── How the score works ─────────────────────────────────── */ function HowItWorks() { return (
How the score works

From a hunch to a number you can act on.

Every score lands in one of four bands. The band tells you how worried to be; the action plan tells you what to do next.

{[['strong', 'Thriving', '800–1000', 'Ahead of the pack — protect it.'], ['steady', 'Steady', '600–799', 'Solid, with room to climb.'], ['watch', 'Watch', '400–599', 'Something\'s about to slip.'], ['critical','Critical', '0–399', 'Act this week.']].map(([v, n, r, d]) => (
{n} {r} {d}
))}
); } /* ── CTA banner ──────────────────────────────────────────── */ function CTA() { return (
Franky

Get your Franky Health Score

Eight minutes. No POS hookup. Just a clear read on what's coming.

); } /* ── Footer ──────────────────────────────────────────────── */ function Footer() { const cols = { Product: ['Overview', 'The four pillars', 'Benchmarks', 'Pricing'], Company: ['Our story', 'Careers', 'Press', 'Contact'], Resources: ['Operator guides', 'Help center', 'API', 'Status'], }; return ( ); } /* ── Root ─────────────────────────────────────────────────── */ function MarketingPage() { useEffect(() => { if (window.lucide) window.lucide.createIcons(); }); return (
); } window.MarketingPage = MarketingPage;