import { Metadata } from 'next' import './globals.css' import { TailwindIndicator } from '@/components/tailwind-indicator' import { ThemeProvider } from '@/components/theme-provider' import { fontMono, fontSans } from '@/lib/fonts' import { cn } from '@/lib/utils' import { Header } from '@/app/header' export const metadata: Metadata = { title: { default: 'Next.js Chatbot', template: `%s - Next.js Chatbot` }, description: 'An AI-powered chatbot built with Next.js and Vercel.', themeColor: [ { media: '(prefers-color-scheme: light)', color: 'white' }, { media: '(prefers-color-scheme: dark)', color: 'black' } ], icons: { icon: '/favicon.ico', shortcut: '/favicon-16x16.png', apple: '/apple-touch-icon.png' } } interface RootLayoutProps { children: React.ReactNode } export default function RootLayout({ children }: RootLayoutProps) { return (