mernmail-website/app/layout.jsx

56 lines
1.7 KiB
JavaScript

import { Inter } from "next/font/google";
import { ThemeProvider } from "next-themes";
import "./globals.css";
const inter = Inter({
weight: ["400", "600", "700", "900"],
subsets: ["latin"]
});
export const metadata = {
title: "MERNMail - a MERN stack webmail application",
description:
"MERNMail: Open-source webmail app built with MERN stack. Send, receive, & manage emails easily. Explore and contribute today!",
openGraph: {
title: "MERNMail - a MERN stack webmail application",
description:
"MERNMail: Open-source webmail app built with MERN stack. Send, receive, & manage emails easily. Explore and contribute today!",
url: `${process.env.NEXT_PUBLIC_WEBSITE_URL}`,
type: "website",
images: [
{
url: `${process.env.NEXT_PUBLIC_WEBSITE_URL}/metadata/mernmail-cover.png`,
width: 2560,
height: 1440,
alt: "MERNMail - a MERN stack webmail application"
}
]
},
twitter: {
card: "summary_large_image",
site: "@MERNMail",
title: "MERNMail - a MERN stack webmail application",
description:
"MERNMail: Open-source webmail app built with MERN stack. Send, receive, & manage emails easily. Explore and contribute today!",
images: [
`${process.env.NEXT_PUBLIC_WEBSITE_URL}/metadata/mernmail-cover.png`
],
creator: "@MERNMail"
}
};
export default function RootLayout({ children }) {
return (
<html lang="en" suppressHydrationWarning>
<body className={`antialiased ${inter.className}`}>
<ThemeProvider
attribute="class"
enableSystem={true}
disableTransitionOnChange={true}
>
{children}
</ThemeProvider>
</body>
</html>
);
}