import type { Metadata, Viewport } from 'next'; import { DM_Sans, Playfair_Display } from 'next/font/google'; import Script from 'next/script'; import { Navigation } from '@/components/Navigation'; import { Footer } from '@/components/Footer'; import { ComparisonToast } from '@/components/ComparisonToast'; import { ComparisonProvider } from '@/context/ComparisonProvider'; import './globals.css'; const dmSans = DM_Sans({ subsets: ['latin'], weight: ['400', '500', '600', '700'], variable: '--font-dm-sans', display: 'swap', }); const playfairDisplay = Playfair_Display({ subsets: ['latin'], weight: ['600', '700'], variable: '--font-playfair', display: 'swap', }); export const viewport: Viewport = { width: 'device-width', initialScale: 1, // viewport-fit=cover lets us paint behind the notch / Dynamic Island so // env(safe-area-inset-*) values resolve to real numbers on iPhone. viewportFit: 'cover', themeColor: [ { media: '(prefers-color-scheme: light)', color: '#faf7f2' }, { media: '(prefers-color-scheme: dark)', color: '#1a1612' }, ], }; export const metadata: Metadata = { appleWebApp: { capable: true, title: 'SchoolCompare', statusBarStyle: 'default', }, title: { default: 'SchoolCompare | Compare School Performance', template: '%s | SchoolCompare', }, description: 'Compare primary and secondary school SATs and GCSE performance across England', keywords: 'school comparison, KS2 results, KS4 results, primary school, secondary school, England schools, SATs results, GCSE results', authors: [{ name: 'SchoolCompare' }], manifest: '/manifest.json', icons: { icon: '/favicon.svg', shortcut: '/favicon.svg', apple: '/favicon.svg', }, openGraph: { type: 'website', title: 'SchoolCompare | Compare School Performance', description: 'Compare primary and secondary school SATs and GCSE performance across England', url: 'https://schoolcompare.co.uk', siteName: 'SchoolCompare', }, twitter: { card: 'summary', title: 'SchoolCompare | Compare School Performance', description: 'Compare primary and secondary school SATs and GCSE performance across England', }, }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return (