Proxmox/app/layout.tsx

95 lines
2.8 KiB
TypeScript

import { Inter } from "next/font/google";
import "./globals.css";
import { ThemeProvider } from "@/components/theme-provider";
import { Toaster } from "@/components/ui/sonner";
import Navbar from "@/components/Navbar";
import React from "react";
import { InfoToastWithButton, WarningToast } from "@/components/WarningToast";
const inter = Inter({ subsets: ["latin"] });
export const metadata = {
title: "Proxmox VE Helper-Scripts",
generator: "Next.js",
applicationName: "Proxmox VE Helper-Scripts",
referrer: "origin-when-cross-origin",
keywords: [
"Proxmox VE",
"Helper-Scripts",
"tteck",
"helper",
"scripts",
"proxmox",
"VE",
],
authors: { name: "Bram Suurd" },
creator: "Bram Suurd",
publisher: "Bram Suurd",
description:
"A Re-designed Front-end for the Proxmox VE Helper-Scripts Repository. Featuring all the scripts you need to streamline your homelab. With a modern and clean design.",
favicon: "/app/favicon.ico",
formatDetection: {
email: false,
address: false,
telephone: false,
},
metadataBase: new URL("https://proxmox-helper-scripts.vercel.app/"),
openGraph: {
title: "Proxmox VE Helper-Scripts",
description:
"A Re-designed Front-end for the Proxmox VE Helper-Scripts Repository. Featuring all the scripts you need to streamline your homelab. With a modern and clean design.",
url: "/defaultimg.png",
images: [
{
url: "https://proxmox-helper-scripts.vercel.app/defaultimg.png",
},
],
locale: "en_US",
type: "website",
},
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<head>
<script
defer
src={process.env.NEXT_PUBLIC_ANALYTICS_URL}
data-website-id={process.env.NEXT_PUBLIC_ANALYTICS_TOKEN}
></script>
</head>
<body className={inter.className}>
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
disableTransitionOnChange
>
<div className="flex w-full flex-col justify-center">
<Navbar />
<div className="flex w-full justify-center">
<div className="w-full max-w-7xl ">
{children}
<Toaster richColors />
<WarningToast
toastName="toast.pve8.1.warning"
toastDuration={5000}
timeoutDuration={1000}
message="Starting from July 2024, the scripts in the repository will require Proxmox Virtual Environment 8.1 or newer."
amountOfVisits={2}
toastButtonMessage=""
/>
</div>
</div>
</div>
</ThemeProvider>
</body>
</html>
);
}