https://susmitadey.vercel.app/_next/static/chunks/8954.b669ae557737bfa0.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8954],{28954:(t,a,r)=>{r.r(a),r.d(a,{default:()=>b});var e=r(95155),o=r(94368),n=r(12115),l=r(42878),s=r(75561),d=r(64269);let c=t=>{let{gradientBackgroundStart:a="rgb(108, 0, 162)",gradientBackgroundEnd:r="rgb(0, 17, 82)",firstColor:o="18, 113, 255",secondColor:l="221, 74, 255",thirdColor:s="100, 220, 255",fourthColor:c="200, 50, 50",fifthColor:i="180, 180, 50",pointerColor:g="140, 100, 255",size:h="80%",blendingValue:L="hard-light",children:f,className:m,interactive:u=!0,containerClassName:b}=t,x=(0,n.useRef)(null),[v,p]=(0,n.useState)(0),[M,_]=(0,n.useState)(0),[y,j]=(0,n.useState)(0),[A,w]=(0,n.useState)(0);(0,n.useEffect)(()=>{document.body.style.setProperty("--gradient-background-start",a),document.body.style.setProperty("--gradient-background-end",r),document.body.style.setProperty("--first-color",o),document.body.style.setProperty("--second-color",l),document.body.style.setProperty("--third-color",s),document.body.style.setProperty("--fourth-color",c),document.body.style.setProperty("--fifth-color",i),document.body.style.setProperty("--pointer-color",g),document.body.style.setProperty("--size",h),document.body.style.setProperty("--blending-value",L)},[]),(0,n.useEffect)(()=>{x.current&&(p(v+(y-v)/20),_(M+(A-M)/20),x.current.style.transform="translate(".concat(Math.round(v),"px, ").concat(Math.round(M),"px)"))},[y,A]);let[N,z]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{z(/^((?!chrome|android).)*safari/i.test(navigator.userAgent))},[]),(0,e.jsxs)("div",{className:(0,d.cn)("w-full h-full absolute overflow-hidden top-0 left-0 bg-[linear-gradient(40deg,var(--gradient-background-start),var(--gradient-background-end))]",b),children:[(0,e.jsx)("svg",{className:"hidden",children:(0,e.jsx)("defs",{children:(0,e.jsxs)("filter",{id:"blurMe",children:[(0,e.jsx)("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"10",result:"blur"}),(0,e.jsx)("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8",result:"goo"}),(0,e.jsx)("feBlend",{in:"SourceGraphic",in2:"goo"})]})})}),(0,e.jsx)("div",{className:(0,d.cn)("",m),children:f}),(0,e.jsxs)("div",{className:(0,d.cn)("gradients-container h-full w-full blur-lg",N?"blur-2xl":"[filter:url(#blurMe)_blur(40px)]"),children:[(0,e.jsx)("div",{className:(0,d.cn)("absolute [background:radial-gradient(circle_at_center,_var(--first-color)_0,_var(--first-color)_50%)_no-repeat]","[mix-blend-mode:var(--blending-value)] w-[var(--size)] h-[var(--size)] top-[calc(50%-var(--size)/2)] left-[calc(50%-var(--size)/2)]","[transform-origin:center_center]","animate-first","opacity-100")}),(0,e.jsx)("div",{className:(0,d.cn)("absolute [background:radial-gradient(circle_at_center,_rgba(var(--second-color),_0.8)_0,_rgba(var(--second-color),_0)_50%)_no-repeat]","[mix-blend-mode:var(--blending-value)] w-[var(--size)] h-[var(--size)] top-[calc(50%-var(--size)/2)] left-[calc(50%-var(--size)/2)]","[transform-origin:calc(50%-400px)]","animate-second","opacity-100")}),(0,e.jsx)("div",{className:(0,d.cn)("absolute [background:radial-gradient(circle_at_center,_rgba(var(--third-color),_0.8)_0,_rgba(var(--third-color),_0)_50%)_no-repeat]","[mix-blend-mode:var(--blending-value)] w-[var(--size)] h-[var(--size)] top-[calc(50%-var(--size)/2)] left-[calc(50%-var(--size)/2)]","[transform-origin:calc(50%+400px)]","animate-third","opacity-100")}),(0,e.jsx)("div",{className:(0,d.cn)("absolute [background:radial-gradient(circle_at_center,_rgba(var(--fourth-color),_0.8)_0,_rgba(var(--fourth-color),_0)_50%)_no-repeat]","[mix-blend-mode:var(--blending-value)] w-[var(--size)] h-[var(--size)] top-[calc(50%-var(--size)/2)] left-[calc(50%-var(--size)/2)]","[transform-origin:calc(50%-200px)]","animate-fourth","opacity-70")}),(0,e.jsx)("div",{className:(0,d.cn)("absolute [background:radial-gradient(circle_at_center,_rgba(var(--fifth-color),_0.8)_0,_rgba(var(--fifth-color),_0)_50%)_no-repeat]","[mix-blend-mode:var(--blending-value)] w-[var(--size)] h-[var(--size)] top-[calc(50%-var(--size)/2)] left-[calc(50%-var(--size)/2)]","[transform-origin:calc(50%-800px)_calc(50%+800px)]","animate-fifth","opacity-100")}),u&&(0,e.jsx)("div",{ref:x,onMouseMove:t=>{if(x.current){let a=x.current.getBoundingClientRect();j(t.clientX-a.left),w(t.clientY-a.top)}},className:(0,d.cn)("absolute [background:radial-gradient(circle_at_center,_rgba(var(--pointer-color),_0.8)_0,_rgba(var(--pointer-color),_0)_50%)_no-repeat]","[mix-blend-mode:var(--blending-value)] w-full h-full -top-1/2 -left-1/2","opacity-70")})]})]})},i=(0,r(67909).default)(()=>Promise.all([r.e(1831),r.e(9510),r.e(9367),r.e(950),r.e(9804),r.e(594),r.e(5847),r.e(7390),r.e(3082)]).then(r.bind(r,53082)).then(t=>t.World),{loadableGenerated:{webpack:()=>[53082]},ssr:!1}),g=()=>{let t=["#06b6d4","#3b82f6","#6366f1"],a=[{order:1,startLat:-19.885592,startLng:-43.951191,endLat:-22.9068,endLng:-43.1729,arcAlt:.1,color:t[Math.floor(Math.random()*(t.length-1))]},{order:1,startLat:28.6139,startLng:77.209,endLat:3.139,endLng:101.6869,arcAlt:.2,color:t[Math.floor(Math.random()*(t.length-1))]},{order:1,startLat:-19.885592,startLng:-43.951191,endLat:-1.303396,endLng:36.852443,arcAlt:.5,color:t[Math.floor(Math.random()*(t.length-1))]},{order:2,startLat:1.3521,startLng:103.8198,endLat:35.6762,endLng:139.6503,arcAlt:.2,color:t[Math.floor(Math.random()*(t.length-1))]},{order:2,startLat:51.5072,startLng:-.1276,endLat:3.139,endLng:101.6869,arcAlt:.3,color:t[Math.floor(Math.random()*(t.length-1))]},{order:2,startLat:-15.785493,startLng:-47.909029,endLat:36.162809,endLng:-115.119411,arcAlt:.3,color:t[Math.floor(Math.random()*(t.length-1))]},{order:3,startLat:-33.8688,startLng:151.2093,endLat:22.3193,endLng:114.1694,arcAlt:.3,color:t[Math.floor(Math.random()*(t.length-1))]},{order:3,startLat:21.3099,startLng:-157.8581,endLat:40.7128,endLng:-74.006,arcAlt:.3,color:t[Math.floor(Math.random()*(t.length-1))]},{order:3,startLat:-6.2088,startLng:106.8456,endLat:51.5072,endLng:-.1276,arcAlt:.3,color:t[Math.floor(Math.random()*(t.length-1))]},{order:4,startLat:11.986597,startLng:8.571831,endLat:-15.595412,endLng:-56.05918,arcAlt:.5,color:t[Math.floor(Math.random()*(t.length-1))]},{order:4,startLat:-34.6037,startLng:-58.3816,endLat:22.3193,endLng:114.1694,arcAlt:.7,color:t[Math.floor(Math.random()*(t.length-1))]},{order:4,startLat:51.5072,startLng:-.1276,endLat:48.8566,endLng:-2.3522,arcAlt:.1,color:t[Math.floor(Math.random()*(t.length-1))]},{order:5,startLat:14.5995,startLng:120.9842,endLat:51.5072,endLng:-.1276,arcAlt:.3,color:t[Math.floor(Math.random()*(t.length-1))]},{order:5,startLat:1.3521,startLng:103.8198,endLat:-33.8688,endLng:151.2093,arcAlt:.2,color:t[Math.floor(Math.random()*(t.length-1))]},{order:5,startLat:34.0522,startLng:-118.2437,endLat:48.8566,endLng:-2.3522,arcAlt:.2,color:t[Math.floor(Math.random()*(t.length-1))]},{order:6,startLat:-15.432563,startLng:28.315853,endLat:1.094136,endLng:-63.34546,arcAlt:.7,color:t[Math.floor(Math.random()*(t.length-1))]},{order:6,startLat:37.5665,startLng:126.978,endLat:35.6762,endLng:139.6503,arcAlt:.1,color:t[Math.floor(Math.random()*(t.length-1))]},{order:6,startLat:22.3193,startLng:114.1694,endLat:51.5072,endLng:-.1276,arcAlt:.3,color:t[Math.floor(Math.random()*(t.length-1))]},{order:7,startLat:-19.885592,startLng:-43.951191,endLat:-15.595412,endLng:-56.05918,arcAlt:.1,color:t[Math.floor(Math.random()*(t.length-1))]},{order:7,startLat:48.8566,startLng:-2.3522,endLat:52.52,endLng:13.405,arcAlt:.1,color:t[Math.floor(Math.random()*(t.length-1))]},{order:7,startLat:52.52,startLng:13.405,endLat:34.0522,endLng:-118.2437,arcAlt:.2,color:t[Math.floor(Math.random()*(t.length-1))]},{order:8,startLat:-8.833221,startLng:13.264837,endLat:-33.936138,endLng:18.436529,arcAlt:.2,color:t[Math.floor(Math.random()*(t.length-1))]},{order:8,startLat:49.2827,startLng:-123.1207,endLat:52.3676,endLng:4.9041,arcAlt:.2,color:t[Math.floor(Math.random()*(t.length-1))]},{order:8,startLat:1.3521,startLng:103.8198,endLat:40.7128,endLng:-74.006,arcAlt:.5,color:t[Math.floor(Math.random()*(t.length-1))]},{order:9,startLat:51.5072,startLng:-.1276,endLat:34.0522,endLng:-118.2437,arcAlt:.2,color:t[Math.floor(Math.random()*(t.length-1))]},{order:9,startLat:22.3193,startLng:114.1694,endLat:-22.9068,endLng:-43.1729,arcAlt:.7,color:t[Math.floor(Math.random()*(t.length-1))]},{order:9,startLat:1.3521,startLng:103.8198,endLat:-34.6037,endLng:-58.3816,arcAlt:.5,color:t[Math.floor(Math.random()*(t.length-1))]},{order:10,startLat:-22.9068,startLng:-43.1729,endLat:28.6139,endLng:77.209,arcAlt:.7,color:t[Math.floor(Math.random()*(t.length-1))]},{order:10,startLat:34.0522,startLng:-118.2437,endLat:31.2304,endLng:121.4737,arcAlt:.3,color:t[Math.floor(Math.random()*(t.length-1))]},{order:10,startLat:-6.2088,startLng:106.8456,endLat:52.3676,endLng:4.9041,arcAlt:.3,color:t[Math.floor(Math.random()*(t.length-1))]},{order:11,startLat:41.9028,startLng:12.4964,endLat:34.0522,endLng:-118.2437,arcAlt:.2,color:t[Math.floor(Math.random()*(t.length-1))]},{order:11,startLat:-6.2088,startLng:106.8456,endLat:31.2304,endLng:121.4737,arcAlt:.2,color:t[Math.floor(Math.random()*(t.length-1))]},{order:11,startLat:22.3193,startLng:114.1694,endLat:1.3521,endLng:103.8198,arcAlt:.2,color:t[Math.floor(Math.random()*(t.length-1))]},{order:12,startLat:34.0522,startLng:-118.2437,endLat:37.7749,endLng:-122.4194,arcAlt:.1,color:t[Math.floor(Math.random()*(t.length-1))]},{order:12,startLat:35.6762,startLng:139.6503,endLat:22.3193,endLng:114.1694,arcAlt:.2,color:t[Math.floor(Math.random()*(t.length-1))]},{order:12,startLat:22.3193,startLng:114.1694,endLat:34.0522,endLng:-118.2437,arcAlt:.3,color:t[Math.floor(Math.random()*(t.length-1))]},{order:13,startLat:52.52,startLng:13.405,endLat:22.3193,endLng:114.1694,arcAlt:.3,color:t[Math.floor(Math.random()*(t.length-1))]},{order:13,startLat:11.986597,startLng:8.571831,endLat:35.6762,endLng:139.6503,arcAlt:.3,color:t[Math.floor(Math.random()*(t.length-1))]},{order:13,startLat:-22.9068,startLng:-43.1729,endLat:-34.6037,endLng:-58.3816,arcAlt:.1,color:t[Math.floor(Math.random()*(t.length-1))]},{order:14,startLat:-33.936138,startLng:18.436529,endLat:21.395643,endLng:39.883798,arcAlt:.3,color:t[Math.floor(Math.random()*(t.length-1))]}];return(0,e.jsx)("div",{className:"flex items-center justify-center absolute -left-5 top-36 w-full h-full",children:(0,e.jsxs)("div",{className:"max-w-7xl mx-auto w-full relative overflow-hidden h-full px-4",children:[(0,e.jsx)("div",{className:"absolute w-full bottom-0 inset-x-0 h-40 bg-gradient-to-b pointer-events-none select-none from-transparent dark:to-black to-white z-40"}),(0,e.jsx)("div",{className:"absolute w-full h-96 md:h-full z-5",children:(0,e.jsx)(i,{data:a,globeConfig:{pointSize:4,globeColor:"#062056",showAtmosphere:!0,atmosphereColor:"#FFFFFF",atmosphereAltitude:.1,emissive:"#062056",emissiveIntensity:.1,shininess:.9,polygonColor:"rgba(255,255,255,0.7)",ambientLight:"#38bdf8",directionalLeftLight:"#ffffff",directionalTopLight:"#ffffff",pointLight:"#ffffff",arcTime:1e3,arcLength:.9,rings:1,maxRings:3,initialPosition:{lat:22.3193,lng:114.1694},autoRotate:!0,autoRotateSpeed:.5}})})]})})};var h=r(95884),L=r(24750),f=r(15239);let m=t=>{let{className:a,children:r}=t;return(0,e.jsx)("div",{className:(0,d.cn)("grid grid-cols-1 md:grid-cols-6 lg:grid-cols-5 md:grid-row-7 gap-4 lg:gap-8 mx-auto",a),children:r})},u=t=>{let{className:a,id:r,title:o,description:i,img:m,imgClassName:u,titleClassName:b,spareImg:x}

