import { headers } from "next/headers"; import { storefrontApi } from "@/lib/api"; import Navbar from "@/components/layout/Navbar"; import Footer from "@/components/layout/Footer"; import AnnouncementBar from "@/components/layout/AnnouncementBar"; import AuthHydrator from "@/components/auth/AuthHydrator"; import { getTemplate } from "@/lib/template"; import { resolveMediaUrl, getLocalizedText } from "@/lib/utils"; import { LanguageProvider } from "@/lib/language-context"; import { StorefrontConfigProvider } from "@/lib/storefront-config-context"; import { type Locale, DEFAULT_LOCALE, LOCALE_COOKIE, isRTL, getTranslations, } from "@/lib/i18n"; import { SpeedInsights } from "@vercel/speed-insights/next"; import "./globals.css"; export const viewport = { width: "device-width", initialScale: 1, maximumScale: 5, }; export default async function RootLayout({ children, }: { children: React.ReactNode; }) { const headersList = await headers(); const tenantSlug = headersList.get("x-tenant-slug") || ""; // Read cookies once const cookieHeader = headersList.get("cookie") ?? ""; // Detect language from cookie const langCookie = cookieHeader.match( new RegExp(`${LOCALE_COOKIE}=([^;]+)`), )?.[1]; const locale: Locale = langCookie === "en" || langCookie === "ar" ? langCookie : DEFAULT_LOCALE; // No tenant slug means this is a raw Vercel preview URL or unknown domain. // Render a simple "store not found" page without hitting the API. if (!tenantSlug) { const serverT = getTranslations(locale); return (
🏪

{serverT.common.storeNotFound}

{serverT.common.storeNotLinked}{" "} yourstore.shop.sellzaki.com.

); } // Check for preview token in cookie (set by preview link from admin) const previewToken = cookieHeader.match(/sellzaki_preview=([^;]+)/)?.[1] ?? null; let storeName = "Online Store"; let theme: Record = {}; let currency = "EGP"; let isPublished = true; let templateId = "default"; let websiteConfig: Record = {}; let staticPages: { title: string; title_ar?: string; slug: string }[] = []; let collections: { title: string; title_ar?: string; slug: string }[] = []; try { const extraHeaders: Record = {}; if (previewToken) extraHeaders["X-Sellzaki-Preview"] = previewToken; const config = await storefrontApi.getConfig(tenantSlug, extraHeaders); const { website: w } = config; storeName = w.name ?? storeName; theme = (w.theme_settings as any) ?? {}; currency = (w as any).currency ?? "EGP"; isPublished = w.is_published ?? true; templateId = (w as any).template_id ?? "default"; staticPages = config.static_pages ?? []; collections = config.collections ?? []; websiteConfig = w as any; } catch { // Store not configured — render minimal shell } const template = getTemplate(templateId); const primaryColor = theme.primary_color || "#1FAF9A"; const secondaryColor = theme.secondary_color || "#0D2B45"; const font = (theme.font || "Inter").replace(/\s+/g, "+"); const localizedLabel = (item: { title: string; title_ar?: string | null }) => getLocalizedText(item.title, item.title_ar, locale); // Footer: manual links only; filter out empty, placeholder, or "test" links const footerLinks: { label: string; url: string }[] = ( theme.footer_links ?? [] ).filter((l: { label?: string; url?: string }) => { const label = (l.label?.trim() ?? "").toLowerCase(); const url = l.url?.trim() ?? ""; return url !== "" && label !== "" && label !== "test"; }); // Removed: pages and collections from footer // if (theme.show_pages_in_footer && staticPages.length > 0) { // staticPages.forEach((p) => // footerLinks.push({ label: localizedLabel(p), url: `/pages/${p.slug}` }), // ); // } // if (theme.show_collections_in_footer && collections.length > 0) { // collections.forEach((c) => // footerLinks.push({ // label: localizedLabel(c), // url: `/collections/${c.slug}`, // }), // ); // } // Extra nav links for header (pages + collections when enabled) // Pass raw data with both title and title_ar so client can switch instantly const extraNavLinks: { href: string; label: string; label_ar?: string }[] = []; if (theme.show_pages_in_nav && staticPages.length > 0) { staticPages.forEach((p) => extraNavLinks.push({ href: `/pages/${p.slug}`, label: p.title, label_ar: p.title_ar, }), ); } if (theme.show_collections_in_nav && collections.length > 0) { collections.forEach((c) => extraNavLinks.push({ href: `/collections/${c.slug}`, label: c.title, label_ar: c.title_ar, }), ); } const logoUrl: string | null = resolveMediaUrl(theme.logo_url ?? null); const logoWidth: number = theme.logo_width ?? 140; const logoHeight: number = theme.logo_height ?? 44; const announcementBar = theme.announcement_bar; const seo = theme.seo; // Boutique uses serif font pairing const serifFont = template.id === "boutique" ? "Cormorant+Garamond" : null; // Build dynamic metadata from SEO settings const pageTitle = seo?.title || storeName || "Online Store"; const pageDescription = seo?.description || `Shop online at ${storeName}`; const pageKeywords = seo?.keywords || undefined; const ogImage = resolveMediaUrl(seo?.og_image_url) || logoUrl || undefined; // Load Arabic font when locale is ar const arabicFont = locale === "ar" ? "Cairo" : null; // Server-side translations for server components const serverT = getTranslations(locale); return ( {pageTitle} {pageKeywords && } {logoUrl && } {logoUrl && } {ogImage && } {ogImage && } Skip to main content {!isPublished && (
{serverT.common.previewMode}
)} {announcementBar?.enabled && announcementBar.text && ( )}
{children}