https://www.sarojpradhan.com.np/_next/static/chunks/app/works/page-f49014077a3f724c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[607],{4652:(e,t,r)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{default:function(){return o},getImageProps:function(){return n}});let s=r(8140),l=r(5040),a=r(1356),i=s._(r(1124));function n(e){let{props:t}=(0,l.getImgProps)(e,{defaultLoader:i.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[e,r]of Object.entries(t))void 0===r&&delete t[e];return{props:t}}let o=a.Image},5239:(e,t,r)=>{"use strict";r.d(t,{default:()=>l.a});var s=r(4652),l=r.n(s)},5348:(e,t,r)=>{Promise.resolve().then(r.t.bind(r,2619,23)),Promise.resolve().then(r.bind(r,7005)),Promise.resolve().then(r.bind(r,5655))},5526:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>a});var s=r(5155),l=r(2115);let a=e=>{let{revealGroupName:t,className:r="",offsetY:a="50px",duration:i="0.5s",timingFunction:n="ease-in-out",children:o}=e;return(0,l.useEffect)(()=>{function e(){document.querySelectorAll(".".concat(t)).forEach(function(e){e.getBoundingClientRect().top<window.innerHeight&&e.classList.add("visible")})}return window.addEventListener("scroll",e),e(),()=>{window.removeEventListener("scroll",e)}},[t]),"transform ".concat(i," ").concat(n),(0,s.jsx)("div",{className:"reveal-on-scroll ".concat(r," ").concat(t),children:o})}},5655:(e,t,r)=>{"use strict";r.d(t,{default:()=>f});

