homepage/app/pages/layout.tsx

import { Navbar } from "@/components/navbar";
import { Footer } from "@/components/footer";

export default function MdxLayout({ children }: { children: React.ReactNode }) {
  // Create any shared layout or styles here
  return (<div className="flex min-h-screen flex-col">
    <Navbar />
    <main className="flex-1 py-8">
      <div className="container"><div className="prose dark:prose-invert">{children}</div></div>
    </main>

    <Footer />
  </div>);
}