https://www.ikook.co.uk/_next/static/chunks/5932-e9b5a05403fb7a18.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5932],{15932:(e,t,s)=>{s.d(t,{Navigation:()=>S});var r=s(95155),a=s(12115),n=s(67396),o=s(86710),l=s(40767),i=s(76046),c=s(51719),d=s(68383);let u=[{code:"NG",name:"Nigeria",flag:"\uD83C\uDDF3\uD83C\uDDEC"},{code:"GB",name:"United Kingdom",flag:"\uD83C\uDDEC\uD83C\uDDE7"},{code:"ZA",name:"South Africa",flag:"\uD83C\uDDFF\uD83C\uDDE6"}],x={NG:"ng",ZA:"sa",GB:"uk"},m=()=>{let{market:e,setMarket:t}=(0,d.A)(),s=(0,i.usePathname)(),n=(0,i.useRouter)(),[o,l]=(0,a.useState)(()=>u.find(t=>t.code===e)||u[0]),[m,h]=(0,a.useState)(!1),p=(0,a.useRef)(null);(0,a.useEffect)(()=>{let t=u.find(t=>t.code===e);t&&t.code!==o.code&&l(t)},[e]),(0,a.useEffect)(()=>{function e(e){p.current&&!p.current.contains(e.target)&&h(!1)}return m&&document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[m]);let f=e=>{try{document.cookie="ikook_market=".concat(e,"; Path=/; Max-Age=").concat(2592e3,"; SameSite=Lax"),document.cookie="ikook_market_src=user; Path=/; Max-Age=".concat(2592e3,"; SameSite=Lax")}catch(e){}},g=e=>{var r;l(e);let a=e.code;t(a),f(a),h(!1);let o=x[a],i=null==s?void 0:null===(r=s.split("/")[1])||void 0===r?void 0:r.toLowerCase();if(i&&["ng","sa","uk"].includes(i)||s&&s.startsWith("/explore")){n.push("/".concat(o));return}s&&s.startsWith("/locations/")&&n.push("/locations/".concat({NG:"nigeria",ZA:"south-africa",GB:"united-kingdom"}[a]))};return(0,r.jsxs)("div",{className:"relative",ref:p,children:[(0,r.jsxs)("button",{type:"button",className:"flex items-center space-x-1.5 px-2 py-1 rounded hover:bg-gray-50 select-none cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-400","aria-haspopup":"listbox","aria-expanded":m,"aria-label":"Selected country: ".concat(o.name,". Click to change country."),onClick:()=>h(e=>!e),onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),h(e=>!e)),"Escape"===e.key&&h(!1)},children:[(0,r.jsx)("span",{className:"inline-flex items-center justify-center w-6 h-6 rounded-full overflow-hidden bg-gray-50 border border-gray-100 text-[15px] leading-none","aria-hidden":"true",children:(0,r.jsx)("span",{className:"scale-125 transform",children:o.flag})}),(0,r.jsx)(c.A,{className:"w-3 h-3 text-ikook-secondary","aria-hidden":"true"})]}),m&&(0,r.jsx)("ul",{role:"listbox","aria-label":"Select country",className:"absolute right-0 mt-1 w-14 rounded-md border bg-white shadow-lg z-50 py-1",children:u.map(e=>(0,r.jsx)("li",{role:"option","aria-selected":e.code===o.code,children:(0,r.jsx)("button",{type:"button",className:"w-full flex items-center justify-center px-2 py-2 hover:bg-gray-50 ".concat(e.code===o.code?"bg-gray-50":""),onClick:()=>g(e),title:e.name,children:(0,r.jsx)("span",{className:"inline-flex items-center justify-center w-6 h-6 rounded-full overflow-hidden bg-gray-50 border border-gray-100 text-[15px] leading-none","aria-hidden":!0,children:(0,r.jsx)("span",{className:"scale-125 transform",children:e.flag})})})},e.code))})]})};var h=s(20853),p=s(36527),f=s(33473);let g=e=>{let{value:t,onChange:s,min:n=1,max:o=100,placeholder:l="Add guests",isInline:i=!1}=e,[c,d]=(0,a.useState)(!1),u=(0,a.useRef)(null);(0,a.useEffect)(()=>{let e=e=>{u.current&&!u.current.contains(e.target)&&d(!1)};return i||document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[i]);let x=e=>{e.stopPropagation(),t<o&&s(t+1)},m=e=>{e.stopPropagation(),t>n&&s(t-1)};return i?(0,r.jsxs)("div",{className:"flex items-center justify-between w-full bg-[#F7F7F7] rounded-xl p-4 min-h-[56px]",children:[(0,r.jsx)("span",{className:"text-[16px] text-gray-900 font-medium",children:"Guests"}),(0,r.jsxs)("div",{className:"flex items-center space-x-4",children:[(0,r.jsx)("button",{type:"button",onClick:m,disabled:t<=n,className:"w-10 h-10 rounded-full border border-gray-300 flex items-center justify-center text-gray-600 active:scale-90 disabled:opacity-30 transition-all",children:(0,r.jsx)(p.A,{className:"w-5 h-5"})}),(0,r.jsx)("span",{className:"text-lg font-bold text-gray-900 min-w-[20px] text-center",children:t}),(0,r.jsx)("button",{type:"button",onClick:x,disabled:t>=o,className:"w-10 h-10 rounded-full border border-gray-300 flex items-center justify-center text-gray-600 active:scale-90 disabled:opacity-30 transition-all",children:(0,r.jsx)(f.A,{className:"w-5 h-5"})})]})]}):(0,r.jsxs)("div",{className:"relative w-full",ref:u,children:[(0,r.jsx)("button",{type:"button",onClick:()=>d(!c),className:"w-full bg-transparent border-none p-0 text-sm focus:ring-0 focus:outline-none text-left flex items-center h-10",children:(0,r.jsx)("span",{className:"font-medium ".concat(t>0?"text-gray-900":"text-gray-400"),children:t>0?"".concat(t," guests"):l})}),c&&(0,r.jsx)("div",{className:"absolute top-[calc(100%+12px)] right-0 w-72 bg-white border border-gray-100 rounded-3xl shadow-[0_10px_40px_0_rgba(0,0,0,0.1)] p-6 z-[100] animate-in fade-in zoom-in-95 duration-200",children:(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("div",{className:"flex flex-col",children:[(0,r.jsx)("span",{className:"text-[16px] font-bold text-gray-900",children:"Guests"}),(0,r.jsx)("span",{className:"text-xs text-gray-500",children:"Number of people"})]}),(0,r.jsxs)("div",{className:"flex items-center space-x-4",children:[(0,r.jsx)("button",{type:"button",onClick:m,disabled:t<=n,className:"w-8 h-8 rounded-full border border-gray-300 flex items-center justify-center text-gray-600 hover:border-gray-900 hover:text-gray-900 disabled:opacity-30 disabled:cursor-not-allowed transition-all",children:(0,r.jsx)(p.A,{className:"w-4 h-4"})}),(0,r.jsx)("span",{className:"text-[16px] font-bold text-gray-900 min-w-[20px] text-center",children:t}),(0,r.jsx)("button",{type:"button",onClick:x,disabled:t>=o,className:"w-8 h-8 rounded-full border border-gray-300 flex items-center justify-center text-gray-600 hover:border-gray-900 hover:text-gray-900 disabled:opacity-30 disabled:cursor-not-allowed transition-all",children:(0,r.jsx)(f.A,{className:"w-4 h-4"})})]})]})})]})};var y=s(51686);let b=()=>{let e=(0,i.useRouter)(),t=(0,i.useSearchParams)(),[s,n]=(0,a.useState)(t.get("city")||""),[o,l]=(0,a.useState)(t.get("date")||""),[c,d]=(0,a.useState)(Number(t.get("guests"))||0),u=(0,a.useRef)(null),x=()=>

