https://kotajoe.co.za/_next/static/chunks/app/(marketing)/quicklinks/page-29c2948da2404511.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2311],{5121:(e,t,n)=>{"use strict";n.d(t,{A:()=>s});var r=n(12115);let o=function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((e,t,n)=>!!e&&""!==e.trim()&&n.indexOf(e)===t).join(" ").trim()},i=e=>{let t=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase());return t.charAt(0).toUpperCase()+t.slice(1)};var a={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let l=(0,r.forwardRef)((e,t)=>{let{color:n="currentColor",size:i=24,strokeWidth:l=2,absoluteStrokeWidth:s,className:c="",children:d,iconNode:u,...h}=e;return(0,r.createElement)("svg",{ref:t,...a,width:i,height:i,stroke:n,strokeWidth:s?24*Number(l)/Number(i):l,className:o("lucide",c),...!d&&!(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0;return!1})(h)&&{"aria-hidden":"true"},...h},[...u.map(e=>{let[t,n]=e;return(0,r.createElement)(t,n)}),...Array.isArray(d)?d:[d]])}),s=(e,t)=>{let n=(0,r.forwardRef)((n,a)=>{let{className:s,...c}=n;return(0,r.createElement)(l,{ref:a,iconNode:t,className:o("lucide-".concat(i(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),"lucide-".concat(e),s),...c})});return n.displayName=i(e),n}},10301:(e,t,n)=>{"use strict";n.d(t,{RoadhouseHeroSymbol:()=>a});var r=n(95155),o=n(15239),i=n(34544);function a(e){let{src:t,alt:n}=e;return(0,r.jsx)(i.P.div,{className:"mt-3 flex justify-center pb-2 sm:mt-4 sm:pb-2.5 md:pb-3",initial:{opacity:0,y:14,scale:.92},animate:{opacity:1,y:0,scale:1},transition:{duration:.5,ease:[.22,1,.36,1]},children:(0,r.jsx)(i.P.div,{className:"relative h-32 w-32 sm:h-40 sm:w-40 md:h-48 md:w-48",animate:{y:[0,-4,0]},transition:{duration:5,repeat:1/0,ease:"easeInOut"},children:(0,r.jsx)(o.default,{src:t,alt:n,fill:!0,sizes:"(max-width: 640px) 128px, (max-width: 768px) 160px, 192px",className:"object-contain drop-shadow-[0_2px_8px_rgba(0,0,0,0.35)]",priority:!0})})})}},18161:(e,t,n)=>{"use strict";n.d(t,{QuicklinksAccordion:()=>s});var r=n(95155),o=n(12115),i=n(34544),a=n(26497),l=n(24033);function s(e){let{items:t}=e,[n,s]=(0,o.useState)(null);return(0,r.jsx)("div",{className:"rounded-2xl border border-foreground

