https://kotajoe.co.za/_next/static/chunks/5925-35aa03c87594083a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5925],{95925:(t,e,s)=>{s.d(e,{HomeLocationsSection:()=>d});var l=s(95155),i=s(52619),c=s.n(i),a=s(41407),h=s(34544),o=s(98901);let r=[{slug:"boksburg",topLabel:"THE",mainLabel:"BURG",route:"/boksburg-roadhouse"},{slug:"edenvale",topLabel:"THE",mainLabel:"VALE",route:"/edenvale-roadhouse"},{slug:"alberton",topLabel:"LOS",mainLabel:"ALBERTON",route:"/alberton-roadhouse"},{slug:"wonderboom",topLabel:"WONDER",mainLabel:"BOOM",route:"/wonderboom-roadhouse"}],f="w-20 h-20 md:w-24 md:h-24 shrink-0 transition-[fill] duration-200",v={once:!1,amount:.35,margin:"0px 0px -12% 0px"},n="url('/images/brand/elements/element-08-waves.svg')";function d(t){let{heading:e="Find us"}=t,s=(0,a.I)(),i=s?{opacity:1,scale:1,y:0}:{opacity:0,scale:.72,y:22},d={opacity:1,scale:1,y:0},p=s?{duration:0}:{type:"spring",stiffness:380,damping:22,mass:.82};return(0,l.jsxs)("section",{className:"relative isolate overflow-hidden bg-background pt-8 pb-12 md:py-16","aria-labelledby":"home-locations-heading",children:[(0,l.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 bg-neutral-400/30 dark:bg-neutral-600/25",style:{maskImage:n,WebkitMaskImage:n,maskSize:"cover",WebkitMaskSize:"cover",maskPosition:"center",WebkitMaskPosition:"center",maskRepeat:"no-repeat",WebkitMaskRepeat:"no-repeat"}}),(0,l.jsx)("style",{children:"\n        .home-loc-link:hover .loc-text,\n        .home-loc-link:focus .loc-text { fill: #ed1c24; }\n      "}),(0,l.jsxs)("div",{className:"relative z-10 container mx-auto px-4",children:[(0,l.jsx)(h.P.h2,{id:"home-locations-heading",className:"mb-8 text-center font-oswald text-2xl font-bold uppercase tracking-wide text-foreground",initial:s?{opacity:1,y:0}:{opacity:0,y:14},whileInView:{opacity:1,y:0},viewport:v,transition:s?{duration:0}:{duration:.4,ease:[.22,1,.36,1]},children:e}),(0,l.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-8",children:r.map((t,e)=>(0,l.jsx)(h.P.div,{className:"flex justify-center",initial:i,whileInView:d,viewport:v,transition:{...p,...s?{}:{delay:.07*e}},children:(0,l.jsx)(c(),{href:t.route,onClick:()=>(0,o.IQ)("directions",t.slug),className:"home-loc-link group flex flex-col items-center text-center rounded-full focus:outline-none","aria-label":"".concat(t.topLabel," ").concat(t.mainLabel," — view location"),children:(0,l.jsxs)("span",{className:"relative inline-flex rounded-full ".concat(f," ring-2 ring-transparent ring-offset-2 ring-offset-background transition-[box-shadow] duration-200 group-focus-visible:ring-red group-active:ring-red"),children:["boksburg"===t.slug&&(0,l.jsx)(x,{}),"edenvale"===t.slug&&(0,l.jsx)(m,{}),"alberton"===t.slug&&(0,l.jsx)(k,{}),"wonderboom"===t.slug&&(0,l.jsx)(M,{})]})})},t.slug))})]})]})}function x(){return(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 745.13 745.13",className:f,children:[(0,l.jsx)("circle",{fill:"#000",cx:"372.57",cy:"372.57",r:"372.57"}),(0,l.jsxs)("g",{children:[(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M350.96,220.7h-9.42v42.3h-13.96v-42.3h-9.34v-13.8h32.72v13.8Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M368.81,206.91v20.82h8.92v-20.82h13.96v56.1h-13.96v-21.15h-8.92v21.15h-13.88v-56.1h13.88Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M397.64,206.91h29.16v13.8h-15.2v8.34h10.49v11.15h-10.49v8.92h15.28v13.88h-29.25v-56.1Z"})]}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",d:"M168.41,299.3h40.15c23.99,0,39.11,13.04,39.11,38.07v18.25c0,20.08-14.08,26.86-20.08,29.72v1.04c7.04,2.35,21.9,8.34,21.9,33.9v14.34c0,28.16-15.38,41.72-39.89,41.72h-41.2v-177.04ZM183.01,379.34h26.33c9.91,0,23.73-5.74,23.73-23.99v-17.73c0-17.73-10.43-25.29-26.33-25.29h-23.73v67.01ZM183.01,463.3h24.77c16.69,0,27.12-7.82,27.12-28.68v-13.82c0-22.42-14.08-28.42-25.55-28.42h-26.33v70.92Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",d:"M359.53,299.3v129.59c0,34.16-16.95,50.06-43.28,50.06s-43.28-15.91-43.28-50.06v-129.59h14.6v129.59c0,26.07,12.52,37.03,28.68,37.03s28.68-10.95,28.68-37.03v-129.59h14.6Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",d:"M469.56,476.34h-9.91c-6.26,0-7.82-3.65-8.34-11.99l-2.35-47.19c-1.04-19.56-12.78-24.25-25.03-24.25h-21.38v83.44h-14.6v-177.04h40.41c23.99,0,39.11,13.04,39.11,38.07v17.47c0,17.21-11.99,28.16-23.21,31.55v.78c6.78,1.3,17.99,8.08,19.29,30.25l2.35,41.2c.52,7.56,2.09,13.04,3.65,14.6v3.13ZM452.87,354.57v-16.95c0-17.73-10.43-25.29-26.33-25.29h-23.73v67.53h23.73c15.91,0,26.33-7.56,26.33-25.29Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",d:"M562.12,455.22c-3.91,14.08-14.34,23.73-33.64,23.73-21.9,0-38.33-15.91-38.33-50.06v-81.87c0-34.16,16.95-50.32,43.28-50.32s43.28,16.17,43.28,50.32v6.78l-14.6,1.3v-8.08c0-26.07-12.52-37.29-28.68