1{if(u.current){let e=u.current;"showPicker"in e&&"function"==typeof e.showPicker?e.showPicker():e.focus()}},m=new Date;m.setDate(m.getDate()+1);let p=m.toISOString().split("T")[0];return(0,r.jsxs)("div",{className:"hidden lg:flex items-center bg-white border border-[#EBEBEB] rounded-full shadow-[0_3px_12px_0_rgba(0,0,0,0.1),0_1px_2px_0_rgba(0,0,0,0.08)] px-2 py-1.5 w-full max-w-[850px] mx-auto hover:shadow-[0_1px_2px_0_rgba(0,0,0,0.08),0_4px_12px_0_rgba(0,0,0,0.05)] transition-shadow",children:[(0,r.jsx)("div",{className:"flex-[1.5] px-6 border-r border-gray-200",children:(0,r.jsx)(y.I,{value:s,onChange:e=>n(e),placeholder:"Where is the event?",className:"w-full",inputClassName:"border-none p-0 text-sm focus:ring-0 focus:outline-none placeholder:text-gray-400 font-medium h-10 bg-transparent"})}),(0,r.jsx)("div",{className:"flex-1 px-6 border-r border-gray-200 cursor-pointer hover:bg-gray-50 rounded-lg transition-colors py-2",onClick:x,role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),x())},children:(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("input",{ref:u,type:"date",value:o,min:p,onChange:e=>l(e.target.value),className:"absolute inset-0 opacity-0 cursor-pointer w-full h-full focus:ring-0 focus:outline-none"}),(0,r.jsx)("div",{className:"text-sm font-medium ".concat(o?"text-gray-800":"text-gray-400"),children:o?new Date(o).toLocaleDateString():"When?"})]})}),(0,r.jsx)("div",{className:"flex-1 px-6",children:(0,r.jsx)(g,{value:c,onChange:d,placeholder:"Add guests"})}),(0,r.jsxs)("button",{className:"bg-primary-400 p-3.5 rounded-full text-white hover:bg-[#e6ae19] transition-colors ml-2 flex items-center space-x-2 px-5 group active:scale-95 transition-all",onClick:()=>{let r=new URLSearchParams(t.toString());s?r.set("city",s):r.delete("city"),o?r.set("date",o):r.delete("date"),c>0?r.set("guests",c.toString()):r.delete("guests"),r.delete("page"),e.push("/explore?".concat(r.toString()))},children:[(0,r.jsx)(h.A,{className:"w-4 h-4 stroke-[3px]"}),(0,r.jsx)("span",{className:"text-sm font-bold",children:"Search"})]})]})},v=e=>{let{onClick:t,location:s="Anywhere",date:a="Any time",guests:n="Add guests"}=e;return(0,r.jsxs)("button",{onClick:t,className:"flex lg:hidden items-center w-full bg-white border border-[#EBEBEB] rounded-full shadow-[0_3px_12px_0_rgba(0,0,0,0.1)] px-3 py-2 text-left transition-transform active:scale-[0.98]",children:[(0,r.jsx)("div",{className:"bg-gray-50 p-2 rounded-full mr-3",children:(0,r.jsx)(h.A,{className:"w-5 h-5 text-gray-900 stroke-[2.5px]"})}),(0,r.jsxs)("div",{className:"flex flex-col overflow-hidden",children:[(0,r.jsx)("span",{className:"text-[14px] font-bold text-gray-900 truncate",children:"Search"}),(0,r.jsxs)("span",{className:"text-[12px] text-gray-500 truncate",children:[s," • ",a," • ",n]})]})]})},w=e=>{let{isOpen:t,onClose:s}=e,n=(0,i.useRouter)(),o=(0,i.useSearchParams)(),[c,d]=(0,a.useState)(o.get("city")||""),[u,x]=(0,a.useState)(o.get("date")||""),[m,p]=(0,a.useState)(Number(o.get("guests"))||0),f=a.useRef(null),b=()=>{if(f.current){let e=f.current;"showPicker"in e&&"function"==typeof e.showPicker?e.showPicker():e.focus()}},v=new Date;v.setDate(v.getDate()+1);let w=v.toISOString().split("T")[0];return((0,a.useEffect)(()=>(t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset"}),[t]),t)?(0,r.jsxs)("div",{className:"fixed inset-0 z-[100] bg-[#F7F7F7] flex flex-col animate-in slide-in-from-bottom duration-300",children:[(0,r.jsxs)("div",{className:"flex items-center p-4 bg-white border-b border-gray-100 shadow-sm",children:[(0,r.jsx)("button",{onClick:s,className:"p-2 bg-white border border-gray-200 rounded-full shadow-sm active:scale-95 transition-transform","aria-label":"Close search",children:(0,r.jsx)(l.A,{className:"w-5 h-5 text-gray-900"})}),(0,r.jsx)("h2",{className:"flex-1 text-center text-[16px] font-bold text-gray-900 pr-9",children:"Search"})]}),(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto px-6 py-8 space-y-4",children:[(0,r.jsx)("div",{className:"bg-white rounded-2xl p-4 shadow-sm border border-gray-100",children:(0,r.jsx)(y.I,{value:c,onChange:e=>d(e),placeholder:"Where is the event?",className:"w-full",inputClassName:"w-full bg-[#F7F7F7] border-none rounded-xl p-4 text-[16px] text-gray-900 focus:ring-0 outline-none placeholder:text-gray-400 font-medium"})}),(0,r.jsx)("div",{className:"bg-white rounded-2xl p-4 shadow-sm border border-gray-100 cursor-pointer active:bg-gray-50 transition-colors",onClick:b,role:"button",tabIndex:0,onKeyDown:e=>

1{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),b())},children:(0,r.jsxs)("div",{className:"relative w-full bg-[#F7F7F7] rounded-xl p-4 min-h-[56px] flex items-center",children:[(0,r.jsx)("input",{ref:f,type:"date",value:u,min:w,onChange:e=>x(e.target.value),className:"absolute inset-0 opacity-0 cursor-pointer w-full h-full focus:ring-0 outline-none"}),(0,r.jsx)("div",{className:"text-[16px] font-medium ".concat(u?"text-gray-900":"text-gray-400"),children:u?new Date(u).toLocaleDateString():"When is the event?"})]})}),(0,r.jsx)("div",{className:"bg-white rounded-2xl p-4 shadow-sm border border-gray-100",children:(0,r.jsx)(g,{value:m,onChange:p,isInline:!0})})]}),(0,r.jsxs)("div",{className:"p-6 bg-white border-t border-gray-100 flex items-center justify-between shadow-[0_-4px_12px_rgba(0,0,0,0.05)]",children:[(0,r.jsx)("button",{className:"text-[16px] font-bold text-gray-900 underline underline-offset-4 active:opacity-60",onClick:()=>{d(""),x(""),p(0)},children:"Clear all"}),(0,r.jsxs)("button",{className:"bg-primary-400 text-white font-bold py-3.5 px-8 rounded-xl text-[16px] flex items-center space-x-2 shadow-[0_4px_14px_0_rgba(252,192,28,0.39)] active:scale-95 transition-all",onClick:()=>{let e=new URLSearchParams(o.toString());c?e.set("city",c):e.delete("city"),u?e.set("date",u):e.delete("date"),m>0?e.set("guests",m.toString()):e.delete("guests"),e.delete("page"),n.push("/explore?".concat(e.toString())),s()},children:[(0,r.jsx)(h.A,{className:"w-5 h-5 stroke-[2.5px]"}),(0,r.jsx)("span",{children:"Search"})]})]})]}):null};var j=s(67610),k=s(442),N=s(26270);let C=()=>{let[e,t]=(0,a.useState)(!1),[s,n]=(0,a.useState)(!1),{isAuthenticated:o,user:l,logout:c}=(0,j.n)(),d=(0,i.useRouter)(),u=async()=>{if(o){n(!0);try{await k.authService.logout(),c(),t(!1),N.showToast.success("Logged out successfully"),d.push("/login")}catch(e){(0,N.handleApiError)(e,"Logout failed. Please try again."),c(),t(!1),d.push("/login")}finally{n(!1)}}};if(!o)return null;let x=(null==l?void 0:l.user_type)==="Chef",m=(null==l?void 0:l.user_type)==="Host",h=null==l?void 0:l.service_type,p=x&&"Chef"===h,f=x&&"Box Groceries"===h;return(0,r.jsxs)("div",{className:"w-12 h-12 relative",children:[(0,r.jsx)("button",{onClick:()=>{t(!e)},className:"w-12 h-12 border rounded-full border-solid border-[#CFCFCE] hover:border-primary-400 flex items-center justify-center bg-[#F9F5FF] p-1.5 transition-colors","aria-label":"User menu","aria-expanded":e,children:(0,r.jsx)("div",{className:"w-5 h-5 flex items-center justify-center",children:(0,r.jsx)("div",{dangerouslySetInnerHTML:{__html:'<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg" class="user-icon" style="width: 14px; height: 16px; stroke-width: 1.667px; stroke: #FCC01C"> <path d="M14.9221 16.5V14.8333C14.9221 13.9493 14.5709 13.1014 13.9458 12.4763C13.3206 11.8512 12.4728 11.5 11.5887 11.5H4.92208C4.03802 11.5 3.19018 11.8512 2.56506 12.4763C1.93993 13.1014 1.58875 13.9493 1.58875 14.8333V16.5M11.5887 4.83333C11.5887 6.67428 10.0964 8.16667 8.25541 8.16667C6.41446 8.16667 4.92208 6.67428 4.92208 4.83333C4.92208 2.99238 6.41446 1.5 8.25541 1.5C10.0964 1.5 11.5887 2.99238 11.5887 4.83333Z" stroke="#FCC01C" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path> </svg>'}})})}),e&&(0,r.jsx)("div",{className:"absolute top-full right-0 mt-2 w-48 bg-white border border-[#EBEBEB] rounded-lg shadow-lg z-50",children:(0,r.jsxs)("div",{className:"py-2",children:[(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push((null==l?void 0:l.user_type)==="Chef"?"/dashboard/chef":"/dashboard/host"),children:"Bookings"}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/settings"),children:"Settings"}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/support"),children:"Support"}),x&&(0,r.jsxs)(r.Fragment,{children:[p&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/menus"),children:"Menus"}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/calendar"),children:"Calendar"})]}),f&&(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/groceries"),children:"Groceries"})}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/revenue"),children:"Revenue"}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/quotes"),children:"Quotes"}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/discount"),children:"Discount"}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/services"),children:"Services"}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/reviews"),children:"Review"}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/references"),children:"References"})]}),m&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/wallet"),children:"Wallet"}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/favourites"),children:"Favourites"}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/addresses"),children:"Addresses"}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/referrals"),children:"Referral"}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/payment-cards"),children:"Payment"}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",onClick:()=>d.push("/verification"),children:"Verification"})]}),(0,r.jsx)("hr",{className:"my-1"}),(0,r.jsx)("button",{className:"w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed",onClick:u,disabled:s,children:s?"Signing out...":"Sign out"})]})})]})};var _=s(14085);let S=()=>{let e=(0,i.usePathname)(),{isAuthenticated:t,userType:s}=(0,j.n)(),[l,c]=(0,a.useState)(!1),[d,u]=(0,a.useState)(!1),x=!t||"host"===s,h=!t;return"/explore"!==e?(0,r.jsxs)("header",{className:"w-full bg-white py-4 px-6 lg:px-12 shadow-[0px_4px_30px_0px_rgba(0,0,0,0.05)]",children:[(0,r.jsxs)("div",{className:"max-w-7xl mx-auto flex items-center justify-between",children:[(0,r.jsx)("div",{className:"flex items-center",children:(0,r.jsx)(n.default,{href:"/",className:"block",children:(0,r.jsx)("div",{className:"w-[116px] h-[39px]",children:(0,r.jsx)(E,{})})})}),(0,r.jsx)("div",{className:"flex-1 flex justify-end",children:(0,r.jsxs)("div",{className:"flex items-center space-x-8",children:[(0,r.jsxs)("nav",{className:"hidden lg:flex items-center space-x-8",children:[x&&(0,r.jsx)(n.default,{href:"/explore",className:"text-ikook-secondary hover:text-ikook-primary transition-colors font-medium",children:"Explore Services"}),(0,r.jsx)(n.default,{href:"/how-it-works",className:"text-ikook-secondary hover:text-ikook-primary transition-colors font-medium",children:"How it Works"}),h&&(0,r.jsx)(n.default,{href:"/join",className:"text-ikook-secondary hover:text-ikook-primary transition-colors font-medium",children:"Join iKooK"})]}),(0,r.jsxs)("div",{className:"flex items-center space-x-4",children:[t?(0,r.jsx)(C,{}):(0,r.jsx)(n.default,{href:"/login",children:(0,r.jsx)(_.$,{className:"bg-ikook-primary hover:bg-ikook-primary/90 text-white font-semibold px-6 py-3 rounded-md",children:"Sign In"})}),(0,r.jsx)("div",{className:"hidden md:block",children:(0,r.jsx)(m,{})}),(0,r.jsx)("button",{"aria-label":"Open menu",className:"inline-flex lg:hidden items-center justify-center rounded-md p-2 text-ikook-secondary hover:text-ikook-primary focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-400",onClick:()=>c(!0),children:(0,r.jsx)(o.A,{className:"h-6 w-6"})})]})]})})]}),(0,r.jsx)(L,{isOpen:l,onClose:()=>c(!1),showExplore:x,showJoinAsChef:h,isAuthenticated:t})]}):(0,r.jsxs)("header",{className:"w-full bg-white py-4 px-6 lg:px-12 shadow-[0px_4px_30px_0px_rgba(0,0,0,0.05)] sticky top-0 z-50",children:[(0,r.jsxs)("div",{className:"max-w-7xl mx-auto flex items-center justify-between gap-4",children:[(0,r.jsx)("div",{className:"hidden lg:flex items-center flex-1",children:(0,r.jsx)(n.default,{href:"/",className:"block",children:(0,r.jsx)("div",{className:"w-[116px] h-[39px]",children:(0,r.jsx)(E,{})})})}),(0,r.jsx)("div",{className:"hidden lg:block flex-[2]",children:(0,r.jsx)(b,{})}),(0,r.jsxs)("div",{className:"hidden lg:flex items-center justify-end flex-1 space-x-4",children:[!t&&(0,r.jsx)(n.default,{href:"/login",className:"text-sm font-bold text-gray-900 px-4 py-2 hover:bg-gray-50 rounded-full transition-colors",children:"Login"}),(0,r.jsx)(C,{}),(0,r.jsx)("button",{"aria-label":"Open menu",className:"inline-flex items-center justify-center rounded-md p-2 text-ikook-secondary hover:text-ikook-primary",onClick:()=>c(!0),children:(0,r.jsx)(o.A,{className:"h-6 w-6"})}),(0,r.jsx)(m,{})]}),(0,r.jsxs)("div",{className:"flex lg:hidden items-center flex-1 min-w-0 space-x-2",children:[(0,r.jsx)("div",{className:"flex-1 min-w-0",children:(0,r.jsx)(v,{onClick:()=>u(!0)})}),(0,r.jsx)("button",{"aria-label":"Open menu",className:"p-2.5 border border-gray-200 rounded-full bg-white shadow-sm active:scale-95 transition-transform shrink-0",onClick:()=>c(!0),children:(0,r.jsx)(o.A,{className:"h-4 w-4 text-gray-900"})})]})]}),(0,r.jsx)(L,{isOpen:l,onClose:()=>c(!1),showExplore:x,showJoinAsChef:h,isAuthenticated:t}),(0,r.jsx)(w,{isOpen:d,onClose:()=>u(!1)})]})},E=()=>(0,r.jsxs)("svg",{width:"116",height:"41",viewBox:"0 0 116 41",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"logo",children:[(0,r.jsx)("circle",{cx:"48.6185",cy:"29.3702",r:"9.91426",stroke:"#FCC01C",strokeWidth:"3.05054"}),(0,r.jsx)("path",{d:"M29.8066 27.8447L37.5177 28.4379V31.4037L29.8066 31.9121V27.8447Z",fill:"#FCC01C"}),(0,r.jsx)("path",{d:"M43.4492 5.89795C42.5735 6.94304 41.3477 9.60944 43.4492 

