diff --git a/src/app/leads/page.tsx b/src/app/leads/page.tsx
index 891f3cc..2e31488 100644
--- a/src/app/leads/page.tsx
+++ b/src/app/leads/page.tsx
@@ -8,14 +8,28 @@ export default function LeadsPage() {
   const [search, setSearch] = useState("");
 
   return (
-    <ThemeProvider>
-      <NavbarStyleCentered
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Leads", id: "/leads" },
-        ]}
-        brandName="Bookly"
-      />
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Leads", id: "/leads" },
+            { name: "Missed Calls", id: "/missed-calls" }
+          ]}
+          brandName="Bookly"
+        />
+      </div>
       <main className="container mx-auto p-8 pt-32">
         <h1 className="text-4xl font-bold mb-8">Leads Dashboard</h1>
         <div className="flex gap-4 mb-6">
diff --git a/src/app/missed-calls/page.tsx b/src/app/missed-calls/page.tsx
index cf715b3..a952abd 100644
--- a/src/app/missed-calls/page.tsx
+++ b/src/app/missed-calls/page.tsx
@@ -7,7 +7,6 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { useState } from 'react';
 
 export default function MissedCallsPage() {
-  // Mock data for demonstration
   const [calls] = useState([
     { id: 1, caller: "John Doe", phone: "(555) 123-4567", time: "10:30 AM", status: "Missed" },
     { id: 2, caller: "Sarah Smith", phone: "(555) 987-6543", time: "09:15 AM", status: "Missed" },
@@ -32,6 +31,7 @@ export default function MissedCallsPage() {
             <NavbarStyleCentered
             navItems={[
               { name: "Dashboard", id: "/" },
+              { name: "Leads", id: "/leads" },
               { name: "Missed Calls", id: "/missed-calls" },
             ]}
             brandName="Bookly"
@@ -76,6 +76,7 @@ export default function MissedCallsPage() {
         <div id="footer" data-section="footer">
             <FooterMedia
             logoText="Bookly"
+            videoSrc="https://assets.mixkit.co/videos/preview/mixkit-abstract-shapes-in-motion-1200-large.mp4"
             columns={[
               { title: "Company", items: [{ label: "About", href: "#" }] },
               { title: "Resources", items: [{ label: "Support", href: "#" }] },