https://pixelib.dev/_next/static/chunks/pages/blog/[slug]-04ad77070a21468b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[812],{1386:(e,t,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/[slug]",function(){return l(55305)}])},41182:(e,t,l)=>{"use strict";l.d(t,{A:()=>o});var r=l(37876),a=l(14232),s=l(81216);let i=e=>{let{isOpen:t,onClose:l,src:a,alt:i}=e;return t?(0,r.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-75 z-50 flex items-center justify-center p-4",onClick:l,children:(0,r.jsxs)("div",{className:"relative max-w-6xl w-full",children:[(0,r.jsx)("button",{onClick:l,className:"absolute -top-10 right-0 text-white hover:text-zinc-300 transition-colors",children:(0,r.jsx)(s.A,{className:"w-6 h-6"})}),(0,r.jsx)("img",{src:a,alt:i,className:"w-full h-auto max-h-[90vh] object-contain",onClick:e=>e.stopPropagation()})]})}):null},o=e=>{let{src:t,alt:l}=e,[s,o]=(0,a.useState)(!1);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("span",{className:"inline-block w-full",children:[(0,r.jsx)("img",{src:t,alt:l,className:"w-full h-full object-cover hover:opacity-90 transition-opacity cursor-pointer rounded-lg",onClick:()=>o(!0)}),l&&(0,r.jsx)("span",{className:"block text-sm text-zinc-500 dark:text-zinc-400 text-center mt-2 pb-4",children:l})]}),(0,r.jsx)(i,{isOpen:s,onClose:()=>o(!1),src:t,alt:l})]})}},55305:(e,t,l)=>{"use strict";l.r(t),l.d(t,{__N_SSG:()=>A,default:()=>_});var r=l(37876),a=l(14232),s=l(67546),i=l(13845),o=l(77884),n=l(57606),c=l(84438),d=l(69852),m=l(98676),x=l(64030),h=l(48230),u=l.n(h),b=l(31543),g=l(62867),p=l(82995),j=l(81216),f=l(94991),N=l(72656),k=l(44370);let w=e=>{let{url:t,title:l}=e,[s,i]=(0,a.useState)(!1),o={twitter:"https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(t),"&text=").concat(encodeURIComponent(l)),facebook:"https://www.facebook.com/sharer/sharer.php?u=".concat(encodeURIComponent(t)),linkedin:"https://www.linkedin.com/sharing/share-offsite/?url=".concat(encodeURIComponent(t))},n=e=>{window.open(o[e],"_blank","width=600,height=400")};return(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("button",{onClick:()=>

