import type { Metadata } from 'next'
import { Inter } from 'next/font/google'
import './globals.css'
import QueryProvider from '@/components/QueryProvider'
import Nav from '@/components/manual/Nav'
import { cn } from '@/lib/utils'
import 'react-alice-carousel/lib/alice-carousel.css'
import FooterComponent from '@/components/manual/footer'
import 'swiper/css';
const inter = Inter({ subsets: ['latin'] })

export const metadata: Metadata = {
  title: 'Hotel Namaste Nepal, Surkhet',
  description:
    'Hotel Namaste Nepal in Birendra Nagar, Surkhet offers luxury accommodations, exceptional dining, and top-notch event facilities. Experience Nepali hospitality with modern amenities. Book now!',
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en">
      <head>
        {/* <link rel="icon" href="/favicon.ico"  sizes="32*32" /> */}
      </head>
      <body className={cn(inter.className, '')}>
        <QueryProvider>
          <Nav />
          {children}
          <FooterComponent />
        </QueryProvider>
      </body>
    </html>
  )
}
