import Layout from "@/app/components/layout/rootLayout";
import { ThemeProvider } from "@/app/components/theme/theme-provider";
import { Theme } from "@/app/utils/functions";
import ConditionalGoogleAnalytics from "./components/analytics/ConditionalGoogleAnalytics";
import ConditionalGTMNoscript from "./components/analytics/ConditionalGTMNoscript";
import type { Metadata } from "next";
import { Archivo, Days_One } from "next/font/google";
import type React from "react";
import "swiper/css";
import "swiper/css/autoplay";
import "swiper/css/navigation";
import "swiper/css/pagination";
import AnalyticsScripts from "./components/analytics/AnalyticsScripts";
import ApolloWrapper from "./components/providers/ApolloWrapper";
import GoogleTagManagerProvider from "./components/providers/GoogleTagManagerProvider";
import { ServerAppConfigurationProvider } from "./components/providers/ServerAppConfigurationProvider";
import { getClientSafeConfiguration } from "./utils/serverConfigurationService";
import RecaptchaProvider from "./components/providers/RecaptchaProvider";
import "./globals.css";
import GoogleAnalyticsProvider from "./components/providers/GoogleAnalyticsProvider";
import { getStoreName } from "./utils/branding";
import YMMStatusProvider from "./components/providers/YMMStatusProvider";
import ClientPopups from "./components/newsletter/ClientPopups";
const archivo = Archivo({
subsets: ["latin"],
display: "swap",
variable: "--font-archivo",
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
const daysOne = Days_One({
weight: "400",
subsets: ["latin"],
display: "swap",
variable: "--font-days-one",
});
const appIcon = "/favicon.ico";
const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || "http://localhost:3000";
const storeName = getStoreName();
export const metadata: Metadata = {
metadataBase: new URL(baseUrl.replace(/\/$/, "")),
title: storeName,
description:
"A Saleor storefront template with product browsing, YMM (Year/Make/Model), dealer locator, CMS pages, and inquiry forms.",
icons: {
icon: [
{
url: appIcon,
sizes: "32x32",
type: "image/png",
},
],
shortcut: [
{
url: appIcon,
sizes: "32x32",
type: "image/png",
},
],
},
openGraph: {
siteName: storeName,
images: [
{
url: `${baseUrl.replace(/\/$/, "")}/og-image.png`,
width: 1200,
height: 630,
alt: `${storeName} - Quality Oil Drain Valves`,
},
],
},
twitter: {
card: "summary_large_image",
images: [`${baseUrl.replace(/\/$/, "")}/og-image.png`],
},
};
export default async function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
const envTheme = "asphalt";
// Fetch configuration on server side
const configuration = await getClientSafeConfiguration();
return (
{configuration?.google?.search_console_verification_content && (
)}
{children}
);
}