1=t,[v,p]=(0,n.useState)(!1);return(0,e.jsx)("div",{className:(0,d.cn)("row-span-1 relative overflow-hidden rounded-3xl border text-white border-white/[0.1] group/bento hover:shadow-xl transition duration-200 shadow-input dark:shadow-none justify-between flex flex-col space-y-4",a),style:{background:"rgb(4,7,29)",backgroundColor:"linear-gradient(90deg, rgba(4,7,29,1) 0%, rgba(12,14,35,1) 100%)"},children:(0,e.jsxs)("div",{className:"".concat(5===r&&"flex justify-center"," h-full"),children:[(0,e.jsx)("div",{className:"w-full h-full absolute",children:m&&(0,e.jsx)(f.default,{src:m,alt:m,fill:!0,unoptimized:!0,className:(0,d.cn)(u,"object-cover object-center ")})}),(0,e.jsx)("div",{className:"absolute right-0 -bottom-5 ".concat(4===r&&"w-full opacity-80"," "),children:x&&(0,e.jsx)(f.default,{src:x,alt:x,fill:!0,unoptimized:!0,className:"object-cover object-center w-full h-full"})}),5===r&&(0,e.jsx)(c,{children:(0,e.jsx)("div",{className:"absolute z-50 inset-0 flex items-center justify-center text-white font-bold px-4 pointer-events-none text-3xl text-center md:text-4xl lg:text-7xl"})}),(0,e.jsxs)("div",{className:(0,d.cn)(b,"group-hover/bento:translate-x-2 transition duration-200 relative md:h-full min-h-40 flex flex-col px-5 p-5 lg:p-10"),children:[(0,e.jsx)("div",{className:"font-sans font-extralight md:max-w-32 md:text-xs lg:text-base text-sm text-[#C1C2D3] z-5",children:i}),(0,e.jsx)("div",{className:"font-sans text-lg lg:text-3xl max-w-96 font-bold z-5",children:o}),2===r&&(0,e.jsx)(g,{}),5===r&&(0,e.jsxs)("div",{className:"mt-5 relative",children:[(0,e.jsx)("div",{className:"absolute -bottom-5 right-0 ".concat("block"),children:(0,e.jsx)(s.A,{options:{loop:v,autoplay:v,animationData:h,rendererSettings:{preserveAspectRatio:"xMidYMid slice"}},height:200,width:400})}),(0,e.jsx)(L.A,{title:v?"Email is Copied!":"Copy my email address",icon:(0,e.jsx)(l.SD3,{}),position:"left",handleClick:()=>{navigator.clipboard.writeText("[email protected]"),p(!0)},otherClasses:"!bg-[#161A31]"})]})]})]})})};function b(){return(0,e.jsx)("section",{children:(0,e.jsx)(m,{className:"w-full pt-20",children:o.tD.map((t,a)=>(0,e.jsx)(u,{id:t.id,title:t.title,description:t.description,className:t.className,img:t.img,imgClassName:t.imgClassName,titleClassName:t.titleClassName,spareImg:t.spareImg},a))})})}}}]);