import { Outlet } from "react-router-dom";
import Header from "../components/header";
import Footer from "../components/footer";
import Particle from "../components/particle";

const Layout = () => {
  return (
    <>
      <Particle />
      <div className={`relative bg-noisy w-full min-h-screen`}>
        <div className="relative max-w-[1400px] mx-auto h-full flex flex-col justify-between">
          <div className="relative w-full h-full">
            <Header />
            <main className="w-full h-full px-5 py-0">
              <Outlet />
            </main>
          </div>
          <Footer />
        </div>
      </div>
    </>
  );
};

export default Layout;