1i(!s),className:"w-10 h-10 dark:bg-white bg-zinc-800 rounded-full shadow-lg flex items-center justify-center dark:text-zinc-600 text-zinc-300 dark:hover:text-zinc-800 hover:text-zinc-100",children:(0,r.jsx)(p.A,{className:"w-5 h-5"})}),s&&(0,r.jsxs)("div",{className:"absolute right-12 top-0 bg-white rounded-lg shadow-xl p-4 w-48 transform origin-left animate-in slide-in-from-right-5 duration-200",children:[(0,r.jsx)("button",{onClick:()=>i(!1),className:"absolute top-2 right-2 text-zinc-400 hover:text-zinc-600",children:(0,r.jsx)(j.A,{className:"w-4 h-4"})}),(0,r.jsxs)("div",{className:"space-y-3 pt-2",children:[(0,r.jsxs)("button",{onClick:()=>n("twitter"),className:"flex items-center w-full p-2 rounded-lg hover:bg-blue-50 text-zinc-600 hover:text-blue-500 transition-colors duration-200",children:[(0,r.jsx)(f.A,{className:"w-5 h-5 mr-3"}),(0,r.jsx)("span",{className:"text-sm font-medium",children:"Twitter"})]}),(0,r.jsxs)("button",{onClick:()=>n("facebook"),className:"flex items-center w-full p-2 rounded-lg hover:bg-blue-50 text-zinc-600 hover:text-blue-600 transition-colors duration-200",children:[(0,r.jsx)(N.A,{className:"w-5 h-5 mr-3"}),(0,r.jsx)("span",{className:"text-sm font-medium",children:"Facebook"})]}),(0,r.jsxs)("button",{onClick:()=>n("linkedin"),className:"flex items-center w-full p-2 rounded-lg hover:bg-blue-50 text-zinc-600 hover:text-blue-700 transition-colors duration-200",children:[(0,r.jsx)(k.A,{className:"w-5 h-5 mr-3"}),(0,r.jsx)("span",{className:"text-sm font-medium",children:"LinkedIn"})]})]})]})]})};var v=l(49086),z=l(80825),y=l(87979),C=l(41182),A=!0;let _=e=>{var t;let{article:l}=e;return void 0===l?(0,r.jsx)(b.A,{children:(0,r.jsx)("div",{className:"pt-20 px-4 pb-12 bg-white dark:bg-zinc-900",children:(0,r.jsx)("div",{className:"max-w-4xl mx-auto",children:(0,r.jsxs)("div",{className:"animate-pulse",children:[(0,r.jsx)("div",{className:"h-8 bg-zinc-200 dark:bg-zinc-700 rounded w-1/4 mb-6"}),(0,r.jsx)("div",{className:"h-12 bg-zinc-200 dark:bg-zinc-700 rounded w-3/4 mb-4"}),(0,r.jsx)("div",{className:"h-6 bg-zinc-200 dark:bg-zinc-700 rounded w-1/2 mb-8"}),(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsx)("div",{className:"h-4 bg-zinc-200 dark:bg-zinc-700 rounded w-full"}),(0,r.jsx)("div",{className:"h-4 bg-zinc-200 dark:bg-zinc-700 rounded w-5/6"}),(0,r.jsx)("div",{className:"h-4 bg-zinc-200 dark:bg-zinc-700 rounded w-4/6"})]})]})})})}):(0,r.jsxs)(b.A,{children:[(0,r.jsx)(g.bV,{title:"DroomCraft blog - "+l.title,description:l.excerpt,canonical:"https://droomcraft.nl/blog/".concat(l.slug),openGraph:{title:"DroomCraft blog - "+l.title,description:l.excerpt,url:"https://droomcraft.nl/blog/".concat(l.slug),images:[{url:l.coverImage,alt:l.title}]},twitter:{cardType:"summary_large_image",handle:"@DroomCraft",site:"@DroomCraft",description:l.excerpt,image:l.coverImage,imageAlt:l.title}}),(0,r.jsx)("div",{className:"bg-white dark:bg-zinc-900 transition-colors duration-300",children:(0,r.jsxs)("div",{className:"container mx-auto px-4 py-8",children:[(0,r.jsx)("div",{className:"max-w-4xl mx-auto mb-4",children:(0,r.jsx)(u(),{href:"/blog",children:(0,r.jsxs)(s.P.div,{whileHover:{x:-5},className:"inline-flex items-center text-droom-blue-dark dark:text-droom-blue-light hover:text-droom-blue-light/80 dark:hover:text-droom-blue-light/80 font-medium",children:[(0,r.jsx)(i.A,{className:"w-4 h-4 mr-2"}),"Terug naar Blog"]})})}),l.coverImage&&(0,r.jsx)(s.P.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:"relative aspect-[21/9] rounded-lg overflow-hidden mb-8 max-w-6xl mx-auto",children:(0,r.jsx)("img",{src:l.coverImage,alt:l.title,className:"w-full h-full object-cover"})}),(0,r.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,r.jsxs)(s.P.header,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:"mb-8",children:[(0,r.jsx)("div",{className:"flex flex-wrap gap-2 mb-4",children:l.tags.map(e=>(0,r.jsxs)(s.P.span,{whileHover:{scale:1.05},className:"px-3 py-1 bg-droom-blue-light/10 text-droom-blue-dark dark:text-droom-blue-light rounded-full text-sm font-medium",children:[(0,r.jsx)(o.A,{className:"w-3 h-3 inline-block mr-1"}),e]},e))}),(0,r.jsx)("h1",{className:"text-3xl md:text-4xl lg:text-5xl font-bold text-droom-blue-dark dark:text-zinc-100 mb-6",children:l.title}),(0,r.jsxs)("div",{className:"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 border-b border-zinc-200 dark:border-zinc-700 pb-6",children:[(0,r.jsxs)("div",{className:"flex items-center space-x-4",children:[(0,r.jsx)("img",{src:l.author.avatar,alt:l.author.name,className:"w-12 h-12 rounded-full border-2 border-droom-blue-light/20"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-medium text-droom-blue-dark dark:text-zinc-100",children:l.author.name}),(0,r.jsx)("div",{className:"text-sm text-zinc-500 dark:text-zinc-400",children:l.author.role})]})]}),(0,r.jsxs)("div",{className:"flex items-center flex-wrap gap-4 text-sm text-zinc-500 dark:text-zinc-400",children:[(0,r.jsxs)("span",{className:"flex items-center",children:[(0,r.jsx)(n.A,{className:"w-4 h-4 mr-2"}),new Date(l.date).toLocaleDateString("nl-NL",{day:"numeric",month:"short",year:"numeric"})]}),(0,r.jsxs)("span",{className:"flex items-center",children:[(0,r.jsx)(c.A,{className:"w-4 h-4 mr-2"}),l.readTime]}),(0,r.jsx)("div",{className:"sm:hidden",children:(0,r.jsx)(w,{url:"https://droomcraft.nl/blog/".concat(l.slug),title:l.title,buttonClassName:"flex items-center gap-2 text-droom-blue-dark dark:text-droom-blue-light",buttonContent:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.A,{className:"w-4 h-4"}),(0,r.jsx)("span",{children:"Delen"})]})})})]})]})]}),(0,r.jsxs)(s.P.div,{initial:{opacity:0,x:20}

1,animate:{opacity:1,x:0},className:"fixed right-4 top-1/3 transform -translate-y-1/2 hidden lg:flex flex-col gap-3 z-10",children:[(0,r.jsx)(w,{url:"https://droomcraft.nl/blog/".concat(l.slug),title:l.title,vertical:!0}),(0,r.jsx)(s.P.button,{whileHover:{scale:1.1},className:"w-10 h-10 bg-white dark:bg-droom-blue-dark border border-droom-blue-light/20 rounded-full shadow-lg flex items-center justify-center text-droom-blue-dark dark:text-droom-blue-light hover:bg-droom-blue-light/10",children:(0,r.jsx)(m.A,{className:"w-5 h-5"})})]}),(0,r.jsx)(s.P.article,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:"prose prose-zinc dark:prose-invert md:prose-lg max-w-none",children:(0,r.jsx)(x.oz,{remarkPlugins:[y.A],components:{code(e){let{node:t,inline:l,className:a,children:s,...i}=e,o=String(s).replace(/\n$/,"");if(!(o.split("\n").length>1))return(0,r.jsx)("code",{className:"bg-zinc-200 dark:bg-zinc-700 text-zinc-800 dark:text-zinc-200 px-1 py-0.5 rounded font-mono text-sm",...i,children:s});let n=/language-(\w+)/.exec(a||"");return n?(0,r.jsx)(v.A,{style:z.E1,PreTag:"div",language:n[1],...i,children:o}):(0,r.jsx)("code",{className:"block bg-zinc-100 dark:bg-zinc-800 text-zinc-800 dark:text-zinc-100 p-4 rounded-lg my-4 overflow-auto",...i,children:o})},img:e=>{let{node:t,src:l,alt:a,...s}=e;return(0,r.jsx)(C.A,{src:l,alt:a,...s})},a:e=>{let{node:t,...l}=e;return(0,r.jsx)("a",{className:"text-droom-blue-dark dark:text-droom-blue-light hover:underline",target:"_blank",rel:"noopener noreferrer",...l})},h1:e=>{let{node:t,...l}=e;return(0,r.jsx)(s.P.h1,{initial:{opacity:0,x:-10},animate:{opacity:1,x:0},className:"text-3xl font-bold text-droom-blue-dark dark:text-zinc-100 mb-6 mt-12 border-l-4 border-droom-blue-light pl-4",...l})},h2:e=>{let{node:t,...l}=e;return(0,r.jsx)(s.P.h2,{initial:{opacity:0,x:-10},animate:{opacity:1,x:0},className:"text-2xl font-bold text-droom-blue-dark dark:text-zinc-100 mb-4 mt-8 border-l-4 border-droom-blue-light/70 pl-4",...l})},h3:e=>{let{node:t,...l}=e;return(0,r.jsx)("h3",{className:"text-xl font-bold text-droom-blue-dark dark:text-zinc-100 mb-4 mt-6 border-l-4 border-droom-blue-light/50 pl-4",...l})},p:e=>{let{node:t,...l}=e;return(0,r.jsx)("p",{className:"text-zinc-700 dark:text-zinc-300 mb-4 leading-relaxed",...l})},ul:e=>{let{node:t,...l}=e;return(0,r.jsx)("ul",{className:"list-disc list-outside pl-5 mb-4 text-zinc-700 dark:text-zinc-300",...l})},ol:e=>{let{node:t,...l}=e;return(0,r.jsx)("ol",{className:"list-decimal list-outside pl-5 mb-4 text-zinc-700 dark:text-zinc-300",...l})},blockquote:e=>{let{node:t,...l}=e;return(0,r.jsx)("blockquote",{className:"border-l-4 border-droom-blue-light pl-4 italic text-zinc-600 dark:text-zinc-300 my-6 bg-droom-blue-light/5 py-2 rounded-r",...l})},table:e=>{let{node:t,...l}=e;return(0,r.jsx)("div",{className:"w-full my-6 overflow-x-auto rounded-lg border border-zinc-200 dark:border-zinc-700",children:(0,r.jsx)("table",{className:"w-full border-collapse",...l})})},thead:e=>{let{node:t,...l}=e;return(0,r.jsx)("thead",{className:"bg-droom-blue-light/10 dark:bg-zinc-800",...l})},tbody:e=>{let{node:t,...l}=e;return(0,r.jsx)("tbody",{className:"bg-white dark:bg-zinc-900",...l})},tr:e=>{let{node:t,...l}=e;return(0,r.jsx)("tr",{className:"border-b border-zinc-200 dark:border-zinc-700",...l})},th:e=>{let{node:t,...l}=e;return(0,r.jsx)("th",{className:"px-4 py-3 text-left text-sm font-semibold text-droom-blue-dark dark:text-zinc-300",...l})},td:e=>{let{node:t,...l}=e;return(0,r.jsx)("td",{className:"px-4 py-3 text-sm text-zinc-700 dark:text-zinc-400",...l})}},children:l.content})}),(0,r.jsx)(s.P.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:"mt-12 bg-droom-blue-light/5 dark:bg-zinc-800/50 rounded-lg p-6 border border-droom-blue-light/20",children:(0,r.jsxs)("div",{className:"flex flex-col sm:flex-row items-center sm:items-start gap-4",children:[(0,r.jsx)("img",{src:l.author.avatar,alt:l.author.name,className:"w-16 h-16 rounded-full border-2 border-droom-blue-light"}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("h3",{className:"font-bold text-lg text-droom-blue-dark dark:text-zinc-100 mb-2",children:["Over ",l.author.name]}),(0,r.jsxs)("p",{className:"text-zinc-700 dark:text-zinc-300 text-sm mb-4",children:[l.author.role," bij DroomCraft. ",l.author.bio||"Schrijft over technologie, innovatie en gamedevelopment."]}),(0,r.jsxs)("div",{className:"flex gap-3",children:[(0,r.jsx)("a",{href:"/blog",className:"text-sm text-droom-blue-dark dark:text-droom-blue-light font-medium hover:underline",children:"Meer artikelen"}),(0,r.jsx)("a",{href:"/contact",className:"text-sm text-droom-blue-dark dark:text-droom-blue-light font-medium hover:underline",children:"Contact"})]})]})]})}),(null==(t=l.relatedArticles)?void 0:t.length)>0&&(0,r.jsxs)(s.P.div,{initial:{opacity:0,y:10}

1,animate:{opacity:1,y:0},className:"mt-16",children:[(0,r.jsx)("h2",{className:"text-2xl font-bold text-droom-blue-dark dark:text-zinc-100 mb-6 border-l-4 border-droom-blue-light pl-4",children:"Gerelateerde Artikelen"}),(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-6",children:l.relatedArticles.map((e,t)=>(0,r.jsx)(u(),{href:"/blog/".concat(e.slug),className:"group block",children:(0,r.jsxs)(s.P.article,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.1*t},className:"bg-white dark:bg-zinc-800 rounded-lg shadow-lg overflow-hidden border border-droom-blue-light/20 h-full flex flex-col hover:shadow-xl transition-shadow duration-200",children:[e.coverImage&&(0,r.jsx)("div",{className:"relative overflow-hidden aspect-[21/9]",children:(0,r.jsx)("img",{src:e.coverImage,alt:e.title,className:"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"})}),(0,r.jsxs)("div",{className:"p-5 flex flex-col flex-grow",children:[(0,r.jsx)("h3",{className:"text-lg font-bold text-droom-blue-dark dark:text-zinc-100 mb-2 group-hover:text-droom-blue-light transition-colors duration-200",children:e.title}),(0,r.jsx)("p",{className:"text-zinc-600 dark:text-zinc-300 text-sm line-clamp-2 mb-4 flex-grow",children:e.excerpt}),(0,r.jsxs)("div",{className:"flex justify-between items-center mt-auto text-xs text-zinc-500 dark:text-zinc-400",children:[(0,r.jsxs)("span",{className:"flex items-center",children:[(0,r.jsx)(n.A,{className:"w-3 h-3 mr-1"}),new Date(e.date).toLocaleDateString("nl-NL",{day:"numeric",month:"short"})]}),(0,r.jsxs)("span",{className:"flex items-center text-droom-blue-dark dark:text-droom-blue-light font-medium",children:["Lees meer",(0,r.jsx)(i.A,{className:"w-3 h-3 ml-1 rotate-180"})]})]})]})]})},e.slug))})]}),(0,r.jsx)(s.P.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:"mt-16 bg-gradient-to-r from-droom-blue-dark to-droom-blue-light p-6 rounded-lg shadow-lg text-white",children:(0,r.jsxs)("div",{className:"flex flex-col md:flex-row items-center justify-between gap-6",children:[(0,r.jsxs)("div",{className:"text-center md:text-left",children:[(0,r.jsx)("h3",{className:"text-xl font-bold mb-2",children:"Vond je dit artikel interessant?"}),(0,r.jsx)("p",{className:"text-white/90",children:"Blijf op de hoogte van nieuwe artikelen en DroomCraft updates!"})]}),(0,r.jsxs)("div",{className:"flex flex-wrap gap-3 justify-center",children:[(0,r.jsx)(u(),{href:"/blog",className:"inline-block bg-white text-droom-blue-dark border-2 border-white text-sm font-semibold px-4 py-2 rounded hover:bg-transparent hover:text-white transition-colors duration-200",children:"Meer artikelen"}),(0,r.jsx)(u(),{href:"/contact",className:"inline-block bg-transparent text-white border-2 border-white text-sm font-semibold px-4 py-2 rounded hover:bg-white hover:text-droom-blue-dark transition-colors duration-200",children:"Contact opnemen"})]})]})})]})]})})]})}}},e=>{e.O(0,[587,305,655,830,617,398,543,636,593,792],()=>e(e.s=1386)),_N_E=e.O()}]);