From cf4582c5d2f493f0df455bcca6d8876f35bcebc9 Mon Sep 17 00:00:00 2001
From: Shanks <arpitsarang220@gmail.com>
Date: Tue, 17 Mar 2026 01:01:26 +0530
Subject: [PATCH] Fix the Fotter hover effect in the dark theme

---
 next.config.mjs                  | 11 ++++++++---
 src/app/layout.tsx               |  2 +-
 src/components/layout/Footer.tsx |  7 +++++--
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/next.config.mjs b/next.config.mjs
index 80651b7..62b3953 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,12 +1,17 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  output: 'export',
-  distDir: 'out',
+//  output: 'export',
+//  distDir: 'out',
   images: {
     unoptimized: true,
   },
   webpack: (config) => {
-    config.resolve.fallback = { fs: false, net: false, tls: false };
+    config.resolve.fallback = { 
+      fs: false, 
+      net: false, 
+      tls: false,
+      '@react-native-async-storage/async-storage': false
+    };
     return config;
   },
 };
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a56faf5..cec65ba 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -100,7 +100,7 @@ export default function RootLayout({
             __html: `
               (function() {
                 try {
-                  var theme = localStorage.getItem('theme') || 'system';
+                  var theme = localStorage.getItem('fate-protocol-theme') || 'system';
                   var systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
                   var finalTheme = theme === 'system' ? systemTheme : theme;
                   
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index e9893cb..056ed60 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -135,10 +135,13 @@ export default function Footer({ className = "", onKYAClick }: FooterProps) {
                 href={item.href}
                 target="_blank"
                 rel="noopener noreferrer"
-                className="rounded-full bg-white/10 dark:bg-black/10 p-2 hover:bg-white/20 dark:hover:bg-black/20 transition-colors"
+                className="group rounded-full bg-white/10 dark:bg-white/5 p-2 hover:bg-white/20 dark:hover:bg-yellow-400/10 transition-all duration-300 hover:scale-110 active:scale-95"
               >
                 <span className="sr-only">{item.name}</span>
-                <item.icon className="size-6 text-white dark:text-white" aria-hidden="true" />
+                <item.icon 
+                  className="size-6 text-white transition-colors duration-300 group-hover:text-yellow-500 dark:group-hover:text-yellow-400" 
+                  aria-hidden="true" 
+                />
               </Link>
             ))}
           </div>