/**
* Locale Layout
*
* Handles locale-specific rendering with RTL support, GTM (GTM-PC7NFMX),
* global LocalBusiness & WebSite JSON-LD schemas, single global Header, and AuthModal.
* Categories are fetched here (RSC, server-only URL) and passed down to
* Header → ServicesMegaMenu & MobileMenu so they show real API data.
*/
import { Suspense } from 'react';
import { NextIntlClientProvider } from 'next-intl';
import { getMessages } from 'next-intl/server';
import { notFound } from 'next/navigation';
import { locales } from '@/i18n';
import { Geist, Geist_Mono } from 'next/font/google';
import '../globals.css';
const geistSans = Geist({
variable: '--font-geist-sans',
subsets: ['latin'],
});
const geistMono = Geist_Mono({
variable: '--font-geist-mono',
subsets: ['latin'],
});
import { Header } from '@/components/layout/Header';
import { AuthModal } from '@/components/auth/AuthModal';
import { getCategories } from '@/lib/api/client';
import { generateLocalBusinessSchema, generateWebSiteSchema } from '@/lib/seo/schema';
import type { Category } from '@shinecode/api-client/types';
export function generateStaticParams() {
return locales.map((locale) => ({ locale }));
}
export default async function LocaleLayout({
children,
params,
}: {
children: React.ReactNode;
params: Promise<{ locale: string }>;
}) {
const { locale } = await params;
// Validate locale
if (!locales.includes(locale as typeof locales[number])) {
notFound();
}
const messages = await getMessages();
const dir = locale === 'ar' ? 'rtl' : 'ltr';
// Fetch categories server-side for nav menus.
let navCategories: Category[] = [];
const catResult = await getCategories();
if (catResult.ok) {
navCategories = catResult.data;
}
const localBusinessSchema = generateLocalBusinessSchema();
const webSiteSchema = generateWebSiteSchema(locale);
return (
{/* Preconnect to speed up third-party scripts */}
{/* Google Tag Manager */}
{/* Global Structured Data: LocalBusiness & WebSite */}
{/* Theme init script */}
{/* Google Tag Manager (noscript) */}
{children}
);
}