discord-components/app/layout.tsx at 50f90ecb08a0b141b302447cb1bbfe7b8e9aff55 · Would-You-Bot/discord-components · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
import "./globals.css";
import { RootProvider } from "fumadocs-ui/provider";
import { Geist, Geist_Mono } from "next/font/google";
import type { ReactNode } from "react";
import type { Metadata, Viewport } from "next";

const geistSans = Geist({
	variable: "--font-geist-sans",
	subsets: ["latin"]
});

const geistMono = Geist_Mono({
	variable: "--font-geist-mono",
	subsets: ["latin"]
});

export const viewport: Viewport = {
	themeColor: "#059af6",
	maximumScale: 5,
	minimumScale: 1,
	initialScale: 1
};

export const metadata: Metadata = {
	metadataBase: new URL("https://discord-components.com"),
	title: "Discord Components",
	description:
		"A collection of discord components for integrating discord UIs into your project.",
	robots: "index, follow",
	publisher: "Would You",
	openGraph: {
		title: "Discord Components",
		description:
			"A collection of discord components for integrating discord UIs into your project.",
		type: "website",
		url: "https://discord-components.com",
		locale: "en_US"
	},
	twitter: {
		title: "Discord Components",
		description:
			"A collection of discord components for integrating discord UIs into your project."
	},
	pinterest: { richPin: true }
};

export default function Layout({ children }: { children: ReactNode }) {
	return (
		<html
			lang="en"
			className="dark"
			suppressHydrationWarning
		>
			<script
				src="https://app.databuddy.cc/databuddy.js"
				data-client-id="L0XUtcivbZecupTbFpPVn"
				data-track-hash-changes="true"
				data-track-web-vitals="true"
				data-track-errors="true"
				data-enable-batching="true"
				crossOrigin="anonymous"
				async
			/>
			<body
				className={`${geistSans.variable} ${geistMono.variable} flex min-h-screen flex-col antialiased`}
			>
				<RootProvider>{children}</RootProvider>
			</body>
		</html>
	);
}