https://foodzilla.com/_next/static/chunks/7144.b3945fab52e3ea92.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7144],{23664:(e,s,t)=>{t.d(s,{A:()=>a});let a=(0,t(71847).A)("mail",[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]])},25729:(e,s,t)=>{t.d(s,{A:()=>a});let a=(0,t(71847).A)("phone-off",[["path",{d:"M10.1 13.9a14 14 0 0 0 3.732 2.668 1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2 18 18 0 0 1-12.728-5.272",key:"1wngk7"}],["path",{d:"M22 2 2 22",key:"y4kqgn"}],["path",{d:"M4.76 13.582A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 .244.473",key:"10hv5p"}]])},26983:(e,s,t)=>{t.d(s,{A:()=>a});let a=(0,t(71847).A)("clock",[["path",{d:"M12 6v6l4 2",key:"mmk7yg"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]])},27144:(e,s,t)=>{t.r(s),t.d(s,{BookingPageArt:()=>w,MeetArt:()=>v});var a=t(95155),l=t(26497),r=t(22453),n=t(5917),i=t(26983),o=t(10383),c=t(23664),d=t(52508),x=t(39068),m=t(60890);let p=(0,t(71847).A)("app-window",[["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}],["path",{d:"M10 4v4",key:"pp8u80"}],["path",{d:"M2 8h20",key:"d11cs7"}],["path",{d:"M6 4v4",key:"1svtjw"}]]);var h=t(39142),u=t(25729),y=t(18955),b=t(47806),f=t(19644),g=t(57441),j=t(88403);let k=[0,1,2,3,4],N=[{hour:9,minute:0,busy:!1},{hour:10,minute:0,busy:!1},{hour:11,minute:30,busy:!0},{hour:13,minute:0,busy:!1},{hour:14,minute:30,busy:!0},{hour:16,minute:0,busy:!1}];function w(){let e=(0,y.c)("onlineBookingBento.mock"),s=(0,y.c)("home.bentoMock.consultations"),t=(0,j._s)(),{ref:d,tick:x,reduced:m}=(0,b.yD)(1500,6),p=m?3:Math.min(x,4),h=p>=1,u=p>=2,w=t.time(N[1].hour,N[1].minute),P=[{name:s("initial"),minutes:j.eX.initial,price:t.money(j.YQ.initial)},{name:s("followUp"),minutes:j.eX.followUp,price:t.money(j.YQ.followUp)},{name:e("discovery"),minutes:j.eX.discovery,price:e("free")}];return(0,a.jsx)("div",{ref:d,"aria-hidden":"true",className:"w-full max-w-[580px] select-none p-4 sm:p-6",children:(0,a.jsx)(b._Q,{children:(0,a.jsxs)(b.Zv,{className:"overflow-hidden p-0",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5 border-b px-4 py-3",style:{borderColor:g.P.border,backgroundColor:j.XE},children:[(0,a.jsx)(j.RV,{size:30}),(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsx)("p",{className:"truncate text-[13px] font-bold leading-tight",style:{color:g.P.ink},children:f.V2.brand}),(0,a.jsx)("p",{className:"truncate text-[10.5px] leading-tight",style:{color:g.P.secondary},children:e("page.title")})]}),(0,a.jsxs)("span",{className:"hidden items-center gap-1 text-[10px] font-semibold sm:inline-flex",style:{color:j.qt},children:[(0,a.jsx)(n.A,{className:"size-3",strokeWidth:3}),e("page.noAccount")]})]}),(0,a.jsxs)("div",{className:"grid gap-4 p-4 sm:grid-cols-[1fr_1.1fr]",children:[(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("p",{className:"text-[10.5px] font-semibold uppercase tracking-wide",style:{color:g.P.tertiary},children:e("page.pickType")}),(0,a.jsx)("div",{className:"mt-2 space-y-1.5",children:P.map((s,t)=>{let l=0===t;return(0,a.jsxs)("div",{className:"flex items-center gap-2 rounded-xl border px-2.5 py-2",style:{borderColor:l?j.qt:g.P.border,backgroundColor:l?j.XE:"#FFFFFF"},children:[(0,a.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,a.jsx)("span",{className:"block truncate text-[11.5px] font-semibold",style:{color:g.P.ink},children:s.name}),(0,a.jsxs)("span",{className:"mt-0.5 flex items-center gap-1 text-[10px]",style:{color:g.P.secondary},children:[(0,a.jsx)(i.A,{className:"size-2.5"}),e("minutes",{count:s.minutes})]})]}),(0,a.jsx)("span",{className:"shrink-0 text-[11.5px] font-bold tabular-nums",style:{color:l?j.qt:g.P.ink},children:s.price})]},s.name)})}),(0,a.jsx)("p",{className:"mt-3.5 text-[10.5px] font-semibold uppercase tracking-wide",style:{color:g.P.tertiary},children:e("page.details")}),(0,a.jsxs)("div",{className:"mt-2 space-y-1.5",children:[(0,a.jsx)("div",{className:"flex h-7 items-center rounded-lg border px-2.5 text-[10.5px]",style:{borderColor:g.P.border,color:g.P.ink},children:(0,a.jsx)(l.N,{initial:!1,children:u?(0,a.jsx)(r.P.span,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"truncate font-medium",children:f.G$.fullName},"name"):null})}),(0,a.jsx)("div",{className:"flex h-7 items-center rounded-lg border px-2.5",style:{borderColor:g.P.border},children:u?(0,a.jsx)(b.EA,{width:"62%"}):null})]})]}),(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("p",{className:"text-[10.5px] font-semibold uppercase tracking-wide",style:{color:g.P.tertiary},children:e("page.pickTime")}),(0,a.jsx)("div",{className:"mt-2 grid grid-cols-5 gap-1",children:k.map(e=>{let s=h&&1===e;return(0,a.jsxs)("span",{className:"flex flex-col items-center rounded-lg py-1.5 transition-colors duration-300",style:{backgroundColor:s?j.qt:g.P.surface,color:s?"#FFFFFF":g.P.ink},children:[(0,a.jsx)("span",{className:"max-w-full truncate text-[9px] font-medium opacity-80",children:t.weekday(e)}),(0,a.jsx)("span",{className:"text-[13px] font-bold tabular-nums leading-tight",children:t.dayOfMonth(e)})]},e)})}),(0,a.jsx)("div",{className:"mt-2 grid grid-cols-3 gap-1",children:N.map((e,s)=>{let l=u&&1===s;return(0,a.jsx)("span",{className:"rounded-lg border py-1.5 text-center text-[11px] font-semibold tabular-nums transition-colors duration-300",style:{borderColor:l?j.qt:g.P.border,backgroundColor:l?j.qt:"#FFFFFF",color:l?"#FFFFFF":e.busy?g.P.tertiary:g.P.ink,textDecoration:e.busy?"line-through":void 0,opacity:e.busy?.6:1},children:t.time(e.hour,e.minute)},"".concat(e.hour,":").concat(e.minute))})}),(0,a.jsxs)(r.P.span,{className:"mt-3 flex h-9 items-center justify-center gap-1.5 rounded-xl text-[12px] font-bold text-white",style:{backgroundColor:j.qt},animate:{opacity:u?1:.45,scale:3===p?[1,.96,1]:1},transition:{duration:.35},children:[(0,a.jsx)(o.A,{className:"size-3.5"}),u?e("page.book",{time:w}):e("page.bookNow")]}),(0,a.jsx)("div",{className:"mt-2.5 h-[58px]",children:(0,a.jsx)(l.N,{children:p>=3?(0,a.jsxs)(r.P.div,{className:"flex h-full items-center gap-2.5 rounded-xl border px-2.5",style:{borderColor:g.P.accentBorder,backgroundColor:g.P.accentSoft},initial:{opacity:0,y:8,scale:.97},animate:{opacity:1,y:0,scale:1},exit:{opacity:0},transition:{duration:.35},children:[(0,a.jsx)("span",{className:"flex size-7 shrink-0 items-center justify-center rounded-full bg-white",children:(0,a.jsx)(n.A,{className:"size-3.5",style:{color:g.P.accent},strokeWidth:3})}),(0,a.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,a.jsx)("span",{className:"block truncate text-[11.5px] font-bold",style:{color:g.P.ink},children:e("page.booked")}),(0,a.jsxs)("span",{className:"block truncate text-[10px]",style:{color:g.P.secondary},children:[t.shortDay(1)," \xb7 ",w]}),(0,a.jsxs)("span",{className:"mt-0.5 flex items-center gap-1 truncate text-[9.5px] font-semibold",style:{color:g.P.accentText},children:[(0,a.jsx)(c.A,{className:"size-2.5 shrink-0"}),e("page.emailSent")]})]})]},"booked"):null})})]})]})]})})})}let P=[{key:"email",icon:c.A},{key:"app",icon:d.A},{key:"portal",icon:x.A}];function v(){let e=(0,y.c)("onlineBookingBento.mock"),s=(0,y.c)("home.featureBento.cards.booking"),t=(0,y.c)("home.productTour.ui.brandedApp"),l=(0,j._s)(),{ref:i,tick:d}=(0,b.yD)(1800,P.length),{ref:x,active:k}=(0,b.yI)();return(0,a.jsxs)("div",{ref:i,"aria-hidden":"true",className:"w-full max-w-[560px] select-none p-4 sm:p-6",children:[(0,a.jsxs)("div",{ref:x,className:"grid gap-3 sm:grid-cols-[1fr_1.15fr]",children:[(0,a.jsx)(b._Q,{children:(0,a.jsxs)(b.Zv,{className:"p-3.5",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(j.RV,{size:24}),(0,a.jsx)("p",{className:"min-w-0 flex-1 truncate text-[11px] font-semibold",style:{color:g.P.secondary},children:f.V2.brand}),(0,a.jsx)(c.A,{className:"size-3.5 shrink-0",style:{color:g.P.tertiary}})]}),(0,a.jsx)("p",{className:"mt-2.5 text-[13px] font-bold leading-snug",style:{color:g.P.ink},children:e("meet.subject",{brand:f.V2.brand})}),(0,a.jsxs)("div",{className:"mt-2.5 space-y-1.5 rounded-xl p-2.5",style:{backgroundColor:g.P.surface},children:[(0,a.jsxs)("p",{className:"flex items-center gap-1.5 text-[10.5px] font-semibold",style:{color:g.P.ink},children:[(0,a.jsx)(o.A,{className:"size-3 shrink-0",style:{color:j.qt}}),(0,a.jsxs)("span",{className:"truncate",children:[l.shortDay(1)," \xb7 ",l.time(10)]})]}),(0,a.jsxs)("p",{className:"flex items-center gap-1.5 text-[10.5px] font-semibold",style:{color:g.P.ink},children:[(0,a.jsx)(m.A,{className:"size-3 shrink-0",style:{color:j.qt}}),(0,a.jsx)("span",{className:"truncate",children:s("mockMeetTitle")})]})]}),(0,a.jsxs)(r.P.span,{className:"mt-3 flex h-9 items-center justify-center gap-1.5 rounded-xl text-[12px] font-bold text-white",style:{backgroundColor:j.qt},animate:k?{boxShadow:["0 0 0 0 rgba(14,116,144,0.35)","0 0 0 8px rgba(14,116,144,0)"]}:{boxShadow:"0 0 0 0 rgba(14,116,144,0)"},transition:k?{duration:1.6,repeat:1/0}:{duration:.2},children:[(0,a.jsx)(m.A,{className:"size-3.5"}),e("meet.join")]}),(0,a.jsxs)("div",{className:"mt-2.5 space-y-1",children:[(0,a.jsx)(b.EA,{width:"86%"}),(0,a.jsx)(b.EA,{width:"58%"})]})]})}),(0,a.jsx)(b._Q,{delay:.15,children:(0,a.jsxs)(b.Zv,{className:"overflow-hidden p-0",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 border-b px-3 py-2",style:{borderColor:g.P.border},children:[(0,a.jsx)(p,{className:"size-3.5 shrink-0",style:{color:g.P.tertiary}}),(0,a.jsx)("span",{className:"min-w-0 flex-1 truncate text-[11.5px] font-bold",style:{color:g.P.ink},children:s("mockMeetTitle")}),(0,a.jsxs)("span",{className:"inline-flex shrink-0 items-center gap-1 text-[10px] font-semibold",style:{color:g.P.danger},children:[(0,a.jsx)(r.P.span,{className:"size-1.5 rounded-full",style:{backgroundColor:g.P.danger},animate:k?{opacity:[1,.3,1]}:{opacity:1},transition:k?{duration:1.6,repeat:1/0}:{duration:.2}}),t("liveCall")]})]}),(0,a.jsxs)("div",{className:"relative mx-2.5 mt-2.5 flex aspect-[16/10] items-center justify-center overflow-hidden rounded-xl bg-[radial-gradient(90%_90%_at_50%_30%,#2A3B32,#141D18)]",children:[(0,a.jsx)(b.g3,{initials:f.G$.initials,size:58}),(0,a.jsx)("span",{className:"absolute bottom-2 start-2 rounded-md bg-black/45 px-1.5 py-0.5 text-[9.5px] font-semibold text-white",children:f.G$.fullName}),(0,a.jsx)("span",{className:"absolute bottom-2 end-2 flex h-[42px] w-[34px] items-center justify-center rounded-lg bg-[#2F4238] ring-1 ring-white/15",children:(0,a.jsx)(b.g3,{initials:f.V2.initials,size:20,tone:"green"})}),(0,a.jsxs)("span",{className:"absolute start-2 top-2 inline-flex items-center gap-1 rounded-md bg-white/90 px-1.5 py-[3px] text-[9px] font-bold",style:{color:g.P.accentText},children:[(0,a.jsx)(n.A,{className:"size-2.5",strokeWidth:3}),e("meet.nothingToInstall")]})]}),(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2 py-2.5",children:[[h.A,m.A].map((e,s)=>(0,a.jsx)("span",{className:"flex size-7 items-center justify-center rounded-full",style:{backgroundColor:g.P.surface,color:g.P.ink},children:(0,a.jsx)(e,{className:"size-3"})},s)),(0,a.jsx)("span",{className:"flex h-7 w-10 items-center justify-center rounded-full text-white",style:{backgroundColor:g.P.danger},children:(0,a.jsx)(u.A,{className:"size-3"})})]})]})})]}),(0,a.jsx)(b._Q,{delay:.3,className:"mt-3 flex flex-wrap items-center justify-center gap-1.5",children:P.map((s,t)=>{let l=s.icon,r=t===d;return(0,a.jsxs)("span",{className:"inline-flex items-center gap-1.5 rounded-full border bg-white px-2.5 py-1 text-[10.5px] font-semibold transition-colors duration-300",style:{borderColor:r?g.P.accentBorder:g.P.border,color:r?g.P.accentText:g.P.secondary,backgroundColor:r?g.P.accentSoft:"#FFFFFF"},children:[(0,a.jsx)(l,{className:"size-3"}),e("meet.routes.".concat(s.key))]},s.key)})})]})}},39068:(e,s,t)=>{t.d(s,{A:()=>a});let a=(0,t(71847).A)("globe",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]])},39142:(e,s,t)=>{t.d(s,{A:()=>a});let a=(0,t(71847).A)("mic",[["path",{d:"M12 19v3",key:"npa21l"}],["path",{d:"M19 10v2a7 7 0 0 1-14 0v-2",key:"1vc78b"}],["rect",{x:"9",y:"2",width:"6",height:"13",rx:"3",key:"s6n7sd"}]])},52508:(e,s,t)=>{t.d(s,{A:()=>a});let a=(0,t(71847).A)("smartphone",[["rect",{width:"14",height:"20",x:"5",y:"2",rx:"2",ry:"2",key:"1yt0o3"}],["path",{d:"M12 18h.01",key:"mhygvu"}]])},60890:(e,s,t)=>{t.d(s,{A:()=>a});let a=(0,t(71847).A)("video",[["path",{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",key:"ftymec"}],["rect",{x:"2",y:"6",width:"14",height:"12",rx:"2",key:"158x01"}]])}}]);