import { ReactNode } from "react";
import { Navbar } from "@/components/marketing/Navbar";
import { Footer } from "@/components/marketing/Footer";
import { BottomNav } from "@/components/marketing/BottomNav";

export default function MarketingLayout({ children }: { children: ReactNode }) {
  return (
    <>
      <Navbar />
      <main className="relative">
        <div className="fixed inset-0 -z-10 mesh-gradient opacity-60"></div>
        {children}
      </main>
      <Footer />
      <BottomNav />
    </>
  );
}