header

src/App.jsx

@@ -1,19 +1,32 @@
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+import Header from './components/Header';
 import Hero from './components/Hero';
 import Manifesto from './components/Manifesto';
 import CorePillars from './components/CorePillars';
 import Foundations from './components/Foundations';
 import ForYou from './components/ForYou';
 import CallToAction from './components/CallToAction';
+import ComingSoon from './components/ComingSoon';
+
+const Home = () => (
+  <div className="App">
+    <Hero />
+    <Manifesto />
+    <Foundations />
+    <ForYou />
+    <CallToAction />
+  </div>
+);
 
 function App() {
   return (
-    <div className="App">
-      <Hero />
-      <Manifesto />
-      <Foundations />
-      <ForYou />
-      <CallToAction />
-    </div>
+    <Router>
+      <Header /> {/* Render Header here */}
+      <Routes>
+        <Route path="/" element={<Home />} />
+        <Route path="/membership" element={<ComingSoon />} />
+      </Routes>
+    </Router>
   );
 }