add site metadata

config.json

@@ -0,0 +1,5 @@
+{
+  "siteName": "Minecraft Utilities",
+  "siteDescription": "Minecraft Utilities offers you many endpoints to get information about a minecraft server or a player.",
+  "siteUrl": "https://mcutils.xyz/"
+}

src/app/layout.tsx

@@ -1,13 +1,37 @@
 import Container from "@/components/container";
 import ThemeProvider from "@/components/theme-provider";
+import { Metadata, Viewport } from "next";
 import { ToastContainer } from "react-toastify";
 
+import Config from "../../config.json";
+
 import { Inter } from "next/font/google";
 import "react-toastify/dist/ReactToastify.css";
 import "./globals.css";
 
 const inter = Inter({ subsets: ["latin"] });
 
+export const viewport: Viewport = {
+  themeColor: "#3498DB",
+};
+
+export const metadata: Metadata = {
+  metadataBase: new URL(Config.siteUrl),
+  title: {
+    template: Config.siteName + " - %s",
+    default: Config.siteName,
+  },
+  description: Config.siteDescription,
+  keywords: "Minecraft, APIs, wrapper, utility, development",
+  openGraph: {
+    title: Config.siteName,
+    description: Config.siteDescription,
+    url: Config.siteUrl,
+    locale: "en_US",
+    type: "website",
+  },
+};
+
 export default function RootLayout({
   children,
 }: Readonly<{