ef4932b553
- Copy complete original styles.css (1900+ lines) to globals.css - Add Google Fonts (DM Sans and Playfair Display) via next/font - Use CSS variables for fonts - Restore warm color palette (#faf7f2 bg, coral/teal accents) - Restore noise overlay texture - Restore all original animations and transitions - Match original card styles, buttons, modals Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
65 lines
1.8 KiB
TypeScript
65 lines
1.8 KiB
TypeScript
import type { Metadata } from 'next';
|
|
import { DM_Sans, Playfair_Display } from 'next/font/google';
|
|
import { Navigation } from '@/components/Navigation';
|
|
import { Footer } from '@/components/Footer';
|
|
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 metadata: Metadata = {
|
|
title: {
|
|
default: 'SchoolCompare | Compare Primary School Performance',
|
|
template: '%s | SchoolCompare',
|
|
},
|
|
description: 'Compare primary school KS2 performance across England',
|
|
keywords: 'school comparison, KS2 results, primary school performance, England schools, SATs results',
|
|
authors: [{ name: 'SchoolCompare' }],
|
|
manifest: '/manifest.json',
|
|
openGraph: {
|
|
type: 'website',
|
|
title: 'SchoolCompare | Compare Primary School Performance',
|
|
description: 'Compare primary school KS2 performance across England',
|
|
url: 'https://schoolcompare.co.uk',
|
|
siteName: 'SchoolCompare',
|
|
},
|
|
twitter: {
|
|
card: 'summary',
|
|
title: 'SchoolCompare | Compare Primary School Performance',
|
|
description: 'Compare primary school KS2 performance across England',
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="en">
|
|
<body className={`${dmSans.variable} ${playfairDisplay.variable}`}>
|
|
<div className="noise-overlay" />
|
|
<ComparisonProvider>
|
|
<Navigation />
|
|
<main className="main">
|
|
{children}
|
|
</main>
|
|
<Footer />
|
|
</ComparisonProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|