https://www.grafterr.com/_next/static/chunks/pages/uk/products/collection-display-e6e30ff94b9b7534.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[72786],{18004:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/uk/products/collection-display",function(){return c(99331)}])},24520:function(a,b,c){"use strict";var d=c(67294),e=function(){var a=arguments.length>0&& void 0!==arguments[0]?arguments[0]:50,b=(0,d.useState)(!1),c=b[0],e=b[1],f=(0,d.useRef)(),g=(0,d.useRef)(c),h=function(a,b){var c;return function(){for(var d=arguments.length,e=Array(d),f=0;f<d;f++)e[f]=arguments[f];clearTimeout(c),c=setTimeout(function(){a.apply(null,e)},b)}};return(0,d.useEffect)(function(){var b=function(a){a[0].isIntersecting&&!g.current&&(e(!0),g.current=!0)},c=h(b,a),d=new IntersectionObserver(c);return d.observe(f.current),function(){d.disconnect()}},[a]),{myRef:f,onceRef:g}};b.Z=e},80529:function(a,b,c){"use strict";c.d(b,{Z:function(){return j}});var d=c(85893),e=c(46269),f=c.n(e),g=[{positionStyling:f().box1},{positionStyling:f().box2},{positionStyling:f().box3},{positionStyling:f().box4},{positionStyling:f().box5},{positionStyling:f().box6}],h=[{bg:f().bg1},{bg:f().bg2},{bg:f().bg3},{bg:f().bg4},{bg:f().bg5},{bg:f().bg6}],i=[{isSquare:!1,positionStyling:f().box1},{isSquare:!1,positionStyling:f().box2},{isSquare:!1,positionStyling:f().box3},{isSquare:!1,positionStyling:f().box4},{isSquare:!1,positionStyling:f().box5},{isSquare:!1,positionStyling:f().box6},];function j(a){var b=a.positions,c=void 0===b?g:b,e=a.bgList,j=void 0===e?h:e;return(0,d.jsx)(d.Fragment,{children:i.map(function(a,b){return(0,d.jsx)("span",{className:"\n            ".concat(f().animationDeco,"\n            ").concat(j[b].bg,"\n            ").concat(c[b].positionStyling,"\n            ").concat(f().box," ").concat(a.isSquare?f().square:""," absolute")},b)})})}},36238:function(a,b,c){"use strict";var d=c(85893);c(67294);var e=c(41664),f=c.n(e),g=c(11163),h=c(52030),i=c(8979),j=c.n(i);b.Z=function(){var a=(0,g.useRouter)();return(0,d.jsx)(h.$,{children:function(b){var c=b.headerData,e=b.country;return(0,d.jsxs)("div",{className:"".concat(j().headerBg," fixed left-0 top-0 w-full"),children:[(0,d.jsx)("p",{className:"".concat(j().headerHeading),children:c[1].title}),c[1].sub_menu.map(function(b,c){var g,h,i;return g=b,h=c,i=e,(0,d.jsx)(f(),{prefetch:!1,href:"/".concat(i,"/products/").concat(g.link),children:(0,d.jsx)("a",{className:a.pathname!=="/".concat(i,"/products/").concat(g.link)?j().inActiveLink:j().activeLink,children:g.title})},h)})]})}})}},99331:function(a,b,c){"use strict";c.r(b),c.d(b,{"__N_SSP":function(){return J},default:function(){return K}});var d=c(29815),e=c(85893),f=c(67294),g=c(9008),h=c.n(g),i=c(67107),j=c(22993),k=c(5152),l=c.n(k),m=c(70387),n=c(97929),o=c(36238),p=c(41664),q=c.n(p),r=c(80529),s=c(15344),t=c.n(s),u=c(44998),v=c.n(u),w=function(a){var b=a.item,c=a.isActive,d=a.updateActiveVal;return(0,e.jsxs)("div",{style:{zIndex:b.zIndex},className:"\n      ".concat(v().toggleCard,"\n      ").concat(b.cardPosition," \n      ").concat(t().faqCardContainer1,"\n      ").concat(b.card,"\n      ").concat(c?v().xtraPadding:"","\n      cursor-pointer\n      ").concat(b.animation,"\n      transition-all duration-500\n      "),onClick:function(a){a.preventDefault(),d(b.id)},children:[(0,e.jsx)("div",{children:(0,e.jsxs)("div",{className:"flex items-center justify-between w-full text-left","aria-expanded":c,"aria-controls":"accordion-text-".concat(b.id),children:[(0,e.jsx)("span",{className:"".concat(t().accordionQuestion1,"  ").concat(v().toggleQuestion),children:b.question}),(0,e.jsx)("div",{className:"".concat(v().toggleBtn," ").concat(b.buttonStyle," flex item-center justify-center "),children:(0,e.jsxs)("svg",{className:"shrink-0",width:"16",height:"16",xmlns:"http://www.w3.org/2000/svg",children:[(0,e.jsx)("rect",{y:"7",x:"3",width:"10",height:"2",rx:"1",className:"md:hidden transform origin-center transition duration-500 ease-out ".concat(c&&"!rotate-180"),fill:"#ffffff"}),(0,e.jsx)("rect",{y:"7",x:"3",width:"10",height:"2",rx:"1",className:"md:hidden transform origin-center rotate-90 transition duration-500 ease-out ".concat(c&&"!rotate-180"),fill:"#ffffff"}),(0,e.jsx)("rect",{y:"7",width:"16",height:"2",rx:"1",className:"hidden md:block ttransform origin-center transition duration-500 ease-out ".concat(c&&"!rotate-180"),fill:"#ffffff"}),(0,e.jsx)("rect",{y:"7",width:"16",height:"2",rx:"1",className:"hidden md:block transform origin-center rotate-90 transition duration-500 ease-out ".concat(c&&"!rotate-180"),fill:"#ffffff"})]})})]})}),(0,e.jsx)("div",{id:"accordion-text-".concat(b.id),role:"region","aria-labelledby":"accordion-title-".concat(b.id),className:"grid  text-slate-600 overflow-hidden transition-all duration-500 ease-in-out ".concat(c?"grid-rows-[1fr] opacity-100":"grid-rows-[0fr] opacity-0"),children:(0,e.jsx)("div",{className:"overflow-hidden",children:(0,e.jsx)("p",{className:" ".concat(v().toggleAnswer),children:b.answer})})})]},b.id)},x=w,y=c(24520),z=c(40453),A=c.n(z),B=[{id:0,question:"Cooking progress tracker",answer:"Monitor the cooking progress with clarity. Our system ensures that everyone knows the status of an order, from kitchen to collection. Staff can change the order status and rearrange items.",buttonStyle:v().btnBg1,isRight:!0,cardPosition:v().tCard1,zIndex:10,card:v().card1,animation:v().toggle1},{id:1,question:"Collection status tracker",answer:"Keep customers and staff in sync with real-time updates, tracking and displaying order readiness, giving customers peace of mind and reducing wait times.",buttonStyle:v().btnBg2,cardPosition:v().tCard2,zIndex:0,card:v().card2,animation:v().toggle2},{id:2,question:"Settings to showcase your brand",answer:"Configure your collection display settings and layout for a workflow that matches your pace, allowing you to choose your favorite colors and modify text to match your branding.",buttonStyle:v().btnBg3,cardPosition:v().tCard3,zIndex:10,card:v().card3,animation:v().toggle3},{id:3,question:"Engage with ads",answer:"Customize your promotional content with settings that adapt to your marketing needs. Update your advertisements promptly to ensure relevant promotions and information are displayed.",buttonStyle:v().btnBg4,cardPosition:v().tCard4,zIndex:0,card:v().card4,animation:v().toggle4},];function C(){var a=(0,y.Z)(),b=a.myRef,c=a.onceRef,d=(0,f.useState)(""),g=d[0],h=d[1],i=function(a){h(a===g?"":a)};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{className:"".concat(v().container),children:(0,e.jsxs)("div",{className:"".concat(v().body," "),children:[(0,e.jsxs)("div",{className:"".concat(v().textSection),children:[(0,e.jsxs)("h1",{className:"".concat(v().heading),children:[(0,e.jsx)("span",{className:"".concat(v().highLight),children:(0,e.jsx)("span",{className:"".concat(v().headAni1," "),children:"Introducing the"})})," ",(0,e.jsx)("span",{className:"".concat(v().headAnimation),children:"Collection Dis

