diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index ad33a94..37570bb 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -8,7 +8,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <div id="nav" data-section="nav">
             <NavbarLayoutFloatingOverlay
@@ -23,13 +23,12 @@ export default function AboutPage() {
           />
         </div>
         <MediaAbout
-          title="About Asdee Udyog"
-          description="Since our inception, Asdee Udyog has been committed to engineering excellence in air movement solutions. The JUPITER brand represents our dedication to precision, durability, and reliability for industrial operators worldwide."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYvOovfPz3h4E9jyDuJHMcg55K/sturdy-industrial-heavy-duty-machine-gea-1774678828120-e651e262.png?_wi=1"
+          heading={[{ type: 'text', content: "About Asdee Udyog" }]}
           useInvertedBackground={false}
         />
         <FooterMedia
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYvOovfPz3h4E9jyDuJHMcg55K/a-professional-high-resolution-close-up--1774678828084-a04da5ac.png?_wi=2"
+          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYvOovfPz3h4E9jyDuJHMcg55K/a-professional-high-resolution-close-up--1774678828084-a04da5ac.mp4"
           columns={[
             { title: "Solutions", items: [{ label: "Products", href: "/products" }] },
             { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Why Choose Us", href: "/why-choose-us" }, { label: "Contact", href: "/contact" }] },
@@ -38,4 +37,4 @@ export default function AboutPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index b7082ea..e1b5951 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -8,18 +8,25 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Technical Resources", id: "/resources" }, { name: "Contact", id: "/contact" }]} brandName="JUPITER Roots Blower" />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Technical Resources", id: "/resources" }, { name: "Contact", id: "/contact" }]} brandName="JUPITER Roots Blower" />
+        </div>
         <main className="pt-32 pb-20">
           <ContactSplit
             tag="Contact Us"
             title="Get in Touch"
             description="Submit your inquiry below or reach out via our direct contact channels for personalized service."
             buttonText="Submit Inquiry"
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
           />
         </main>
-        <FooterMedia columns={[{ title: "Solutions", items: [{ label: "Products", href: "/products" }, { label: "Resources", href: "/resources" }] }, { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }]} />
+        <FooterMedia 
+            videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYvOovfPz3h4E9jyDuJHMcg55K/a-professional-high-resolution-close-up--1774678828084-a04da5ac.mp4"
+            columns={[{ title: "Solutions", items: [{ label: "Products", href: "/products" }, { label: "Resources", href: "/resources" }] }, { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }]} 
+        />
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/resources/page.tsx b/src/app/resources/page.tsx
index 56f2839..8bd48dd 100644
--- a/src/app/resources/page.tsx
+++ b/src/app/resources/page.tsx
@@ -8,9 +8,11 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function TechnicalResourcesPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Technical Resources", id: "/resources" }, { name: "Contact", id: "/contact" }]} brandName="JUPITER Roots Blower" />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay navItems={[{ name: "Home", id: "/" }, { name: "Technical Resources", id: "/resources" }, { name: "Contact", id: "/contact" }]} brandName="JUPITER Roots Blower" />
+        </div>
         <main className="pt-32 pb-20 px-6 max-w-5xl mx-auto">
           <h1 className="text-4xl font-bold mb-8">Technical Resources</h1>
           <p className="text-lg mb-12">Access our comprehensive library of technical documentation, installation guides, and performance specifications.</p>
@@ -26,8 +28,11 @@ export default function TechnicalResourcesPage() {
             ))}
           </div>
         </main>
-        <ContactCTA tag="Need help?" title="Direct Technical Support" description="Reach out for specialized engineering assistance." buttons={[{ text: "Contact Support", href: "/contact" }]} />
-        <FooterMedia columns={[{ title: "Solutions", items: [{ label: "Products", href: "/products" }, { label: "Resources", href: "/resources" }] }, { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }]} />
+        <ContactCTA tag="Need help?" title="Direct Technical Support" description="Reach out for specialized engineering assistance." buttons={[{ text: "Contact Support", href: "/contact" }]} background={{ variant: "plain" }} useInvertedBackground={false} />
+        <FooterMedia 
+            videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYvOovfPz3h4E9jyDuJHMcg55K/a-professional-high-resolution-close-up--1774678828084-a04da5ac.mp4"
+            columns={[{ title: "Solutions", items: [{ label: "Products", href: "/products" }, { label: "Resources", href: "/resources" }] }, { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }]} 
+        />
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/why-choose-us/page.tsx b/src/app/why-choose-us/page.tsx
index c3e5593..c4acc82 100644
--- a/src/app/why-choose-us/page.tsx
+++ b/src/app/why-choose-us/page.tsx
@@ -8,7 +8,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function WhyChooseUsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <div id="nav" data-section="nav">
             <NavbarLayoutFloatingOverlay
@@ -24,19 +24,18 @@ export default function WhyChooseUsPage() {
         </div>
         <FeatureCardThree
           animationType="slide-up"
-          textboxLayout="split"
           gridVariant="three-columns-all-equal-width"
           useInvertedBackground={false}
           title="Why Industrial Leaders Choose JUPITER"
           description="We provide a competitive advantage through uncompromising technical standards."
           features={[
-            { id: "1", title: "Superior Engineering", description: "High-precision tolerances ensure minimal wear and tear." },
-            { id: "2", title: "Energy Optimized", description: "Designed to reduce power consumption across industrial cycles." },
-            { id: "3", title: "Dedicated Support", description: "Fast-response technical assistance for continuous operation." },
+            { id: "1", title: "Superior Engineering", description: "High-precision tolerances ensure minimal wear and tear.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYvOovfPz3h4E9jyDuJHMcg55K/sturdy-industrial-heavy-duty-machine-gea-1774678828120-e651e262.png?_wi=1" },
+            { id: "2", title: "Energy Optimized", description: "Designed to reduce power consumption across industrial cycles.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYvOovfPz3h4E9jyDuJHMcg55K/sturdy-industrial-heavy-duty-machine-gea-1774678828120-e651e262.png?_wi=1" },
+            { id: "3", title: "Dedicated Support", description: "Fast-response technical assistance for continuous operation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYvOovfPz3h4E9jyDuJHMcg55K/sturdy-industrial-heavy-duty-machine-gea-1774678828120-e651e262.png?_wi=1" },
           ]}
         />
         <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYvOovfPz3h4E9jyDuJHMcg55K/a-professional-high-resolution-close-up--1774678828084-a04da5ac.png?_wi=2"
+          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYvOovfPz3h4E9jyDuJHMcg55K/a-professional-high-resolution-close-up--1774678828084-a04da5ac.mp4"
           columns={[
             { title: "Solutions", items: [{ label: "Products", href: "/products" }] },
             { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Why Choose Us", href: "/why-choose-us" }, { label: "Contact", href: "/contact" }] },
@@ -45,4 +44,4 @@ export default function WhyChooseUsPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file