2024-07-05 14:36:50 +08:00
|
|
|
import type { Metadata } from "next";
|
|
|
|
|
import { Montserrat } from "next/font/google";
|
|
|
|
|
import "./globals.css";
|
|
|
|
|
import { cn } from "@/lib/utils";
|
|
|
|
|
import Sidebar from "@/components/Sidebar";
|
|
|
|
|
import { Toaster } from "sonner";
|
|
|
|
|
import ThemeProvider from "@/components/theme/Provider";
|
2024-04-09 16:21:05 +05:30
|
|
|
|
|
|
|
|
const montserrat = Montserrat({
|
2024-07-05 14:36:50 +08:00
|
|
|
weight: ["300", "400", "500", "700"],
|
|
|
|
|
subsets: ["latin"],
|
|
|
|
|
display: "swap",
|
|
|
|
|
fallback: ["Arial", "sans-serif"],
|
2024-04-09 16:21:05 +05:30
|
|
|
});
|
|
|
|
|
|
|
|
|
|
export const metadata: Metadata = {
|
2024-07-05 14:36:50 +08:00
|
|
|
title: "Perplexica - Chat with the internet",
|
|
|
|
|
description: "Perplexica is an AI powered chatbot that is connected to the internet.",
|
2024-04-09 16:21:05 +05:30
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default function RootLayout({
|
|
|
|
|
children,
|
|
|
|
|
}: Readonly<{
|
|
|
|
|
children: React.ReactNode;
|
|
|
|
|
}>) {
|
|
|
|
|
return (
|
2024-05-24 18:20:15 +08:00
|
|
|
<html className="h-full" lang="en" suppressHydrationWarning>
|
2024-07-05 14:36:50 +08:00
|
|
|
<body className={cn("h-full", montserrat.className)}>
|
2024-05-31 11:02:00 +05:30
|
|
|
<ThemeProvider>
|
2024-05-24 18:20:15 +08:00
|
|
|
<Sidebar>{children}</Sidebar>
|
|
|
|
|
<Toaster
|
|
|
|
|
toastOptions={{
|
|
|
|
|
unstyled: true,
|
|
|
|
|
classNames: {
|
|
|
|
|
toast:
|
2024-07-05 14:36:50 +08:00
|
|
|
"bg-light-primary dark:bg-dark-primary text-white rounded-lg p-4 flex flex-row items-center space-x-2",
|
2024-05-24 18:20:15 +08:00
|
|
|
},
|
|
|
|
|
}}
|
|
|
|
|
/>
|
2024-05-31 11:02:00 +05:30
|
|
|
</ThemeProvider>
|
2024-04-09 16:21:05 +05:30
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
);
|
|
|
|
|
}
|