1play"})]}),(0,e.jsx)("p",{className:"".concat(A().commonPara," ").concat(v().para," "),children:"A public facing screen that shows all your customers, riders and drivers the progress of their orders. Seamlessly show the status of every order, instantly."}),(0,e.jsx)(q(),{href:"#sectionCarousel",children:(0,e.jsx)("button",{className:"".concat(A().commonButton," ").concat(v().button," "),children:"Learn more"})})]}),(0,e.jsxs)("div",{className:"".concat(v().imgSection," relative"),children:[(0,e.jsx)(r.Z,{}),(0,e.jsxs)("div",{className:"".concat(v().tabletContainer," relative"),children:[(0,e.jsx)("div",{ref:b,className:"".concat(v().animationBody," absolute")}),(0,e.jsx)("img",{className:"".concat(v().tablet),alt:"home page collection display",src:"/images/common/products/collectionDisplay/tablet1.png"}),(0,e.jsx)("div",{children:!0===c.current&&B.map(function(a,b){return(0,e.jsx)(x,{item:a,isActive:a.id===g,updateActiveVal:i},b)})})]})]})]})}),(0,e.jsx)("div",{className:"".concat(v().extraHeight)})]})}var D=l()(function(){return c.e(57861).then(c.bind(c,57861))},{loadableGenerated:{webpack:function(){return[57861]}},loading:function(){return""},ssr:!1}),E=l()(function(){return c.e(63233).then(c.bind(c,63233))},{loadableGenerated:{webpack:function(){return[63233]}},loading:function(){return""},ssr:!1}),F=l()(function(){return c.e(44404).then(c.bind(c,44404))},{loadableGenerated:{webpack:function(){return[44404]}},loading:function(){return""},ssr:!1}),G=l()(function(){return Promise.all([c.e(34853),c.e(54018)]).then(c.bind(c,54018))},{loadableGenerated:{webpack:function(){return[54018]}},loading:function(){return""},ssr:!1}),H=l()(function(){return c.e(66214).then(c.bind(c,66214))},{loadableGenerated:{webpack:function(){return[66214]}},loading:function(){return""},ssr:!1}),I=l()(function(){return c.e(46209).then(c.bind(c,46209))},{loadableGenerated:{webpack:function(){return[46209]}},loading:function(){return null},ssr:!1}),J=!0;function K(a){var b=a.pageUrl,c=a.ip,g=a.basePath,k=(0,f.useState)(0),l=k[0],p=k[1],q=(0,m.p)(b,n.a.X.Nx,"uk"),r=q.popupError,s=q.seo;return(0,f.useEffect)(function(){var a,b,c,e=function(){p(window.innerWidth)},f=(a=e,function(){for(var b=arguments.length,e=Array(b),f=0;f<b;f++)e[f]=arguments[f];c&&clearTimeout(c),c=setTimeout(function(){a.apply(void 0,(0,d.Z)(e))},500)});return e(),window.addEventListener("resize",f),function(){window.removeEventListener("resize",f)}},[]),(0,e.jsxs)("div",{children:[(0,e.jsxs)(h(),{children:[(0,e.jsx)("title",{children:s.metaTitle}),(0,e.jsx)("meta",{name:"description",content:s.metaDescription}),(0,e.jsx)("meta",{name:"keywords",content:s.metaKeywords}),(0,e.jsx)("link",{rel:"canonical",href:s.canonical}),(0,e.jsx)("meta",{property:"og:title",content:s.opengraphTitle}),(0,e.jsx)("meta",{property:"og:image",content:s.opengraphUrl}),(0,e.jsx)("meta",{property:"og:description",content:s.opengraphDescription}),(0,e.jsx)("meta",{name:"robots",content:s.robot}),s.hrefTags.map(function(a,b){return(0,e.jsx)("link",{rel:"alternate",href:a.href,hrefLang:a.hreflang},b)})]}),(0,e.jsx)(i.Z,{items:j.I.collection_display}),(0,e.jsx)(o.Z,{}),(0,e.jsxs)("div",{className:v().bgWhite,children:[(0,e.jsx)(C,{screenWidth:1e3}),(0,e.jsx)(D,{text:"Things that matter"}),(0,e.jsx)(H,{})]}),(0,e.jsx)(D,{text:"Tailored to how your business works"}),(0,e.jsx)(F,{}),(0,e.jsx)(D,{text:"See what our customers think"}),(0,e.jsx)(E,{screenWidth:l}),(0,e.jsx)(D,{text:"Need some advice?"}),(0,e.jsx)(G,{ip:c,basePath:g}),(0,e.jsx)(I,{visible:r})]})}},70387:function(a,b,c){"use strict";c.d(b,{p:function(){return i}});var d=c(47568),e=c(34051),f=c.n(e),g=c(67294);c(31955);var h=c(81235),i=function(a,b,c){var e=(0,g.useState)(!0),i=e[0],j=e[1],k=(0,g.useState)(b),l=k[0],m=k[1];return(0,g.useEffect)(function(){var b;(b=(0,d.Z)(f().mark(function b(){var d,e,g;return f().wrap(function(b){for(;;)switch(b.prev=b.next){case 0:return d=(0,h.V)(),b.next=3,fetch("/api/seoAPis",{method:"POST",body:JSON.stringify({token:d,pageUrl:a,country:c}),headers:{"Content-Type":"application/json","Authorization-Token":d}});case 3:if(200!==(e=b.sent).status){b.next=11;break}return b.next=7,e.json();case 7:m((g=b.sent).data.seoAtributes),b.next=12;break;case 11:j(!1);case 12:case"end":return b.stop()}},b)})),function(){return b.apply(this,arguments)})()},[a,c]),{popupError:i,seo:l}}},40453:function(a){a.exports={commonContainer:"common_commonContainer__1AKGx",commonBody:"common_commonBody__CgEbU",commonTextContainer:"common_commonTextContainer__K9SuP",commonHeading:"common_commonHeading__Pyh9E",commonHeadingII:"common_commonHeadingII__0H0Ou",commonPara:"common_commonPara__s6a4n",commonParaII:"common_commonParaII__gGgUN",commonButton:"common_commonButton__wbgKL",commonImageContainer:"common_commonImageContainer__CHwZc",commonListBody:"common_commonListBody__vd1md",commonListContainMain:"common_commonListContainMain__0YXEg",commonListText:"common_commonListText__oZ1_2",commonListIconContainer:"common_commonListIconContainer__ZVttd",commonErrorText:"common_commonErrorText__Tg3xk",commonFixedWidthContainer:"common_commonFixedWidthContainer___29KA"}},8979:function(a){a.exports={headerBg:"subHeader_headerBg__Qy_r9",headerHeading:"subHeader_headerHeading__SMsiX",activeLink:"subHeader_activeLink__0YiKo",inActiveLink:"subHeader_inActiveLink__CxKoN"}},44998:function(a){a.exports={headAni1:"cdHome_headAni1__GBK0Y",ani1:"cdHome_ani1__QF0yn",headAnimation:"cdHome_headAnimation__37eEO",aniMainHead:"cdHome_aniMainHead__ovYJi",para:"cdHome_para__C81bl",animationY:"cdHome_animationY__2FkPB",button:"cdHome_button__364or",tabletContainer:"cdHome_tabletContainer___uYZM",toggle1:"cdHome_toggle1__vOSZ8",toggleAni1:"cdHome_toggleAni1__lmXQK",toggle2:"c

