From 7cc862b16b26df0dfb80546ac5c23b2d3785ae8e Mon Sep 17 00:00:00 2001
From: "@Arihantjain123" <arihantsbhansali2312@gmail.com>
Date: Thu, 23 Oct 2025 17:48:18 +0530
Subject: [PATCH] added footer section

---
 frontend/src/App.jsx               | 54 +++++++++++++++++++++++++++++-
 frontend/src/pages/WelcomePage.jsx |  4 +--
 2 files changed, 54 insertions(+), 4 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 3ba7157..ac4e2d7 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,6 +1,7 @@
 import { ToastContainer } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
-import { Routes, Route } from 'react-router-dom';
+import { Routes, Route, Link } from 'react-router-dom';
+import { FaGithub, FaTwitter, FaLinkedin } from 'react-icons/fa';
 import LoginPage from './pages/LoginPage';
 import RegisterPage from './pages/RegisterPage';
 import SetupPage from './pages/SetupPage';
@@ -25,6 +26,7 @@ function App() {
         <Route path="/login" element={<LoginPage />} />
         <Route path="/register" element={<RegisterPage />} />
         <Route path="/contact" element={<ContactUs />} />
+
         {/* Protected Routes */}
         <Route
           path="/setup"
@@ -34,6 +36,7 @@ function App() {
             </ProtectedRoute>
           }
         />
+
         {/* Protected Routes Wrapper */}
         <Route
           element={
@@ -53,6 +56,55 @@ function App() {
           />
         </Route>
       </Routes>
+
+      {/* Beautiful Footer Section */}
+           {/* Beautiful Footer Section */}
+      <footer className="bg-gray-900 text-gray-300 mt-0">
+        <div className="max-w-7xl mx-auto px-5 py-10 grid md:grid-cols-3 gap-24">
+       
+          <div>
+            <h2 className="text-xl font-semibold text-white mb-3">Paisable</h2>
+            <p className="text-base text-gray-400">
+              Smart finance management made simple-track, budget, and plan your
+              expenses effortlessly.
+            </p>
+          </div>
+
+  
+          <div>
+            <h3 className="text-lg font-semibold text-white mb-3 ">Quick Links</h3>
+            <ul className="space-y-2 text-sm">
+              <li><Link to="/dashboard" className="hover:text-indigo-400">Dashboard</Link></li>
+              <li><Link to="/transactions" className="hover:text-indigo-400">Transactions</Link></li>
+              <li><Link to="/budgets" className="hover:text-indigo-400">Budgets</Link></li>
+              <li><Link to="/contact" className="hover:text-indigo-400">Contact Us</Link></li>
+            </ul>
+          </div>
+
+ 
+          <div>
+            <h3 className="text-lg font-semibold text-white mb-3">Connect</h3>
+            <div className="flex space-x-4">
+              <a href="https://github.com" target="_blank" rel="noreferrer" className="hover:text-indigo-400">
+                <FaGithub size={22} />
+              </a>
+              <a href="https://twitter.com" target="_blank" rel="noreferrer" className="hover:text-indigo-400">
+                <FaTwitter size={22} />
+              </a>
+              <a href="https://linkedin.com" target="_blank" rel="noreferrer" className="hover:text-indigo-400">
+                <FaLinkedin size={22} />
+              </a>                                             
+            </div>
+          </div>
+        </div>
+
+      
+        <div className="text-center py-4 text-lg text-gray-500 bg-gray-900">
+          © {new Date().getFullYear()} Paisable. All rights reserved.
+        </div>
+      </footer>
+
+
       <ToastContainer />
     </>
   );
diff --git a/frontend/src/pages/WelcomePage.jsx b/frontend/src/pages/WelcomePage.jsx
index ff3793a..940df59 100644
--- a/frontend/src/pages/WelcomePage.jsx
+++ b/frontend/src/pages/WelcomePage.jsx
@@ -105,9 +105,7 @@ export default function WelcomePage() {
       </section>
 
       {/* Footer */}
-      <footer className="py-8 text-center text-gray-500 dark:text-gray-400">
-        <p>&copy; {new Date().getFullYear()} Paisable. All Rights Reserved.</p>
-      </footer>
+   
     </div>
   );
 }
\ No newline at end of file