From 8db3c8b6c3292795373c2739cb1818e429ea64ad Mon Sep 17 00:00:00 2001
From: JaYRaNa213 <tresurejay6@gmail.com>
Date: Sat, 31 Jan 2026 22:25:59 +0530
Subject: [PATCH] fix footer's dark and light mode toggle

---
 landing-page/src/Pages/Footer/Footer.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/landing-page/src/Pages/Footer/Footer.tsx b/landing-page/src/Pages/Footer/Footer.tsx
index f81fbe959..f3a72e588 100644
--- a/landing-page/src/Pages/Footer/Footer.tsx
+++ b/landing-page/src/Pages/Footer/Footer.tsx
@@ -3,12 +3,12 @@ import { FaDiscord } from 'react-icons/fa'  // Import Discord icon from React Ic
 
 const Footer: React.FC = () => {
   return (
-    <footer className="relative bg-black text-white py-8 overflow-hidden">
+    <footer className="relative bg-white dark:bg-black text-gray-900 dark:text-white py-8 overflow-hidden transition-colors duration-300 border-t border-gray-100 dark:border-gray-900">
       <div className="relative container mx-auto px-6">
         <div className="flex justify-between items-center">
           {/* Left-aligned PictoPy text */}
           <div className="flex items-center space-x-2">
-            <p className="text-xl font-medium text-transparent bg-clip-text bg-gradient-to-r from-yellow-400 to-green-400 hover:scale-105 transition-all duration-300 ease-in-out">
+            <p className="text-xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-yellow-500 to-green-500 hover:scale-105 transition-all duration-300 ease-in-out">
               PictoPy
             </p>
           </div>
@@ -19,15 +19,15 @@ const Footer: React.FC = () => {
               href="https://discord.com/channels/1022871757289422898/1311271974630330388" 
               target="_blank" 
               rel="noopener noreferrer" 
-              className="text-sm font-medium text-transparent bg-clip-text bg-gradient-to-r from-yellow-400 to-green-400 hover:bg-gradient-to-r hover:from-yellow-500 hover:to-green-500 transition duration-300 ease-in-out"
+              className="text-sm font-medium hover:opacity-80 transition duration-300 ease-in-out flex items-center"
             >
-              <FaDiscord className="inline-block mr-2 text-yellow-400 hover:text-green-400 transition duration-300 ease-in-out transform scale-150" /> {/* Scale it to 1.5x */}
-              <span>Made with love by AOSSIE team</span>
+              <FaDiscord className="mr-2 text-yellow-500 hover:text-green-500 transition duration-300 ease-in-out transform scale-150" />
+              <span className="bg-gradient-to-r from-yellow-600 to-green-600 dark:from-yellow-400 dark:to-green-400 bg-clip-text text-transparent">Made with love by AOSSIE team</span>
             </a>
           </div>
         </div>
 
-        <div className="mt-4 text-center border-t border-white pt-2">
+        <div className="mt-4 text-center border-t border-gray-100 dark:border-gray-900 pt-2">
           {/* You can add any content here if needed */}
         </div>
       </div>