import { headers } from "next/headers"; import type { Metadata } from "next"; import "./globals.css"; import "@/styles/sections.css"; import "@/styles/legal.css"; import { SiteHeader } from "@/components/SiteHeader"; import { MobileMenu } from "@/components/MobileMenu"; import { SiteFooter } from "@/components/SiteFooter"; import { WhatsAppFab } from "@/components/WhatsAppFab"; import { ClientInit } from "@/components/ClientInit"; import { Animations } from "@/components/Animations"; import { PageScrollReveal } from "@/components/PageScrollReveal"; import { fetchMenu } from "@/lib/wp/menus"; import { fetchSiteSettings } from "@/lib/wp/site"; import { fetchSeoDefaults, organizationJsonLd, safeJsonLd, } from "@/lib/wp/seo-defaults"; import { DEFAULT_LOCALE, htmlDir, isLocale, stripLocalePrefix } from "@/lib/i18n/config"; const SITE_URL = (process.env.NEXT_PUBLIC_SITE_URL ?? "http://localhost:3000").replace(/\/$/, ""); export async function generateMetadata(): Promise { const requestHeaders = await headers(); const headerLocale = requestHeaders.get("x-locale"); const locale = isLocale(headerLocale) ? headerLocale : DEFAULT_LOCALE; const defaults = await fetchSeoDefaults(locale); const siteName = defaults.site_name_ar || defaults.site_name || undefined; const ogImage = defaults.default_og_image.url ?? undefined; return { metadataBase: new URL(SITE_URL), applicationName: siteName, openGraph: { siteName, locale: defaults.locale, type: "website", ...(ogImage ? { images: [{ url: ogImage }] } : {}), }, twitter: { card: "summary_large_image", ...(defaults.twitter_handle ? { site: defaults.twitter_handle } : {}), ...(ogImage ? { images: [ogImage] } : {}), }, }; } export default async function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { const requestHeaders = await headers(); const headerLocale = requestHeaders.get("x-locale"); const locale = isLocale(headerLocale) ? headerLocale : DEFAULT_LOCALE; const pathname = requestHeaders.get("x-pathname") ?? "/"; const search = requestHeaders.get("x-search") ?? ""; const pathWithoutLocale = stripLocalePrefix(pathname); const [headerNav, footerQuickLinks, footerServices, site, seoDefaults] = await Promise.all([ fetchMenu("header", locale), fetchMenu("footer_column_1", locale), fetchMenu("footer_column_2", locale), fetchSiteSettings(locale), fetchSeoDefaults(locale), ]); const orgGraph = organizationJsonLd(seoDefaults, SITE_URL); return ( {orgGraph ? (