1:"$Sreact.fragment"
2:I[85437,["/_next/static/chunks/2sh1fquzwb553.js","/_next/static/chunks/14mrh2-p_w84d.js","/_next/static/chunks/2ja9h9s4vu9k_.js","/_next/static/chunks/2p---xlf4xrk3.js"],"Image"]
3:I[22016,["/_next/static/chunks/2sh1fquzwb553.js","/_next/static/chunks/14mrh2-p_w84d.js","/_next/static/chunks/2ja9h9s4vu9k_.js","/_next/static/chunks/2p---xlf4xrk3.js"],""]
b:I[97367,["/_next/static/chunks/2sh1fquzwb553.js","/_next/static/chunks/14mrh2-p_w84d.js","/_next/static/chunks/2ja9h9s4vu9k_.js","/_next/static/chunks/2p---xlf4xrk3.js"],"OutletBoundary"]
c:"$Sreact.suspense"
0:{"rsc":["$","$1","c",{"children":[["$","div",null,{"className":"min-h-[100svh] overflow-hidden bg-[#070707] text-white","children":[["$","section",null,{"className":"relative min-h-[100svh] overflow-hidden","children":[["$","$L2",null,{"src":"/images/projects/mokn.webp","alt":"MOKN","fill":true,"className":"object-cover","priority":true}],["$","div",null,{"className":"absolute inset-0 bg-black/75"}],["$","div",null,{"className":"absolute inset-0 bg-gradient-to-b from-black via-black/85 to-[#070707] lg:bg-gradient-to-r lg:from-black lg:via-black/80 lg:to-transparent"}],["$","div",null,{"className":"absolute inset-0","style":{"background":"\n              radial-gradient(circle at 30% 40%, #FF003C40, transparent 40%),\n              radial-gradient(circle at 70% 90%, #FFFFFF30, transparent 40%)\n            "}}],["$","div",null,{"className":"relative mx-auto max-w-[1080px] px-4 pb-14 pt-10 sm:px-6 sm:pb-16 sm:pt-12 lg:px-8 lg:pb-20 lg:pt-16","children":[["$","div",null,{"className":"grid min-h-0 items-center gap-10 lg:min-h-[560px] lg:grid-cols-[0.95fr_1.05fr] lg:gap-12","children":[["$","div",null,{"className":"text-center lg:text-left","children":[["$","$L2",null,{"src":"/images/projects/mokn.webp","alt":"MOKN logo","width":180,"height":60,"className":"mx-auto mb-6 lg:mx-0"}],["$","h1",null,{"className":"text-[34px] font-semibold leading-[1.05] tracking-[-0.04em] sm:text-[44px] md:text-[52px] lg:text-[58px]","children":"MOKN"}],["$","p",null,{"className":"mt-3 text-[16px] text-white/78 sm:text-[18px] lg:mt-4 lg:text-[20px]","children":"A modern digital agency website built to showcase services, projects, brand identity, and creative capabilities through bold typography, minimal UI, smooth interactions, and high-performance frontend execution."}],["$","p",null,{"className":"mx-auto mt-5 max-w-[560px] text-[15px] leading-[1.75] text-white/72 sm:text-[17px] lg:mx-0 lg:mt-7 lg:text-[18px]","children":"MOKN is a creative digital studio website designed to present services, projects, and brand identity in a clean yet visually striking way. The platform combines minimal design with motion interactions to create a premium and modern agency presence."}],["$","$L3",null,{"href":"/contact","className":"mt-8 inline-block rounded-full px-8 py-4 text-base font-semibold text-white transition hover:scale-105","style":{"backgroundColor":"#FF003C","boxShadow":"0 0 28px #FF003C75"},"children":"Get In Touch"}]]}],["$","div",null,{"className":"flex justify-center lg:justify-end","children":["$","div",null,{"className":"relative [perspective:1400px]","children":[["$","div",null,{"className":"absolute inset-0 blur-[70px] lg:blur-[90px]","style":{"background":"radial-gradient(circle, #FF003C60, transparent 60%)"}}],["$","div",null,{"className":"relative transform-gpu transition duration-700 hover:scale-105 sm:rotate-x-[4deg] sm:rotate-y-[-12deg] sm:rotate-z-[1deg] lg:rotate-x-[6deg] lg:rotate-y-[-18deg] lg:rotate-z-[2deg]","children":[["$","div",null,{"className":"absolute -inset-4 rounded-[36px] bg-black/60 blur-2xl sm:-inset-6 sm:rounded-[50px]"}],["$","div",null,{"className":"relative h-[420px] w-[210px] rounded-[32px] border-[7px] border-[#111] bg-[#050505] shadow-[30px_24px_80px_rgba(0,0,0,0.8)] sm:h-[540px] sm:w-[260px] sm:rounded-[38px] sm:border-[9px] lg:h-[640px] lg:w-[310px] lg:rounded-[42px] lg:border-[10px] lg:shadow-[60px_40px_120px_rgba(0,0,0,0.9)]","children":[["$","div",null,{"className":"absolute left-1/2 top-2 z-20 h-[16px] w-[82px] -translate-x-1/2 rounded-full bg-black sm:top-3 sm:h-[20px] sm:w-[100px] lg:h-[22px] lg:w-[110px]"}],["$","div",null,{"className":"absolute inset-[8px] flex items-center justify-center rounded-[24px] p-5 sm:inset-[10px] sm:rounded-[30px] sm:p-8 lg:p-10","style":{"background":"linear-gradient(135deg, #FF003C30, #11111120, #FFFFFF30)"},"children":"$L4"}]]}]]}]]}]}]]}],"$L5","$L6","$L7","$L8"]}]]}],"$L9"]}],null,"$La"]}],"isPartial":false,"staleTime":300,"varyParams":null,"buildId":"gOW0YPOiSjewp93Etml0T"}
4:["$","$L2",null,{"src":"/images/projects/mokn.webp","alt":"MOKN","width":400,"height":700,"className":"h-full w-full object-contain"}]
5:["$","section",null,{"className":"mt-12 sm:mt-14 lg:mt-6","children":[["$","h2",null,{"className":"mb-5 text-center text-[24px] font-semibold text-white/90 sm:text-[26px] lg:mb-6 lg:text-left lg:text-[28px]","children":"Project Overview"}],["$","div",null,{"className":"grid gap-4 sm:grid-cols-2 lg:grid-cols-4","children":[["$","div","Client",{"className":"rounded-[10px] border border-white/10 bg-white/[0.07] px-4 py-4 backdrop-blur sm:px-5","children":[["$","div",null,{"className":"mb-2 flex items-center gap-2","children":[["$","span",null,{"className":"text-[19px] sm:text-[20px]","children":"🏢"}],["$","span",null,{"className":"text-[11px] font-bold uppercase tracking-[0.12em] sm:text-[12px]","style":{"color":"#FFFFFF"},"children":"Client"}]]}],["$","p",null,{"className":"break-words text-[14px] font-medium text-white/85 sm:text-[15px]","children":"MOKN Studio"}]]}],["$","div","Service",{"className":"rounded-[10px] border border-white/10 bg-white/[0.07] px-4 py-4 backdrop-blur sm:px-5","children":[["$","div",null,{"className":"mb-2 flex items-center gap-2","children":[["$","span",null,{"className":"text-[19px] sm:text-[20px]","children":"🧩"}],["$","span",null,{"className":"text-[11px] font-bold uppercase tracking-[0.12em] sm:text-[12px]","style":{"color":"#FFFFFF"},"children":"Service"}]]}],["$","p",null,{"className":"break-words text-[14px] font-medium text-white/85 sm:text-[15px]","children":"UI/UX Design + Frontend Development"}]]}],["$","div","Timeline",{"className":"rounded-[10px] border border-white/10 bg-white/[0.07] px-4 py-4 backdrop-blur sm:px-5","children":[["$","div",null,{"className":"mb-2 flex items-center gap-2","children":[["$","span",null,{"className":"text-[19px] sm:text-[20px]","children":"⏱️"}],["$","span",null,{"className":"text-[11px] font-bold uppercase tracking-[0.12em] sm:text-[12px]","style":{"color":"#FFFFFF"},"children":"Timeline"}]]}],["$","p",null,{"className":"break-words text-[14px] font-medium text-white/85 sm:text-[15px]","children":"3–4 Weeks"}]]}],["$","div","Tech Stack",{"className":"rounded-[10px] border border-white/10 bg-white/[0.07] px-4 py-4 backdrop-blur sm:px-5","children":[["$","div",null,{"className":"mb-2 flex items-center gap-2","children":[["$","span",null,{"className":"text-[19px] sm:text-[20px]","children":"⚙️"}],["$","span",null,{"className":"text-[11px] font-bold uppercase tracking-[0.12em] sm:text-[12px]","style":{"color":"#FFFFFF"},"children":"Tech Stack"}]]}],["$","p",null,{"className":"break-words text-[14px] font-medium text-white/85 sm:text-[15px]","children":"Webflow / Custom Frontend / JavaScript / GSAP"}]]}]]}]]}]
6:["$","section",null,{"className":"mt-12 sm:mt-14 lg:mt-16","children":[["$","h2",null,{"className":"mb-5 text-center text-[24px] font-semibold text-white/90 sm:mb-8 sm:text-[28px] lg:text-left","children":"Client Requirement & How We Fulfilled"}],["$","div",null,{"className":"grid gap-5 md:grid-cols-2 lg:gap-6","children":[["$","div",null,{"className":"relative overflow-hidden rounded-[16px] border border-white/10 bg-white/[0.05] p-5 backdrop-blur sm:p-7","children":[["$","div",null,{"className":"absolute left-0 top-0 h-20 w-36 blur-[45px]","style":{"backgroundColor":"#FF003C35"}}],["$","div",null,{"className":"relative","children":[["$","h3",null,{"className":"mb-3 text-[19px] font-semibold text-white sm:mb-4 sm:text-[21px]","children":"Client Requirement"}],["$","p",null,{"className":"text-[14px] leading-[1.8] text-white/72 sm:text-[15px]","children":"The client needed a modern agency website that clearly communicated services, showcased selected projects, strengthened brand identity, and created a premium first impression. The website had to balance strong visuals with clarity so visitors could quickly understand what the agency offers and why they should trust it."}]]}]]}],["$","div",null,{"className":"relative overflow-hidden rounded-[16px] border border-white/10 bg-white/[0.05] p-5 backdrop-blur sm:p-7","children":[["$","div",null,{"className":"absolute left-0 top-0 h-20 w-36 blur-[45px]","style":{"backgroundColor":"#FFFFFF35"}}],["$","div",null,{"className":"relative","children":[["$","h3",null,{"className":"mb-3 text-[19px] font-semibold text-white sm:mb-4 sm:text-[21px]","children":"How We Fulfilled It"}],["$","p",null,{"className":"text-[14px] leading-[1.8] text-white/72 sm:text-[15px]","children":"We fulfilled the requirement by designing a bold minimal interface with strong typography, structured content hierarchy, service sections, project showcases, smooth micro-interactions, responsive layouts, and optimized frontend performance. The experience was created to feel premium while making the agency’s value proposition easy to understand."}]]}]]}]]}]]}]
7:["$","section",null,{"className":"mt-12 sm:mt-14 lg:mt-16","children":[["$","h2",null,{"className":"mb-5 text-center text-[24px] font-semibold text-white/90 sm:mb-8 sm:text-[28px] lg:text-left","children":"Key Features and Benefits"}],["$","div",null,{"className":"grid gap-5 md:grid-cols-2 lg:gap-6","children":[["$","div","Key Features",{"className":"relative overflow-hidden rounded-[16px] border border-white/10 bg-white/[0.05] p-5 backdrop-blur sm:p-7","children":[["$","div",null,{"className":"absolute left-0 top-0 h-20 w-36 blur-[45px]","style":{"backgroundColor":"#FF003C35"}}],["$","h3",null,{"className":"relative mb-4 text-[19px] font-semibold sm:mb-5 sm:text-[21px]","children":"Key Features"}],["$","div",null,{"className":"relative space-y-3","children":[["$","p","0",{"className":"text-[14px] leading-[1.7] text-white/70 sm:text-[15px]","children":[["$","span",null,{"style":{"color":"#FFFFFF"},"children":"• "}],"Minimalist UI with strong typography"]}],["$","p","1",{"className":"text-[14px] leading-[1.7] text-white/70 sm:text-[15px]","children":[["$","span",null,{"style":{"color":"#FFFFFF"},"children":"• "}],"Smooth micro-interactions and animations"]}],["$","p","2",{"className":"text-[14px] leading-[1.7] text-white/70 sm:text-[15px]","children":[["$","span",null,{"style":{"color":"#FFFFFF"},"children":"• "}],"Clear service presentation"]}],["$","p","3",{"className":"text-[14px] leading-[1.7] text-white/70 sm:text-[15px]","children":[["$","span",null,{"style":{"color":"#FFFFFF"},"children":"• "}],"Portfolio/project showcase sections"]}]]}]]}],["$","div","Benefits & Outcomes",{"className":"relative overflow-hidden rounded-[16px] border border-white/10 bg-white/[0.05] p-5 backdrop-blur sm:p-7","children":[["$","div",null,{"className":"absolute left-0 top-0 h-20 w-36 blur-[45px]","style":{"backgroundColor":"#FF003C35"}}],["$","h3",null,{"className":"relative mb-4 text-[19px] font-semibold sm:mb-5 sm:text-[21px]","children":"Benefits & Outcomes"}],["$","div",null,{"className":"relative space-y-3","children":[["$","p","0",{"className":"text-[14px] leading-[1.7] text-white/70 sm:text-[15px]","children":[["$","span",null,{"style":{"color":"#FFFFFF"},"children":"• "}],"Responsive design across all devices"]}],["$","p","1",{"className":"text-[14px] leading-[1.7] text-white/70 sm:text-[15px]","children":[["$","span",null,{"style":{"color":"#FFFFFF"},"children":"• "}],"Fast loading and optimized performance"]}],["$","p","2",{"className":"text-[14px] leading-[1.7] text-white/70 sm:text-[15px]","children":[["$","span",null,{"style":{"color":"#FFFFFF"},"children":"• "}],"Modern grid-based layouts"]}]]}]]}]]}]]}]
8:["$","section",null,{"className":"mt-14 text-center sm:mt-16 lg:mt-20","children":[["$","h2",null,{"className":"text-[26px] font-semibold leading-[1.15] sm:text-[32px] md:text-[36px]","children":"Build a Modern Agency Website"}],["$","$L3",null,{"href":"/contact","className":"mt-6 inline-block rounded-full px-8 py-4 text-base font-semibold text-white transition hover:scale-105","style":{"backgroundColor":"#FF003C","boxShadow":"0 0 38px #FF003C80"},"children":"Start A Project"}]]}]
9:["$","footer",null,{"className":"bg-[#181818] text-white","children":["$","div",null,{"className":"mx-auto flex w-full max-w-[1440px] flex-col items-center justify-center gap-5 px-4 py-5 sm:px-6 md:flex-row md:justify-between md:gap-6 lg:px-8","children":[["$","p",null,{"className":"order-2 text-center text-[12px] font-semibold text-white/80 md:order-1 md:text-left md:text-[13px]","children":"Copyright © 2025 NexSoll. All Rights Reserved."}],["$","nav",null,{"className":"order-1 flex flex-wrap items-center justify-center gap-x-4 gap-y-3 text-sm sm:gap-x-6 md:order-2","children":[["$","$L3","/",{"href":"/","className":"transition hover:text-[#32c5d7]","children":"Home"}],["$","$L3","/services",{"href":"/services","className":"transition hover:text-[#32c5d7]","children":"Services"}],["$","$L3","/projects",{"href":"/projects","className":"transition hover:text-[#32c5d7]","children":"Projects"}],["$","$L3","/about",{"href":"/about","className":"transition hover:text-[#32c5d7]","children":"About"}],["$","$L3","/blogs",{"href":"/blogs","className":"transition hover:text-[#32c5d7]","children":"Blog"}],["$","$L3","/contact",{"href":"/contact","className":"transition hover:text-[#32c5d7]","children":"Contact"}]]}]]}]}]
a:["$","$Lb",null,{"children":["$","$c",null,{"name":"Next.MetadataOutlet","children":"$@d"}]}]
d:null