diff --git a/public/assets/images/footer/footer.webp b/public/assets/images/footer/footer.webp
new file mode 100644
index 0000000..2274806
Binary files /dev/null and b/public/assets/images/footer/footer.webp differ
diff --git a/src/components/common/Preloader.tsx b/src/components/common/Preloader.tsx
index 96f4a51..6fe7102 100644
--- a/src/components/common/Preloader.tsx
+++ b/src/components/common/Preloader.tsx
@@ -2,9 +2,12 @@
 import React, { useEffect, useState } from "react";
 
 const Preloader = () => {
+    const [mounted, setMounted] = useState(false);
     const [isLoading, setIsLoading] = useState(true);
 
     useEffect(() => {
+        setMounted(true);
+
         const timer = setTimeout(() => {
             setIsLoading(false);
         }, 1500); // Minimum 1.5s visibility for the logo animation
@@ -25,7 +28,7 @@ const Preloader = () => {
         };
     }, []);
 
-    if (!isLoading) return null;
+    if (!mounted || !isLoading) return null;
 
     return (
         <div id="preloader">
diff --git a/src/components/home/home-1/BlogSection.tsx b/src/components/home/home-1/BlogSection.tsx
index fdcd867..7a6bf7c 100644
--- a/src/components/home/home-1/BlogSection.tsx
+++ b/src/components/home/home-1/BlogSection.tsx
@@ -43,6 +43,7 @@ const BlogSection = ({ hideHeader = false, isPaginated = false }: { hideHeader?:
                     key={i}
                     onClick={() => paginate(i)}
                     className={`pagination-btn ${currentPage === i ? 'active' : ''}`}
+                    suppressHydrationWarning
                 >
                     {i}
                 </button>
@@ -105,6 +106,7 @@ const BlogSection = ({ hideHeader = false, isPaginated = false }: { hideHeader?:
                                 onClick={() => paginate(currentPage - 1)}
                                 disabled={currentPage === 1}
                                 className={`pagination-arrow ${currentPage === 1 ? 'disabled' : ''}`}
+                                suppressHydrationWarning
                             >
                                 <i className="fa-solid fa-angles-left"></i>
                             </button>
@@ -115,6 +117,7 @@ const BlogSection = ({ hideHeader = false, isPaginated = false }: { hideHeader?:
                                 onClick={() => paginate(currentPage + 1)}
                                 disabled={currentPage === totalPages}
                                 className={`pagination-arrow ${currentPage === totalPages ? 'disabled' : ''}`}
+                                suppressHydrationWarning
                             >
                                 <i className="fa-solid fa-angles-right"></i>
                             </button>
diff --git a/src/components/layout/Footer1.tsx b/src/components/layout/Footer1.tsx
index d64415c..3543661 100644
--- a/src/components/layout/Footer1.tsx
+++ b/src/components/layout/Footer1.tsx
@@ -40,7 +40,7 @@ const Footer1 = () => {
 
     return (
         <footer>
-            <div className="footer-main bg-color-1">
+            <div className="footer-main bg-color-1" style={{ backgroundImage: 'url(/assets/images/footer/footer.webp)', backgroundPosition: 'center', backgroundRepeat: 'no-repeat', backgroundSize: 'cover' }}>
                 <div className="footer-top section-space-medium">
                     <div className="small-container">
                         <div className="row g-4">
@@ -49,7 +49,7 @@ const Footer1 = () => {
                                     <figure className="image">
                                         <img src="/assets/img-app/logo.webp" alt="footer logo" />
                                     </figure>
-                                    <p className="mt-40 mb-40">Metatroncube Software Solutions: Where innovation meets execution to elevate your digital presence. Partner with us for bespoke web and app development that powers your business growth.</p>
+                                    <p className="mt-20 mb-40">Metatroncube Software Solutions: Where innovation meets execution to elevate your digital presence. Partner with us for bespoke web and app development that powers your business growth.</p>
                                     <div className="footer-socials">
                                         <span>
                                             <a href="https://www.facebook.com/metatroncubecanada" target="_blank" rel="noopener noreferrer">
@@ -141,7 +141,7 @@ const Footer1 = () => {
                     </div>
                 </div>
                 <div className="small-container">
-                    <div className="footer-bottom pt-30 pb-30">
+                    <div className="footer-bottom pt-15 pb-15">
                         <div className="left-area">
                             <span>Copyright {new Date().getFullYear()} © by{" "}
                                 Metatroncube Software Solutions.