layout.js
<body >
<div className="h-screen inset-0 relative">
<div
className="absolute inset-0 z-0"
style={{
backgroundSize: "109px",
backgroundRepeat: "repeat",
backgroundImage: "url('/img/noise-1.png')",
opacity: 0.12,
borderRadius: "0px",
}}>
</div>
<SessionProvider>
<div className="absolute z-10 inset-0 w-full h-full">
<div className="max-w-[960px] min-h-screen mx-auto px-4 py-10 flex items-center flex-col justify-between" >
<TopBar />
{children}
<Footer />
</div>
</div>
</SessionProvider>
</div>
</body>
background: https://bf.baronbanana.com/img/noise-1.png
