diff --git a/client/src/App.tsx b/client/src/App.tsx
index 52f2bb8..41f8782 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -9,6 +9,7 @@ import Footer from './components/Footer';
 import Bylaws from './components/Bylaws';
 import Sponsors from './components/Sponsors';
 import MeetBoard from './components/Meet-Board';
+import ComingSoon from './components/ComingSoon';
 
 const App: React.FC = () => {
   return (
@@ -24,6 +25,7 @@ const App: React.FC = () => {
             <Route path="/bylaws" element={<Bylaws />} />
             <Route path="/sponsors" element={<Sponsors />} />
             <Route path="/meet-board" element={<MeetBoard />} />
+            <Route path="/joinmcdi" element={<ComingSoon />} />
           </Routes>
         </main>
         <Footer />