import type { Metadata } from "next"; import { Suspense } from "react"; import "./globals.css"; import { SITE_ORIGIN } from "@/lib/site"; import { AppShell } from "./app-shell"; /** * Root layout (engineering.md F1, F4, F7, F10). The layout is a * **static shell** — it prerenders the ``/`` + * announcement bar, then wraps the per-request (dynamic) `AppShell` (cart seed * + analytics shop + chrome) in `` so the dynamic parts stream while * the static shell serves immediately. `AppShell` calls `connection()` to opt * the subtree into dynamic rendering. * * `metadataBase` is set here for canonical/OG URL resolution (F10). */ export const metadata: Metadata = { metadataBase: new URL(SITE_ORIGIN), title: { default: "CORE — Discover our latest collection", template: "%s — CORE", }, description: "Explore our curated selection of premium products", icons: { icon: { url: "/favicon.svg", type: "image/svg+xml" }, }, }; export default function RootLayout({ children }: { children: React.ReactNode }) { return (

Free shipping on orders over $50

} > {children} ); }