2024-04-09 10:51:05 +00: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';
|
2024-05-04 09:26:54 +00:00
|
|
|
import { Toaster } from 'sonner';
|
2024-05-24 10:20:15 +00:00
|
|
|
import { ThemeProviderComponent } from '@/components/theme/Provider';
|
2024-04-09 10:51:05 +00:00
|
|
|
|
|
|
|
|
const montserrat = Montserrat({
|
|
|
|
|
weight: ['300', '400', '500', '700'],
|
|
|
|
|
subsets: ['latin'],
|
|
|
|
|
display: 'swap',
|
|
|
|
|
fallback: ['Arial', 'sans-serif'],
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
export const metadata: Metadata = {
|
|
|
|
|
title: 'Perplexica - Chat with the internet',
|
|
|
|
|
description:
|
|
|
|
|
'Perplexica is an AI powered chatbot that is connected to the internet.',
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default function RootLayout({
|
|
|
|
|
children,
|
|
|
|
|
}: Readonly<{
|
|
|
|
|
children: React.ReactNode;
|
|
|
|
|
}>) {
|
|
|
|
|
return (
|
2024-05-24 10:20:15 +00:00
|
|
|
<html className="h-full" lang="en" suppressHydrationWarning>
|
2024-04-09 10:51:05 +00:00
|
|
|
<body className={cn('h-full', montserrat.className)}>
|
2024-05-24 10:20:15 +00:00
|
|
|
<ThemeProviderComponent>
|
|
|
|
|
<Sidebar>{children}</Sidebar>
|
|
|
|
|
<Toaster
|
|
|
|
|
toastOptions={{
|
|
|
|
|
unstyled: true,
|
|
|
|
|
classNames: {
|
|
|
|
|
toast:
|
|
|
|
|
'dark:dark:bg-[#111111] text-white rounded-lg p-4 flex flex-row items-center space-x-2',
|
|
|
|
|
},
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</ThemeProviderComponent>
|
2024-04-09 10:51:05 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
);
|
|
|
|
|
}
|