111.9143C43.7034 12.338 45.5676 14.2022 43.0255 16.9985",stroke:"#FCC01C",strokeWidth:"2.03369",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M48.8463 2C47.9706 3.04509 46.7448 5.71149 48.8463 8.01634C49.1005 8.44003 50.9647 10.3042 48.4226 13.1006",stroke:"#FCC01C",strokeWidth:"2.03369",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M54.7784 5.89795C53.9028 6.94304 52.6769 9.60944 54.7784 11.9143C55.0326 12.338 56.8968 14.2022 54.3547 16.9985",stroke:"#FCC01C",strokeWidth:"2.03369",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("circle",{cx:"76.6448",cy:"29.3702",r:"9.91426",stroke:"#FCC01C",strokeWidth:"3.05054"}),(0,r.jsx)("path",{d:"M0.667542 21.0182C1.37933 19.1497 2.89189 18.7568 3.5592 18.7938V39.9252H0.667542V21.0182Z",fill:"#FCC01C"}),(0,r.jsx)("path",{d:"M12.1229 39.9253V11.8984H15.237V25.1333L28.5831 11.8984H32.587L15.237 28.8035V39.9253H12.1229Z",fill:"#FCC01C"}),(0,r.jsx)("path",{d:"M28.8056 40.1477L17.2389 28.8035C18.4846 28.2697 20.6496 28.5811 21.5764 28.8035L32.9206 40.1477H28.8056Z",fill:"#FCC01C"}),(0,r.jsx)("path",{d:"M95.2024 39.814V11.7871H98.3165V25.022L111.663 11.7871H115.666L98.3165 28.6922V39.814H95.2024Z",fill:"#FCC01C"}),(0,r.jsx)("path",{d:"M111.885 40.0364L100.318 28.6922C101.564 28.1583 103.729 28.4698 104.656 28.6922L116 40.0364H111.885Z",fill:"#FCC01C"}),(0,r.jsx)("circle",{cx:"2.22435",cy:"13.1218",r:"2.22435",fill:"#FCC01C"})]}),L=e=>{let{isOpen:t,onClose:s,showExplore:a,showJoinAsChef:o,isAuthenticated:i}=e;return t?(0,r.jsxs)("div",{className:"fixed inset-0 z-[60]",children:[(0,r.jsx)("div",{className:"absolute inset-0 bg-black/30 backdrop-blur-sm",role:"button",tabIndex:0,"aria-label":"Close menu",onClick:s,onKeyDown:e=>{("Escape"===e.key||"Enter"===e.key||" "===e.key)&&(e.preventDefault(),s())}}),(0,r.jsxs)("aside",{className:"absolute right-0 top-0 h-full w-80 max-w-[90%] bg-white shadow-xl p-6 flex flex-col animate-in slide-in-from-right duration-300",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-6",children:[(0,r.jsx)("span",{className:"text-lg font-bold text-ikook-secondary",children:"Menu"}),(0,r.jsx)("button",{"aria-label":"Close menu",className:"p-2 rounded-full hover:bg-gray-100",onClick:s,children:(0,r.jsx)(l.A,{className:"h-5 w-5"})})]}),(0,r.jsxs)("nav",{className:"flex-1 space-y-2",children:[a&&(0,r.jsx)(n.default,{href:"/explore",className:"block rounded-md px-3 py-3 text-ikook-secondary hover:bg-gray-50 font-medium",onClick:s,children:"Explore Services"}),(0,r.jsx)(n.default,{href:"/how-it-works",className:"block rounded-md px-3 py-3 text-ikook-secondary hover:bg-gray-50 font-medium",onClick:s,children:"How it Works"}),o&&(0,r.jsx)(n.default,{href:"/join",className:"block rounded-md px-3 py-3 text-ikook-secondary hover:bg-gray-50 font-medium",onClick:s,children:"Join iKooK"}),!i&&(0,r.jsx)(n.default,{href:"/login",className:"block rounded-md px-3 py-3 text-ikook-secondary hover:bg-gray-50 font-medium",onClick:s,children:"Sign In"})]}),(0,r.jsx)("div",{className:"pt-4 border-t mt-4 text-center",children:(0,r.jsx)("span",{className:"text-sm text-gray-400 font-medium",children:"iKooK \xa9 2024"})})]})]}):null}},14085:(e,t,s)=>{s.d(t,{$:()=>i});var r=s(95155),a=s(12115),n=s(31027),o=s(43463);let l=(0,n.F)("inline-flex items-center justify-center gap-2 font-semibold rounded-button transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed",{variants:{variant:{primary:"bg-primary-400 text-white border border-primary-400 hover:bg-primary-500 focus:ring-primary-400 shadow-input",secondary:"bg-surface-raised text-content border border-border-strong hover:bg-surface-muted focus:ring-primary-400",outline:"bg-transparent text-primary-400 border border-primary-400 hover:bg-primary-400 hover:text-white focus:ring-primary-400",ghost:"bg-transparent text-content hover:bg-surface-raised focus:ring-primary-400",destructive:"bg-red-500 text-white hover:bg-red-600 focus:ring-red-500",white:"bg-surface text-content border border-border hover:bg-surface-muted focus:ring-primary-400"},size:{sm:"px-3 py-2 text-sm",md:"px-6 py-3 text-base",lg:"px-8 py-4 text-lg",icon:"h-10 w-10",default:"px-4 py-2 text-sm"}},defaultVariants:{variant:"primary",size:"md"}}),i=(0,a.forwardRef)((e,t)=>{let{variant:s,size:a,className:n,children:i,...c}=e;return(0,r.jsx)("button",{className:(0,o.A)(l({variant:s,size:a,className:n})),ref:t,...c,children:i})});i.displayName="Button"},51686:(e,t,s)=>{s.d(t,{I:()=>l});var r=s(95155),a=s(12115),n=s(68383);let o={NG:["ng"],ZA:["za"],GB:["gb"]},l=e=>{let{value:t,onChange:s,placeholder:l="Enter city",label:i,error:c,required:d=!1,className:u="",inputClassName:x="",disabled:m=!1,country:h}=e,{market:p}=(0,n.A)(),f=(0,a.useRef)(null),g=(0,a.useRef)(null),[y,b]=(0,a.useState)(!1),[v,w]=(0,a.useState)(!1),[j,k]=(0,a.useState)(t),[N,C]=(0,a.useState)(!!t);(0,a.useEffect)(()=>{let e="AIzaSyAGyBdUfpYf07Jc8mPu_fcllo4Qvy69Bc0";if(!e)return;if(window.google&&window.google.maps&&window.google.maps.places){b(!0);return}let t=document.querySelector('script[src*="maps.googleapis.com"]');if(t){t.addEventListener("load",()=>{b(!0)});return}let s=document.createElement("script");

