feat: Conditionally hide header and footer on specific pages and adjust blueprint background z-index for improved layout.

Author: rishabhvyas17

client/src/App.jsx

@@ -7,7 +7,7 @@ import CruciblePage from './pages/CruciblePage';
 import Footer from './components/Footer';
 import JoinPage from './pages/JoinPage';
 import PrivacyPolicyPage from './pages/PrivacyPolicy';
-import ScrollToTop from './components/ScrollTop';
+
 import TermsAndConditionsPage from './pages/TermsAndConditions';
 import CodeOfConduct from './pages/CodeOfConduct';
 
@@ -40,7 +40,6 @@ export default function App() {
   // Main site routes
   return (
     <div className="relative min-h-screen w-full bg-base">
-      <ScrollToTop />
       <div className="blueprint-bg"></div>
       <Header />
       <main className="container mx-auto px-6 pt-32">

client/src/components/Header.jsx

@@ -9,6 +9,10 @@ export default function Header() {
   // Hook from react-router-dom to get the current URL path
   const location = useLocation();
 
+  // Hide header on full-screen pages that have their own navigation
+  const isApplyPage = location.pathname === '/join' || location.pathname === '/apply';
+  if (isApplyPage) return null;
+
   // Effect to add a scroll listener when the component mounts
   useEffect(() => {
     const handleScroll = () => {

client/src/index.css

@@ -59,7 +59,7 @@ body::before {
     width: 100%;
     height: 100%;
     pointer-events: none;
-    z-index: 9999;
+    z-index: 1;
     opacity: 0.03;
     /* Very subtle noise */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");

client/src/pages/JoinPage.jsx

@@ -7,7 +7,6 @@ import {
   Phone, Smartphone, Monitor, Cpu, MapPin, Loader2
 } from 'lucide-react';
 
-import Footer from '../components/Footer';
 import { supabase } from '../lib/supabase';
 import { useToast } from '../components/ui/Toast';
 import { submitStudentApplication, submitClientBrief } from '../lib/api';
@@ -224,10 +223,6 @@ export default function JoinUs() {
         </AnimatePresence>
       </div>
 
-      {/* Footer will now sit naturally at the bottom */}
-      <div className="relative z-10">
-        <Footer />
-      </div>
     </div>
   );
 }