Merge pull request #70 from 1234-ad/fix/footer-on-all-pages

Fix: Display footer on all pages

Author: arushi2610

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>