import type { Metadata } from 'next'
import { Marcellus, Jost } from 'next/font/google'
import Navigation from '@/components/layout/Navigation'
import Footer from '@/components/layout/Footer'
import './globals.css'
import BusinessSchema from "@/components/BusinessSchema";
import CartDrawer from '@/components/shop/CartDrawer'

const marcellus = Marcellus({
  subsets: ['latin'],
  weight: ["400"],
  variable: '--font-marcellus',
  display: 'swap',
})

const jost = Jost({ style: ['normal', 'italic'], weight: ["400","700"],
  subsets: ['latin'],
  variable: '--font-jost',
  display: 'swap',
})

export const metadata: Metadata = {
  title: "Ben's Noodle House",
  description:
    'Wok-fired noodles tossed to order over high heat, with garlic, fresh cabbage, dark soy glaze and a local chilli kick, served hot in a takeaway box.',
}

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en" className={`${marcellus.variable} ${jost.variable}`}>
      <body className={`${jost.className} bg-background text-foreground antialiased`}>
        <BusinessSchema />
        <Navigation />
        {children}
        <Footer />
        <CartDrawer />

      </body>
    </html>
  )
}