diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..06fd85a
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,38 @@
+import type { Metadata } from 'next'
+import { Sora, DM_Sans } from 'next/font/google'
+import Navigation from '@/components/layout/Navigation'
+import Footer from '@/components/layout/Footer'
+import './globals.css'
+import BusinessSchema from "@/components/BusinessSchema";
+
+const sora = Sora({
+  subsets: ['latin'],
+  weight: ["400","600","700"],
+  variable: '--font-sora',
+  display: 'swap',
+})
+
+const dmSans = DM_Sans({
+  subsets: ['latin'],
+  weight: ["400","500","700"],
+  variable: '--font-dm-sans',
+  display: 'swap',
+})
+
+export const metadata: Metadata = {
+  title: 'The Bay Chiro',
+  description: 'Chiropractic assessment, adjustment and rehabilitation in Richards Bay for families, athletes, pregnant moms, babies from six weeks and office workers living with chronic pain. Led by Dr K.P. Khumalo, M.Tech.Chiro (S.A.).',
+}
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang='en' className={`${sora.variable} ${dmSans.variable}`}>
+      <body className={dmSans.className}>
+        <BusinessSchema />
+        <Navigation />
+        {children}
+        <Footer />
+      </body>
+    </html>
+  )
+}