1/10 bg-background overflow-hidden",children:t.map((e,o)=>{let c=n===e.id;return(0,r.jsxs)("div",{className:o<t.length-1?"border-b border-foreground/10":"",children:[(0,r.jsxs)("button",{type:"button",onClick:()=>s(c?null:e.id),className:"w-full flex items-center gap-4 py-4 px-5 text-left font-oswald font-semibold uppercase tracking-wide text-foreground hover:bg-foreground/5 focus:outline-none focus:ring-2 focus:ring-red focus:ring-inset transition-colors","aria-expanded":c,"aria-controls":"quicklinks-panel-".concat(e.id),id:"quicklinks-trigger-".concat(e.id),children:[(0,r.jsx)("span",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-foreground text-background transition-transform duration-200","aria-hidden":!0,children:(0,r.jsx)(i.P.span,{animate:{rotate:180*!!c},transition:{duration:.2},children:(0,r.jsx)(l.A,{className:"h-5 w-5",strokeWidth:2.5})})}),(0,r.jsx)("span",{className:"flex-1",children:e.title})]}),(0,r.jsx)(a.N,{initial:!1,children:c&&(0,r.jsx)(i.P.div,{id:"quicklinks-panel-".concat(e.id),role:"region","aria-labelledby":"quicklinks-trigger-".concat(e.id),initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.25,ease:[.4,0,.2,1]},className:"overflow-hidden",children:(0,r.jsx)("div",{className:"px-5 pb-5 pl-[4.5rem] font-american text-foreground text-base leading-relaxed",children:e.children})})})]},e.id)})})}},24033:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});let r=(0,n(5121).A)("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]])},26497:(e,t,n)=>{"use strict";n.d(t,{N:()=>b});var r=n(95155),o=n(12115),i=n(60296),a=n(94416),l=n(86553),s=n(59686),c=n(81402),d=n(53127);function u(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}class h extends o.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent&&!1!==this.props.pop){let e=t.offsetParent,n=(0,c.s)(e)&&e.offsetWidth||0,r=(0,c.s)(e)&&e.offsetHeight||0,o=this.props.sizeRef.current;o.height=t.offsetHeight||0,o.width=t.offsetWidth||0,o.top=t.offsetTop,o.left=t.offsetLeft,o.right=n-o.width-o.left,o.bottom=r-o.height-o.top}return null}componentDidUpdate(){}render(){return this.props.children}}function f(e){var t,n;let{children:i,isPresent:a,anchorX:l,anchorY:s,root:c,pop:f}=e,p=(0,o.useId)(),m=(0,o.useRef)(null),g=(0,o.useRef)({width:0,height:0,top:0,left:0,right:0,bottom:0}),{nonce:x}=(0,o.useContext)(d.Q),v=function(...e){return o.useCallback(function(...e){return t=>{let n=!1,r=e.map(e=>{let r=u(e,t);return n||"function"!=typeof r||(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];"function"==typeof n?n():u(e[t],null)}}}}(...e),e)}(m,null!=(n=null==(t=i.props)?void 0:t.ref)?n:null==i?void 0:i.ref);return(0,o.useInsertionEffect)(()=>{let{width:e,height:t,top:n,left:r,right:o,bottom:i}=g.current;if(a||!1===f||!m.current||!e||!t)return;m.current.dataset.motionPopId=p;let d=document.createElement("style");x&&(d.nonce=x);let u=null!=c?c:document.head;return u.appendChild(d),d.sheet&&d.sheet.insertRule('\n          [data-motion-pop-id="'.concat(p,'"] {\n            position: absolute !important;\n            width: ').concat(e,"px !important;\n            height: ").concat(t,"px !important;\n            ").concat("left"===l?"left: ".concat(r):"right: ".concat(o),"px !important;\n            ").concat("bottom"===s?"bottom: ".concat(i):"top: ".concat(n),"px !important;\n          }\n        ")),()=>{u.contains(d)&&u.removeChild(d)}},[a]),(0,r.jsx)(h,{isPresent:a,childRef:m,sizeRef:g,pop:f,children:!1===f?i:o.cloneElement(i,{ref:v})})}let p=e=>{let{children:t,initial:n,isPresent:i,onExitComplete:l,custom:c,presenceAffectsLayout:d,mode:u,anchorX:h,anchorY:p,root:g}=e,x=(0,a.M)(m),v=(0,o.useId)(),b=!0,w=(0,o.useMemo)(()=>(b=!1,{id:v,initial:n,isPresent:i,custom:c,onExitComplete:e=>{for(let t of(x.set(e,!0),x.values()))if(!t)return;l&&l()},register:e=>(x.set(e,!1),()=>x.delete(e))}),[i,x,l]);return d&&b&&(w={...w}),(0,o.useMemo)(()=>{x.forEach((e,t)=>x.set(t,!1))},[i]),o.useEffect(()=>{i||x.size||!l||l()},[i]),t=(0,r.jsx)(f,{pop:"popLayout"===u,isPresent:i,anchorX:h,anchorY:p,root:g,children:t}),(0,r.jsx)(s.t.Provider,{value:w,children:t})};function m(){return new Map}var g=n(75601);let x=e=>e.key||"";function v(e){let t=[];

