https://zaeemshakeel.vercel.app/_next/static/chunks/bc41a1cab8c073c8.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,50403,e=>{e.v("/_next/static/media/zaeemblack.c3c8a46e.png")},67585,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"BailoutToCSR",{enumerable:!0,get:function(){return l}});let n=e.r(32061);function l({reason:e,children:t}){if("undefined"==typeof window)throw Object.defineProperty(new n.BailoutToCSRError(e),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});return t}},9885,(e,t,a)=>{"use strict";function n(e){return e.split("/").map(e=>encodeURIComponent(e)).join("/")}Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"encodeURIPath",{enumerable:!0,get:function(){return n}})},52157,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"PreloadChunks",{enumerable:!0,get:function(){return o}});let n=e.r(43476),l=e.r(74080),s=e.r(63599),r=e.r(9885),i=e.r(43369);function o({moduleIds:e}){if("undefined"!=typeof window)return null;let t=s.workAsyncStorage.getStore();if(void 0===t)return null;let a=[];if(t.reactLoadableManifest&&e){let n=t.reactLoadableManifest;for(let t of e){if(!n[t])continue;let e=n[t].files;a.push(...e)}}if(0===a.length)return null;let o=(0,i.getDeploymentIdQueryOrEmptyString)();return(0,n.jsx)(n.Fragment,{children:a.map(e=>{let a=`${t.assetPrefix}/_next/${(0,r.encodeURIPath)(e)}${o}`;return e.endsWith(".css")?(0,n.jsx)("link",{precedence:"dynamic",href:a,rel:"stylesheet",as:"style",nonce:t.nonce},e):((0,l.preload)(a,{as:"script",fetchPriority:"low",nonce:t.nonce}),null)})})}},69093,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"default",{enumerable:!0,get:function(){return d}});let n=e.r(43476),l=e.r(71645),s=e.r(67585),r=e.r(52157);function i(e){return{default:e&&"default"in e?e.default:e}}let o={loader:()=>Promise.resolve(i(()=>null)),loading:null,ssr:!0},d=function(e){let t={...o,...e},a=(0,l.lazy)(()=>t.loader().then(i)),d=t.loading;function c(e){let i=d?(0,n.jsx)(d,{isLoading:!0,pastDelay:!0,error:null}):null,o=!t.ssr||!!t.loading,c=o?l.Suspense:l.Fragment,u=t.ssr?(0,n.jsxs)(n.Fragment,{children:["undefined"==typeof window?(0,n.jsx)(r.PreloadChunks,{moduleIds:t.modules}):null,(0,n.jsx)(a,{...e})]}):(0,n.jsx)(s.BailoutToCSR,{reason:"next/dynamic",children:(0,n.jsx)(a,{...e})});return(0,n.jsx)(c,{...o?{fallback:i}:{},children:u})}return c.displayName="LoadableComponent",c}},70703,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"default",{enumerable:!0,get:function(){return l}});let n=e.r(55682)._(e.r(69093));function l(e,t){let a={};"function"==typeof e&&(a.loader=e);let l={...a,...t};return(0,n.default)({...l,modules:l.loadableGenerated?.modules})}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},74647,e=>{"use strict";var t=e.i(43476),a=e.i(71645),n=e.i(70703);let l={src:e.i(50403).default,width:650,height:650,blurWidth:8,blurHeight:8,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAArElEQVR42j2OSwqDMBRFn/Gv+EFTFRXBkeDEzjJKXYjd/zZuzW3p4EFCTs474vs+wjBEFEVIkgRFUaAsy/9IEAR8jOMY27bheRxomgZVVXFEqa8hyzKc5wvv68I8z4TquoZ4noKzOP0wDNj3HcuyEKJBxIPrOG61tRZ93xOcpok9NyBQSqHrOhhjsK4rz+M4ci0BZ9H6wUhXrrVG27aM/wHCS57nDE7TlL9d2we9+00veUsCQwAAAABJRU5ErkJggg=="};e.i(96242);var s=e.i(46932),r=e.i(57688),i=e.i(97053);let o={hidden:{opacity:0,x:-100},visible:{opacity:1,x:0,transition:{duration:.5,staggerChildren:.5}}},d={hidden:{opacity:0,x:-100},visible:{opacity:1,x:0,transition:{duration:.5}}},c={hidden:{x:100,opacity:0,scale:.8},visible:{x:0,opacity:1,scale:1,transition:{duration:1,delay:.5,ease:"easeOut"}}},u=i.default.div.withConfig({displayName:"Hero__StyledWrapper",componentId:"sc-168b827-0"})`
2  .button {
3    --main-focus: #ffffff;
4    --font-color: #ffffff;
5    --bg-color-sub: #111111;
6    --bg-color: #000000;
7    --main-color: #ffffff;
8    position: relative;
9    width: 188px;
10    height: 44px;

11    cursor: pointer;
12    display: flex;
13    align-items: center;
14    border: 2px solid var(--main-color);
15    box-shadow: 4px 4px var(--main-color);
16    background-color: var(--bg-color);
17    border-radius: 10px;
18    overflow: hidden;
19  }
20
21  .button, .button__icon, .button__text {
22    transition: all 0.3s;
23  }
24
25  .button .button__text {
26    transform: translateX(16px);
27    color: var(--font-color);
28    font-weight: 600;
29    font-size: 0.95rem;
30    white-space: nowrap;
31  }
32
33  .button .button__icon {
34    position: absolute;
35    transform: translateX(150px);
36    height: 100%;
37    width: 35px;
38    background-color: #2b2b2b;
39    display: flex;
40    align-items: center;
41    justify-content: center;
42  }
43
44  .button .svg {
45    width: 20px;
46    fill: var(--main-color);
47  }
48
49  .button:hover {
50    background: var(--bg-color);
51  }
52
53  .button:hover .button__text {
54    color: transparent;
55  }
56
57  .button:hover .button__icon {
58    width: 184px;
59    transform: translateX(0);
60  }
61
62  .button:active {
63    transform: translate(3px, 3px);
64    box-shadow: 0px 0px var(--main-color);
65  }
66`,p=()=>(0,t.jsxs)("div",{className:"pb-4 lg:mb-36",children:[(0,t.jsxs)("div",{className:"flex flex-wrap lg:flex-row-reverse",children:[(0,t.jsx)("div",{className:"w-full lg:w-1/2",children:(0,t.jsx)("div",{className:"flex justify-center lg:p-8",children:(0,t.jsx)(s.motion.div,{variants:c,initial:"hidden",animate:"visible",children:(0,t.jsx)(r.default,{src:l,alt:"Zaeem Shakeel - MERN Stack Developer",className:"border border-stone-900 rounded-3xl",width:500,height:500,priority:!0,loading:"eager",quality:90,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"})})})}),(0,t.jsx)("div",{className:"w-full lg:w-1/2",children:(0,t.jsxs)(s.motion.div,{initial:"hidden",animate:"visible",variants:o,className:"flex flex-col items-center lg:items-start mt-10",itemScope:!0,itemType:"https://schema.org/Person",children:[(0,t.jsx)(s.motion.h3,{variants:d,className:"pb-2 text-4xl tracking-tighter lg:text-8xl text-white text-center lg:text-left",itemProp:"name",children:"Zaeem Shakeel"}),(0,t.jsx)(s.motion.h1,{variants:d,className:"bg-gradient-to-r from-stone-300 to-stone-600 bg-clip-text text-3xl tracking-tight text-transparent text-center lg:text-left",itemProp:"jobTitle",children:"Frontend Focused MERN Stack Developer"}),(0,t.jsx)("div",{itemProp:"description",children:(0,t.jsx)(s.motion.h3,{variants:d,className:"my-2 text-center max-w-lg py-4 text-xl leading-relaxed tracking-tighter lg:text-left md:text-center sm:text-center text-white",children:"I have 2+ years of Experience in building scalable, high-performance web applications using JavaScript, React.js, Next.js, Node.js, Express.js, and MongoDB. I specialize in developing SEO-friendly SaaS platforms, Admin Panels, Customer Support Portals, and modern landing pages with clean, responsive UI, optimized performance, and exceptional user experiences."})}),(0,t.jsx)(s.motion.div,{variants:d,children:(0,t.jsx)(u,{children:(0,t.jsxs)("a",{href:"/Zaeem Shakeel.pdf",target:"_blank",rel:"noopener noreferrer",download:!0,className:"button ","aria-label":"Download Zaeem Shakeel's Resume",children:[(0,t.jsx)("span",{className:"button__text",children:"Download Resume"}),(0,t.jsx)("span",{className:"button__icon",children:(0,t.jsxs)("svg",{className:"svg","data-name":"Layer 2",id:"bdd05811-e15d-428c-bb53-8661459f9307",viewBox:"0 0 35 35",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("path",{d:"M17.5,22.131a1.249,1.249,0,0,1-1.25-1.25V2.187a1.25,1.25,0,0,1,2.5,0V20.881A1.25,1.25,0,0,1,17.5,22.131Z"}),(0,t.jsx)("path",{d:"M17.5,22.693a3.189,3.189,0,0,1-2.262-.936L8.487,15.006a1.249,1.249,0,0,1,1.767-1.767l6.751,6.751a.7.7,0,0,0,.99,0l6.751-6.751a1.25,1.25,0,0,1,1.768,1.767l-6.752,6.751A3.191,3.191,0,0,1,17.5,22.693Z"}),(0,t.jsx)("path",{d:"M31.436,34.063H3.564A3.318,3.318,0,0,1,.25,30.749V22.011a1.25,1.25,0,0,1,2.5,0v8.738a.815.815,0,0,0,.814.814H31.436a.815.815,0,0,0,.814-.814V22.011a1.25,1.25,0,1,1,2.5,0v8.738A3.318,3.318,0,0,1,31.436,34.063Z"})]})})]})})})]})})]}),(0,t.jsxs)("div",{className:"hidden","aria-hidden":"true",children:[(0,t.jsx)("h2",{children:"MERN Stack Development Expertise"}),(0,t.jsx)("p",{children:"Zaeem Shakeel is a skilled MERN Stack developer specializing in React.js, Next.js, Node.js, Express.js, MongoDB, JavaScript, and modern web technologies. Services include responsive web design, user interface development, and performance optimization."}),(0,t.jsxs)("ul",{children:[(0,t.jsx)("li",{children:"MERN Stack Developer with React.js, Next.js, Node.js, Express.js, MongoDB, and JavaScript expertise"}),(0,t.jsx)("li",{children:"Responsive web interface design and development"}),(0,t.jsx)("li",{children:"Dynamic user experience implementation"}),(0,t.jsx)("li",{children:"Business-focused frontend solutions"}),(0,t.jsx)("li",{children:"Performance-optimized web applications"})]}),(0,t.jsx)("p",{children:"Based in Lahore, Pakistan, serving clients worldwide with cutting-edge frontend and backend development services."})]})]});var x=e.i(61918),f=e.i(49066);function m(){return(0,t.jsxs)("header",{className:"min-h-screen relative bg-black overflow-hidden",role:"banner",children:[(0,t.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"https://schema.org","@type":"Person",name:"Zaeem Shakeel",jobTitle:"Front-end Developer",description:"Passionate front-end developer creating dynamic, responsive, and visually appealing web interfaces",image:"https://yourdomain.com/zaeemblack.png",url:"https://zaeemshakeel.vercel.app/",sameAs:["https://github.com/ZaeemShakeel/","https://linkedin.com/in/zaeem-shakeel/"]})}}),(0,t.jsx)("div",{className:"absolute inset-0 z-0","aria-hidden":"true",children:(0,t.jsx)(f.default,{beamWidth:3,beamHeight:20,beamNumber:12,lightColor:"#ffffff",speed:2,noiseIntensity:1.75,scale:.2,rotation:30})}),(0,t.jsxs)("div",{className:"relative z-10 min-h-screen flex flex-col px-4 md:px-6 lg:px-10",children:[(0,t.jsx)(x.default,{}),(0,t.jsx)("main",{className:"flex-1 flex items-center justify-center",role:"main",children:(0,t.jsx)("div",{className:"container mx-auto px-4 md:px-6",children:(0,t.jsx)(p,{})})})]})]})}let h=({className:e})=>(0,t.jsx)("div",{className:`w-full animate-pulse bg-stone-900/50 rounded-xl ${e}`,children:(0,t.jsx)("div",{className:"h-full w-full opacity-50 bg-gradient-to-r from-stone-900 via-stone-800 to-stone-900"})}),g=()=>(0,t.jsxs)("div",{className:"w-full max-w-7xl mx-auto py-20 px-4",children:[(0,t.jsx)("div",{className:"flex justify-center mb-16",children:(0,t.jsx)(h,{className:"h-12 w-64 roun

66ded-lg"})}),(0,t.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",children:[(0,t.jsx)(h,{className:"h-64 rounded-xl"}),(0,t.jsx)(h,{className:"h-64 rounded-xl"}),(0,t.jsx)(h,{className:"h-64 rounded-xl"})]})]}),b=(0,n.default)(()=>e.A(6870),{loadableGenerated:{modules:[86626]},loading:()=>(0,t.jsx)(g,{})}),j=(0,n.default)(()=>e.A(65539),{loadableGenerated:{modules:[27480]},loading:()=>(0,t.jsx)(g,{})}),v=(0,n.default)(()=>e.A(20027),{loadableGenerated:{modules:[749]},loading:()=>(0,t.jsx)(g,{})}),w=(0,n.default)(()=>e.A(44440),{loadableGenerated:{modules:[94463]},loading:()=>(0,t.jsx)(g,{})}),y=(0,n.default)(()=>e.A(60152),{loadableGenerated:{modules:[73942]},loading:()=>(0,t.jsx)(g,{})}),_=(0,n.default)(()=>e.A(4742),{loadableGenerated:{modules:[88396]},loading:()=>(0,t.jsx)(g,{})});function N(){let[e,n]=(0,a.useState)(!1);return(0,t.jsx)(t.Fragment,{children:!e&&(0,t.jsxs)("div",{className:"bg-black overflow-hidden",children:[(0,t.jsx)(m,{}),(0,t.jsxs)("div",{className:"relative w-full bg-black overflow-hidden",children:[(0,t.jsx)("div",{className:"absolute bottom-0 left-0 right-0 top-0 bg-[linear-gradient(to_right,#4f4f4f2e_1px,transparent_1px),linear-gradient(to_bottom,#8080800a_1px,transparent_1px)] bg-[size:14px_24px]"}),(0,t.jsx)("div",{className:"absolute left-1/2 top-[2%] -translate-x-1/2 -translate-y-1/2 h-[400px] w-[400px] rounded-full bg-[radial-gradient(circle_200px_at_50%_50%,rgba(251,251,251,0.15),transparent)]"}),(0,t.jsx)("div",{className:"absolute left-1/2 top-[15%] -translate-x-1/2 -translate-y-1/2 h-[500px] w-[500px] rounded-full bg-[radial-gradient(circle_250px_at_50%_50%,rgba(251,251,251,0.12),transparent)]"}),(0,t.jsx)("div",{className:"absolute left-1/2 top-[63%] -translate-x-1/2 -translate-y-1/2 h-[450px] w-[450px] rounded-full bg-[radial-gradient(circle_285px_at_50%_50%,rgba(251,251,251,0.1),transparent)]"}),(0,t.jsx)("div",{className:"absolute left-1/2 top-[79%] -translate-x-1/2 -translate-y-1/2 h-[450px] w-[450px] rounded-full bg-[radial-gradient(circle_285px_at_50%_50%,rgba(251,251,251,0.1),transparent)]"}),(0,t.jsxs)("div",{className:"relative z-10",children:[(0,t.jsx)(b,{}),(0,t.jsx)(j,{}),(0,t.jsx)(v,{}),(0,t.jsx)(w,{}),(0,t.jsx)(y,{}),(0,t.jsx)(_,{})]})]})]})})}e.s(["default",()=>N],74647)},6870,e=>{e.v(t=>Promise.all(["static/chunks/814fcf201d4cbc63.js","static/chunks/b6e6c0f918cd3d87.js"].map(t=>e.l(t))).then(()=>t(86626)))},65539,e=>{e.v(t=>Promise.all(["static/chunks/39c4fc4fd1a4cd42.js","static/chunks/814fcf201d4cbc63.js"].map(t=>e.l(t))).then(()=>t(27480)))},20027,e=>{e.v(t=>Promise.all(["static/chunks/f0fca25e5eef0776.js"].map(t=>e.l(t))).then(()=>t(749)))},44440,e=>{e.v(t=>Promise.all(["static/chunks/c22ce61f63147214.js"].map(t=>e.l(t))).then(()=>t(94463)))},60152,e=>{e.v(t=>Promise.all(["static/chunks/6da7b87c3e2269e5.js"].map(t=>e.l(t))).then(()=>t(73942)))},4742,e=>{e.v(t=>Promise.all(["static/chunks/8f7d9b213da9b063.js"].map(t=>e.l(t))).then(()=>t(88396)))}]);