1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[312],{7312:function(a,b,c){c.r(b);var d=c(5893),e=c(5675),f=c(1664),g=c(5653),h=c(8764).Buffer;b.default=function(a){var b,c,i=a.project,j=a.index,k=void 0===j?0:j,l="".concat(100*k,"ms"),m=["Cashly","Kanun AI","Zenify","BackdropX","Sleep Sounds"].some(function(a){return i.title.includes(a)}),n=["BackdropX","Sleep Sounds"].some(function(a){return i.title.includes(a)}),o=m?"w-full h-full object-contain ".concat(n?"bg-fun-pink-darkest":"bg-white"):"w-full h-full object-cover",p=i.title.includes("Kanun AI")?"Kanun AI - Legal Document Retrieval Logo":"Screenshot of ".concat(i.title);return(0,d.jsx)("div",{className:"group h-full",children:(0,d.jsx)("div",{className:"relative h-full animate-fade-in-up",style:{animationDelay:l},children:(0,d.jsxs)("div",{className:"relative h-full flex flex-col bg-white/5 backdrop-blur-sm rounded-2xl overflow-hidden border border-white/10 shadow-xl transition-all duration-500 group-hover:shadow-2xl group-hover:shadow-fun-pink/25 group-hover:border-fun-pink/40 group-hover:-translate-y-2 group-hover:scale-[1.01]",children:[(0,d.jsxs)("div",{className:"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-700",children:[(0,d.jsx)("div",{className:"absolute top-0 right-0 w-64 h-64 bg-fun-pink/10 rounded-full blur-3xl animate-float"}),(0,d.jsx)("div",{className:"absolute bottom-0 left-0 w-64 h-64 bg-fun-pink/10 rounded-full blur-3xl animate-float-delayed"})]}),(0,d.jsxs)("div",{className:"relative h-[160px] overflow-hidden",children:[(0,d.jsx)(f.default,{href:"/projects/".concat(i.slug),children:(0,d.jsxs)("a",{className:"block h-full",children:[(0,d.jsx)(e.default,{src:i.img,alt:p,width:800,height:600,className:o,priority:k<3,loading:k<3?"eager":"lazy",sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",quality:85,placeholder:"blur",blurDataURL:"data:image/svg+xml;base64,".concat(h.from("<svg width='800' height='600' xmlns='http://www.w3.org/2000/svg'>\n <rect width='800' height='600' fill='rgba(255,255,255,0.1)'/>\n <rect width='800' height='600' fill='url(#g)'>\n <defs>\n <linearGradient id='g' gradientTransform='rotate(45)'>\n <stop stop-color='rgba(255,255,255,0.05)' offset='0' />\n <stop stop-color='rgba(255,255,255,0.1)' offset='1' />\n </linearGradient>\n </defs>\n </rect>\n </svg>").toString("base64"))}),(0,d.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-60 group-hover:opacity-80 transition-opacity duration-500"})]})}),"client"===i.projectType&&(0,d.jsx)("span",{className:"absolute top-4 left-4 rounded-full border border-fun-pink/50 bg-fun-pink-darkerer/90 backdrop-blur-md px-3 py-1 text-[10px] font-bold uppercase tracking-[0.15em] text-white",children:"Client project"}),(0,d.jsxs)("div",{className:"absolute top-4 right-4 flex gap-2 opacity-0 group-hover:opacity-100 transition-all duration-300 translate-y-2 group-hover:translate-y-0",children:[i.link&&(0,d.jsx)("a",{href:i.link,target:"_blank",rel:"noreferrer",className:"bg-fun-pink-darkerer/95 backdrop-blur-md p-3 rounded-xl hover:bg-fun-pink shadow-lg hover:shadow-fun-pink/50 transition-all duration-300 hover:scale-110 min-h-[44px] min-w-[44px] flex items-center justify-center",children:(0,d.jsx)(e.default,{src:"/static/icons/external-link.svg",width:16,height:16,alt:"Link",className:"brightness-0 invert"})}),i.github&&(0,d.jsx)("a",{href:i.github,target:"_blank",rel:"noreferrer",className:"bg-fun-pink-darkerer/95 backdrop-blur-md p-3 rounded-xl hover:bg-fun-pink shadow-lg hover:shadow-fun-pink/50 transition-all duration-300 hover:scale-110 min-h-[44px] min-w-[44px] flex items-center justify-center",children:(0,d.jsx)(e.default,{src:"/static/icons/github.svg",width:16,height:16,alt:"Github",className:"brightness-0 invert"})})]})]}),(0,d.jsxs)("div",{className:"relative p-4 flex-1 flex flex-col",children:[(0,d.jsx)(f.default,{href:"/projects/".concat(i.slug),children:(0,d.jsxs)("a",{className:"block group/title mb-3",children:[(0,d.jsx)("h2",{className:"text-lg font-bold text-white group-hover/title:text-fun-pink transition-colors duration-300",children:i.title}),(0,d.jsx)("div",{className:"h-0.5 w-0 bg-gradient-to-r from-fun-pink to-transparent group-hover/title:w-full transition-all duration-500"})]})}),(0,d.jsx)("p",{className:"text-fun-gray/90 text-xs leading-relaxed flex-1 line-clamp-1",children:i.shortDesc||i.desc}),(null===(b=i.stats)|| void 0===b?void 0:b.length)?(0,d.jsx)("div",{className:"mt-3 flex flex-wrap gap-2",children:i.stats.map(function(a){return(0,d.jsxs)("span",{className:"inline-flex items-center gap-1.5 rounded-full border border-fun-pink/30 bg-fun-pink/10 px-3 py-1 text-[11px] text-white",children:[(0,d.jsx)("strong",{className:"font-bold text-fun-pink",children:a.value}),(0,d.jsx)("span",{className:"text-fun-gray/90",children:a.label})]},a.label)})}):null,(null===(c=i.techStack)|| void 0===c?void 0:c.length)?(0,d.jsx)("div",{className:"mt-4 flex flex-wrap gap-2",children:i.techStack.map(function(a){var b=g.fV[a.name],c=(0,d.jsxs)("span",{title:a.name,className:"inline-flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-3 py-1 text-[11px] text-fun-gray/90 transition-all duration-300 hover:bg-white/10 hover:border-fun-pink/50 hover:text-white",children:[(0,d.jsx)("span",{className:"flex h-6 w-6 items-center justify-center rounded-full bg-white/10 transition-colors group-hover/tech:bg-fun-pink/20",children:(0,d.jsx)("img",{src:a.icon,alt:"".concat(a.name," icon"),className:"h-4 w-4 object-contain",loading:"lazy",decoding:"async",referrerPolicy:"no-referrer"})}),a.name]},a.name);return b?(0,d.jsx)("a",{href:b,target:"_blank",rel:"noopener noreferrer",className:"group/tech transition-transform duration-300 hover:scale-105",children:c},a.name):c})}):null]}),(0,d.jsx)("div",{className:"absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-transparent via-fun-pink to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500"})]})})})}}}])
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.