1dHome_toggle2__PrKUk",toggleAni2:"cdHome_toggleAni2__Hwr0V",toggle3:"cdHome_toggle3__VCi89",toggleAni3:"cdHome_toggleAni3__Os8cY",toggle4:"cdHome_toggle4__Qj1rh",toggleAni4:"cdHome_toggleAni4__rnZfa",animationBody:"cdHome_animationBody__LcJF6",cardHide1:"cdHome_cardHide1__qcI8T",cardShow1:"cdHome_cardShow1__q7hhZ",btnBg1:"cdHome_btnBg1__avOX1",btnBg2:"cdHome_btnBg2__FYHNc",btnBg3:"cdHome_btnBg3__doXWw",btnBg4:"cdHome_btnBg4__zwtWH",tCard1:"cdHome_tCard1__5Z4Od",tCard2:"cdHome_tCard2__FfQ8j",tCard3:"cdHome_tCard3__1hJyb",tCard4:"cdHome_tCard4__VkzX9",bgWhite:"cdHome_bgWhite__6_XcS",container:"cdHome_container__vOBRE",extraHeight:"cdHome_extraHeight__9cfhd",body:"cdHome_body__SnfXw",textSection:"cdHome_textSection__IpOrU",heading:"cdHome_heading__rTr_u",highLight:"cdHome_highLight__DK5jt",tablet:"cdHome_tablet__nxnso",toggleCard:"cdHome_toggleCard__Ji8qY",toggleQuestion:"cdHome_toggleQuestion__7WqqX",toggleAnswer:"cdHome_toggleAnswer__s0jCd",toggleBtn:"cdHome_toggleBtn__wRU_L",minusText:"cdHome_minusText__qAitI",extraPadding:"cdHome_extraPadding__oO4de",imgSection:"cdHome_imgSection__aLiiz",xtraPadding:"cdHome_xtraPadding__ygmON",card1:"cdHome_card1__YpwkX",card2:"cdHome_card2__TM_gn",card3:"cdHome_card3__Eo6O3",card4:"cdHome_card4__EqrcY"}},46269:function(a){a.exports={box:"decorationCircles_box__s9Rzz",square:"decorationCircles_square__7yJRX",bg1:"decorationCircles_bg1__UJXnt",bg2:"decorationCircles_bg2__I_ExF",bg3:"decorationCircles_bg3__QWlL3",bg4:"decorationCircles_bg4__aMfqq",bg5:"decorationCircles_bg5__FcvuE",bg6:"decorationCircles_bg6__o8eU5",box1:"decorationCircles_box1__eD347",box2:"decorationCircles_box2___bf9_",box3:"decorationCircles_box3__ImbuV",box4:"decorationCircles_box4__ghYbT",box5:"decorationCircles_box5__BTDU1",box6:"decorationCircles_box6__YT9xc",animationContainer:"decorationCircles_animationContainer__Xxhdv",openContainer:"decorationCircles_openContainer__5oNE4",animationDeco:"decorationCircles_animationDeco__nyom6",decorationAni:"decorationCircles_decorationAni__CgHWI"}},15344:function(){},97929:function(a){"use strict";a.exports=JSON.parse('{"a":{"X":{"Nx":{"canonical":"https://www.grafterr.com/uk/release-notes","metaDescription":"Discover the newest software features and product updates available for all of your Grafterr products.","metaKeywords":"release notes","metaTitle":"Grafterr Recent Releases & Features | Grafterr UK","opengraphDescription":"Discover the newest software features and product updates available for all of your Grafterr products.","opengraphTitle":"Grafterr Recent Releases & Features | Grafterr UK","opengraphUrl":"https://grafterrwebsite.s3.eu-west-1.amazonaws.com/grafterr-hospitality-OG-image.jpg","pageUrl":"release-notes","robot":"Index, Follow","status":0,"hrefTags":[{"href":"https://www.grafterr.com/uk/release-notes","hreflang":"en-gb"}]}}}}')}},function(a){a.O(0,[18500,49774,92888,40179],function(){var b;return a(a.s=18004)}),_N_E=a.O()}])