nihonbuzz-academy/resources/js/Layouts/GuestLayout.tsx

import { ThemeProvider } from "@/Components/ThemeProvider";
import { Navbar } from "@/Components/Landing/Navbar";
import { Footer } from "@/Components/Landing/Footer";

export default function GuestLayout({ children }: { children: React.ReactNode }) {
    return (
        <ThemeProvider defaultTheme="dark" storageKey="nihonbuzz-theme">
            <div className="min-h-screen bg-background text-foreground selection:bg-primary/30 selection:text-primary flex flex-col">
                <Navbar />
                <main className="flex-1 flex items-center justify-center p-4 lg:p-8 pt-24 lg:pt-32">
                    <div className="w-full flex justify-center py-8">
                        {children}
                    </div>
                </main>
                <Footer />
            </div>
        </ThemeProvider>
    );
}