2026-06-14 15:36:44 +02:00
|
|
|
import type { Metadata } from 'next'
|
|
|
|
|
import { Bebas_Neue, Space_Grotesk } from 'next/font/google'
|
|
|
|
|
import './globals.css'
|
|
|
|
|
import { Nav } from '@/components/nav'
|
|
|
|
|
import { AppApolloProvider } from '@/components/apollo-provider'
|
|
|
|
|
|
|
|
|
|
const bebasNeue = Bebas_Neue({ weight: '400', subsets: ['latin'], variable: '--font-bebas' })
|
|
|
|
|
const spaceGrotesk = Space_Grotesk({ subsets: ['latin'], variable: '--font-space' })
|
|
|
|
|
|
|
|
|
|
export const metadata: Metadata = {
|
|
|
|
|
title: { default: 'World Cup', template: '%s · World Cup' },
|
|
|
|
|
description: 'Comprehensive World Cup statistics from 1930 to 2026',
|
|
|
|
|
icons: {
|
|
|
|
|
icon: "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='46' fill='%230a1810'/><polygon points='54,38 63,50 54,62 39,57 40,42' fill='none' stroke='%2322c55e' stroke-width='3'/><line x1='54' y1='38' x2='65' y2='9' stroke='%2322c55e' stroke-width='2.5'/><line x1='63' y1='50' x2='94' y2='51' stroke='%2322c55e' stroke-width='2.5'/><line x1='54' y1='62' x2='62' y2='92' stroke='%2322c55e' stroke-width='2.5'/><line x1='39' y1='57' x2='14' y2='75' stroke='%2322c55e' stroke-width='2.5'/><line x1='40' y1='42' x2='15' y2='23' stroke='%2322c55e' stroke-width='2.5'/><circle cx='50' cy='50' r='46' fill='none' stroke='%2322c55e' stroke-width='3'/></svg>",
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
|
|
|
return (
|
2026-06-14 19:45:01 +02:00
|
|
|
<html lang="en" data-scroll-behavior="smooth" className={`${bebasNeue.variable} ${spaceGrotesk.variable}`}>
|
2026-06-14 15:36:44 +02:00
|
|
|
<body>
|
|
|
|
|
<AppApolloProvider>
|
|
|
|
|
<Nav />
|
|
|
|
|
<main className="pt-[60px] min-h-screen">{children}</main>
|
|
|
|
|
</AppApolloProvider>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
)
|
|
|
|
|
}
|
