diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..5f98ff3
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,29 @@
+import type { Metadata } from 'next';
+import { Anton, Inter } 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'
+import { VulaSandboxBoundary } from '@/components/VulaSandboxBoundary'
+
+const anton = Anton({ subsets: ['latin'], weight: ["400"], variable: "--font-anton", display: "swap" });
+const inter = Inter({ subsets: ['latin'], variable: "--font-inter", display: "swap" });
+
+export const metadata: Metadata = {
+ title: 'Kasi Drip',
+ description: 'South African streetwear straight from the kasi. Bold graphic tees, oversized hoodies, and limited drops for the culture.',
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+ return (
+
+
+
+ {children}
+
+
+
+
+
+ );
+}