diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 13c0683..78b0eb7 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -26,24 +26,16 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "About",
-          id: "/about",
-        },
+          name: "About",          id: "/about"},
         {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777200990405-fpi8ibhu.png"
       brandName="Digital Creation"
       button={{
-        text: "WhatsApp",
-        href: "https://wa.me/yournumber",
-      }}
+        text: "WhatsApp",        href: "https://wa.me/yournumber"}}
     />
   </div>
 
@@ -52,9 +44,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="About Digital Creation"
       description={[
-        "We are a team of passionate creators.",
-        "Focused on delivering results.",
-      ]}
+        "We are a team of passionate creators.",        "Focused on delivering results."]}
     />
   </div>
 
@@ -67,37 +57,23 @@ export default function LandingPage() {
       description="Years of expertise and passion."
       metrics={[
         {
-          id: "a1",
-          value: "10+",
-          title: "Years Experience",
-          description: "Driving innovation since 2015.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/modern-graphic-representing-years-of-exp-1777201159577-5701a554.png",
-        },
+          id: "a1",          value: "10+",          title: "Years Experience",          description: "Driving innovation since 2015.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/modern-graphic-representing-years-of-exp-1777201159577-5701a554.png"},
         {
-          id: "a2",
-          value: "50+",
-          title: "Team Members",
-          description: "Creative experts in every field.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/modern-graphic-representing-team-strengt-1777201168402-8cfcf083.png",
-        },
+          id: "a2",          value: "50+",          title: "Team Members",          description: "Creative experts in every field.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/modern-graphic-representing-team-strengt-1777201168402-8cfcf083.png"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
+      className="bg-[#04225D]"
       columns={[
         {
-          title: "Links",
-          items: [
+          title: "Links",          items: [
             {
-              label: "About",
-              href: "/about",
-            },
+              label: "About",              href: "/about"},
             {
-              label: "Contact",
-              href: "/contact",
-            },
+              label: "Contact",              href: "/contact"},
           ],
         },
       ]}
@@ -108,4 +84,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index a432065..692aad2 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -39,6 +39,7 @@ export default function ContactPage() {
           useInvertedBackground={false}
         />
         <FooterBase 
+          className="bg-[#04225D]"
           columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] }]} 
           logoText="Digital Creation" 
         />
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d4a0c3b..6e69f4f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -98,6 +98,7 @@ export default function LandingPage() {
 
         <div id="footer" data-section="footer">
           <FooterBase
+            className="bg-[#04225D]"
             columns={[{ title: "Links", items: [{ label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }]}
             logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca8jhPNunWlpMXcKOcjb3eD3xc/uploaded-1777202327410-pp97c78b.png"
             logoText="Digital Creation"
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index f7e601e..5893f8d 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -45,6 +45,7 @@ export default function ServicesPage() {
           useInvertedBackground={false}
         />
         <FooterBase 
+          className="bg-[#04225D]"
           columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]} 
           logoText="Digital Creation" 
         />