import { Geist, Geist_Mono } from 'next/font/google';
import ChatBot from '@/components/chatbot/ChatBot';
import Footer from '@/components/landing/Footer';
import Header from '@/components/landing/Header';

const geistSans = Geist({
	variable: '--font-geist-sans',
	subsets: ['latin'],
});

const geistMono = Geist_Mono({
	variable: '--font-geist-mono',
	subsets: ['latin'],
});

export default function RootLayout({
	children,
}: Readonly<{
	children: React.ReactNode;
}>) {
	return (
		<html lang="en">
			<body
				className={`${geistSans.variable} ${geistMono.variable} antialiased`}
			>
				<main className="w-full overflow-hidden">
					<Header />
					{children}
					<Footer />
					<ChatBot />
				</main>
			</body>
		</html>
	);
}
