Gauntlet-Incept MCP

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;