a looooot

apps/public/src/app/layout.tsx

@@ -2,10 +2,12 @@ import { cn } from '@/utils/cn';
 
 import '@/styles/globals.css';
 
+import { Logo } from '@/components/Logo';
 import type { Metadata } from 'next';
 import { Bricolage_Grotesque } from 'next/font/google';
 import Script from 'next/script';
 
+import Footer from './footer';
 import { defaultMeta } from './meta';
 
 export const metadata: Metadata = {
@@ -34,7 +36,21 @@ export default function RootLayout({
           font.className
         )}
       >
-        {children}
+        <div className="absolute top-0 left-0 right-0 py-6 z-10">
+          <div className="container">
+            <div className="flex justify-between">
+              <Logo />
+            </div>
+          </div>
+        </div>
+        <div
+          className="w-full h-screen text-blue-950 bg-[radial-gradient(circle_at_2px_2px,#D9DEF6_2px,transparent_0)] absolute top-0 left-0 right-0 z-0"
+          style={{
+            backgroundSize: '70px 70px',
+          }}
+        />
+        <div className="relative">{children}</div>
+        <Footer />
       </body>
       <Script
         src="/op.js"