diff --git a/src/app/account/page.tsx b/src/app/account/page.tsx
index 5f0f802..a3bfe30 100644
--- a/src/app/account/page.tsx
+++ b/src/app/account/page.tsx
@@ -7,14 +7,14 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function AccountPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}]} brandName="Quran Digital" />
         <main className="min-h-screen py-20 px-6">
           <h1 className="text-4xl font-bold mb-8">My Account</h1>
           <div className="bg-card p-8 rounded-xl shadow-sm">Dashboard content goes here.</div>
         </main>
-        <FooterMedia logoText="Quran Digital" columns={[]} />
+        <FooterMedia logoText="Quran Digital" columns={[]} videoSrc="https://player.vimeo.com/external/494635674.sd.mp4?s=d4f4d2f0a1d4f4d2f0a1d4f4d2f0a1" />
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx
index abee132..47e18fb 100644
--- a/src/app/cart/page.tsx
+++ b/src/app/cart/page.tsx
@@ -5,7 +5,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 
 export default function CartPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleFullscreen
         navItems={[
           { name: "Home", id: "/" },
diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx
index f172a12..7e0eeaf 100644
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -7,14 +7,14 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function CheckoutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Account", id: "/account"}]} brandName="Quran Digital" />
         <main className="min-h-screen py-20 px-6">
           <h1 className="text-4xl font-bold mb-8">Checkout</h1>
           <div className="bg-card p-8 rounded-xl shadow-sm">Checkout form goes here.</div>
         </main>
-        <FooterMedia logoText="Quran Digital" columns={[]} />
+        <FooterMedia logoText="Quran Digital" columns={[]} videoSrc="https://player.vimeo.com/external/494635674.sd.mp4?s=d4f4d2f0a1d4f4d2f0a1d4f4d2f0a1" />
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/order-confirmation/page.tsx b/src/app/order-confirmation/page.tsx
index 45beb7c..24b0236 100644
--- a/src/app/order-confirmation/page.tsx
+++ b/src/app/order-confirmation/page.tsx
@@ -7,14 +7,14 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function OrderConfirmationPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}]} brandName="Quran Digital" />
         <main className="min-h-screen py-20 px-6 text-center">
           <h1 className="text-4xl font-bold mb-4">Thank you for your order!</h1>
           <p>Your order has been placed successfully.</p>
         </main>
-        <FooterMedia logoText="Quran Digital" columns={[]} />
+        <FooterMedia logoText="Quran Digital" columns={[]} videoSrc="https://player.vimeo.com/external/494635674.sd.mp4?s=d4f4d2f0a1d4f4d2f0a1d4f4d2f0a1" />
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 8f1c354..5aafba0 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -6,7 +6,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 
 export default function ShopPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleFullscreen
         navItems={[
           { name: "Home", id: "/" },
@@ -20,7 +20,8 @@ export default function ShopPage() {
           layout="page"
           products={[
             { id: "p1", name: "Deluxe Quran Edition", price: "$99.00", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/ramadan-concept-with-quran_23-2147791858.jpg" },
-            { id: "p2", name: "Study Journal", price: "$25.00", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-holding-book_23-2150234216.jpg" }
+            { id: "p2", name: "Study Journal", price: "$25.00", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-holding-book_23-2150234216.jpg" },
+            { id: "p3", name: "Prayer Mat", price: "$45.00", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/muslim-prayer-mat-with-beads_23-2148704258.jpg" }
           ]}
         />
       </main>