referral

src/App.jsx

@@ -6,7 +6,8 @@ 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';
+import MembershipOptions from './components/MembershipOptions';
+import Referral from './components/referral';
 
 const Home = () => (
   <div className="App">
@@ -18,13 +19,20 @@ const Home = () => (
   </div>
 );
 
+const MembershipPage = () => (
+  <div className="App">
+    <MembershipOptions />
+    <Referral />
+  </div>
+);
+
 function App() {
   return (
     <Router>
       <Header /> {/* Render Header here */}
       <Routes>
         <Route path="/" element={<Home />} />
-        <Route path="/membership" element={<ComingSoon />} />
+        <Route path="/membership" element={<MembershipPage />} />
       </Routes>
     </Router>
   );