Atomcms-edit/frontend/.next/server/chunks/ssr/_116xkf0._.js

module.exports=[58212,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246);let e=[{href:"/",label:"Home"},{href:"/discord",label:"Discord",external:!0}],f=[{href:"/help-center/rules",label:"Regels"}],g=[{href:"/community/radio",label:"Radio Home"},{href:"/community/radio/rooster",label:"DJ Rooster"},{href:"/community/radio/shouts",label:"Live Berichten"},{href:"/community/radio/dj-aanmelden",label:"DJ worden"},{href:"/community/radio/punten",label:"Radio Punten"}],h=[{code:"nl",flag:"🇳🇱"},{code:"en",flag:"🇬🇧"},{code:"da",flag:"🇩🇰"},{code:"fi",flag:"🇫🇮"},{code:"de",flag:"🇩🇪"},{code:"fr",flag:"🇫🇷"},{code:"tr",flag:"🇹🇷"},{code:"se",flag:"🇸🇪"},{code:"br",flag:"🇧🇷"},{code:"it",flag:"🇮🇹"},{code:"es",flag:"🇪🇸"},{code:"no",flag:"🇳🇴"}];a.s(["default",0,function(){let[a,i]=(0,c.useState)(!1),[j,k]=(0,c.useState)(null),[l,m]=(0,c.useState)(!1),n=a=>{k(j===a?null:a)};return(0,b.jsxs)("nav",{className:"relative shadow-md bg-navbar text-navbar-text",children:[(0,b.jsx)("div",{className:"max-w-7xl mx-auto px-4",children:(0,b.jsxs)("div",{className:"flex items-center justify-between h-16",children:[(0,b.jsx)("div",{className:"hidden md:flex items-center space-x-1",children:(0,b.jsxs)("div",{className:"hidden md:flex h-16 items-center gap-6",children:[e.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"nav-item border-b-2 border-primary px-3 py-2 text-sm font-semibold tracking-wide uppercase transition-all duration-200 hover:border-b-primary",style:{color:"var(--color-navbar-text)"},children:a.label},a.href)),(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>n("support"),className:"flex items-center gap-2 h-full",children:["Ondersteuning",(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"support"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"support"===j&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[150px] rounded-lg border border-primary bg-white",children:f.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100 transition-colors",children:a.label},a.href))})]}),(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>n("radio"),className:"flex items-center gap-2 h-full",children:["Radio",(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"radio"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"radio"===j&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[150px] rounded-lg border border-primary bg-white",children:g.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100 transition-colors",children:a.label},a.href))})]})]})}),(0,b.jsx)("div",{className:"hidden lg:flex items-center",children:(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>m(!l),className:"flex items-center gap-2 h-full",children:[(0,b.jsx)("span",{className:"w-5 h-4 object-cover rounded-sm",children:"🇩🇪"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${l?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),l&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[50px] -ml-4 rounded-lg border border-primary bg-white",children:h.map(a=>(0,b.jsx)(d.default,{href:`/language/${a.code}`,className:"block px-4 py-2 hover:bg-gray-100 transition-colors text-lg",children:a.flag},a.code))})]})}),(0,b.jsxs)("button",{onClick:()=>i(!a),className:"absolute right-4 top-4 z-10 p-2 rounded-lg transition-all duration-200 hover:bg-gray-100 md:hidden","aria-controls":"mobile-menu","aria-expanded":a,children:[(0,b.jsx)("span",{className:"sr-only",children:"Menu openen"}),a?(0,b.jsx)("svg",{className:"h-7 w-7",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})}):(0,b.jsx)("svg",{className:"h-7 w-7",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})]})]})}),a&&(0,b.jsx)("div",{className:"absolute top-full left-0 right-0 z-40 shadow-xl border-t-2 max-h-[80vh] overflow-y-auto md:hidden bg-white border-primary",children:(0,b.jsxs)("div",{className:"py-2",children:[e.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-3 border-b border-gray-200 hover:bg-gray-50",children:a.label},a.href)),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>n("mobile-support"),className:"flex items-center justify-between w-full px-4 py-3 text-sm font-semibold uppercase tracking-wide",children:[(0,b.jsx)("span",{children:"Unterstützung"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"mobile-support"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"mobile-support"===j&&(0,b.jsx)("div",{className:"bg-white rounded-lg border border-primary shadow-dropdown",children:f.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100",children:a.label},a.href))})]}),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>n("mobile-radio"),className:"flex items-center justify-between w-full px-4 py-3 text-sm font-semibold uppercase tracking-wide",children:[(0,b.jsx)("span",{children:"Radio"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"mobile-radio"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"mobile-radio"===j&&(0,b.jsx)("div",{className:"bg-white rounded-lg border border-primary shadow-dropdown",children:g.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100",children:a.label},a.href))})]}),(0,b.jsx)("div",{className:"w-full flex justify-center mt-4 mb-2",children:(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>m(!l),className:"flex items-center gap-2 px-4 py-3 text-sm font-semibold uppercase",children:[(0,b.jsx)("span",{children:"🇳🇱"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${l?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),l&&(0,b.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2 mt-0 top-full bg-white rounded-lg border border-primary shadow-dropdown z-50 min-w-[50px]",children:h.map(a=>(0,b.jsx)(d.default,{href:`/language/${a.code}`,className:"block px-4 py-2 hover:bg-gray-100 text-lg",children:a.flag},a.code))})]})})]})})]})}])},56283,a=>{"use strict";var b=a.i(87924),c=a.i(38246);let d=[{href:"/about",label:"Over ons"},{href:"/contact",label:"Contact"}],e=[{href:"/help-center/rules",label:"Regels"},{href:"/help-center/faq",label:"FAQ"},{href:"/help-center/contact",label:"Contact support"}],f=[{href:"/privacy",label:"Privacybeleid"},{href:"/terms",label:"Algemene voorwaarden"},{href:"/imprint",label:"Impressum"}];a.s(["default",0,function(){return(0,b.jsx)("footer",{className:"bg-secondary text-white py-8 mt-auto",children:(0,b.jsxs)("div",{className:"max-w-7xl mx-auto px-4",children:[(0,b.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-4 gap-6",children:[(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h3",{className:"text-xl font-bold text-primary mb-4",children:"Epicnabbo"}),(0,b.jsx)("p",{className:"text-gray-400 text-sm",children:"Een online virtuele wereld waarin je je eigen avatar kunt maken, vrienden kunt maken, kunt chatten, kamers kunt maken en nog veel meer!"})]}),(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h4",{className:"font-semibold mb-4",children:"Bedrijf"}),(0,b.jsx)("ul",{className:"space-y-2",children:d.map(a=>(0,b.jsx)("li",{children:(0,b.jsx)(c.default,{href:a.href,className:"text-gray-400 hover:text-primary transition-colors text-sm",children:a.label})},a.href))})]}),(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h4",{className:"font-semibold mb-4",children:"Ondersteuning"}),(0,b.jsx)("ul",{className:"space-y-2",children:e.map(a=>(0,b.jsx)("li",{children:(0,b.jsx)(c.default,{href:a.href,className:"text-gray-400 hover:text-primary transition-colors text-sm",children:a.label})},a.href))})]}),(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h4",{className:"font-semibold mb-4",children:"Juridisch"}),(0,b.jsx)("ul",{className:"space-y-2",children:f.map(a=>(0,b.jsx)("li",{children:(0,b.jsx)(c.default,{href:a.href,className:"text-gray-400 hover:text-primary transition-colors text-sm",children:a.label})},a.href))})]})]}),(0,b.jsx)("div",{className:"border-t border-gray-700 mt-8 pt-8 text-center text-gray-400 text-sm",children:(0,b.jsxs)("p",{children:["© ",new Date().getFullYear()," Epicnabbo. Alle rechten voorbehouden."]})})]})})}])},33354,(a,b,c)=>{"use strict";c._=function(a){return a&&a.__esModule?a:{default:a}}},33095,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0});var d={default:function(){return k},getImageProps:function(){return j}};for(var e in d)Object.defineProperty(c,e,{enumerable:!0,get:d[e]});let f=a.r(33354),g=a.r(94915),h=a.r(67161),i=f._(a.r(2305));function j(a){let{props:b}=(0,g.getImgProps)(a,{defaultLoader:i.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[32,48,64,96,128,256,384],qualities:[75],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[a,c]of Object.entries(b))void 0===c&&delete b[a];return{props:b}}let k=h.Image},71987,(a,b,c)=>{b.exports=a.r(33095)},64755,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(71987),e=a.i(58212),f=a.i(56283),g=a.i(19032);a.s(["default",0,function(){let[a,h]=(0,c.useState)([]),[i,j]=(0,c.useState)([]),[k,l]=(0,c.useState)(!0),[m,n]=(0,c.useState)(null),[o,p]=(0,c.useState)(null);(0,c.useEffect)(()=>{!async function(){try{let[a,b]=await Promise.all([g.api.get("/shop/packages"),g.api.get("/shop/categories")]);a.error||b.error?n("Er is een fout opgetreden bij het laden van de winkel"):(b.data&&j(b.data),a.data&&h(a.data))}catch{n("Er is een fout opgetreden bij het laden van de winkel")}l(!1)}()},[]);let q=o?a.filter(a=>a.category_id===o):a;return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(e.default,{}),(0,b.jsx)("main",{className:"bg-background min-h-screen",children:(0,b.jsxs)("div",{className:"max-w-7xl mx-auto p-4 lg:p-6",children:[(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-4 md:p-6 mb-6",children:(0,b.jsxs)("div",{className:"flex items-center gap-4",children:[(0,b.jsx)("div",{className:"w-12 h-12 rounded-full bg-primary flex items-center justify-center",children:(0,b.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z"})})}),(0,b.jsxs)("div",{children:[(0,b.jsx)("h1",{className:"text-2xl md:text-3xl font-bold text-text-main",children:"Winkel"}),(0,b.jsx)("p",{className:"text-text-muted",children:"Koop unieke pakketten met credits en diamanten"})]})]})}),k?(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:(0,b.jsx)("p",{className:"text-text-muted",children:"Winkel laden..."})}):m?(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:(0,b.jsx)("p",{className:"text-danger",children:m})}):(0,b.jsxs)(b.Fragment,{children:[i.length>0&&(0,b.jsxs)("div",{className:"flex gap-2 mb-6 overflow-x-auto pb-2",children:[(0,b.jsx)("button",{onClick:()=>p(null),className:`px-4 py-2 rounded-lg font-semibold whitespace-nowrap transition-colors ${null===o?"bg-primary text-text-main":"bg-surface text-text-muted hover:bg-gray-100"}`,children:"Alles"}),i.map(a=>(0,b.jsx)("button",{onClick:()=>p(a.id),className:`px-4 py-2 rounded-lg font-semibold whitespace-nowrap transition-colors ${o===a.id?"bg-primary text-text-main":"bg-surface text-text-muted hover:bg-gray-100"}`,children:a.name},a.id))]}),q.length>0?(0,b.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6",children:q.map(a=>(0,b.jsxs)("div",{className:"bg-surface rounded-lg shadow-card overflow-hidden group hover:scale-[101%] transition-all duration-200",children:[(0,b.jsx)("div",{className:"aspect-video relative bg-background overflow-hidden",children:a.image?(0,b.jsx)(d.default,{src:`/storage/${a.image}`,alt:a.name,fill:!0,className:"object-cover group-hover:scale-105 transition-transform duration-300"}):(0,b.jsx)("div",{className:"w-full h-full flex items-center justify-center",children:(0,b.jsx)("svg",{className:"w-16 h-16 text-text-muted",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"})})})}),(0,b.jsxs)("div",{className:"p-4",children:[(0,b.jsx)("h3",{className:"text-lg font-semibold text-text-main",children:a.name}),a.description&&(0,b.jsx)("p",{className:"text-sm text-text-muted mt-1 line-clamp-2",children:a.description}),a.items.length>0&&(0,b.jsxs)("ul",{className:"mt-3 space-y-1",children:[a.items.slice(0,3).map((a,c)=>(0,b.jsxs)("li",{className:"text-xs text-text-muted flex items-center gap-1",children:[(0,b.jsx)("svg",{className:"w-3 h-3 text-accent",fill:"currentColor",viewBox:"0 0 20 20",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})}),a]},c)),a.items.length>3&&(0,b.jsxs)("li",{className:"text-xs text-primary",children:["+",a.items.length-3," meer..."]})]}),(0,b.jsxs)("div",{className:"flex items-center justify-between mt-4 pt-4 border-t border-gray-100",children:[(0,b.jsxs)("div",{className:"flex flex-col gap-1",children:[a.price_credits>0&&(0,b.jsxs)("div",{className:"flex items-center gap-1",children:[(0,b.jsx)("svg",{className:"w-4 h-4 text-yellow-500",fill:"currentColor",viewBox:"0 0 20 20",children:(0,b.jsx)("circle",{cx:"10",cy:"10",r:"8"})}),(0,b.jsxs)("span",{className:"text-sm font-semibold text-text-main",children:[a.price_credits.toLocaleString()," credits"]})]}),a.price_diamonds>0&&(0,b.jsxs)("div",{className:"flex items-center gap-1",children:[(0,b.jsx)("svg",{className:"w-4 h-4 text-blue-400",fill:"currentColor",viewBox:"0 0 20 20",children:(0,b.jsx)("path",{d:"M10 2l3 4h4l-3 5 1 5-5-3-5 3 1-5-3-5h4z"})}),(0,b.jsxs)("span",{className:"text-sm font-semibold text-text-main",children:[a.price_diamonds.toLocaleString()," ","diamanten"]})]})]}),(0,b.jsx)("button",{className:"px-4 py-2 bg-primary text-text-main rounded-lg font-semibold text-sm hover:bg-primary-hover transition-colors",children:"Kopen"})]})]})]},a.id))}):(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:(0,b.jsx)("p",{className:"text-text-muted",children:"Geen pakketten beschikbaar in deze categorie"})})]})]})}),(0,b.jsx)(f.default,{})]})}])}];

