From f8a31c94b9cc8f66f17a08d62e52ac7fbf2f0275 Mon Sep 17 00:00:00 2001
From: Shweta <talekar026@gmail.com>
Date: Fri, 22 May 2026 13:14:43 +0530
Subject: [PATCH] Replaced outdated twitter icon with X branding

---
 src/components/Footer.tsx | 32 +++++++++++++++++++-------------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 411bf2ff..fa6ff461 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,14 +1,16 @@
 import { useState } from 'react';
 import { Link } from 'react-router-dom';
+
 import {
   FaGithub,
-  FaTwitter,
   FaDiscord,
   FaArrowRight,
   FaEnvelope,
   FaInfoCircle,
 } from 'react-icons/fa';
 
+import { FaXTwitter } from 'react-icons/fa6';
+
 function Footer() {
   const [email, setEmail] = useState('');
 
@@ -34,6 +36,7 @@ function Footer() {
       "
     >
       <div className="max-w-7xl mx-auto px-8 pt-16 pb-10 relative z-10">
+
         {/* Upper Section */}
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-10 pb-12 border-b border-zinc-200 dark:border-zinc-800/60">
 
@@ -145,35 +148,38 @@ function Footer() {
 
           {/* Social Icons */}
           <div className="flex items-center space-x-5">
+
+            {/* GitHub */}
             <a
               href="https://github.com/GitMetricsLab/github_tracker"
               target="_blank"
               rel="noopener noreferrer"
-              className="text-zinc-400 dark:text-zinc-500 hover:text-zinc-900 dark:hover:text-zinc-100 transition-all duration-300 hover:-translate-y-1 hover:scale-110"
+              className="text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 transition-all duration-300 hover:-translate-y-1 hover:scale-110"
               aria-label="GitHub Repository"
             >
               <FaGithub className="h-6 w-6" />
             </a>
 
+            {/* X / Twitter */}
             <a
-              href="https://x.com/your_handle"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="text-zinc-400 dark:text-zinc-500 hover:text-sky-500 dark:hover:text-zinc-100 transition-all duration-300 hover:-translate-y-1 hover:scale-110"
-              aria-label="Twitter"
+              href="#"
+              onClick={(e) => e.preventDefault()}
+              className="text-zinc-600 dark:text-zinc-400 hover:text-zinc-100 transition-all duration-300 hover:-translate-y-1 hover:scale-110 opacity-70 cursor-not-allowed"
+              aria-label="X"
             >
-              <FaTwitter className="h-6 w-6" />
+              <FaXTwitter className="h-6 w-6" />
             </a>
 
+            {/* Discord */}
             <a
-              href="https://discord.gg/your_invite"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="text-zinc-400 dark:text-zinc-500 hover:text-indigo-500 dark:hover:text-zinc-100 transition-all duration-300 hover:-translate-y-1 hover:scale-110"
+              href="#"
+              onClick={(e) => e.preventDefault()}
+              className="text-zinc-600 dark:text-zinc-400 hover:text-indigo-500 dark:hover:text-zinc-100 transition-all duration-300 hover:-translate-y-1 hover:scale-110 opacity-70 cursor-not-allowed"
               aria-label="Discord"
             >
               <FaDiscord className="h-6 w-6" />
             </a>
+
           </div>
         </div>
       </div>
@@ -181,4 +187,4 @@ function Footer() {
   );
 }
 
-export default Footer;
+export default Footer;
\ No newline at end of file