https://resoflow-prod.web.app/assets/DemoWebsitePage-DaTYUUyF.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]="f9d82871-2376-470d-b9b6-d8bc099e933c",e._sentryDebugIdIdentifier="sentry-dbid-f9d82871-2376-470d-b9b6-d8bc099e933c")}catch(t){}}();import{b as e,j as s,P as t,aS as a,bc as i,bh as o,b4 as r,bi as n}from"./index-CJ0eVksD.js";import{r as l,L as d}from"./vendor-react-Cg5IBgwO.js";import{V as c}from"./VenueLogo-BPpG5wQk.js";import{T as m}from"./ThemeMiniPreview-B9FaFsaO.js";import{W as h}from"./websiteThemes-BLjoG5xc.js";import{W as x}from"./websiteConfig-JjcOJiNk.js";import{D as g}from"./DemoBackPill-KdBlsvy4.js";import{u as p,D as b}from"./demoAnalytics-DnN7QIk0.js";import{G as u}from"./globe-8tVNtkzE.js";import{E as f}from"./external-link-V1YUMAgj.js";import{A as w}from"./arrow-right-DcL7LUW3.js";import{L as y}from"./layout-template-DH4FVlZK.js";import{C as j}from"./check-BWVn7Uwa.js";import"./venueAccent-DMW231X_.js";import"./VenueBrandScope-BsXC4AXW.js";import"./websiteFonts--jmrFa6j.js";import"./DemoGuide-Cdk25lB-.js";import"./rotate-ccw-C_2hB___.js";import"./layout-grid-CFR-ynWl.js";const v="/demo/website",k=a.primaryColor,N=`/venue/${o.slug}`,_={Menu:{to:"/demo/order",label:"Order & Pay demo"},"What’s on":{to:"/demo/events",label:"Events & tickets demo"},Book:{to:"/demo/booking",label:"Booking demo"},Home:{to:"/demo/venue",label:"Guest hub demo"}};function T(){e(),p("website");const T=h[o.theme],B=T.tokens,[S,C]=l.useState(!1);return s.jsxs("div",{className:"min-h-dvh bg-[#fafafa] flex flex-col font-sans",children:[s.jsx(t,{title:"Your website demo — The Bistro’s real published site | ResoFlow",description:`${a.name}’s 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. No sign-up, nothing saved.`,path:v,ogImage:"https://resoflow.co.uk/og/og-demo-website.png"}),s.jsx(g,{demo:"website",children:s.jsx("b",{children:"The real published site on ResoFlow’s demonstration venue · what you see here is derived from the same site"})}),s.jsxs("header",{className:"w-full max-w-3xl mx-auto px-4 pt-6 flex items-center gap-3",children:[s.jsx(c,{logoUrl:a.logoUrl,venueName:a.name,heightClassName:"h-16 sm:h-20"}),s.jsxs("div",{className:"min-w-0 flex-1",children:[s.jsx("p",{className:"text-xs font-bold uppercase tracking-widest text-gray-600",children:"Your website · the paid product"}),s.jsxs("h1",{className:"text-2xl sm:text-3xl font-black text-gray-900 tracking-tight",children:[a.name,"’s website"]})]})]}),s.jsxs("main",{className:"flex-1 w-full max-w-3xl mx-auto px-4 py-5 space-y-5",children:[s.jsxs("section",{className:"bg-white rounded-3xl border border-gray-100 shadow-sm p-5 space-y-3","aria-labelledby":"demo-website-what",children:[s.jsxs("h2",{id:"demo-website-what",className:"text-lg font-black text-gray-900 tracking-tight inline-flex items-center gap-2",children:[s.jsx(u,{size:18,"aria-hidden":"true",style:{color:k}})," A real site, not a drawing"]}),s.jsxs("p",{className:"text-sm text-gray-700",children:["Every other demo here is a local sample. This one is different: ",a.name,"’s website is published by ResoFlow’s own setup on our demonstration venue — the same Website product a venue buys for ",i.website,"/month, wearing the ",s.jsx("b",{children:T.displayName})," look on the venue’s own colour, with its menu, what’s on and booking pulled from the venue’s real settings."]}),s.jsx("p",{className:"text-sm text-gray-700",children:"The site itself is open to look at. Booking a table on it, ordering and everything else that would touch the venue’s data stay locked on the demonstration venue — try those in the demos below instead."}),s.jsxs("div",{className:"flex flex-wrap gap-2 pt-1",children:[s.jsxs("a",{href:N,target:"_blank",rel:"noopener",onClick:()=>r("marketing_cta_clicked",{cta_id:"demo_website_open_live_site",source_page:v}),className:"inline-flex min-h-11 items-center gap-2 px-4 py-2 text-sm font-bold text-white",style:{background:k,borderRadius:B.radiusButton},"data-demo-live-site":!0,children:["Open the live site ",s.jsx(f,{size:14,"aria-hidden":"true"})]}),s.jsx("button",{type:"button",onClick:()=>{C(e=>!e),r("marketing_cta_clicked",{cta_id:S?"demo_website_hide_preview":"demo_website_preview_here",s

