diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..25fdfe5
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,41 @@
+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>
+  )
+}