import { Footer } from "@/components/shared/footer";
import { ClientNavbar } from "@/components/shared/client-navbar"; 

export default function PublicLayout({ children }: { children: React.ReactNode }) {
  return (
    <div className="min-h-screen flex flex-col">
      <div className="relative z-50">
        <ClientNavbar />
      </div>

      <main className="flex-1 flex flex-col relative overflow-x-hidden">
        {/* Background Effects */}
        {/* <div className="absolute inset-0 -z-10 bg-[radial-gradient(ellipse_at_top,rgba(var(--primary-rgb),0.1),transparent)]" />
        <div className="absolute inset-0 -z-10 bg-[linear-gradient(to_right,#8080800a_1px,transparent_1px),linear-gradient(to_bottom,#8080800a_1px,transparent_1px)] bg-size-[14px_24px]" /> */}

        <div className="flex-1 w-full mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-6">
          {children}
        </div>
      </main>

      <Footer />
    </div>
  );
}