https://resoflow-prod.web.app/assets/DemoHubPage-DZxq_Ub7.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"1.0.0"};var s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="86eb85de-fea0-4a04-948e-06bff403c100",e._sentryDebugIdIdentifier="sentry-dbid-86eb85de-fea0-4a04-948e-06bff403c100")}catch(a){}}();import{j as e,F as s,P as a,aS as l,aF as r,b5 as n,b6 as i,b7 as c,b8 as d,b9 as t,ba as o,bb as h,bc as p}from"./index-CJ0eVksD.js";import{L as m,T as x}from"./showcaseOrders-BnFVMJjS.js";import{O as j,K as N}from"./orderAndPay-IvZhPpIU.js";import"./vendor-react-Cg5IBgwO.js";import"./bistroDemoContent-CxogUD1u.js";import"./bistroDemoSelection-o4Yb_kvB.js";/* empty css                    */function _(){return e.jsxs(s,{mode:"medium",sourcePage:"/demo",active:"demo",children:[e.jsx(a,{title:"Live demos — try ResoFlow for yourself",description:`Interactive ResoFlow demos at ${l.name}: explore bookings, guest experiences and venue tools. No sign-up or real transactions.`,path:"/demo",ogImage:"https://resoflow.co.uk/og/og-demo.png"}),e.jsx("header",{className:"band band--pink",children:e.jsx("div",{className:"wrap section section--tight",children:e.jsxs("div",{className:"grid-split",children:[e.jsxs("div",{className:"stack",children:[e.jsx("span",{className:"eyebrow eyebrow--white rv",children:"Live demo"}),e.jsxs("h1",{className:"rv",children:["See it in action.",e.jsx("br",{}),e.jsx("span",{className:"hl-o",children:"Try it yourself."})]}),e.jsxs("p",{className:"lede rv d1",children:["Explore bookings, guest experiences and venue tools in interactive demos at our fictional venue, ",e.jsx("b",{children:l.name}),". Start wherever you like; no sign-up is needed and no real transactions take place."]}),e.jsxs("div",{className:"btns rv d2",children:[e.jsx("a",{className:"btn btn--lg btn--yellow","data-cta":"hero_pick_a_demo",href:"#demos",children:"Pick a demo"}),e.jsx("a",{className:"btn btn--lg btn--white","data-cta":"hero_start_free",href:"/onboarding",children:"Start free"})]}),e.jsxs("div",{className:"row row--sm rv d3",children:[e.jsx("span",{className:"pill pill--white",children:"No card"}),e.jsx("span",{className:"pill pill--white",children:"No demo call"}),e.jsx("span",{className:"pill pill--white",children:"No salesperson waiting"})]})]}),e.jsxs("div",{className:"u-relative rv d2",children:[e.jsx(r,{tilt:"r",tape:!0,title:`${l.name} — sample service`,live:"Demo",foot:`${n.coversBooked} covers booked`,footRight:"Nothing here is saved",children:e.jsx(i,{})}),e.jsxs("div",{className:"sticker-layer","aria-hidden":"true",children:[e.jsx("span",{className:"sticker sticker--yellow bob at-tl",children:"No sign-up"}),e.jsx("span",{className:"sticker sticker--mint sticker--tilt-r bob bob--3 at-bl",children:"Nothing saved"})]})]})]})})}),e.jsxs(c,{className:"marquee--paper",children:[e.jsx("span",{children:"Order & Pay"}),e.jsx("span",{className:"marquee__star",children:"★"}),e.jsx("span",{children:"Booking flow"}),e.jsx("span",{className:"marquee__star",children:"★"}),e.jsx("span",{children:"Waitlist"}),e.jsx("span",{className:"marquee__star",children:"★"}),e.jsx("span",{children:"Events & tickets"}),e.jsx("span",{className:"marquee__star",children:"★"}),e.jsx("span",{children:"Gift cards"}),e.jsx("span",{className:"marquee__star",children:"★"}),e.jsx("span",{children:"Guest hub"}),e.jsx("span",{className:"marquee__star",children:"★"}),e.jsx("span",{children:"Loyalty"}),e.jsx("span",{className:"marquee__star",children:"★"}),e.jsx("span",{children:"Dashboard"}),e.jsx("span",{className:"marquee__star",children:"★"}),e.jsx("span",{children:"Marketing"}),e.jsx("span",{className:"marquee__star",children:"★"}),e.jsx("span",{children:"My account"}),e.jsx("span",{className:"marquee__star",children:"★"}),e.jsx("span",{children:"Your website"}),e.jsx("span",{className:"marquee__star",children:"★"}),e.jsx("span",{children:"Staff portal"}),e.jsx("span",{className:"marquee__star",children:"★"}),e.jsx("span",{children:"Collection & delivery"}),e.jsx("span",{className:"marquee__star",children:"★"})]}),e.jsx("div",{className:"wrap",children:e.jsxs("div",{className:"facts",children:[e.jsxs("div",{className:"fact",children:[e.jsx("span",{className:"fact__key",children:"Live demos"})," explore the sample screens"]}),e.jsxs("div",{className:"fact",children:[e.jsx("span",{className:"fact__key",children:"No sign-up"})," click straight in"]}),e.jsxs("div",{className:"fact",children:[e.jsx("span",{className:"fact__key",children:"Nothing saved"})," type whatever you like"]})]})}),e.jsx("section",{className:"section",id:"demos",children:e.jsxs("div",{className:"wrap stack stack--xl",children:[e.jsxs("div",{className:"sechead rv",children:[e.jsx("span",{className:"eyebrow",children:"All demos"}),e.jsxs("h2",{children:["Pick a demo.",e.jsx("br",{}

