// landing-premium-sections.jsx — Trust strip, pillars, stats, testimonials, // pricing, final CTA, footer. // ── Trust strip ─────────────────────────────────────────────── function LPTrustStrip() { const facts = [ 'Commission-free', 'Menu set up for you', 'Pickup ordering live today', 'Serving the GTA', 'No contract', ]; return (
New — now onboarding restaurants across the GTA
{facts.map(f => ( {f} ))}
); } // ── Pillar section: image + copy, alternating ─────────────────────────────── function LPPillar({ id, kicker, badge, title, blurb, bullets, mockup, flip = false, accent = 'amber' }) { return (
{kicker} {badge && ( {badge} )}

{title}

{blurb}

    {bullets.map(b => (
  • {b.title} {b.soon && ( Coming soon )}
    {b.body}
    • ))}
{mockup}
); } // ── Stats band ────────────────────────────────────────────────────────────── function LPStats() { const stats = [ { value: 0, suffix: '%', label: 'Commission on your direct orders. Ever.' }, { value: 0, prefix: '$', label: 'Per-order fees. You keep the whole ticket.' }, { value: 1, suffix: ' day', label: 'From your menu photo to a live ordering page' }, { value: 15, suffix: ' min', label: 'How far away I am when something breaks' }, ]; return (
{/* subtle amber glow */}
The numbers

The kind of math your accountant likes.

These are the terms, not results. We are new — we do not have customer numbers to show you yet, and we are not going to invent any.

{stats.map((s, i) => (
{s.label}
 ))}
); } // ── Pricing ───────────────────────────────────────────────────────────────── function LPPricing() { const included = [ 'Branded ordering page, linked from your site', 'Dine-in QR ordering', 'In-app + card payments', 'Live order dashboard', 'Kitchen printing + kitchen display', 'Always-on order alarm', 'Sales analytics', 'Done-for-you menu setup', ]; const later = ['Promotions', 'Loyalty', 'AI Menu Studio', 'Multi-location']; const terms = [ { k: '0%', v: 'Commission on every direct order' }, { k: '$0', v: 'Per-order fees. No menu markup.' }, { k: '1 day', v: 'From signup to taking orders' }, { k: 'No contract', v: 'Month to month, cancel anytime' }, ]; return (
Pricing

Pay for the platform, not for each order.

One flat platform fee. No commission on your orders, no per-order fees, no menu markup. What that fee is depends on how many locations you run and how you take orders — so we quote it rather than guess at it.
{/* ── Terms strip ── */}
{terms.map((t, i) => (
{t.k}
{t.v}
))}
{/* ── Body ── */}
Included from day one
    {included.map(f => (
  • {f}
    • ))}
In build — you get it first
{later.map(l => ( {l} ))}
{/* ── Rate + CTA ── */}
What each order costs you
Nothing.

Customers order through your RobinRun page, linked from your site and styled to match it. No marketplace in the middle taking a cut, so you keep the whole ticket, less standard card processing.

The platform fee

Tell us your locations and rough weekly order volume and we will send a flat monthly price the same day. No commission, no per-order fee, no contract.

Contact us for pricing Create your account
Free to set up, no card to look around. Month to month, cancel anytime.
); } // ── Final CTA ─────────────────────────────────────────────────────────────── function LPFinalCTA() { return (
{/* big bird */}
Ready when you are

Your restaurant. Your orders. Your customers.

Create your account and start taking orders, or email us first — whichever you prefer. No card, no contract, no obligation.

Create your account Talk to us
); } // ── Footer ────────────────────────────────────────────────────────────────── function LPFooter() { const cols = [ { title: 'Platform', links: [ ['Dine-in ordering', '#platform'], ['Pickup ordering', '#platform'], ['Live dashboard', '#tour'], ['Sales analytics', '#platform'], ['AI Menu Studio — soon', '#ai'], ['Promotions & loyalty — soon', '#loyalty'], ['Pricing', '#pricing'], ] }, { title: 'Company', links: [['About', 'about.html'], ['Why RobinRun', 'why-robinrun.html'], ['Contact', 'contact.html'], ['Create your account', 'https://app.robinrun.com/auth/signup'], ['Sign in', 'https://app.robinrun.com/auth/login']] }, { title: 'Legal', links: [['Privacy', 'privacy.html'], ['Terms', 'terms.html'], ['Accessibility', 'accessibility.html']] }, ]; return ( ); } // ── Scales the fixed-width tour down on narrow screens ───────────────────── // PAD gives the stage's 100px-blur shadow room to render inside the clip box. function TourScaler({ design = 900, pad = 140, children }) { const ref = React.useRef(null); const [scale, setScale] = React.useState(1); const [h, setH] = React.useState(null); React.useEffect(() => { const el = ref.current; if (!el) return; const measure = () => { const avail = el.clientWidth - pad * 2; const sc = Math.min(1, avail / design); setScale(sc); const inner = el.firstElementChild; if (inner) setH(inner.offsetHeight * sc); }; measure(); const ro = new ResizeObserver(measure); ro.observe(el); const t = setInterval(measure, 1200); return () => { ro.disconnect(); clearInterval(t); }; }, [design, pad]); const scaled = scale < 0.999; return (
{children}
); } // ── "See it in action" section — wraps the auto-playing DashboardTour ────── function LPTourSection() { return (
See it in action

The whole product, working.

Five scenes from a sample restaurant’s Friday service. Auto-plays — hover to pause, click to jump.

Create your account
); } // ── Hero variant switcher (floating top-right) ────────────────────────────── function HeroVariantSwitcher({ value, onChange }) { const opts = [ { id: 'cream', label: 'Cream' }, { id: 'gradient', label: 'Gradient' }, { id: 'dark', label: 'Dark' }, ]; return (
Hero style
{opts.map(o => ( ))}
); } // ── Composer ──────────────────────────────────────────────────────────────── function LandingPremium() { const [heroVariant, setHeroVariant] = React.useState('dark'); return (
} /> } /> } /> ); } Object.assign(window, { LPTrustStrip, LPPillar, LPStats, LPPricing, LPFinalCTA, LPFooter, LPTourSection, LandingPremium, });