diff --git a/src/components/footer/Footer.jsx b/src/components/footer/Footer.jsx
index 8b48ed7..35927d1 100644
--- a/src/components/footer/Footer.jsx
+++ b/src/components/footer/Footer.jsx
@@ -1,4 +1,6 @@
+import AboutPage from "@/pages/about";
 import Image from "next/image";
+import Link from "next/link";
 import {
     BiLogoFacebookSquare,
     BiLogoInstagram,
@@ -23,24 +25,24 @@ const Footer = () => {
                 <div className='flex flex-col sm:flex-row lg:flex-row justify-between px-10 mx-auto w-full'>
                     {/* First Column */}
                     <div className='flex flex-col items-center sm:mx-2 sm:mb-4'>
-                        <a
-                            href='#'
-                            className='text-[#BAC738] hover:text-lime-950 mb-1'
+                        <Link
+                            href='/about'
+                            className='text-white hover:text-lime-950 mb-1'
                         >
                             About us
-                        </a>
-                        <a
-                            href='#'
-                            className='text-[#BAC738] hover:text-lime-950 mb-1'
+                        </Link>
+                        <Link
+                            href='/blog'
+                            className='text-white hover:text-lime-950 mb-1'
                         >
                             Blogs
-                        </a>
-                        <a
-                            href='#'
-                            className='text-[#BAC738] hover:text-lime-950 mb-1'
+                        </Link>
+                        <Link
+                            href='/products'
+                            className='text-white hover:text-lime-950 mb-1'
                         >
-                            Listed items
-                        </a>
+                            Listed Items
+                        </Link>
                     </div>
 
                     {/* Second Column */}
@@ -49,25 +51,25 @@ const Footer = () => {
                         <div className='flex items-center space-x-2 p-2'>
                             <a
                                 href='#'
-                                className='text-lime-950 hover:text-[#BAC738]'
+                                className='text-white hover:text-[#BAC738]'
                             >
                                 <BiLogoFacebookSquare className='w-6 h-6' />
                             </a>
                             <a
                                 href='#'
-                                className='text-lime-950 hover:text-[#BAC738]'
+                                className='text-white hover:text-[#BAC738]'
                             >
                                 <BiLogoInstagram className='w-6 h-6' />
                             </a>
                             <a
                                 href='#'
-                                className='text-lime-950 hover:text-[#BAC738]'
+                                className='text-white hover:text-[#BAC738]'
                             >
                                 <BiLogoLinkedinSquare className='w-6 h-6' />
                             </a>
                             <a
                                 href='#'
-                                className='text-lime-950 hover:text-[#BAC738]'
+                                className='text-white hover:text-[#BAC738]'
                             >
                                 <BiSolidShareAlt className='w-6 h-6' />
                             </a>
@@ -77,9 +79,7 @@ const Footer = () => {
                     {/* Third Column */}
                     <div className='mx-4 items-center flex-col flex mb-4'>
                         <h2>Address</h2>
-                        <p className='text-gray-300'>
-                            123 Street, City, Country
-                        </p>
+                        <p className='text-white'>123 Street, City, Country</p>
                     </div>
                 </div>
             </div>