39525-vm/app/layout.tsx

48 lines
1.1 KiB
TypeScript

import React from "react"
import type { Metadata, Viewport } from "next"
import { Inter, Space_Grotesk } from "next/font/google"
import "./globals.css"
const inter = Inter({ subsets: ["latin"], variable: "--font-inter" })
const spaceGrotesk = Space_Grotesk({
subsets: ["latin"],
variable: "--font-space-grotesk",
})
export const metadata: Metadata = {
title: "InFocus - Familienfilm-Tagebuch",
description:
"Teile deine Filmerlebnisse mit deiner Familie. Bewerte, logge und entdecke Filme zusammen.",
manifest: "/manifest.json",
appleWebApp: {
capable: true,
statusBarStyle: "black-translucent",
title: "InFocus",
},
}
export const viewport: Viewport = {
themeColor: "#111318",
width: "device-width",
initialScale: 1,
maximumScale: 1,
userScalable: false,
}
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode
}>) {
return (
<html lang="de">
<body
className={`${inter.variable} ${spaceGrotesk.variable} font-sans antialiased`}
>
{children}
</body>
</html>
)
}