1return o.Children.forEach(e,e=>{(0,o.isValidElement)(e)&&t.push(e)}),t}let b=e=>{let{children:t,custom:n,initial:s=!0,onExitComplete:c,presenceAffectsLayout:d=!0,mode:u="sync",propagate:h=!1,anchorX:f="left",anchorY:m="top",root:b}=e,[w,y]=(0,g.xQ)(h),M=(0,o.useMemo)(()=>v(t),[t]),k=h&&!w?[]:M.map(x),E=(0,o.useRef)(!0),C=(0,o.useRef)(M),j=(0,a.M)(()=>new Map),N=(0,o.useRef)(new Set),[R,L]=(0,o.useState)(M),[P,A]=(0,o.useState)(M);(0,l.E)(()=>{E.current=!1,C.current=M;for(let e=0;e<P.length;e++){let t=x(P[e]);k.includes(t)?(j.delete(t),N.current.delete(t)):!0!==j.get(t)&&j.set(t,!1)}},[P,k.length,k.join("-")]);let S=[];if(M!==R){let e=[...M];for(let t=0;t<P.length;t++){let n=P[t],r=x(n);k.includes(r)||(e.splice(t,0,n),S.push(n))}return"wait"===u&&S.length&&(e=S),A(v(e)),L(M),null}let{forceRender:O}=(0,o.useContext)(i.L);return(0,r.jsx)(r.Fragment,{children:P.map(e=>{let t=x(e),o=(!h||!!w)&&(M===P||k.includes(t));return(0,r.jsx)(p,{isPresent:o,initial:(!E.current||!!s)&&void 0,custom:n,presenceAffectsLayout:d,mode:u,root:b,onExitComplete:o?void 0:()=>{if(N.current.has(t)||(N.current.add(t),!j.has(t)))return;j.set(t,!0);let e=!0;j.forEach(t=>{t||(e=!1)}),e&&(null==O||O(),A(C.current),h&&(null==y||y()),c&&c())},anchorX:f,anchorY:m,children:e},t)})})}},52832:(e,t,n)=>{Promise.resolve().then(n.bind(n,99500)),Promise.resolve().then(n.bind(n,18161)),Promise.resolve().then(n.bind(n,10301)),Promise.resolve().then(n.t.bind(n,52619,23))},99500:(e,t,n)=>{"use strict";n.r(t),n.d(t,{FoodMenuFluidBackground:()=>l});var r=n(95155),o=n(12115);function i(e){return Math.min(1,Math.max(0,e))}function a(){return"undefined"==typeof document||document.documentElement.classList.contains("dark")}function l(){let{forceMotion:e=!1,variant:t="default"}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n="milkshake"===t,l=(0,o.useRef)(null),s=(0,o.useRef)(null),[c,d]=(0,o.useState)(!1),[u,h]=(0,o.useState)(!1),f=c&&!e;return((0,o.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),t=()=>d(e.matches);return t(),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),(0,o.useEffect)(()=>{e&&h(!0)},[e]),(0,o.useEffect)(()=>{var e;if(f)return;let t=l.current,r=s.current,o=null!=(e=null==t?void 0:t.closest(".food-menu-fluid-hero"))?e:null==t?void 0:t.parentElement;if(!t||!r||!o)return;let c=r.getContext("2d",{alpha:!0});if(!c)return;let d=window.matchMedia("(hover: none) and (pointer: coarse)").matches,u=d?6:8,p=Array.from({length:u},(e,t)=>({x:Math.random(),y:Math.random(),radius:.18+.2*Math.random(),vx:(Math.random()-.5)*(d?28e-5:36e-5),vy:(Math.random()-.5)*(d?24e-5:32e-5),phase:Math.random()*Math.PI*2,red:t<Math.max(2,Math.floor(u/3))})),m=1,g=1,x=null,v=!0,b=a(),w={x:.5,y:.42,tx:.5,ty:.42,pulse:0};function y(){let e=o.getBoundingClientRect();m=Math.max(1,e.width),g=Math.max(1,e.height);let t=Math.min(window.devicePixelRatio||1,d?1.2:1.6);r.width=Math.max(1,Math.ceil(m*t)),r.height=Math.max(1,Math.ceil(g*t)),r.style.width="".concat(Math.ceil(m),"px"),r.style.height="".concat(Math.ceil(g),"px"),c.setTransform(t,0,0,t,0,0)}function M(e,t){let n=o.getBoundingClientRect();w.tx=i((e-n.left)/Math.max(1,n.width)),w.ty=i((t-n.top)/Math.max(1,n.height)),w.pulse=Math.min(1,w.pulse+.09)}function k(e,t,n,r){let o=c.createRadialGradient(e,t,0,e,t,n);for(let[e,t]of r)o.addColorStop(e,t);c.fillStyle=o,c.beginPath(),c.arc(e,t,n,0,2*Math.PI),c.fill()}function E(){if(!v)return;w.x+=(w.tx-w.x)*(d?.048:.06),w.y+=(w.ty-w.y)*(d?.048:.06),w.pulse*=.962,c.clearRect(0,0,m,g);

1let e=c.createLinearGradient(0,0,m,g);b?(e.addColorStop(0,"#090d0d"),e.addColorStop(.52,"#0d1212"),e.addColorStop(1,"#070909")):(e.addColorStop(0,"#ffffff"),e.addColorStop(.56,"#f7f7f5"),e.addColorStop(1,"#f1f1ee")),c.globalCompositeOperation="source-over",c.fillStyle=e,c.fillRect(0,0,m,g),c.globalCompositeOperation=b?"screen":"multiply";let t=Math.min(m,g);for(let[e,r]of p.entries()){r.phase+=.006+75e-5*e,r.x+=r.vx+22e-5*Math.sin(r.phase),r.y+=r.vy+2e-4*Math.cos(.82*r.phase),r.x<-.18&&(r.x=1.18),r.x>1.18&&(r.x=-.18),r.y<-.18&&(r.y=1.18),r.y>1.18&&(r.y=-.18);let o=(w.x-.5)*(r.red?36:16),i=(w.y-.5)*(r.red?30:14),a=r.x*m+o,l=r.y*g+i,s=r.radius*t*(1+.07*Math.sin(r.phase));r.red?k(a,l,s,b?[[0,"rgba(252,4,8,".concat(n?.17:.26,")")],[.48,"rgba(252,4,8,".concat(n?.07:.11,")")],[1,"rgba(252,4,8,0)"]]:[[0,"rgba(252,4,8,".concat(n?.11:.18,")")],[.48,"rgba(252,4,8,".concat(n?.05:.08,")")],[1,"rgba(252,4,8,0)"]]):k(a,l,s,b?[[0,"rgba(255,255,255,".concat(n?.045:.07,")")],[.52,"rgba(255,255,255,".concat(n?.018:.028,")")],[1,"rgba(255,255,255,0)"]]:[[0,"rgba(0,0,0,".concat(n?.034:.055,")")],[.52,"rgba(0,0,0,".concat(n?.014:.024,")")],[1,"rgba(0,0,0,0)"]])}let r=w.x*m;k(r,w.y*g,t*(.22+.1*w.pulse),b?[[0,"rgba(252,4,8,".concat(n?.14:.22,")")],[.42,"rgba(252,4,8,".concat(n?.06:.1,")")],[1,"rgba(252,4,8,0)"]]:[[0,"rgba(252,4,8,".concat(n?.1:.16,")")],[.42,"rgba(252,4,8,".concat(n?.045:.075,")")],[1,"rgba(252,4,8,0)"]]),c.globalCompositeOperation="source-over",c.fillStyle=b?"rgba(0,0,0,".concat(n?.11:.18,")"):"rgba(255,255,255,".concat(n?.18:.28,")"),c.fillRect(0,0,m,g),x=window.requestAnimationFrame(E)}let C=e=>M(e.clientX,e.clientY),j=e=>M(e.clientX,e.clientY),N=e=>{var t;let n=null==(t=e.touches)?void 0:t[0];n&&M(n.clientX,n.clientY)},R=new IntersectionObserver(e=>{let[t]=e;(v=t.isIntersecting)&&h(!0),v&&null===x&&(x=window.requestAnimationFrame(E)),v||null===x||(window.cancelAnimationFrame(x),x=null)},{threshold:0,rootMargin:"40% 0px 40% 0px"}),L=new MutationObserver(()=>{b=a()});y(),R.observe(o),L.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),o.addEventListener("pointermove",C,{passive:!0}),o.addEventListener("pointerdown",j,{passive:!0}),o.addEventListener("touchmove",N,{passive:!0}),window.addEventListener("resize",y,{passive:!0}),x=window.requestAnimationFrame(E);let P=new ResizeObserver(()=>y());return P.observe(o),()=>{R.disconnect(),P.disconnect(),L.disconnect(),o.removeEventListener("pointermove",C),o.removeEventListener("pointerdown",j),o.removeEventListener("touchmove",N),window.removeEventListener("resize",y),null!==x&&window.cancelAnimationFrame(x)}},[f,n]),f)?null:(0,r.jsx)("div",{ref:l,"aria-hidden":!0,className:"food-menu-fluid-canvas-wrap absolute -inset-px z-0 pointer-events-none transition-opacity duration-200 ease-out ".concat(u?"opacity-100":"opacity-0"),children:(0,r.jsx)("canvas",{ref:s,className:"food-menu-fluid-canvas h-full w-full block ".concat(e?"food-menu-fluid-canvas--force-motion":"")})})}}},e=>{e.O(0,[2619,1356,6210,8441,4696,7358],()=>e(e.s=52832)),_N_E=e.O()}]);