From ebeb6b9c68ea4d45764711874a69e83966a26dcc Mon Sep 17 00:00:00 2001
From: Aditya <97450298+1234-ad@users.noreply.github.com>
Date: Sun, 2 Nov 2025 11:35:59 +0530
Subject: [PATCH] Fix: Display footer on all pages, not just home

- Removed conditional rendering that limited footer to home page only
- Footer now appears consistently across all pages
- Resolves issue #61
---
 src/App.tsx | 46 ++++++++++++++++++++++------------------------
 1 file changed, 22 insertions(+), 24 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index d1c0df1..c108120 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -89,33 +89,31 @@ function App() {
         </main>
 
         {/* Footer */}
-        {currentPage === 'home' && (
-          <footer className="bg-gray-900 text-white py-12">
-            <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
-              <div className="flex items-center justify-center mb-6">
-                <div className="bg-gradient-to-r from-purple-600 to-blue-600 text-white p-2 rounded-lg mr-3">
-                  <span className="font-bold text-xl">CT</span>
-                </div>
-                <div>
-                  <h3 className="text-xl font-bold">Can I Try This?</h3>
-                  <p className="text-gray-400 text-sm">Real Challenges, Real Skills</p>
-                </div>
-              </div>
-              <p className="text-gray-400 mb-6 max-w-2xl mx-auto">
-                A safe space to explore real-world challenges in design, development, writing, data, and more.
-              </p>
-              <div className="flex justify-center space-x-6 mb-8">
-                <button onClick={() => handleNavigate('challenges')} className="text-gray-400 hover:text-white transition-colors">Challenges</button>
-                <button onClick={() => handleNavigate('projects')} className="text-gray-400 hover:text-white transition-colors">Projects</button>
-                <button onClick={() => handleNavigate('blog')} className="text-gray-400 hover:text-white transition-colors">Blog</button>
-                <button onClick={() => handleNavigate('community')} className="text-gray-400 hover:text-white transition-colors">Community</button>
+        <footer className="bg-gray-900 text-white py-12">
+          <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+            <div className="flex items-center justify-center mb-6">
+              <div className="bg-gradient-to-r from-purple-600 to-blue-600 text-white p-2 rounded-lg mr-3">
+                <span className="font-bold text-xl">CT</span>
               </div>
-              <div className="border-t border-gray-800 pt-8 text-gray-400">
-                <p>&copy; 2024 Can I Try This? All rights reserved.</p>
+              <div>
+                <h3 className="text-xl font-bold">Can I Try This?</h3>
+                <p className="text-gray-400 text-sm">Real Challenges, Real Skills</p>
               </div>
             </div>
-          </footer>
-        )}
+            <p className="text-gray-400 mb-6 max-w-2xl mx-auto">
+              A safe space to explore real-world challenges in design, development, writing, data, and more.
+            </p>
+            <div className="flex justify-center space-x-6 mb-8">
+              <button onClick={() => handleNavigate('challenges')} className="text-gray-400 hover:text-white transition-colors">Challenges</button>
+              <button onClick={() => handleNavigate('projects')} className="text-gray-400 hover:text-white transition-colors">Projects</button>
+              <button onClick={() => handleNavigate('blog')} className="text-gray-400 hover:text-white transition-colors">Blog</button>
+              <button onClick={() => handleNavigate('community')} className="text-gray-400 hover:text-white transition-colors">Community</button>
+            </div>
+            <div className="border-t border-gray-800 pt-8 text-gray-400">
+              <p>&copy; 2024 Can I Try This? All rights reserved.</p>
+            </div>
+          </div>
+        </footer>
         <ScrollToTop />
       </div>
     </ThemeProvider>