1-37.29s-28.68,11.21-28.68,37.29v81.87c0,26.07,12.52,37.03,28.68,37.03s28.68-16.17,28.68-42.24v-21.38h-32.07v-13.04h46.67v87.09h-14.6v-21.12Z"}),(0,l.jsx)("rect",{fill:"#ed1c24",x:"353.86",y:"314.74",width:"37.42",height:"436.66",transform:"translate(905.64 160.5) rotate(90)"})]})}function m(){return(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 745.13 745.13",className:f,children:[(0,l.jsx)("circle",{fill:"#000",cx:"372.57",cy:"372.57",r:"372.57"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M350.63,220.7h-9.42v42.3h-13.96v-42.3h-9.34v-13.8h32.72v13.8Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M368.48,206.91v20.82h8.92v-20.82h13.96v56.1h-13.96v-21.15h-8.92v21.15h-13.88v-56.1h13.88Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M397.31,206.91h29.16v13.8h-15.2v8.34h10.49v11.15h-10.49v8.92h15.28v13.88h-29.25v-56.1Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",d:"M265.7,299.08h15.1l-37.35,179.87h-15.1l-40.53-179.87h15.1l33.11,154.44,29.67-154.44Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",d:"M324.24,299.08h15.1l42.65,179.87h-15.36l-10.07-46.89h-49.27l-10.33,46.89h-15.36l42.65-179.87ZM309.67,418.81h44.24l-22.25-96.95-21.99,96.95Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",d:"M400.27,299.08h14.83v166.62h52.45v13.24h-67.28v-179.87Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",d:"M486.09,299.08h71.79v13.25h-56.95v68.08h44.5v13.24h-44.5v72.05h57.22v13.24h-72.05v-179.87Z"}),(0,l.jsx)("rect",{fill:"#ed1c24",x:"352.38",y:"314.74",width:"37.42",height:"436.66",transform:"translate(904.16 161.98) rotate(90)"})]})}function k(){return(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 745.13 745.13",className:f,children:[(0,l.jsx)("circle",{fill:"#000",cx:"372.57",cy:"372.57",r:"372.57"}),(0,l.jsxs)("g",{children:[(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M71.58,339.95h15.04l22.94,103.16h-14.28l-5.01-24.16h-25.22l-5.17,24.16h-12.15l23.85-103.16ZM66.72,408.01h21.88l-10.94-50.59-10.94,50.59Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M143.45,339.95h12.76v91.16h28.71v12h-41.48v-103.16Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M219.11,339.95h26.59c14.74,0,23.7,7.75,23.7,22.49v10.33c0,11.7-7.6,15.65-11.55,17.47v.61c4.41,1.37,12.46,5.47,12.46,19.6v8.2c0,16.41-8.96,24.46-24.16,24.46h-27.04v-103.16ZM231.87,385.53h12.91c5.32,0,12-3.19,12-12.46v-8.81c0-8.96-5.17-12.76-13.37-12.76h-11.55v34.03ZM231.87,431.71h12.15c8.51,0,13.67-3.95,13.67-14.43v-6.99c0-11.09-6.68-14.28-12.91-14.28h-12.91v35.7Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M307.54,339.95h44.21v12h-31.45v33.12h24v10.79h-24v35.25h31.75v12h-44.52v-103.16Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M439.87,443.11h-9.57c-4.1,0-5.17-2.58-5.47-7.44l-1.37-26.44c-.46-10.03-6.23-12.61-12.76-12.61h-10.18v46.49h-12.76v-103.16h26.89c14.74,0,23.7,7.75,23.7,22.94v10.33c0,10.18-6.84,16.1-13.37,18.08v.46c4.56.91,10.64,5.01,11.39,17.17l1.37,23.7c.3,4.25,1.06,7.29,2.13,8.36v2.13ZM425.59,373.22v-8.81c0-8.81-5.17-12.76-13.37-12.76h-11.55v34.49h11.55c8.36,0,13.37-3.95,13.37-12.91Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M518.88,351.95h-18.54v91.16h-12.76v-91.16h-18.38v-12h49.68v12Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M605.18,368.51v46.19c0,20.36-11.24,29.93-27.5,29.93s-27.5-9.57-27.5-29.93v-46.19c0-20.36,11.24-30.08,27.5-30.08s27.5,9.72,27.5,30.08ZM562.94,369.27v44.52c0,13.37,6.38,18.84,14.74,18.84s14.74-5.47,14.74-18.84v-44.52c0-13.22-6.38-18.69-14.74-18.69s-14.74,5.47-14.74,18.69Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M657.9,339.95l28.41,75.05v-75.05h11.09v103.16h-12.61l-30.39-78.55v78.55h-10.94v-103.16h14.43Z"})]}),(0,l.jsx)("rect",{fill:"#ed1c24",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,x:"353.86",y:"314.74",width:"37.42",height:"436.66",transform:"translate(905.64 160.5) rotate(90)"}),(0,l.jsxs)("g",{children:[(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M321.54,207.81h13.46v40.93h13.14v13.46h-26.6v-54.39Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M386.82,223.99v22.03c0,11.54-8.25,16.98-18.1,16.98s-18.1-5.45-18.1-16.98v-22.03c0-11.54,8.25-16.98,18.1-16.98s18.1,5.45,