1ource_page:v})},"aria-expanded":S,"aria-controls":"demo-website-live-preview",className:"inline-flex min-h-11 items-center gap-2 rounded-xl border border-gray-300 bg-white px-4 py-2 text-sm font-bold text-gray-800",children:S?"Hide the preview":"Preview it here"})]}),S&&s.jsxs("div",{id:"demo-website-live-preview",className:"pt-2",children:[s.jsx("p",{className:"mb-2 text-xs text-gray-600",children:"The live site, inside this page. It behaves exactly as it does at its own address."}),s.jsx("iframe",{src:N,title:`${a.name}’s live website`,loading:"lazy",className:"h-[640px] w-full rounded-2xl border border-gray-200 bg-white"})]})]}),s.jsxs("section",{className:"rounded-3xl overflow-hidden border border-gray-100 shadow-sm","aria-labelledby":"demo-website-preview",children:[s.jsx("h2",{id:"demo-website-preview",className:"sr-only",children:"The published site, as an impression"}),s.jsxs("div",{style:{background:B.bg,color:B.text,fontFamily:B.fontBody},children:[s.jsxs("div",{className:"flex items-center gap-3 px-5 py-3",style:{borderBottom:`1px solid ${B.cardBorder}`,background:B.navBg},children:[s.jsx("span",{className:"text-sm font-bold truncate",style:{fontFamily:B.fontHeading,fontWeight:Number(B.headingWeight),textTransform:B.headingTransform,letterSpacing:B.headingSpacing},children:a.name}),s.jsx("span",{className:"ml-auto hidden sm:flex items-center gap-3 text-xs",style:{color:B.muted},children:o.pages.filter(e=>"Home"!==e&&"Book"!==e).slice(0,4).map(e=>s.jsx("span",{children:e},e))}),s.jsx("span",{className:"text-xs px-3 py-1.5 font-bold text-white",style:{background:k,borderRadius:B.radiusButton},children:"Book now"})]}),s.jsxs("div",{className:"relative h-52 sm:h-64 overflow-hidden",children:[s.jsxs("picture",{children:[s.jsx("source",{srcSet:a.coverPhotoUrl.replace(/\.jpg$/,".avif"),type:"image/avif"}),s.jsx("source",{srcSet:a.coverPhotoUrl.replace(/\.jpg$/,".webp"),type:"image/webp"}),s.jsx("img",{src:a.coverPhotoUrl,alt:"","aria-hidden":"true",width:1600,height:1067,className:"absolute inset-0 h-full w-full object-cover",decoding:"async"})]}),s.jsx("div",{className:"absolute inset-0",style:{background:B.scrim}}),s.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center text-center px-6 text-white",children:[s.jsx("p",{className:"text-2xl sm:text-4xl leading-tight",style:{fontFamily:B.fontHeading,fontWeight:Number(B.headingWeight),textTransform:B.headingTransform,letterSpacing:B.headingSpacing},children:a.name}),s.jsx("p",{className:"mt-2 text-sm sm:text-base max-w-md",children:o.strapline})]})]}),s.jsxs("div",{className:"grid gap-4 p-5 sm:grid-cols-[minmax(0,1.3fr)_minmax(0,1fr)]",children:[s.jsxs("div",{style:{background:B.card,border:`1px solid ${B.cardBorder}`,borderRadius:B.radiusCard},className:"p-4",children:[s.jsx("p",{className:"text-base font-bold",style:{fontFamily:B.fontHeading,fontWeight:Number(B.headingWeight),textTransform:B.headingTransform,letterSpacing:B.headingSpacing},children:o.aboutHeading}),s.jsx("p",{className:"mt-2 text-sm leading-relaxed",style:{color:B.muted},children:o.aboutText})]}),s.jsxs("div",{style:{background:B.card,border:`1px solid ${B.cardBorder}`,borderRadius:B.radiusCard},className:"p-4",children:[s.jsx("p",{className:"text-base font-bold",style:{fontFamily:B.fontHeading,fontWeight:Number(B.headingWeight),textTransform:B.headingTransform,letterSpacing:B.headingSpacing},children:o.bookHeading}),s.jsx("p",{className:"mt-2 text-sm",style:{color:B.muted},children:"The real booking card sits here — the same engine as the booking page, inside the site."}),s.jsxs(d,{to:"/demo/booking",onClick:()=>r("marketing_cta_clicked",{cta_id:"demo_website_try_booking",source_page:v}),className:"mt-3 inline-flex items-center gap-1.5 text-xs px-3 py-2 font-bold text-white",style:{background:k,borderRadius:B.radiusButton},children:["Try the booking flow ",s.jsx(w,{size:12,"aria-hidden":"true"})]})]})]})]})]}),s.jsxs("section",{className:"bg-white rounded-3xl border border-gray-100 shadow-sm p-5 space-y-3","aria-labelledby":"demo-website-pages",children:[s.jsxs("h2",{id:"demo-website-pages",className:"text-lg font-black text-gray-900 tracking-tight inline-flex items-center gap-2",children:[s.jsx(y,{size:18,"aria-hidden":"true",style:{color:k}})," The pages the site carries"]}),s.jsx("p",{className:"text-sm text-gray-700",children:"Real pages inside the site’s own header and footer — each one opens the venue’s live flow. Where a sibling demo shows that flow, it is linked."}),s.jsx("ul",{className:"grid gap-2 sm:grid-cols-2",children:o.pages.map(e=>{const t=_[e];return s.jsxs("li",{className:"flex items-center gap-3 rounded-2xl border border-gray-100 bg-gray-50/60 px-4 py-3",children:[s.jsx(j,{size:16,"aria-hidden":"true",style:{color:k},className:"shrink-0"}),s.jsx("span",{className:"text-sm font-bold text-gray-900 flex-1",children:e}),t?s.jsxs(d,{to:t.to,onClick:()=>r("marketing_cta_clicked",{cta_id:`demo_website_page_${e.toLowerCase().replace(/[^a-z]+/g,"_")}`,source_page:v}),className:"text-xs font-bold hover:underline inline-flex items-center gap-0.5",style:{color:k},children:[t.label," ",s.jsx(w,{size:12,"aria-hidden":"true"})]}):s.jsx("span",{className:"text-xs text-gray-600",children:"On the live site"})]},e)})})]}),s.jsxs("section",{className:"bg-white rounded-3xl border border-gray-100 shadow-sm p-5 space-y-3","aria-labelledby":"demo-website-looks",children:[s.jsxs("h2",{id:"demo-website-looks",className:"text-lg font-black text-gray-900 tracking-tight",children:[x.length," looks, one colour"]}),s.jsxs("p",{className:"text-sm text-gray-700",children:["A venue picks a look and keeps its own brand colour on every one. ",a.name," wears ",s.jsx("b",{children:T.displayName}),"; these are the same previews the editor shows, on the venue’s colour."]}),s.jsx("ul",{className:"grid gap-3 grid-cols-2 sm:grid-cols-3 md:grid-cols-5",children:x.map(e=>{const t=h[e],i=e===o.theme;return s.jsxs("li",{className:"rounded-[12px] overflow-hidden border shadow-sm",style:{borderColor:i?k:"#E5E7EB",boxShadow:i?`0 0 0 2px ${k}`:void 0},children:[s.jsx(m,{themeId:e,brandColour:k,accentMode:"brand"}),s.jsxs("div",{className:"px-2.5 py-2 bg-white",children:[s.jsx("p",{className:"text-xs font-bold text-gray-900 truncate",children:t.displayName}),s.jsx("p",{className:"text-[11px] text-gray-600 truncate",children:i?`${a.name}’s look`:t.description})]})]},e)})})]}),s.jsx("div",{className:"pt-3 border-t border-slate-200/70",children:s.jsx(b,{onReplay:()=>n(),sourcePage:v,heading:`A venue website for ${i.website}/month — no developer needed.`,subline:"Pick a look, add your words and photos, and the pages fill themselves from your menu, events and hours. Cancel anytime; your hub page stays free."})})]})]})}export{T as DemoWebsitePage,T as default};
2//# sourceMappingURL=DemoWebsitePage-DaTYUUyF.js.map