//# sourceMappingURL=_116xkf0._.js.map
	module.exports=[58212,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(38246);let e=[{href:"/",label:"Home"},{href:"/discord",label:"Discord",external:!0}],f=[{href:"/help-center/rules",label:"Regels"}],g=[{href:"/community/radio",label:"Radio Home"},{href:"/community/radio/rooster",label:"DJ Rooster"},{href:"/community/radio/shouts",label:"Live Berichten"},{href:"/community/radio/dj-aanmelden",label:"DJ worden"},{href:"/community/radio/punten",label:"Radio Punten"}],h=[{code:"nl",flag:"🇳🇱"},{code:"en",flag:"🇬🇧"},{code:"da",flag:"🇩🇰"},{code:"fi",flag:"🇫🇮"},{code:"de",flag:"🇩🇪"},{code:"fr",flag:"🇫🇷"},{code:"tr",flag:"🇹🇷"},{code:"se",flag:"🇸🇪"},{code:"br",flag:"🇧🇷"},{code:"it",flag:"🇮🇹"},{code:"es",flag:"🇪🇸"},{code:"no",flag:"🇳🇴"}];a.s(["default",0,function(){let[a,i]=(0,c.useState)(!1),[j,k]=(0,c.useState)(null),[l,m]=(0,c.useState)(!1),n=a=>{k(j===a?null:a)};return(0,b.jsxs)("nav",{className:"relative shadow-md bg-navbar text-navbar-text",children:[(0,b.jsx)("div",{className:"max-w-7xl mx-auto px-4",children:(0,b.jsxs)("div",{className:"flex items-center justify-between h-16",children:[(0,b.jsx)("div",{className:"hidden md:flex items-center space-x-1",children:(0,b.jsxs)("div",{className:"hidden md:flex h-16 items-center gap-6",children:[e.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"nav-item border-b-2 border-primary px-3 py-2 text-sm font-semibold tracking-wide uppercase transition-all duration-200 hover:border-b-primary",style:{color:"var(--color-navbar-text)"},children:a.label},a.href)),(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>n("support"),className:"flex items-center gap-2 h-full",children:["Ondersteuning",(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"support"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"support"===j&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[150px] rounded-lg border border-primary bg-white",children:f.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100 transition-colors",children:a.label},a.href))})]}),(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>n("radio"),className:"flex items-center gap-2 h-full",children:["Radio",(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"radio"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"radio"===j&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[150px] rounded-lg border border-primary bg-white",children:g.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100 transition-colors",children:a.label},a.href))})]})]})}),(0,b.jsx)("div",{className:"hidden lg:flex items-center",children:(0,b.jsxs)("div",{className:"relative h-16 px-3 text-sm font-semibold tracking-wide uppercase transition-all duration-200 ease-in-out border-b-2 border-transparent hover:border-b-primary z-50",children:[(0,b.jsxs)("button",{onClick:()=>m(!l),className:"flex items-center gap-2 h-full",children:[(0,b.jsx)("span",{className:"w-5 h-4 object-cover rounded-sm",children:"🇩🇪"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${l?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),l&&(0,b.jsx)("div",{className:"absolute left-0 mt-0 top-full overflow-hidden shadow-lg whitespace-nowrap z-50 min-w-[50px] -ml-4 rounded-lg border border-primary bg-white",children:h.map(a=>(0,b.jsx)(d.default,{href:`/language/${a.code}`,className:"block px-4 py-2 hover:bg-gray-100 transition-colors text-lg",children:a.flag},a.code))})]})}),(0,b.jsxs)("button",{onClick:()=>i(!a),className:"absolute right-4 top-4 z-10 p-2 rounded-lg transition-all duration-200 hover:bg-gray-100 md:hidden","aria-controls":"mobile-menu","aria-expanded":a,children:[(0,b.jsx)("span",{className:"sr-only",children:"Menu openen"}),a?(0,b.jsx)("svg",{className:"h-7 w-7",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})}):(0,b.jsx)("svg",{className:"h-7 w-7",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})]})]})}),a&&(0,b.jsx)("div",{className:"absolute top-full left-0 right-0 z-40 shadow-xl border-t-2 max-h-[80vh] overflow-y-auto md:hidden bg-white border-primary",children:(0,b.jsxs)("div",{className:"py-2",children:[e.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-3 border-b border-gray-200 hover:bg-gray-50",children:a.label},a.href)),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>n("mobile-support"),className:"flex items-center justify-between w-full px-4 py-3 text-sm font-semibold uppercase tracking-wide",children:[(0,b.jsx)("span",{children:"Unterstützung"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"mobile-support"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"mobile-support"===j&&(0,b.jsx)("div",{className:"bg-white rounded-lg border border-primary shadow-dropdown",children:f.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100",children:a.label},a.href))})]}),(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>n("mobile-radio"),className:"flex items-center justify-between w-full px-4 py-3 text-sm font-semibold uppercase tracking-wide",children:[(0,b.jsx)("span",{children:"Radio"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${"mobile-radio"===j?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),"mobile-radio"===j&&(0,b.jsx)("div",{className:"bg-white rounded-lg border border-primary shadow-dropdown",children:g.map(a=>(0,b.jsx)(d.default,{href:a.href,className:"block px-4 py-2 hover:bg-gray-100",children:a.label},a.href))})]}),(0,b.jsx)("div",{className:"w-full flex justify-center mt-4 mb-2",children:(0,b.jsxs)("div",{className:"relative",children:[(0,b.jsxs)("button",{onClick:()=>m(!l),className:"flex items-center gap-2 px-4 py-3 text-sm font-semibold uppercase",children:[(0,b.jsx)("span",{children:"🇳🇱"}),(0,b.jsx)("svg",{className:`h-5 w-5 transition-transform duration-200 ${l?"rotate-180":""}`,style:{color:"#6b7280"},viewBox:"0 0 20 20",fill:"currentColor",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})})]}),l&&(0,b.jsx)("div",{className:"absolute left-1/2 -translate-x-1/2 mt-0 top-full bg-white rounded-lg border border-primary shadow-dropdown z-50 min-w-[50px]",children:h.map(a=>(0,b.jsx)(d.default,{href:`/language/${a.code}`,className:"block px-4 py-2 hover:bg-gray-100 text-lg",children:a.flag},a.code))})]})})]})})]})}])},56283,a=>{"use strict";var b=a.i(87924),c=a.i(38246);let d=[{href:"/about",label:"Over ons"},{href:"/contact",label:"Contact"}],e=[{href:"/help-center/rules",label:"Regels"},{href:"/help-center/faq",label:"FAQ"},{href:"/help-center/contact",label:"Contact support"}],f=[{href:"/privacy",label:"Privacybeleid"},{href:"/terms",label:"Algemene voorwaarden"},{href:"/imprint",label:"Impressum"}];a.s(["default",0,function(){return(0,b.jsx)("footer",{className:"bg-secondary text-white py-8 mt-auto",children:(0,b.jsxs)("div",{className:"max-w-7xl mx-auto px-4",children:[(0,b.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-4 gap-6",children:[(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h3",{className:"text-xl font-bold text-primary mb-4",children:"Epicnabbo"}),(0,b.jsx)("p",{className:"text-gray-400 text-sm",children:"Een online virtuele wereld waarin je je eigen avatar kunt maken, vrienden kunt maken, kunt chatten, kamers kunt maken en nog veel meer!"})]}),(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h4",{className:"font-semibold mb-4",children:"Bedrijf"}),(0,b.jsx)("ul",{className:"space-y-2",children:d.map(a=>(0,b.jsx)("li",{children:(0,b.jsx)(c.default,{href:a.href,className:"text-gray-400 hover:text-primary transition-colors text-sm",children:a.label})},a.href))})]}),(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h4",{className:"font-semibold mb-4",children:"Ondersteuning"}),(0,b.jsx)("ul",{className:"space-y-2",children:e.map(a=>(0,b.jsx)("li",{children:(0,b.jsx)(c.default,{href:a.href,className:"text-gray-400 hover:text-primary transition-colors text-sm",children:a.label})},a.href))})]}),(0,b.jsxs)("div",{className:"col-span-1",children:[(0,b.jsx)("h4",{className:"font-semibold mb-4",children:"Juridisch"}),(0,b.jsx)("ul",{className:"space-y-2",children:f.map(a=>(0,b.jsx)("li",{children:(0,b.jsx)(c.default,{href:a.href,className:"text-gray-400 hover:text-primary transition-colors text-sm",children:a.label})},a.href))})]})]}),(0,b.jsx)("div",{className:"border-t border-gray-700 mt-8 pt-8 text-center text-gray-400 text-sm",children:(0,b.jsxs)("p",{children:["© ",new Date().getFullYear()," Epicnabbo. Alle rechten voorbehouden."]})})]})})}])},33354,(a,b,c)=>{"use strict";c._=function(a){return a&&a.__esModule?a:{default:a}}},33095,(a,b,c)=>{"use strict";Object.defineProperty(c,"__esModule",{value:!0});var d={default:function(){return k},getImageProps:function(){return j}};for(var e in d)Object.defineProperty(c,e,{enumerable:!0,get:d[e]});let f=a.r(33354),g=a.r(94915),h=a.r(67161),i=f._(a.r(2305));function j(a){let{props:b}=(0,g.getImgProps)(a,{defaultLoader:i.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[32,48,64,96,128,256,384],qualities:[75],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[a,c]of Object.entries(b))void 0===c&&delete b[a];return{props:b}}let k=h.Image},71987,(a,b,c)=>{b.exports=a.r(33095)},64755,a=>{"use strict";var b=a.i(87924),c=a.i(72131),d=a.i(71987),e=a.i(58212),f=a.i(56283),g=a.i(19032);a.s(["default",0,function(){let[a,h]=(0,c.useState)([]),[i,j]=(0,c.useState)([]),[k,l]=(0,c.useState)(!0),[m,n]=(0,c.useState)(null),[o,p]=(0,c.useState)(null);(0,c.useEffect)(()=>{!async function(){try{let[a,b]=await Promise.all([g.api.get("/shop/packages"),g.api.get("/shop/categories")]);a.error\|\|b.error?n("Er is een fout opgetreden bij het laden van de winkel"):(b.data&&j(b.data),a.data&&h(a.data))}catch{n("Er is een fout opgetreden bij het laden van de winkel")}l(!1)}()},[]);let q=o?a.filter(a=>a.category_id===o):a;return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(e.default,{}),(0,b.jsx)("main",{className:"bg-background min-h-screen",children:(0,b.jsxs)("div",{className:"max-w-7xl mx-auto p-4 lg:p-6",children:[(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-4 md:p-6 mb-6",children:(0,b.jsxs)("div",{className:"flex items-center gap-4",children:[(0,b.jsx)("div",{className:"w-12 h-12 rounded-full bg-primary flex items-center justify-center",children:(0,b.jsx)("svg",{className:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z"})})}),(0,b.jsxs)("div",{children:[(0,b.jsx)("h1",{className:"text-2xl md:text-3xl font-bold text-text-main",children:"Winkel"}),(0,b.jsx)("p",{className:"text-text-muted",children:"Koop unieke pakketten met credits en diamanten"})]})]})}),k?(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:(0,b.jsx)("p",{className:"text-text-muted",children:"Winkel laden..."})}):m?(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:(0,b.jsx)("p",{className:"text-danger",children:m})}):(0,b.jsxs)(b.Fragment,{children:[i.length>0&&(0,b.jsxs)("div",{className:"flex gap-2 mb-6 overflow-x-auto pb-2",children:[(0,b.jsx)("button",{onClick:()=>p(null),className:`px-4 py-2 rounded-lg font-semibold whitespace-nowrap transition-colors ${null===o?"bg-primary text-text-main":"bg-surface text-text-muted hover:bg-gray-100"}`,children:"Alles"}),i.map(a=>(0,b.jsx)("button",{onClick:()=>p(a.id),className:`px-4 py-2 rounded-lg font-semibold whitespace-nowrap transition-colors ${o===a.id?"bg-primary text-text-main":"bg-surface text-text-muted hover:bg-gray-100"}`,children:a.name},a.id))]}),q.length>0?(0,b.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6",children:q.map(a=>(0,b.jsxs)("div",{className:"bg-surface rounded-lg shadow-card overflow-hidden group hover:scale-[101%] transition-all duration-200",children:[(0,b.jsx)("div",{className:"aspect-video relative bg-background overflow-hidden",children:a.image?(0,b.jsx)(d.default,{src:`/storage/${a.image}`,alt:a.name,fill:!0,className:"object-cover group-hover:scale-105 transition-transform duration-300"}):(0,b.jsx)("div",{className:"w-full h-full flex items-center justify-center",children:(0,b.jsx)("svg",{className:"w-16 h-16 text-text-muted",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,b.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"})})})}),(0,b.jsxs)("div",{className:"p-4",children:[(0,b.jsx)("h3",{className:"text-lg font-semibold text-text-main",children:a.name}),a.description&&(0,b.jsx)("p",{className:"text-sm text-text-muted mt-1 line-clamp-2",children:a.description}),a.items.length>0&&(0,b.jsxs)("ul",{className:"mt-3 space-y-1",children:[a.items.slice(0,3).map((a,c)=>(0,b.jsxs)("li",{className:"text-xs text-text-muted flex items-center gap-1",children:[(0,b.jsx)("svg",{className:"w-3 h-3 text-accent",fill:"currentColor",viewBox:"0 0 20 20",children:(0,b.jsx)("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})}),a]},c)),a.items.length>3&&(0,b.jsxs)("li",{className:"text-xs text-primary",children:["+",a.items.length-3," meer..."]})]}),(0,b.jsxs)("div",{className:"flex items-center justify-between mt-4 pt-4 border-t border-gray-100",children:[(0,b.jsxs)("div",{className:"flex flex-col gap-1",children:[a.price_credits>0&&(0,b.jsxs)("div",{className:"flex items-center gap-1",children:[(0,b.jsx)("svg",{className:"w-4 h-4 text-yellow-500",fill:"currentColor",viewBox:"0 0 20 20",children:(0,b.jsx)("circle",{cx:"10",cy:"10",r:"8"})}),(0,b.jsxs)("span",{className:"text-sm font-semibold text-text-main",children:[a.price_credits.toLocaleString()," credits"]})]}),a.price_diamonds>0&&(0,b.jsxs)("div",{className:"flex items-center gap-1",children:[(0,b.jsx)("svg",{className:"w-4 h-4 text-blue-400",fill:"currentColor",viewBox:"0 0 20 20",children:(0,b.jsx)("path",{d:"M10 2l3 4h4l-3 5 1 5-5-3-5 3 1-5-3-5h4z"})}),(0,b.jsxs)("span",{className:"text-sm font-semibold text-text-main",children:[a.price_diamonds.toLocaleString()," ","diamanten"]})]})]}),(0,b.jsx)("button",{className:"px-4 py-2 bg-primary text-text-main rounded-lg font-semibold text-sm hover:bg-primary-hover transition-colors",children:"Kopen"})]})]})]},a.id))}):(0,b.jsx)("div",{className:"bg-surface rounded-lg shadow-card p-8 text-center",children:(0,b.jsx)("p",{className:"text-text-muted",children:"Geen pakketten beschikbaar in deze categorie"})})]})]})}),(0,b.jsx)(f.default,{})]})}])}];

	`//# sourceMappingURL=_116xkf0._.js.map`