text: import React from 'react';
  
  import {
    BrowserRouter as Router,
    Switch,
    Route,
  } from "react-router-dom";
  import Header from './components/header/header'
  import Navbar from './components/navbar/navbar';
  import Challenges from './pages/challenges';
  import Home from './pages/home';
  import Inspiration from './pages/inspiration';
  import Jokes from './pages/jokes';
  import Login from './pages/login';
  import Profile from './pages/profile'
  import ChallengeView from './pages/challengeView';
  import SavedAnswerList from './pages/savedAnswerList';
  import SavedChallengeView from './pages/savedChallengeView';
  
  
  function App() {
    return (
      <Router>
      <Header />
      <Navbar />
      <Switch>
        <Route path="/challenges">
          <Challenges />
        </Route>
        <Route path="/jokes">
          <Jokes />
        </Route>
        <Route path="/inspiration">
          <Inspiration />
        </Route>
        <Route path="/login">
          <Login />
        </Route>
        <Route path="/profile">
          <Profile />
        </Route>
        <Route path="/challengeview">
          <ChallengeView />
        </Route>
        <Route path="/savedanswerlist">
          <SavedAnswerList />
        </Route>
        <Route path="/savedchallengeview">
          <SavedChallengeView />
        </Route>
        <Route path="/">
          <Home />
        </Route>
      
      </Switch>
    </Router>
    );
  }
  
  export default App;
  