1return s.src="https://maps.googleapis.com/maps/api/js?key=".concat(e,"&libraries=places&language=en"),s.async=!0,s.defer=!0,s.onload=()=>{b(!0)},document.head.appendChild(s),()=>{}},[]);let _=(0,a.useRef)(null),S=(0,a.useRef)(!1);(0,a.useEffect)(()=>{let e=e=>{let t=e.target;t.closest&&t.closest(".pac-container")&&(S.current=!0)},t=()=>{setTimeout(()=>{S.current=!1},150)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e,{passive:!0}),document.addEventListener("mouseup",t),document.addEventListener("touchend",t,{passive:!0}),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("mouseup",t),document.removeEventListener("touchend",t)}},[]);let E=()=>{_.current&&clearTimeout(_.current),S.current||(_.current=setTimeout(()=>{w(!0)},200))};(0,a.useEffect)(()=>{if(!y||!f.current)return;let e=h?[h]:o[p]||["ng"];g.current=new google.maps.places.Autocomplete(f.current,{types:["(cities)"],componentRestrictions:{country:e},fields:["place_id","formatted_address","address_components","name"]}),g.current.addListener("place_changed",()=>{var e;_.current&&clearTimeout(_.current);let r=null===(e=g.current)||void 0===e?void 0:e.getPlace();if(!r)return;let a="";for(let e of r.address_components||[]){let t=e.types;if(t.includes("locality")||t.includes("administrative_area_level_1")||t.includes("administrative_area_level_2")){a=e.long_name;break}}a||(a=r.formatted_address||r.name||t),C(!0),w(!1),s(a,r.place_id)});let r=e=>{k(e.target.value),C(!1),w(!1)};return f.current.addEventListener("input",r),f.current.addEventListener("blur",E),()=>{_.current&&clearTimeout(_.current),f.current&&(f.current.removeEventListener("input",r),f.current.removeEventListener("blur",E)),g.current&&(google.maps.event.clearInstanceListeners(g.current),g.current=null)}},[y,p,s,t,h]),(0,a.useEffect)(()=>{f.current&&f.current.value!==t&&(f.current.value=t,k(t),C(!!t))},[t]);let L=c||v&&d&&!N&&j;return(0,r.jsxs)("div",{className:u,children:[i&&(0,r.jsx)("label",{className:"block text-sm font-medium text-gray-700 mb-1",children:i}),(0,r.jsx)("input",{ref:f,type:"text",defaultValue:t,placeholder:l||"Type and select your city from the dropdown",disabled:m||!y,className:"w-full ".concat(x.includes("p-")?"":"px-3.5 py-2.5"," rounded-lg ").concat(x.includes("border-none")?"border-none focus:ring-0 focus:border-none focus:outline-none":"border ".concat(L?"border-red-500 focus:border-red-500 focus:ring-red-500":N&&j?"border-primary-400 focus:border-primary-400 focus:ring-primary-400":"border-[#CFCFCE] focus:border-primary-400 focus:ring-primary-400"," focus:outline-none focus:ring-2 focus:ring-offset-0")," text-base text-[#0F0E0C] bg-white disabled:bg-gray-100 disabled:cursor-not-allowed ").concat(x),onChange:e=>{},onBlur:E}),L&&(0,r.jsx)("p",{className:"mt-1 text-sm text-red-500",children:c||"Please select a valid city from the dropdown"})]})}},442:(e,t,s)=>{s.r(t),s.d(t,{authService:()=>a,default:()=>n});var r=s(15757);let a={verifyEmail:async e=>{var t;return(await r.A.post("/users/auth/verify/",{...e,email:null===(t=e.email)||void 0===t?void 0:t.toLowerCase()})).data},verifyIdentity:async e=>{var t;return(await r.A.post("/users/auth/verify/",{action:"verify_identity",...e,email:null===(t=e.email)||void 0===t?void 0:t.toLowerCase()})).data},sendOtp:async e=>(await a.verifyEmail({action:"send_token",email:e}),!0),verifyOtp:async(e,t)=>(await a.verifyEmail({action:"verify_token",email:e,otp:t}),!0),login:async e=>{var t;return(await r.A.post("/users/auth/login/",{...e,email:null===(t=e.email)||void 0===t?void 0:t.toLowerCase()})).data},validateToken:async()=>{try{return await r.A.get("/users/profiles/",{params:{user_type:"Host"}}),{success:!0,message:"Token is valid",data:null}}catch(e){throw e}},logout:async()=>(await r.A.post("/users/auth/logout/")).data,refreshToken:async()=>(await r.A.post("/users/auth/refresh/")).data,signup:async e=>{var t;return e instanceof FormData?(await r.A.post("/users/auth/signup/",e,{headers:{"Content-Type":"multipart/form-data"}})).data:(await r.A.post("/users/auth/signup/",{...e,email:null===(t=e.email)||void 0===t?void 0:t.toLowerCase()})).data},forgotPassword:async e=>(await r.A.post("/users/auth/forgot-password/",{email:null==e?void 0:e.toLowerCase()})).data,resetPassword:async e=>{var t;return(await r.A.post("/users/auth/reset-password/",{email:null===(t=e.email)||void 0===t?void 0:t.toLowerCase(),password:e.password})).data},updateProfile:(e,t,s)=>r.A.patch("/users/profiles/".concat(e,"/"),t,{headers:{"Content-Type":"multipart/form-data"}}),changePassword:async e=>r.A.post("/users/auth/change-password/",e),googleLogin:async(e,t,s)=>(await r.A.post("/users/auth/google/",{code:e,user_type:t,action:s})).data,facebookLogin:async(e,t,s)=>(await r.A.post("/users/auth/facebook/",{code:e,user_type:t,action:s})).data,linkedinLogin:async(e,t,s)=>(await r.A.post("/users/auth/linkedin/",{code:e,user_type:t,action:s})).data},n=a}}]);