118.1,16.98ZM364.15,225.83v18.18c0,4.09,1.84,5.61,4.57,5.61s4.49-1.52,4.49-5.61v-18.18c0-3.92-1.76-5.45-4.49-5.45s-4.57,1.52-4.57,5.45Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M390.03,246.5v-2.8l10.01-.88v2.08c0,5.69,1.36,7.37,4.57,7.37,2.56,0,4.57-1.76,4.57-5.21,0-2.48-1.52-4.17-3.44-5.53l-7.13-5.29c-6.01-4.49-7.85-7.69-7.85-14.5,0-7.21,4.81-14.74,15.7-14.74,8.97,0,16.42,3.36,16.42,14.1v3.68l-10.01.8v-2.56c0-3.36-.96-6.01-4.17-6.01-2.48,0-3.93,1.92-3.93,4.65s1.2,4.01,4.01,5.85l7.61,5.61c4.81,3.44,7.21,6.97,7.21,14.18,0,7.77-4.01,15.7-16.74,15.7-10.01,0-16.82-4.25-16.82-16.5Z"})]})]})}function M(){return(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 745.13 745.13",className:f,children:[(0,l.jsx)("circle",{fill:"#000",cx:"372.57",cy:"372.57",r:"372.57"}),(0,l.jsxs)("g",{children:[(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M298.01,262.2h-14.61l-6.74-32.18-5.94,32.18h-13.64l-10.11-54.49h15.81l4.33,29.29,5.86-29.29h10.91l7.06,29.45,3.77-29.45h12.44l-9.15,54.49Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M345.36,223.92v22.07c0,11.56-8.27,17.01-18.14,17.01s-18.14-5.46-18.14-17.01v-22.07c0-11.56,8.27-17.01,18.14-17.01s18.14,5.46,18.14,17.01ZM322.65,225.77v18.22c0,4.09,1.85,5.62,4.57,5.62s4.49-1.52,4.49-5.62v-18.22c0-3.93-1.77-5.46-4.49-5.46s-4.57,1.52-4.57,5.46Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M366.55,207.71l8.75,28.73v-28.73h10.19v54.49h-13.32l-11.72-32.98v32.98h-10.11v-54.49h16.21Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M391.27,262.2v-54.49h17.33c9.95,0,16.85,4.82,16.85,16.37v21.75c0,11.56-6.9,16.37-16.85,16.37h-17.33ZM407.32,249.44c2.73,0,4.57-1.52,4.57-5.62v-17.9c0-3.93-1.85-5.46-4.57-5.46h-2.49v28.97h2.49Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M430.51,207.71h28.33v13.4h-14.77v8.11h10.19v10.83h-10.19v8.67h14.85v13.48h-28.41v-54.49Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",stroke:"#231f20",strokeMiterlimit:10,strokeWidth:3,d:"M498.16,262.2h-11.07c-2.89,0-3.61-2.17-3.77-4.65l-.56-12.12c-.24-3.37-1.61-4.57-3.85-4.57h-1.93v21.35h-13.48v-54.49h19.5c8.83,0,13.96,4.49,13.96,13.16v5.86c0,5.46-3.45,7.86-6.66,8.91v.32c3.05.72,5.78,3.21,6.1,8.35l.72,11.96c.16,2.09.24,3.45,1.04,4.41v1.52ZM483.48,226.81v

1-2.73c0-2.41-1.2-3.61-3.85-3.61h-2.65v10.35h2.73c2.65,0,3.77-1.28,3.77-4.01Z"})]}),(0,l.jsxs)("g",{children:[(0,l.jsx)("path",{className:"loc-text",fill:"#fff",d:"M154.34,301.65h39.63c23.67,0,38.6,12.87,38.6,37.57v18.01c0,19.81-13.89,26.5-19.81,29.33v1.03c6.95,2.32,21.62,8.23,21.62,33.45v14.15c0,27.79-15.18,41.17-39.37,41.17h-40.66v-174.72ZM168.75,380.65h25.99c9.78,0,23.42-5.66,23.42-23.67v-17.5c0-17.5-10.29-24.96-25.99-24.96h-23.42v66.13ZM168.75,463.51h24.44c16.47,0,26.76-7.72,26.76-28.3v-13.64c0-22.13-13.89-28.05-25.22-28.05h-25.99v69.99Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",d:"M341.15,348.74v80.8c0,33.71-16.73,49.41-42.71,49.41s-42.71-15.7-42.71-49.41v-80.8c0-33.71,16.73-49.66,42.71-49.66s42.71,15.95,42.71,49.66ZM270.13,348.74v80.8c0,25.73,12.35,36.54,28.3,36.54s28.3-10.81,28.3-36.54v-80.8c0-25.73-12.35-36.54-28.3-36.54s-28.3,10.81-28.3,36.54Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",d:"M450.25,348.74v80.8c0,33.71-16.73,49.41-42.71,49.41s-42.71-15.7-42.71-49.41v-80.8c0-33.71,16.73-49.66,42.71-49.66s42.71,15.95,42.71,49.66ZM379.23,348.74v80.8c0,25.73,12.35,36.54,28.3,36.54s28.3-10.81,28.3-36.54v-80.8c0-25.73-12.35-36.54-28.3-36.54s-28.3,10.81-28.3,36.54Z"}),(0,l.jsx)("path",{className:"loc-text",fill:"#fff",d:"M476.49,301.65h21.1l37.83,150.02,34.48-150.02h21.1v174.72h-14.41v-151.3l-33.97,151.3h-13.89l-37.83-150.79v150.79h-14.41v-174.72Z"})]}),(0,l.jsx)("rect",{fill:"#ed1c24",x:"353.86",y:"314.74",width:"37.42",height:"436.66",transform:"translate(905.64 160.5) rotate(90)"})]})}}}]);