PageChrome

import PageChrome from "@dertour/ui/components/layout/PageChrome"

Wraps page content with the global site header and footer. Most pages just render `<PageChrome>{children}</PageChrome>` and inherit the default header/footer configured in Site Settings. Route handlers that need a different global variant (e.g. trip pages, destination pages, hotel pages) fetch their named header/footer via `getHeaderByInternalName("Trip")` and pass them through: const header = await getHeaderByInternalName("Trip"); return ( <PageChrome customHeader={header}> <YourPageContent /> </PageChrome> ); If the resolved header/footer has `isVisible: false`, that part of the chrome is skipped.