import React from "react";
import Navbar from "@/components/navbar";
import Footer from "@/components/footer";

function Layout({ children }: { children: React.ReactNode }) {
  return (
    <div className="gradient-bg min-h-screen">
      <Navbar />
      <div className="container mb-8 flex size-full min-h-screen flex-col items-center space-y-6">
        {children}
      </div>
      <Footer />
    </div>
  );
}

export default Layout;
