diff --git a/src/app/(main)/blog/[slug]/page.tsx b/src/app/(main)/blog/[slug]/page.tsx
index 434afcb..c49f7fc 100644
--- a/src/app/(main)/blog/[slug]/page.tsx
+++ b/src/app/(main)/blog/[slug]/page.tsx
@@ -98,20 +98,6 @@ export default async function SingleBlogPage({ params }: { params: Promise<{ slu
           </div>
         </section>
         {/* End Section */}
-        {/* Divider */}
-        <hr className="mt-0 mb-0" />
-        {/* End Divider */}
-        {/* Section */}
-        <section className="page-section">
-          <div className="container relative">
-            <div className="row mt-n60">
-              <BlogWidget
-                inputClass="newsletter-field form-control input-md circle mb-10"
-                btnClass="btn btn-mod btn-color btn-medium btn-circle btn-hover-anim form-control"
-              />
-            </div>
-          </div>
-        </section>
       </>
     </>
   );
diff --git a/src/app/(main)/blog/page.tsx b/src/app/(main)/blog/page.tsx
index b691373..17bceb5 100644
--- a/src/app/(main)/blog/page.tsx
+++ b/src/app/(main)/blog/page.tsx
@@ -35,72 +35,6 @@ export default async function BlogPage({ searchParams }: { searchParams?: Promis
       <section className="page-section" id="blog">
         <Blogs page={page} />
       </section>
-
-      <>
-        {/* Divider */}
-        <hr className="mt-0 mb-0" />
-        {/* End Divider */}
-        {/* Section */}
-        <section className="page-section">
-          <div className="container relative">
-            <div className="row mt-n60">
-              <div className="col-sm-6 col-lg-4 mt-60">
-                {/* Widget */}
-                <div className="widget mb-0">
-                  <h3 className="widget-title">Categories</h3>
-                  <div className="widget-body">
-                    <ul className="clearlist widget-menu">
-                      {categories.map((elm, i) => (
-                        <li key={i}>
-                          <a href="#" title="">
-                            {elm.name}
-                          </a>
-                          <small> - {elm.count} </small>
-                        </li>
-                      ))}
-                    </ul>
-                  </div>
-                </div>
-                {/* End Widget */}
-              </div>
-              <div className="col-sm-6 col-lg-4 mt-60">
-                {/* Widget */}
-                <div className="widget mb-0">
-                  <h3 className="widget-title">Tags</h3>
-                  <div className="widget-body">
-                    <div className="tags">
-                      {tags.map((elm, i) => (
-                        <a key={i} href="">
-                          {elm.name}
-                        </a>
-                      ))}
-                    </div>
-                  </div>
-                </div>
-                {/* End Widget */}
-              </div>
-              <div className="col-sm-6 col-lg-4 mt-60">
-                {/* Widget */}
-                <div className="widget mb-0">
-                  <h3 className="widget-title">Archive</h3>
-                  <div className="widget-body">
-                    <ul className="clearlist widget-menu">
-                      {archiveLinks.map((elm, i) => (
-                        <li key={i}>
-                          <a href="#" title="">
-                            {elm.date}
-                          </a>
-                        </li>
-                      ))}
-                    </ul>
-                  </div>
-                </div>
-                {/* End Widget */}
-              </div>
-            </div>
-          </div>
-        </section>
-      </>
     </>
   );
 }
diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx
index 1735316..2f3a5da 100644
--- a/src/app/(main)/layout.tsx
+++ b/src/app/(main)/layout.tsx
@@ -83,8 +83,8 @@ export default function MainLayout({
               <Header links={slickMultipagesDark} />
             </nav>
             <main id="main">{children}</main>
-            <footer className="page-section footer position-relative overflow-hidden pb-30">
-              <div className="bg-shape-4">
+            <footer className="page-section dark footer bg-dark-2 light-content position-relative overflow-hidden pb-30">
+              <div className="bg-shape-4 opacity-003">
                 <Image src="/assets/images/demo-slick/bg-shape-4.svg" width={1600} height={268} alt="" />
               </div>
               <Footer />
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index c098e0a..15b4fad 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -4,7 +4,7 @@ import Image from "next/image";
 import FooterSocials from "./FooterSocial";
 import { footerLinks, navigationLinks } from "@/data/footer";
 
-export default function Footer8() {
+export default function Footer() {
   const scrollToTop = (event: any) => {
     event.preventDefault();
     window.scrollTo({
@@ -15,37 +15,31 @@ export default function Footer8() {
 
   return (
     <>
-      {/* End Background Shape */}
       <div className="container position-relative">
         <div className="row pb-120 pb-sm-80 pb-xs-50">
           <div className="col-md-4 col-lg-3 text-gray mb-sm-50">
             <div className="mb-30">
               <Image
-                src="/assets/images/demo-slick/logo-dark.svg"
+                src="/assets/images/demo-slick/logo-dark.webp"
                 alt="Your Company Logo"
-                width={106}
-                height={36}
+                width={126}
+                height={56}
                 className="light-mode-logo"
               />
               <Image
-                src="/assets/images/demo-slick/logo-white.svg"
+                src="/assets/images/demo-slick/logo-dark.webp"
                 alt="Your Company Logo"
-                width={106}
-                height={36}
+                width={126}
+                height={56}
                 className="dark-mode-logo"
               />
             </div>
             <p>
-              Integer auctor aliquet martor, sed lorem malesuada eros blandit
-              eget. Proin lacinia mortoc id odio vestibulum.
+              Integer auctor aliquet martor, sed lorem malesuada eros blandit eget. Proin lacinia mortoc id odio
+              vestibulum.
             </p>
             <div className="clearlinks">
-              <strong>T.</strong>
-              <a href="tel:+18376528800">+1 837 652 8800</a>
-            </div>
-            <div className="clearlinks">
-              <strong>E.</strong>
-              <a href="mailto:ibthemes21@gmail.com">ibthemes21@gmail.com</a>
+              <a href="tel:5208036644">(520) 803-6644</a>
             </div>
           </div>
           <div className="col-md-7 offset-md-1 offset-lg-2">
@@ -88,15 +82,11 @@ export default function Footer8() {
         {/* Footer Text */}
         <div className="row text-gray">
           <div className="col-md-4 col-lg-3">
-            <b>© IB-Themes {new Date().getFullYear()}.</b>
+            <b>© {new Date().getFullYear()} All Rights Reserved</b>
           </div>
           <div className="col-md-7 offset-md-1 offset-lg-2 clearfix">
-            <b>Based in London, United Kingdom.</b>
             {/* Back to Top Link */}
-            <div
-              className="local-scroll float-end mt-n20 mt-sm-10"
-              onClick={scrollToTop}
-            >
+            <div className="local-scroll float-end mt-n20 mt-sm-10" onClick={scrollToTop}>
               <a href="#top" className="link-to-top color-light">
                 <i className="mi-arrow-up size-24" />
                 <span className="visually-hidden">Scroll to top</span>