mernmail-website/app/layout.js

51 lines
1.6 KiB
JavaScript
Raw Normal View History

import { Inter } from "next/font/google";
2024-11-05 19:15:13 +01:00
import { ThemeProvider } from "next-themes";
2024-11-05 18:06:15 +01:00
import "./globals.css";
const inter = Inter({
weight: ["400", "600", "700", "900"],
subsets: ["latin"],
2024-11-05 18:06:15 +01:00
});
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/svrjs-cover.png`],
creator: "@MERNMail",
},
2024-11-05 18:06:15 +01:00
};
export default function RootLayout({ children }) {
return (
2024-11-05 19:15:13 +01:00
<html lang="en" suppressHydrationWarning>
<body className={`antialiased ${inter.className}`}>
<ThemeProvider attribute="class" enableSystem={true}>
{children}
</ThemeProvider>
</body>
2024-11-05 18:06:15 +01:00
</html>
);
}