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 (
);
}