1),e.jsx("span",{className:"hl-p",children:"Then pick another."})]}),e.jsx("p",{className:"lede",children:"Guest journeys, venue tools and an order journey covering both sides. Each uses sample data, with optional tips when you want them."})]}),e.jsxs("div",{className:"pcard-grid",children:[e.jsxs("a",{className:"pcard rv d1",href:"/demo/booking",children:[e.jsxs("div",{className:"row row--sm",children:[e.jsx("span",{className:"pcard__no",children:"01"}),e.jsx("span",{className:"pill pill--tint",children:"Guest side"})]}),e.jsx("h3",{className:"pcard__title",children:"Booking flow"}),e.jsx("p",{className:"pcard__body",children:"Walk through the booking your guests get — date, party size, time, details and the payment step. Real venues can take a deposit or the full amount, and offer optional Extras."}),e.jsx("span",{className:"pcard__link",children:"Open the demo"})]}),e.jsxs("a",{className:"pcard rv",href:"/demo/order",children:[e.jsxs("div",{className:"row row--sm",children:[e.jsx("span",{className:"pcard__no",children:"02"}),e.jsx("span",{className:"pill pill--yellow",children:"Both sides"})]}),e.jsx("h3",{className:"pcard__title",children:"Order & Pay"}),e.jsx("p",{className:"pcard__body",children:"Order and pay from your table end to end — browse the menu, build your order (the set menu is in there), add a tip and pay. Then watch the order land on the kitchen's Orders screen."}),e.jsx("span",{className:"pcard__link",children:"Open the demo"})]}),e.jsxs("a",{className:"pcard rv d2",href:"/demo/waitlist",children:[e.jsxs("div",{className:"row row--sm",children:[e.jsx("span",{className:"pcard__no",children:"03"}),e.jsx("span",{className:"pill pill--tint",children:"Guest side"})]}),e.jsx("h3",{className:"pcard__title",children:"Waitlist"}),e.jsx("p",{className:"pcard__body",children:"Join a full-house waitlist and watch your place in the queue move up, with a live estimated wait — the bit that decides whether a walk-in stays or wanders down the street."}),e.jsx("span",{className:"pcard__link",children:"Open the demo"})]}),e.jsxs("a",{className:"pcard rv",href:"/demo/events",children:[e.jsxs("div",{className:"row row--sm",children:[e.jsx("span",{className:"pcard__no",children:"04"}),e.jsx("span",{className:"pill pill--tint",children:"Guest side"})]}),e.jsx("h3",{className:"pcard__title",children:"Events & tickets"}),e.jsx("p",{className:"pcard__body",children:"Buy a ticket for a ticketed event — pick a tier, check out, and get a scannable ticket. At a real venue the money goes straight to the venue's own Stripe account."}),e.jsx("span",{className:"pcard__link",children:"Open the demo"})]}),e.jsxs("a",{className:"pcard rv d1",href:"/demo/giftcards",children:[e.jsxs("div",{className:"row row--sm",children:[e.jsx("span",{className:"pcard__no",children:"05"}),e.jsx("span",{className:"pill pill--tint",children:"Guest side"})]}),e.jsx("h3",{className:"pcard__title",children:"Gift cards & loyalty"}),e.jsx("p",{className:"pcard__body",children:"Buy a gift card — pick an amount, personalise it and pay — then see loyalty in action. There is no ResoFlow fee on gift-card sales; Stripe processing applies."}),e.jsx("span",{className:"pcard__link",children:"Open the demo"})]}),e.jsxs("a",{className:"pcard rv d2",href:"/demo/venue",children:[e.jsxs("div",{className:"row row--sm",children:[e.jsx("span",{className:"pcard__no",children:"06"}),e.jsx("span",{className:"pill pill--tint",children:"Guest side"})]}),e.jsx("h3",{className:"pcard__title",children:"Guest hub"}),e.jsx("p",{className:"pcard__body",children:"Every venue gets a free guest hub — one page carrying booking, the menu, what's on and the sign-in to My account. It's the link you'd put in your Instagram bio."}),e.jsx("span",{className:"pcard__link",children:"Open the demo"})]}),e.jsxs("a",{className:"pcard rv",href:"/demo/account",children:[e.jsxs("div",{className:"row row--sm",children:[e.jsx("span",{className:"pcard__no",children:"07"}),e.jsx("span",{className:"pill pill--tint",children:"Guest side"})]}),e.jsx("h3",{className:"pcard__title",children:"My account & reviews"}),e.jsx("p",{className:"pcard__body",children:"Sign in as a regular — upcoming bookings and tickets, loyalty points, a gift-card balance, email preferences — then leave a review after a visit, the way your guests would."}),e.jsx("span",{className:"pcard__link",children:"Open the demo"})]}),e.jsxs("a",{className:"pcard rv d1",href:"/demo/dashboard",children:[e.jsxs("div",{className:"row row--sm",children:[e.jsx("span",{className:"pcard__no",children:"08"}),e.jsx("span",{className:"pill pill--ink",children:"Behind the pass"})]}),e.jsx("h3",{className:"pcard__title",children:"Dashboard sandbox"}),e.jsx("p",{className:"pcard__body",children:"Step behind the pass — seat a booking from the list, watch the floor plan turn green, and drag a booking to a new time. This is the screen your team would live in."}),e.jsx("span",{className:"pcard__link",children:"Open the demo"})]}),e.jsxs("a",{className:"pcard rv",href:"/demo/loyalty",children:[e.jsxs("div",{className:"row row--sm",children:[e.jsx("span",{className:"pcard__no",children:"09"}),e.jsx("span",{className:"pill pill--tint",children:"Guest side"})]}),e.jsx("h3",{className:"pcard__title",children:"Loyalty & rewards"}),e.jsx("p",{className:"pcard__body",children:"Walk through a loyalty scheme as a member — join free, confirm b

1y email, add the wallet card, earn points and spend a reward."}),e.jsx("span",{className:"pcard__link",children:"Open the demo"})]}),e.jsxs("a",{className:"pcard rv d2",href:"/demo/marketing",children:[e.jsxs("div",{className:"row row--sm",children:[e.jsx("span",{className:"pcard__no",children:"10"}),e.jsx("span",{className:"pill pill--ink",children:"Behind the pass"})]}),e.jsx("h3",{className:"pcard__title",children:"Marketing & promotions"}),e.jsx("p",{className:"pcard__body",children:"Compose a sample email campaign, choose an opted-in audience and press send — then see the branded email and the offer exactly as your guests would."}),e.jsx("span",{className:"pcard__link",children:"Open the demo"})]}),e.jsxs("a",{className:"pcard rv d1",href:"/demo/website",children:[e.jsxs("div",{className:"row row--sm",children:[e.jsx("span",{className:"pcard__no",children:"11"}),e.jsx("span",{className:"pill pill--ink",children:"Behind the pass"})]}),e.jsx("h3",{className:"pcard__title",children:"Your website"}),e.jsx("p",{className:"pcard__body",children:"The Bistro's own website is a real ResoFlow site, published on our demonstration venue — see the look it wears, the pages it carries and how the other looks compare."}),e.jsx("span",{className:"pcard__link",children:"Open the demo"})]}),e.jsxs("a",{className:"pcard rv",href:"/demo/staff",children:[e.jsxs("div",{className:"row row--sm",children:[e.jsx("span",{className:"pcard__no",children:"12"}),e.jsx("span",{className:"pill pill--ink",children:"Behind the pass"})]}),e.jsx("h3",{className:"pcard__title",children:"Staff portal"}),e.jsx("p",{className:"pcard__body",children:"The screen your team uses on a shift — sign in with an example PIN, open a booking, seat the party and clear the table, then scan a sample event ticket at the door."}),e.jsx("span",{className:"pcard__link",children:"Open the demo"})]}),e.jsxs("a",{className:"pcard rv d1",href:"/demo/collection",children:[e.jsxs("div",{className:"row row--sm",children:[e.jsx("span",{className:"pcard__no",children:"13"}),e.jsx("span",{className:"pill pill--tint",children:"Guest side"})]}),e.jsx("h3",{className:"pcard__title",children:"Collection & delivery"}),e.jsxs("p",{className:"pcard__body",children:["Order for collection or delivery from your phone — pick a time, check the address and place a sample order. This is ",e.jsx("b",{children:"Order & Pay Pro"}),": at a real venue it carries ",d," of the food and drink total, and nothing here is charged."]}),e.jsx("span",{className:"pcard__link",children:"Open the demo"})]})]})]})}),e.jsx("section",{className:"band band--cream section",children:e.jsx("div",{className:"wrap stack stack--xl",children:e.jsxs("div",{className:"grid-split",children:[e.jsxs("div",{className:"stack",children:[e.jsx("span",{className:"eyebrow rv",children:"Demo 08"}),e.jsxs("h2",{className:"rv",children:["Seat a table.",e.jsx("br",{}),e.jsx("span",{className:"hl-p",children:"Watch it go green."})]}),e.jsx("p",{className:"lede rv d1",children:"The dashboard sandbox is the screen your team would actually work in. Seat a booking from the list and the floor plan updates underneath it; drag a booking to a new time and the timeline moves with it."}),e.jsxs("div",{className:"leaders rv d2",children:[e.jsxs("div",{className:"leader",children:[e.jsx("span",{className:"leader__label",children:"Seat a booking"}),e.jsx("span",{className:"leader__dots","aria-hidden":"true"}),e.jsx("span",{className:"leader__value leader__value--ink",children:"from the list or the plan"})]}),e.jsxs("div",{className:"leader",children:[e.jsx("span",{className:"leader__label",children:"Move a booking"}),e.jsx("span",{className:"leader__dots","aria-hidden":"true"}),e.jsx("span",{className:"leader__value leader__value--ink",children:"drag it on the timeline"})]}),e.jsxs("div",{className:"leader",children:[e.jsx("span",{className:"leader__label",children:"Walk-ins & waitlist"}),e.jsx("span",{className:"leader__dots","aria-hidden":"true"}),e.jsx("span",{className:"leader__value leader__value--ink",children:"in the same view"})]}),e.jsxs("div",{className:"leader",children:[e.jsx("span",{className:"leader__label",children:"Anything you change"}),e.jsx("span",{className:"leader__dots","aria-hidden":"true"}),e.jsx("span",{className:"leader__value",children:"is thrown away when you leave"})]})]}),e.jsx("div",{className:"btns rv d3",children:e.jsx("a",{className:"btn btn--primary","data-cta":"dashboard_open_sandbox",href:"/demo/dashboard",children:"Open the dashboard sandbox"})})]}),e.jsxs("div",{className:"stack stack--sm rv d1",children:[e.jsx(t,{live:"Demo",footLeft:"4 tables free at 21:00",footRight:"Waitlist: 2"}),e.jsx(r,{title:m.floorPlan,sub:"Green = seated",children:e.jsx(o,{})})]})]})})}),e.jsx("section",{className:"section",children:e.jsx("div",{className:"wrap stack stack--xl",children:e.jsxs("div",{className:"grid-split grid-split--art-first",children:[e.jsxs("div",{className:"u-relative rv",children:[e.jsxs(r,{tilt:"l",title:`${x.table} · ${l.name}`,sub:"Guest's phone",bodyClassName:"row row--lg row--top row--center demo-hub-order",children:[e.jsx(j,{width:340}),e.jsxs("div",{className:"stack stack--sm u-fill",style:{minWidth:"230px"},children:[e.jsx(N,{}),e.jsx("p",{className:"tiny",children:"The same sample order on the kitchen board."})]})]}),e.jsx("div",{className:"sticker-layer","aria-hidden":"true",children:e.jsx("span",{className:"sticker sticker--sky sticker--tilt-r bob at-tl",children:"No app to download"})})]}),e.jsxs("div",{className:"stack",children:[e.jsx("span",{className:"eyebrow rv",children:"Order & Pay demo"}),e.jsxs("h2",{className:"rv",children:["Scan. Order. Pay.",e.jsx("br",{}

1),e.jsx("span",{className:"hl-p",children:"Then see it land."})]}),e.jsx("p",{className:"lede rv d1",children:"The Order & Pay demo is the only one that shows you both ends of the same transaction. You order from the table like a guest — then the ticket appears on the kitchen board like a chef."}),e.jsxs("p",{className:"rv d2",children:["There's no app to download at either end: guests scan the table QR and order in their browser, and the board runs on any screen you already own. At a real venue, ResoFlow takes a flat ",e.jsxs("b",{children:[h," per paid table order"]})," out of the payout — never added to your customer's bill, and tips are never touched (collection and delivery orders on Order & Pay Pro carry ",d," of the food and drink total)."]}),e.jsxs("div",{className:"btns rv d3",children:[e.jsx("a",{className:"btn btn--primary","data-cta":"order_open_demo",href:"/demo/order",children:"Open the Order & Pay demo"}),e.jsx("a",{className:"btn btn--secondary","data-cta":"order_how_it_works",href:"/features/order-and-pay",children:"How Order & Pay works"})]})]})]})})}),e.jsx("section",{className:"band band--cream section",children:e.jsxs("div",{className:"wrap stack stack--xl",children:[e.jsxs("div",{className:"sechead rv",children:[e.jsx("span",{className:"eyebrow",children:"Good to know"}),e.jsxs("h2",{children:["How the demos ",e.jsx("span",{className:"hl-p",children:"work."})]}),e.jsx("p",{className:"lede",children:"Every demo is the real product with a fictional venue's sample data — here is what you are clicking."})]}),e.jsxs("div",{className:"principles",children:[e.jsxs("div",{className:"principle rv",children:[e.jsx("span",{className:"principle__no",children:"01"}),e.jsx("h3",{className:"principle__title",children:"Explore the product flows"}),e.jsx("p",{className:"principle__body",children:"Try the booking steps, guest pages and venue tools using local sample data. The demos follow supported product flows; payments, messages and wallet actions are simulated."})]}),e.jsxs("div",{className:"principle rv d1",children:[e.jsx("span",{className:"principle__no",children:"02"}),e.jsx("h3",{className:"principle__title",children:"A fictional venue, familiar workflows"}),e.jsx("p",{className:"principle__body",children:"The Bistro’s menu and bookings give you a consistent sample to explore. Your own venue’s prices, settings and branding can differ. Plan prices and ResoFlow fees shown here come from the published catalogue."})]}),e.jsxs("div",{className:"principle rv d2",children:[e.jsx("span",{className:"principle__no",children:"03"}),e.jsx("h3",{className:"principle__title",children:"Nothing is saved"}),e.jsx("p",{className:"principle__body",children:"No sign-up, no account, no card. Type a name, book a table, build an order — when you close the tab it goes with you. That's also why you can hand the demo to a colleague without warning them about anything."})]}),e.jsxs("div",{className:"principle rv d3",children:[e.jsx("span",{className:"principle__no",children:"04"}),e.jsx("h3",{className:"principle__title",children:"Look for as long as you like"}),e.jsx("p",{className:"principle__body",children:"Nobody is notified when you open a demo. If you'd rather be walked through it, a free 30-minute call is yours to book."})]})]}),e.jsxs("div",{className:"note note--info rv",children:[e.jsx("p",{className:"note__title",children:"One thing the demos can't show you"}),e.jsx("p",{children:"What your own room looks like on the floor plan. That takes about ten minutes on the free plan — or you can hand it to us: full venue setup is something we’d value at £199, and it is free on every plan while ResoFlow is new."})]})]})}),e.jsx("section",{className:"section",children:e.jsxs("div",{className:"wrap stack stack--lg",children:[e.jsxs("div",{className:"sechead sechead--center rv",children:[e.jsx("span",{className:"eyebrow",children:"Seen enough?"}),e.jsx("h2",{children:"Three sensible next steps."})]}),e.jsxs("div",{className:"steps rv d1",children:[e.jsxs("div",{className:"step",children:[e.jsx("span",{className:"step__no",children:"Step 1"}),e.jsx("h3",{className:"step__title",children:"Check the price"}),e.jsxs("p",{className:"step__body",children:["Four venue plans from free to ",p.complete,"/month, and six products you can buy on their own from ",p.domain,"/month. Every platform fee is printed on the same page."]}),e.jsx("a",{className:"link",href:"/pricing",children:"See pricing →"})]}),e.jsxs("div",{className:"step",children:[e.jsx("span",{className:"step__no",children:"Step 2"}),e.jsx("h3",{className:"step__title",children:"Start free"}),e.jsx("p",{className:"step__body",children:"The free plan takes 30 online bookings a month, unlimited staff-created bookings and walk-ins, and needs no card. Draw your room and share your link."}),e.jsx("a",{className:"link",href:"/onboarding",children:"Create an account →"})]}),e.jsxs("div",{className:"step",children:[e.jsx("span",{className:"step__no",children:"Step 3"}),e.jsx("h3",{className:"step__title",children:"Or let us do it"}),e.jsx("p",{className:"step__body",children:"Free venue setup — we’d value it at £199 — configures your booking page, floor plan, menus and staff with you on a transition day, remotely, anywhere in the UK."}),e.jsx("a",{className:"link",href:"/setup",children:"How setup works →"})]})]})]})}),e.jsx("div",{className:"band band--pink",children:e.jsxs("div",{className:"wrap ctastrip",children:[e.jsxs("h2",{children:["Ready to run ",e.jsx("span",{className:"hl-o",children:"your service like this?"})]}),e.jsx("p",{className:"ctastrip__sub",children:"Set up your own ResoFlow in minutes — free to start, no card required."}),e.jsx("div",{className:"ctastrip__actions",children:e.jsx("a",{className:"btn btn--lg btn--yellow","data-cta":"closing_start_free",href:"/onboarding",children:"Start free"})}),e.jsx("p",{className:"ctastrip__note",children:"No credit card required · Free plan available · 14-day money-back guarantee on paid plans"})]})})]})}export{_ as DemoHubPage,_ as default};
2//# sourceMappingURL=DemoHubPage-DZxq_Ub7.js.map