miniperplx/app/layout.tsx

57 lines
1.3 KiB
TypeScript

import "./globals.css";
import { Metadata, Viewport } from "next";
import { Toaster } from "sonner";
import { Inter, Instrument_Serif, IBM_Plex_Mono } from 'next/font/google';
import { Analytics } from "@vercel/analytics/react";
export const metadata: Metadata = {
metadataBase: new URL("https://mplx.run"),
title: "MiniPerplx",
description: "MiniPerplx is a minimalistic AI-powered search engine that helps you find information on the internet.",
openGraph : {
url: "https://mplx.run",
siteName: "MiniPerplx",
}
};
export const viewport: Viewport = {
width: "device-width",
initialScale: 1,
minimumScale: 1,
maximumScale: 1,
userScalable: false,
}
const inter = Inter({
weight: "variable",
subsets: ["latin"],
})
const plexMono = IBM_Plex_Mono({
weight: "400",
subsets: ["latin"],
variable: "--font-mono"
})
const instrumentSerif = Instrument_Serif({
weight: "400",
subsets: ["latin"],
variable: "--font-serif"
})
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body className={`${inter.className} ${instrumentSerif.className} ${plexMono.className}`}>
<Toaster position="top-center" richColors />
{children}
<Analytics />
</body>
</html>
);
}