import { Analytics } from '@vercel/analytics/next'
import type { Metadata, Viewport } from 'next'
import { Inter, Playfair_Display } from 'next/font/google'
import { Header } from '@/components/header'
import { Footer } from '@/components/footer'
import { siteConfig, siteImages } from '@/lib/site-config'
import './globals.css'
const inter = Inter({ variable: '--font-inter', subsets: ['latin'], display: 'swap' })
const playfair = Playfair_Display({ variable: '--font-playfair', subsets: ['latin'], display: 'swap' })
export const metadata: Metadata = {
metadataBase: new URL(siteConfig.website),
title: {
default: `${siteConfig.shortName} | ${siteConfig.tagline}`,
template: `%s | ${siteConfig.shortName}`,
},
description: siteConfig.description,
icons: { icon: siteImages.logo },
openGraph: {
type: 'website',
locale: 'en_GB',
url: siteConfig.website,
siteName: siteConfig.shortName,
title: siteConfig.name,
description: siteConfig.description,
images: [
{
url: siteImages.logo,
width: 800,
height: 400,
alt: siteConfig.name,
},
],
},
twitter: {
card: 'summary_large_image',
title: siteConfig.name,
description: siteConfig.description,
images: [siteImages.logo],
},
}
export const viewport: Viewport = {
colorScheme: 'light',
themeColor: '#9B1B30',
}
export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
return (
{children}
{process.env.NODE_ENV === 'production' && }
)
}