1var s=r(5155),l=r(2115),a=r(2619),i=r.n(a),n=r(63),o=r(8595),c=r(732),d=r(7187),x=r(7974),m=r(2925);let h=[{title:"home",href:"/",isExternal:!1,icon:(0,s.jsx)(o.A,{className:"w-4 inline md:me-4 me-2"})},{title:"works",isExternal:!1,href:"/works",icon:(0,s.jsx)(c.A,{className:"w-4 inline md:me-4 me-2"})},{title:"blogs",isExternal:!1,href:"/blogs",icon:(0,s.jsx)(d.A,{className:"w-4 inline md:me-4 me-2"})},{title:"contact",isExternal:!1,href:"/contact",icon:(0,s.jsx)(x.A,{className:"w-4 inline md:me-4 me-2"})}],f=()=>{let e=(0,n.usePathname)(),t="/"===e,[r,a]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{window.scrollTo({top:0});let e=()=>{window.scrollY>500*!!t?a(!0):a(!1)};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"".concat(r?"sticky top-8 backdrop-blur-md border-b border-white/10":"relative bg-dark"," md:block hidden z-50"),children:(0,s.jsx)("div",{className:"container mx-auto",children:(0,s.jsxs)("nav",{className:"py-4 px-6 flex justify-between items-center w-full",children:[(0,s.jsx)("div",{children:(0,s.jsx)(i(),{href:"/",className:"group transition-transform duration-300 hover:scale-105 inline-block",children:(0,s.jsx)("h2",{className:"logo-title text-secondary group-hover:text-white transition-colors",children:"Srz"})})}),(0,s.jsx)("div",{className:"flex items-center space-x-6",children:h.map((t,r)=>{let l="works"===t.title?e===t.href||e.includes("/works/"):e===t.href;return(0,s.jsxs)(i(),{href:t.href,target:t.isExternal?"_blank":"_self",className:"\n                      relative py-2 text-sm font-medium tracking-wide transition-all duration-300\n                      ".concat(l?"text-secondary":"text-slate-300 hover:text-white","\n                      after:content-[''] after:absolute after:bottom-0 after:left-0 after:w-full after:h-[2px] \n                      after:bg-secondary after:transform after:transition-transform after:duration-300\n                      ").concat(l?"after:scale-x-100":"after:scale-x-0 hover:after:scale-x-100","\n                    "),children:[t.title.toUpperCase(),t.isExternal&&(0,s.jsx)(m.A,{className:"h-3 w-3 inline mb-1 ml-1 opacity-70"})]},r)})})]})})}),(0,s.jsx)("div",{className:"md:hidden fixed bottom-2 left-1/2 -translate-x-1/2 w-[90%] max-w-sm z-50",children:(0,s.jsx)("div",{className:"bg-dark-lighter/90 backdrop-blur-xl border border-white/10 rounded-2xl grid grid-cols-4 p-2 shadow-2xl overflow-hidden",children:h.map((t,r)=>{let l="works"===t.title?e===t.href||e.includes("/works/"):e===t.href;return(0,s.jsxs)(i(),{href:t.href,className:"flex flex-col items-center justify-center py-3 px-2 rounded-xl transition-all duration-300\n                  ".concat(l?"bg-primary text-white shadow-lg":"text-slate-400 hover:text-slate-100","\n                "),children:[(0,s.jsx)("div",{className:"".concat(l?"scale-110":""," transition-transform duration-300"),children:t.icon}),(0,s.jsx)("span",{className:"text-[10px] font-bold mt-1",children:t.title.toUpperCase()})]},r)})})})]})}},7005:(e,t,r)=>{"use strict";r.d(t,{default:()=>f});

1var s=r(5155),l=r(2115),a=r(5526),i=r(2619),n=r.n(i),o=r(5239);let c=e=>{let{work:t}=e;return(0,s.jsxs)("div",{className:"group portfolio-item rounded-3xl overflow-hidden relative aspect-[4/3] bg-dark-lighter border border-white/5 shadow-premium transition-all",children:[(0,s.jsx)(o.default,{className:"img-fluid object-cover",src:t.image,alt:t.title,fill:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"}),(0,s.jsx)("div",{className:"absolute inset-0 z-10 bg-gradient-to-t from-dark via-dark/20 to-transparent opacity-80"}),(0,s.jsxs)("div",{className:"absolute z-20 bottom-0 left-0 right-0 p-6",children:[t.company&&(0,s.jsx)("span",{className:"text-[10px] text-secondary font-bold tracking-widest uppercase mb-1 block opacity-80",children:t.company}),(0,s.jsx)("h4",{className:"text-xl font-bold text-white mb-2 leading-tight",children:(0,s.jsx)(n(),{href:"/works/".concat(t.slug),children:t.title})}),(0,s.jsxs)("div",{className:"flex justify-between items-start gap-6 flex-wrap",children:[(0,s.jsx)("div",{className:"flex flex-wrap gap-2",children:t.stacks.map((e,t)=>(0,s.jsx)("span",{className:"text-[10px] px-2 py-1 bg-white/10 backdrop-blur-md border border-white/10 text-white rounded-md uppercase tracking-wider font-medium",children:e},t))}),(0,s.jsx)("div",{children:(0,s.jsx)(n(),{href:"/works/".concat(t.slug),className:"bg-white/50 text-white px-3 py-1 rounded-full font-medium text-xs",children:"VIEW PROJECT"})})]})]})]})},d={Frontend:["React","Next.js","Tailwind","Bootstrap","Inertia.js","Jquery"],Backend:["Laravel","Django","DRF","Rest API"],"Tools & Others":["Docker","VPS","Firebase","SEO"]};function x(e){let{filter:t,active:r,onClick:l}=e,a=r===t;return(0,s.jsx)("li",{children:(0,s.jsx)("button",{type:"button",className:"px-6 py-2 rounded-full text-sm font-bold tracking-wide transition-all duration-300 ".concat(a?"bg-primary text-white shadow-premium ring-2 ring-primary/20":"bg-white/5 text-slate-400 hover:text-white hover:bg-white/10"),onClick:()=>l(t),children:"all"===t?"All Projects":(t.charAt(0).toUpperCase()+t.slice(1)).toUpperCase()})})}function m(e){let{filter:t,active:r,onClick:l}=e,a=r===t;return(0,s.jsx)("li",{children:(0,s.jsx)("button",{type:"button",className:"w-full text-left px-4 py-2 rounded-xl text-sm font-bold tracking-wide transition-all duration-300 ".concat(a?"bg-secondary/10 text-secondary ring-1 ring-secondary/20 shadow-sm":"text-slate-400 hover:text-white hover:bg-white/5"),onClick:()=>l(t),children:"all"===t?"All Technologies":t})})}function h(e){let{work:t}=e;return(0,s.jsx)(a.default,{className:"portfolio-item",revealGroupName:"work-card",children:(0,s.jsx)(c,{work:t})})}function f(e){let{works:t}=e,[r,a]=(0,l.useState)("all"),[i,n]=(0,l.useState)("all"),o=Array.from(new Set(t.flatMap(e=>e.stacks))).sort(),c=(0,l.useCallback)(e=>{a(e)},[]),f=(0,l.useCallback)(e=>{n(e)},[]),u=t.filter(e=>{let t="all"===r||e.type===r,s="all"===i||e.stacks.includes(i);return t&&s}),p=o.reduce((e,t)=>{let r=(e=>{for(let[t,r]of Object.entries(d))if(r.includes(e))return t;return"Other"})(t);return e[r]||(e[r]=[]),e[r].push(t),e},{}),w=["Frontend","Backend","Tools & Others","Other"],b=Object.keys(p).sort((e,t)=>w.indexOf(e)-w.indexOf(t)),g=u.length;return(0,s.jsxs)("div",{className:"flex flex-col lg:flex-row gap-12",children:[(0,s.jsx)("aside",{className:"hidden lg:block lg:w-1/4",children:(0,s.jsx)("div",{className:"lg:sticky lg:top-24 space-y-10",children:(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,s.jsx)("p",{className:"text-slate-500 text-[10px] font-black uppercase tracking-[0.2em] m-0",children:"Filter by Technology"}),(0,s.jsx)("span",{className:"bg-primary/20 text-secondary px-2 py-0.5 rounded-full text-[10px] font-bold",children:g})]}),(0,s.jsxs)("ul",{className:"space-y-6 list-none",id:"portfolio-tech-filters",children:[(0,s.jsx)("li",{children:(0,s.jsx)(m,{filter:"all",active:i,onClick:f})}),b.map(e=>(0,s.jsxs)("li",{children:[(0,s.jsx)("p",{className:"text-slate-600 text-[10px] font-bold uppercase tracking-wider mb-2 ml-4",children:e}),(0,s.jsx)("ul",{className:"space-y-1 list-none",children:p[e].map(e=>(0,s.jsx)(m,{filter:e,active:i,onClick:f},e))})]},e))]})]})})}),(0,s.jsxs)("main",{className:"lg:w-3/4 flex-grow",children:[(0,s.jsx)("div",{className:"mb-12",children:(0,s.jsx)("ul",{className:"flex flex-wrap items-center gap-3 list-none justify-start md:justify-start",id:"portfolio-type-filters",children:["all","software","website","mobile","open source"].map(e=>(0,s.jsx)(x,{filter:e,active:r,onClick:c},e))})}),t?u.length>0?(0,s.jsx)("div",{className:"grid md:grid-cols-2 gap-6",children:u.map(e=>(0,s.jsx)(h,{work:e},e.title))}):(0,s.jsxs)("div",{className:"py-20 text-center bg-dark-lighter/50 rounded-3xl border border-white/5",children:[(0,s.jsx)("h3",{className:"text-2xl font-bold text-white mb-2",children:"No Projects Found"}),(0,s.jsx)("p",{className:"text-slate-400 max-w-md mx-auto",children:"No projects match both the selected category and technology. Try adjusting your filters."}),(0,s.jsx)("button",{onClick:()=>{a("all"),n("all")},className:"mt-6 text-secondary hover:text-white font-bold uppercase tracking-widest text-sm transition-colors",children:"Clear all filters"})]}):(0,s.jsx)("h3",{className:"text-white",children:"Error fetching data"})]})]})}}},e=>{e.O(0,[368,356,441,255,358],()=>e(e.s=5348)),_N_E=e.O()}]);