{/* horizon glow */}

{/* mesas + cacti — simple dusk silhouettes */} {/* heat shimmer on the horizon */}

{/* cloud shadow sweeping across */}

{/* dust motes */} {[ { l: '12%', t: '58%', s: 3, d: '0s', o: 0.3 }, { l: '30%', t: '70%', s: 2, d: '-2.8s', o: 0.24 }, { l: '52%', t: '64%', s: 3, d: '-5.4s', o: 0.34 }, { l: '68%', t: '76%', s: 2, d: '-1.6s', o: 0.2 }, { l: '82%', t: '60%', s: 2, d: '-6.8s', o: 0.28 }, { l: '44%', t: '82%', s: 2, d: '-4s', o: 0.22 }, ].map((m, i) => ( ))} {/* the bull — breathing, with a slow horn light-shimmer */}

{/* copy */}

Fast delivery. No bull.

Catch your craving.

Local kitchens, picked up the moment you order.

); } // ─── Wrangler Rankings — earned titles + weekly movement ──────────── const RANK_TITLES = { 1: { label: 'Most Wanted', bg: 'linear-gradient(100deg, #B47818 0%, #E8B54A 48%, #B47818 100%)', fg: '#241505' }, 2: { label: "Sheriff's Pick", bg: 'var(--dark-chocolate)', fg: 'var(--dust-cream)' }, 3: { label: 'Legendary Kitchen', bg: 'rgba(245,239,231,0.92)', fg: 'var(--dark-chocolate)' }, }; // Seeded weekly movement — derived from order counts (reviews) + week number, // so re-ranks stay consistent all week and feel earned, not random. function lvWeekOfYear() { const now = new Date(); const start = new Date(now.getFullYear(), 0, 1); return Math.floor((now - start) / (7 * 24 * 3600 * 1000)); } function lvHash(str) { let h = 0; for (let i = 0; i < str.length; i++) h = ((h << 5) - h + str.charCodeAt(i)) | 0; return Math.abs(h); } function rankMoveFor(r, rank) { const seed = lvHash(r.id) + lvWeekOfYear() + Math.round((r.reviews || 100) / 40); const delta = (seed % 7) - 3; // -3..+3, stable for the week if (rank === 1 && delta <= 0) return 0; // the champ held return delta; } // Kitchens that climbed this week (for the "your kitchen moved up" note) function rankClimbers(items) { return items.filter((r, i) => rankMoveFor(r, i + 1) > 0).map(r => r.id); } function RankTitleChip({ rank }) { const t = RANK_TITLES[rank]; if (!t) return null; return ( {t.label} ); } function RankMoveChip({ move }) { const up = move > 0, down = move < 0; const fg = up ? '#7FD695' : down ? '#E88B7A' : 'rgba(245,239,231,0.75)'; return ( {up ? `\u25B2${move}` : down ? `\u25BC${Math.abs(move)}` : '\u2014'} {up || down ? 'this week' : 'held'} ); } // ─── Activity labels — live-world signals on cards ────────────────── const ACTIVITY_MAP = { 'rojo-smoke': { text: 'Hot kitchen', color: 'var(--brand-orange)', pulse: true }, 'maverick-burger': { text: '4 riders nearby', color: 'var(--live-green)', pulse: true }, 'cactus-cream': { text: 'Fresh batch out', color: 'var(--sun-orange)', pulse: false }, 'sundown-tacos': { text: 'Busy trail', color: 'var(--horse-brown)', pulse: false }, 'iron-noodle': { text: 'Hot kitchen', color: 'var(--brand-orange)', pulse: true }, 'mesa-greens': { text: 'Quiet trail', color: 'var(--warm-stone)', pulse: false }, 'verde-vegano': { text: 'Quiet trail', color: 'var(--warm-stone)', pulse: false }, 'dune-coffee': { text: 'Fresh batch out', color: 'var(--sun-orange)', pulse: false }, 'big-tex-pizza': { text: '3 riders nearby', color: 'var(--live-green)', pulse: true }, 'canteen-bowls': { text: 'Quiet trail', color: 'var(--warm-stone)', pulse: false }, 'prairie-pies': { text: 'Fresh batch out', color: 'var(--sun-orange)', pulse: false }, 'wok-this-way': { text: 'Busy trail', color: 'var(--horse-brown)', pulse: false }, }; function ActivityLabel({ id, style }) { const a = ACTIVITY_MAP[id]; if (!a) return null; return ( {a.text} ); } // ─── CountUp — ease-out cubic number surge ────────────────────────── function CountUp({ to, from = 0, duration = 900, prefix = '', suffix = '', format }) { const [val, setVal] = React.useState(from); React.useEffect(() => { const reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (reduce) { setVal(to); return; } let raf; const t0 = performance.now(); const tick = (t) => { const p = Math.min(1, (t - t0) / duration); const e = 1 - Math.pow(1 - p, 3); // ease-out cubic setVal(Math.round(from + (to - from) * e)); if (p < 1) raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, [to, from, duration]); return <>{prefix}{format ? format(val) : val.toLocaleString()}{suffix}; } // ─── Trail Journal — history as a story ───────────────────────────── const TRAIL_JOURNAL = [ { id: 'tj7', icon: 'trophy', date: 'May 18', title: 'Biggest ride yet', sub: 'A £34.50 feast from Rojo & Smoke. Four plates deep.' }, { id: 'tj6', icon: 'badge', date: 'May 12', title: 'Made Drover', sub: 'Rank three on the trail. 1,840 XP and counting.' }, { id: 'tj5', icon: 'wallet', date: 'Apr 30', title: 'Maya sent you £10', sub: '"For the brisket emergency." Spent same night.' }, { id: 'tj4', icon: 'flame', date: 'Apr 06', title: 'Six weeks riding', sub: 'Longest streak yet — one order a week, no misses.' }, { id: 'tj3', icon: 'star', icon2: true, date: 'Mar 03', title: 'Early Bird, earned', sub: 'Sunrise orders three mornings running.' }, { id: 'tj2', icon: 'ride', date: 'Feb 20', title: 'First favourite', sub: 'Cactus & Cream — the flat white did it.' }, { id: 'tj1', icon: 'ride', date: 'Feb 12', title: 'First ride', sub: 'One flat white, one cinnamon knot. It begins.' }, ]; function TrailJournalSheet({ open, onClose, app }) { const JIcon = ({ name }) => { const c = 'var(--brand-orange)', s = 15; if (name === 'trophy') return ; if (name === 'badge') return ; if (name === 'wallet') return ; if (name === 'flame') return ; if (name === 'star') return ; return ; }; return (

