import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
import Navbar from './components/Navbar'
import Footer from './components/Footer'
import Home from './pages/Home'
import About from './pages/About'
import Vision from './pages/Vision'
import Mission from './pages/Mission'
import Functions from './pages/Functions'
import Structure from './pages/Structure'
import Chart from './pages/Chart'
import Colrim from './pages/Colrim'
import Evaluation from './pages/Evaluation'
import TravelGrantPerforma from './pages/TravelGrantPerforma'
import Membership from './pages/Membership'
import Achievements from './pages/Achievements'
import Accreditation from './pages/Accreditation'
import Capacity from './pages/Capacity'
import Workshops from './pages/Workshops'
import Scholars from './pages/Scholars'
import Downloads from './pages/Downloads'
import Calender from './pages/Calender'
import Contact from './pages/Contact'
import Faq from './pages/Faq'
import Journals from './pages/Journals'
import Quality from './pages/Quality'

function App() {
  return (
    <Router>
      <div className="App">
        <Navbar />
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/about" element={<About />} />
          <Route path="/vision" element={<Vision />} />
          <Route path="/mission" element={<Mission />} />
          <Route path="/functions" element={<Functions />} />
          <Route path="/structure" element={<Structure />} />
          <Route path="/chart" element={<Chart />} />
          <Route path="/colrim" element={<Colrim />} />
          <Route path="/evaluation" element={<Evaluation />} />
          <Route path="/travelgrantperforma" element={<TravelGrantPerforma />} />
          <Route path="/membership" element={<Membership />} />
          <Route path="/achievements" element={<Achievements />} />
          <Route path="/accreditation" element={<Accreditation />} />
          <Route path="/capacity" element={<Capacity />} />
          <Route path="/workshops" element={<Workshops />} />
          <Route path="/scholars" element={<Scholars />} />
          <Route path="/downloads" element={<Downloads />} />
          <Route path="/calender" element={<Calender />} />
          <Route path="/contact" element={<Contact />} />
          <Route path="/faq" element={<Faq />} />
          <Route path="/journals" element={<Journals />} />
          <Route path="/quality" element={<Quality />} />
        </Routes>
        <Footer />
      </div>
    </Router>
  )
}

export default App