valknar
238bbabbdb
Generate PNGs from the trophy SVG (dark #040d08 background, centred): - favicon.svg — primary, all modern browsers - favicon-32x32.png — 32×32 fallback for older browsers - apple-touch-icon.png — 180×180 for iOS home screen - icon-192x192.png / icon-512x512.png — webmanifest / PWA app/manifest.ts provides /manifest.webmanifest via Next.js file convention. layout.tsx metadata wires up all icon sizes via the icons API. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
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: [
|
|
{ url: '/favicon.svg', type: 'image/svg+xml' },
|
|
{ url: '/favicon-32x32.png', sizes: '32x32', type: 'image/png' },
|
|
],
|
|
apple: [
|
|
{ url: '/apple-touch-icon.png', sizes: '180x180', type: 'image/png' },
|
|
],
|
|
},
|
|
}
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en" data-scroll-behavior="smooth" className={`${bebasNeue.variable} ${spaceGrotesk.variable}`}>
|
|
<body>
|
|
<AppApolloProvider>
|
|
<Nav />
|
|
<main className="pt-[60px] min-h-screen">{children}</main>
|
|
</AppApolloProvider>
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|