import { Outlet } from "react-router-dom";
import { Navbar } from "./Navbar";
import { Toaster } from "@/components/ui/sonner";
export function Layout() {
return (
<div className="min-h-screen bg-slate-950 text-white font-sans antialiased selection:bg-purple-500/30 selection:text-purple-200 relative overflow-hidden flex flex-col">
{/* Global Background Gradients for unified UI */}
<div className="absolute top-0 -left-4 w-[40rem] h-[40rem] bg-purple-500/20 rounded-full mix-blend-screen filter blur-[100px] animate-blob pointer-events-none" />
<div className="absolute top-0 -right-4 w-[40rem] h-[40rem] bg-blue-500/20 rounded-full mix-blend-screen filter blur-[100px] animate-blob animation-delay-2000 pointer-events-none" />
<div className="absolute -bottom-8 left-20 w-[40rem] h-[40rem] bg-pink-500/20 rounded-full mix-blend-screen filter blur-[100px] animate-blob animation-delay-4000 pointer-events-none" />
<Navbar />
<main className="flex-1 relative z-10 w-full max-w-7xl mx-auto">
<Outlet />
</main>
<Toaster richColors position="top-right" theme="dark" />
</div>
);
}