import type { Metadata, Viewport } from "next";
import "@fontsource-variable/sora/wght.css";
import "@fontsource-variable/inter/wght.css";
import "./globals.css";
import { Header } from "@/components/Header";
import { Footer } from "@/components/Footer";
import { CartProvider } from "@/lib/cart-context";
import { ToastProvider } from "@/lib/toast-context";
import { siteConfig } from "@/lib/siteConfig";
import { getProducts } from "@/lib/db";
export const metadata: Metadata = {
metadataBase: new URL(siteConfig.url),
title: {
default: `${siteConfig.name} | ${siteConfig.tagline}`,
template: `%s | ${siteConfig.name}`,
},
description: siteConfig.description,
openGraph: {
type: "website",
url: siteConfig.url,
siteName: siteConfig.name,
title: `${siteConfig.name} | ${siteConfig.tagline}`,
description: siteConfig.description,
images: ["/images/brand/logo-stacked.jpg"],
locale: "en_NG",
},
twitter: {
card: "summary_large_image",
title: `${siteConfig.name} | ${siteConfig.tagline}`,
description: siteConfig.description,
},
icons: {
icon: [
{ url: "/images/brand/icon-32.png", sizes: "32x32", type: "image/png" },
{ url: "/images/brand/icon-192.png", sizes: "192x192", type: "image/png" },
],
apple: [{ url: "/images/brand/icon-180.png", sizes: "180x180", type: "image/png" }],
},
alternates: { canonical: "/" },
};
export const viewport: Viewport = {
themeColor: "#ff6600",
width: "device-width",
initialScale: 1,
};
export default function RootLayout({ children }: { children: React.ReactNode }) {
const catalog = getProducts().map((p) => ({
id: p.id,
slug: p.slug,
name: p.name,
brand: p.brand,
category: p.category,
price: p.price,
compareAtPrice: p.compareAtPrice,
images: p.images,
stock: p.stock,
}));
const jsonLd = {
"@context": "https://schema.org",
"@type": "LocalBusiness",
name: siteConfig.legalName,
image: `${siteConfig.url}/images/brand/logo-stacked.jpg`,
url: siteConfig.url,
telephone: siteConfig.phone,
email: siteConfig.email,
address: {
"@type": "PostalAddress",
streetAddress: siteConfig.address,
addressLocality: siteConfig.city,
addressRegion: siteConfig.state,
addressCountry: siteConfig.country,
},
priceRange: "₦₦",
sameAs: Object.values(siteConfig.social),
};
return (
{children}
);
}