import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import './App.css';
// Import components
import Header from './components/Header';
import Footer from './components/Footer';
// Import pages
import HomePage from './pages/HomePage';
import QuestionPage from './pages/QuestionPage';
import ArticlePage from './pages/ArticlePage';
import CoursePage from './pages/CoursePage';
function App() {
return (
<Router>
<div className="app">
<Header />
<main className="main-content">
<Routes>
<Route path="/" element={<HomePage />} />
<Route path="/questions" element={<QuestionPage />} />
<Route path="/articles" element={<ArticlePage />} />
<Route path="/courses" element={<CoursePage />} />
</Routes>
</main>
<Footer />
</div>
</Router>
);
}
export default App;