diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..495111b
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,40 @@
+import type { Metadata } from 'next';
+import { Bricolage_Grotesque, Lora } from 'next/font/google';
+import Navigation from '@/components/layout/Navigation';
+import Footer from '@/components/layout/Footer';
+import './globals.css';
+import CartDrawer from '@/components/shop/CartDrawer'
+
+const bricolage = Bricolage_Grotesque({
+ subsets: ['latin'],
+ variable: '--font-heading',
+ weight: ["700", "800"],
+ display: 'swap',
+});
+
+const lora = Lora({
+ subsets: ['latin'],
+ variable: '--font-body',
+ weight: ["400", "500", "600", "700"],
+ style: ["normal", "italic"],
+ display: 'swap',
+});
+
+export const metadata: Metadata = {
+ title: 'Ukaya Home — Handcrafted Southern African Homeware',
+ description: 'Authentic artisan home décor from Durban-based Ukaya Home. Curated cushions, throws, and ceramics woven, beaded, and hand-glazed by skilled Southern African artisans. Nationwide delivery in South Africa.',
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+ return (
+
+
+
+ {children}
+
+
+
+
+
+ );
+}