| import Image from "next/image"; |
| import bgImg from "@/public/halo.png"; |
| import Footer from "@/components/Footer"; |
| import Header from "@/components/Header"; |
|
|
| export default function Layout({ |
| children, |
| }: Readonly<{ |
| children: React.ReactNode; |
| }>) { |
| return ( |
| <body className="bg-brand antialiased"> |
| <div className="absolute inset-x-0 flex justify-center"> |
| <Image |
| src={bgImg} |
| alt="" |
| className="w-full max-w-[1200px] mix-blend-screen" |
| priority |
| /> |
| </div> |
| |
| <div className="isolate"> |
| <div className="mx-auto flex min-h-screen max-w-7xl flex-col items-center justify-center py-2"> |
| <Header /> |
| {children} |
| <Footer /> |
| </div> |
| </div> |
| </body> |
| ); |
| } |
|
|
