Spaces:
Running
Running
| import { cache } from "react"; | |
| import type { Metadata } from "next"; | |
| import { Inter } from "next/font/google"; | |
| import { QueryClient } from "@tanstack/react-query"; | |
| import Providers from "@/components/react-query/providers"; | |
| import "@/assets/css/globals.css"; | |
| export const metadata: Metadata = { | |
| title: "Guess the Image: which one is the good one?", | |
| description: ` | |
| 1 prompt, 3 images, 1 good one. Can you guess which one is the good one? 🔎 | |
| `, | |
| metadataBase: new URL("https://enzostvs-guess-the-image.hf.space"), | |
| openGraph: { | |
| type: "website", | |
| url: "https://enzostvs-guess-the-image.hf.space", | |
| title: "Guess the Image: which one is the good one?", | |
| description: ` | |
| 1 prompt, 3 images, 1 good one. Can you guess which one is the good one? 🔎 | |
| `, | |
| images: "/banner.png", | |
| }, | |
| twitter: { | |
| site: "https://enzostvs-guess-the-image.hf.space", | |
| card: "summary_large_image", | |
| images: "/banner.png", | |
| title: "Guess the Image: which one is the good one?", | |
| description: ` | |
| 1 prompt, 3 images, 1 good one. Can you guess which one is the good one? 🔎 | |
| `, | |
| }, | |
| }; | |
| const inter = Inter({ | |
| subsets: ["latin"], | |
| display: "swap", | |
| variable: "--font-inter", | |
| }); | |
| export const getQueryClient = () => cache(() => new QueryClient()); | |
| export default function RootLayout({ | |
| children, | |
| }: { | |
| children: React.ReactNode; | |
| }) { | |
| return ( | |
| <html lang="en" className={`${inter.variable}`}> | |
| <body> | |
| <div className="h-screen overflow-x-hidden overflow-y-auto"> | |
| <Providers>{children}</Providers> | |
| </div> | |
| <div id="background__noisy" /> | |
| </body> | |
| </html> | |
| ); | |
| } | |