diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..3ae08e0
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,25 @@
+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'
+
+const sora = Sora({ subsets: ['latin'], weight: ["400", "600"], 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: 'Die Opstal',
+ description: 'Five-room 1920s Cape Dutch homestead B&B in Franschhoek, offering farm-fresh breakfasts, orchard gardens, and genuine Winelands hospitality for couples and foodie travelers.',
+}
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+ return (
+
+
+
+ {children}
+
+
+
+ )
+}