{app.ordersCount != null ? app.ordersCount : PROFILE.total_orders} rides so far. Here's how the story goes.

{/* the spine */}

{TRAIL_JOURNAL.map((e, i) => (

{/* milestone node */}

{e.date}

{e.title}

{e.sub}

))}

Every legend starts somewhere.

); } // ─── Level-up ceremony — one sweep, no confetti ───────────────────── const LV_NEXT_RANK = { threshold: 2500, label: 'Trail Boss' }; function LevelUpOverlay({ app }) { const [show, setShow] = React.useState(false); const [fromXp, setFromXp] = React.useState(0); const prev = React.useRef(app.xp); React.useEffect(() => { if (prev.current < LV_NEXT_RANK.threshold && app.xp >= LV_NEXT_RANK.threshold) { setFromXp(prev.current); setShow(true); } prev.current = app.xp; }, [app.xp]); if (!show) return null; return (

{/* badge reveal */}

New rank

{LV_NEXT_RANK.label}

{/* XP chip with a single light sweep */}

You run this trail now. Kitchens tip their hat.

); } // ─── Trail Pass — per-kitchen passport ────────────────────────────── // A stamp card PER KITCHEN: visits punch stamps, a reward waits at the end. const TRAIL_PASS_CONFIG = { 'rojo-smoke': { total: 8, reward: 'free brisket tacos', seed: 3 }, 'maverick-burger': { total: 6, reward: 'a free ranch burger', seed: 4 }, 'cactus-cream': { total: 8, reward: 'a free pastry', seed: 5 }, 'sundown-tacos': { total: 6, reward: 'a free taco trio', seed: 1 }, 'dune-coffee': { total: 10, reward: 'a free drink', seed: 3 }, 'big-tex-pizza': { total: 8, reward: 'a free 12" pizza', seed: 2 }, }; function trailPassFor(rid, passStamps) { const cfg = TRAIL_PASS_CONFIG[rid]; if (!cfg) return null; const bumps = (passStamps && passStamps[rid]) || 0; const stamps = Math.min(cfg.total, cfg.seed + bumps); return { rid, total: cfg.total, reward: cfg.reward, stamps, justStamped: bumps > 0 }; } // The stamp row — horseshoes punch in; the last slot is the reward. function TrailPassStamps({ pass, size = 26 }) { return (

{Array.from({ length: pass.total }).map((_, i) => { const stamped = i < pass.stamps; const isNewest = pass.justStamped && i === pass.stamps - 1; const isReward = i === pass.total - 1; return (

{isReward && !stamped ? : }

); })}

); } // Full card — restaurant screen + Rewards summary. function TrailPassCard({ rid, app, compact = false, onOpen }) { const pass = trailPassFor(rid, app.passStamps); if (!pass) return null; const r = RESTAURANT_LOOKUP[rid]; const left = pass.total - pass.stamps; const done = left === 0; return (

Trail Pass {compact && r && {r.name}}

{done ? Pass complete — reward's yours : <>{left} {left === 1 ? 'visit' : 'visits'} to {pass.reward}}

{!compact &&

{pass.stamps}/{pass.total}

}

); } // ─── Exports ───────────────────────────────────────────────────────── Object.assign(window, { LivingStyles, LivingHero, RankTitleChip, RankMoveChip, RANK_TITLES, rankMoveFor, rankClimbers, ActivityLabel, ACTIVITY_MAP, CountUp, TrailJournalSheet, TRAIL_JOURNAL, LevelUpOverlay, LV_NEXT_RANK, TrailPassCard, TrailPassStamps, trailPassFor, TRAIL_PASS_CONFIG, });