diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..60acc57
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,39 @@
+import type { Metadata } from 'next'
+import { Archivo_Black, Space_Grotesk } 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 archivoBlack = Archivo_Black({
+ subsets: ['latin'],
+ weight: '400',
+ variable: '--font-display',
+ display: 'swap',
+})
+
+const spaceGrotesk = Space_Grotesk({
+ subsets: ['latin'],
+ weight: ["400", "500", "700"],
+ variable: '--font-body',
+ display: 'swap',
+})
+
+export const metadata: Metadata = {
+ title: 'Jozi wear',
+ description: 'Soweto streetwear brand — limited edition African-print hoodies, caps, and tees. Bold, authentic, rooted in township culture.',
+}
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+ return (
+
+
+
+ {children}
+
+
+
+
+
+ )
+}