diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..3098e72
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,40 @@
+import type { Metadata } from 'next'
+import { Albert_Sans, Nunito_Sans } from 'next/font/google'
+import Navigation from '@/components/layout/Navigation'
+import Footer from '@/components/layout/Footer'
+import './globals.css'
+
+const albertSans = Albert_Sans({
+ subsets: ['latin'],
+ variable: '--font-heading',
+ display: 'swap',
+ weight: ["400", "500", "600", "700"],
+})
+
+const nunitoSans = Nunito_Sans({
+ subsets: ['latin'],
+ variable: '--font-body',
+ display: 'swap',
+ weight: ["300", "400", "600", "700"],
+})
+
+export const metadata: Metadata = {
+ title: 'Molten Rock Private Reserve | Exclusive Safari Retreat in Greater Kruger',
+ description: 'Six luxury suites, private game drives, and understated African elegance for discerning travellers. Bespoke wildlife encounters and conservation-forward hospitality in the Greater Kruger.',
+}
+
+export default function RootLayout({
+ children,
+}: {
+ children: React.ReactNode
+}) {
+ return (
+
+
+
+ {children}
+
+
+
+ )
+}