Give every public route its own description, and keep canonicals and structured data on the host that serves the page.

Decorative images on the marketing pages stay quiet, and every dialog close button is named Close.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/(marketing)/layout.tsx

@@ -1,22 +1,12 @@
-import dynamic from "next/dynamic";
 import { Suspense, type ReactNode } from "react";
 import ConditionalNavigation from "../components/navigation/ConditionalNavigation";
+import FooterWithOrigin from "../components/navigation/FooterWithOrigin";
 import SkipToContent from "../components/navigation/SkipToContent";
 import { MessagesProvider } from "../contexts/MessagesContext";
 import { AuthModalProvider } from "../contexts/AuthModalContext";
 import { MAIN_CONTENT_ID } from "../../lib/mainContent";
 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}>
@@ -37,7 +27,13 @@ export default function MarketingLayout({ children }: { children: ReactNode }) {
         >
           {children}
         </main>
-        <Footer />
+        <Suspense
+          fallback={
+            <footer className="min-h-[200px] w-full bg-[var(--color-surface-default-primary)]" />
+          }
+        >
+          <FooterWithOrigin />
+        </Suspense>
       </AuthModalProvider>
     </MessagesProvider>
   );