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