adilallo
36 lines
1.4 KiB
TypeScript
36 lines
1.4 KiB
TypeScript
import dynamic from "next/dynamic";
|
|
import { Suspense, type ReactNode } from "react";
|
|
import MarketingNavigation from "../components/navigation/MarketingNavigation";
|
|
import { MessagesProvider } from "../contexts/MessagesContext";
|
|
import { AuthModalProvider } from "../contexts/AuthModalContext";
|
|
import marketingMessages from "../../messages/en/marketing";
|
|
|
|
// Site footer is part of the public marketing chrome only — not rendered for
|
|
// signed-in product surfaces, admin dashboards, or dev previews. See
|
|
// `.cursor/rules/routes.mdc` for the full chrome composition map.
|
|
const Footer = dynamic(() => import("../components/navigation/Footer"), {
|
|
loading: () => (
|
|
<footer className="bg-[var(--color-surface-default-primary)] w-full min-h-[200px]" />
|
|
),
|
|
ssr: true,
|
|
});
|
|
|
|
export default function MarketingLayout({ children }: { children: ReactNode }) {
|
|
return (
|
|
<MessagesProvider messages={marketingMessages}>
|
|
<AuthModalProvider>
|
|
{/*
|
|
* MarketingNavigation reads `usePathname()` to decide chromeless paths
|
|
* (uncached data under `cacheComponents`). Suspense lets the static
|
|
* shell prerender; the nav streams in with the correct visibility.
|
|
*/}
|
|
<Suspense fallback={null}>
|
|
<MarketingNavigation />
|
|
</Suspense>
|
|
<main className="flex-1">{children}</main>
|
|
<Footer />
|
|
</AuthModalProvider>
|
|
</MessagesProvider>
|
|
);
|
|
}
|