diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 80ae2426..78917693 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,4 +1,4 @@
-import { FaGithub, FaTwitter, FaLinkedin } from 'react-icons/fa';
+import { FaGithub } from 'react-icons/fa';
 import { Link } from 'react-router-dom';
 
 function Footer() {
@@ -12,82 +12,61 @@ function Footer() {
   };
 
   return (
-    <footer className="bg-white dark:bg-gray-900 border-t border-gray-200 dark:border-gray-800 py-6 px-4 sm:px-6 lg:px-8 transition-colors duration-300">
+    <footer className="dark:text-white bg-white dark:bg-gray-900 border-t border-gray-200 dark:border-gray-800 py-2 px-6 transition-colors duration-300">
       <div className="max-w-7xl mx-auto">
-        {/* Main Footer Content */}
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-6">
-          {/* Project Info */}
-          <div className="flex flex-col items-start">
-            <h3 className="text-xl font-bold text-gray-900 dark:text-white mb-2">GitHub Tracker</h3>
-            <p className="text-gray-600 dark:text-gray-400 text-sm">
-              Track and analyze GitHub repositories with ease.
-            </p>
-          </div>
-
-          {/* Quick Links */}
-          <div className="flex flex-col space-y-2">
-            <h4 className="font-semibold text-gray-900 dark:text-white">Quick Links</h4>
-            <Link
-              to="/"
-              className="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors text-sm"
-            >
-              Home
-            </Link>
-            <Link
-              to="/about"
-              className="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors text-sm"
-            >
-              About
-            </Link>
-            <Link
-              to="/contact"
-              className="text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors text-sm"
-            >
-              Contact Us
-            </Link>
-          </div>
-
-          {/* Social Links */}
-          <div className="flex flex-col space-y-2">
-            <h4 className="font-semibold text-gray-900 dark:text-white">Connect With Us</h4>
-            <a
-              href="https://github.com/GitMetricsLab/github_tracker"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors text-sm"
-            >
-              <FaGithub className="h-5 w-5 mr-2" />
-              GitHub
-            </a>
+        <div className="flex flex-col md:flex-row justify-between items-center p-3">
+          <div className="flex items-center space-x-2 md:mb-0">
             <a
-              href="https://twitter.com/example"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors text-sm"
+                href="https://github.com/GitMetricsLab/github_tracker"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-flex items-center hover:text-gray-300 transition-colors"
             >
-              <FaTwitter className="h-5 w-5 mr-2" />
-              Twitter
-            </a>
-            <a
-              href="https://linkedin.com/company/example"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors text-sm"
-            >
-              <FaLinkedin className="h-5 w-5 mr-2" />
-              LinkedIn
+                <FaGithub className="h-5 w-5 mr-1" />
+                GitHub Tracker
             </a>
+
+            <p className="text-sm leading-6 text-gray-600 dark:text-gray-400 max-w-sm">
+              Track repositories, analyze contributions, and explore GitHub
+              insights with a clean and intuitive interface.
+            </p>
           </div>
 
-        </div>
+          {/* Navigation Links */}
+          <div className="space-y-3">
+            <h3 className="text-sm font-semibold uppercase tracking-wider text-gray-900 dark:text-white">
+              Quick Links
+            </h3>
 
-        {/* Footer Bottom */}
-        <div className="border-t border-gray-200 dark:border-gray-800 pt-4 text-center text-gray-600 dark:text-gray-400">
-          <p className="text-xs sm:text-sm">
-            &copy; {new Date().getFullYear()} GitHub Tracker. All rights reserved.
-          </p>
-        </div>
+            <div className="flex flex-col space-y-2">
+              <Link
+                to="/contact"
+                className="inline-flex items-center gap-2 text-sm hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors"
+              >
+                <FaEnvelope className="h-3.5 w-3.5" />
+                Contact Us
+              </Link>
 
+              <Link
+                to="/about"
+                className="inline-flex items-center gap-2 text-sm hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors"
+              >
+                <FaInfoCircle className="h-3.5 w-3.5" />
+                About
+              </Link>
+            </div>
+          </div>
+          <div className="flex space-x-6 text-gray-600 dark:text-gray-300">
+            <Link to='/contact' className="hover:text-gray-900 dark:hover:text-white transition-colors">Contact Us</Link>
+            <Link to='/about' className="hover:text-gray-900 dark:hover:text-white transition-colors">About</Link>
+          </div>
+        </div>
+        <div className="p-2 border-t border-gray-200 dark:border-gray-800 text-center text-gray-600 dark:text-gray-400">
+            <p className="text-xs md:text-sm font-semibold">
+                &copy; {new Date().getFullYear()}{" "}
+                <span className="font-semibold">GitHub Tracker</span>. All rights reserved.
+            </p>
+        </div>
       </div>
     </footer>
   );