App.js

import React, { Component } from "react";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";

import Header from "./pages/Header";
import Footer from "./pages/Footer";
//import Main from "./pages/Main1";

import Osavezu from "./pages/routes/Osavezu";
import Kontakt from "./pages/routes/Kontakt";
import Rtakmicenja from "./pages/routes/Rtakmicenja";
import Psezone from "./pages/routes/Psezone";
import Linkovi from "./pages/routes/Linkovi";
import Preuzimanja from "./pages/routes/Preuzimanja";
import Pravila from "./pages/routes/Pravila";
import Zaglavlje from "./pages/routes/Zaglavlje";
import Main from "./pages/routes/Main";
import Sidebar from "./pages/routes/Sidebar";
import News from "./pages/routes/News";
import CetvrtaDivizija from "./pages/routes/CetvrtaDivizija";
import PrvaDivizija from "./pages/routes/PrvaDivizija";
import DrugaDivizija from "./pages/routes/DrugaDivizija";
import TrecaDivizija from "./pages/routes/TrecaDivizija";
import PetaDivizija from "./pages/routes/PetaDivizija";
import DivizijaSarajevo from "./pages/routes/DivizijaSarajevo";
import DivizijaTuzla from "./pages/routes/DivizijaTuzla";
import DivizijaBugojno from "./pages/routes/DivizijaBugojno";

import "./App.css";

class App extends Component {
  render() {
    return (
      <Router>
        <div className="App">
          <Header />
          <div className="container">
            <Switch>
              <Route exact path="/stranica/1/1" component={Osavezu} />
              <Route exact path="/stranica/1/2" component={Kontakt} />
              <Route exact path="/stranica/1/3" component={Rtakmicenja} />
              <Route exact path="/stranica/1/4" component={Psezone} />
              <Route exact path="/stranica/1/5" component={Linkovi} />
              <Route exact path="/stranica/1/6" component={Preuzimanja} />
              <Route exact path="/stranica/1/7" component={Pravila} />
              <Route exact path="/stranica/1/8" component={Zaglavlje} />
              <Route exact path="/stranica/1/50" component={News} />
              <Route exact path="/stranica/1/10" component={Sidebar} />
              <Route exact path="/" component={Main} />
              <Route exact path="/prva_divizija" component={PrvaDivizija} />
              <Route exact path="/druga_divizija" component={DrugaDivizija} />
              <Route exact path="/treca_divizija" component={TrecaDivizija} />
              <Route
                exact
                path="/cetvrta_divizija"
                component={CetvrtaDivizija}
              />
              <Route exact path="/peta_divizija" component={PetaDivizija} />
              <Route exact path="/divizija_tuzla" component={DivizijaTuzla} />
              <Route
                exact
                path="/divizija_sarajevo"
                component={DivizijaSarajevo}
              />
              <Route
                exact
                path="/divizija_bugojno"
                component={DivizijaBugojno}
              />
            </Switch>
          </div>

          <Footer />
        </div>
      </Router>
    );
  }
}

export default App;