https://nano-bananapro.com/_next/static/chunks/8804.7632073a05d7b45c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8804],{48804:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n});var r=a(58582),i=a(26678);function n(){let e=(0,i.useRef)(null);return(0,i.useEffect)(()=>{let t,a=e.current;if(!a)return;let r=a.getContext("2d");if(!r)return;let i=()=>{a.width=window.innerWidth,a.height=window.innerHeight};i(),window.addEventListener("resize",i);let n=[];for(let e=0;e<150;e++)n.push({x:Math.random()*a.width,y:Math.random()*a.height,vx:(Math.random()-.5)*.3,vy:(Math.random()-.5)*.3,size:1.5*Math.random()+.5,opacity:.5*Math.random()+.1});let s=()=>{r.clearRect(0,0,a.width,a.height),n.forEach(e=>{e.x+=e.vx,e.y+=e.vy,e.x<0&&(e.x=a.width),e.x>a.width&&(e.x=0),e.y<0&&(e.y=a.height),e.y>a.height&&(e.y=0),r.beginPath(),r.arc(e.x,e.y,e.size,0,2*Math.PI),r.fillStyle=`rgba(255, 255, 255, ${e.opacity})`,r.fill()}),n.forEach((e,t)=>{n.slice(t+1).forEach(t=>{let a=e.x-t.x,i=e.y-t.y,n=Math.sqrt(a*a+i*i);n<120&&(r.beginPath(),r.moveTo(e.x,e.y),r.lineTo(t.x,t.y),r.strokeStyle=`rgba(255, 255, 255, ${.03*(1-n/120)})`,r.stroke())})}),t=requestAnimationFrame(s)};return s(),()=>{window.removeEventListener("resize",i),cancelAnimationFrame(t)}},[]),(0,r.jsxs)("div",{className:"fixed inset-0 -z-10 overflow-hidden bg-[#09090b]",children:[(0,r.jsx)("div",{className:"absolute inset-0 opacity-[0.02]",style:{backgroundImage:`
2            linear-gradient(rgba(255,255,255,0.5) 1px, transparent 1px),
3            linear-gradient(90deg, rgba(255,255,255,0.5) 1px, transparent 1px)
4          `,backgroundSize:"100px 100px"}}),(0,r.jsx)("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse 80% 50% at 50% 50%, transparent 0%, rgba(9,9,11,0.5) 100%)"}}),(0,r.jsx)("canvas",{ref:e,className:"absolute inset-0 pointer-events-none"}),(0,r.jsx)("div",{className:"absolute inset-0 opacity-[0.025] pointer-events-none",style:{backgroundImage:"url(\"data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E\")"}}),(0,r.jsx)("div",{className:"absolute top-0 left-0 right-0 h-px",style:{background:"linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.1) 50%, transparent 100%)"}})]})}}}]);