Intial general structure of source code and page.

src/App.tsx

@@ -1,19 +1,20 @@
 import './App.css';
-import { Header } from "./components/header";
-import { RegForm } from './components/regForm';
-import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
+import { BrowserRouter as Router, Switch, Route, Redirect } from "react-router-dom";
+import { Main } from './pages/Main';
+import { Registration } from './pages/Registration';
 
 export default function App() {
   return (
     <Router>
       <Switch>
-        <Route exact path="/">
+        <Route exact path="/:page">
           <div className="App">
-            <Header />
+            <Main />
           </div>
         </Route>
-        <Route path="/registration/:id" component={RegForm} />
+        <Route path="/registration/:id" component={Registration} />
+        <Redirect from="/" to="/program" />
       </Switch>
-    </Router>
+    </Router >
   );
 }