dilon656/problemsolver-hub

1import React from 'react';2import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';3import Navbar from './components/Navbar';4import Footer from './components/Footer';5import Home from './pages/Home';6import Browse from './pages/Browse';7import PostProblem from './pages/PostProblem';8import Profile from './pages/Profile';9import Login from './pages/Login';10import Signup from './pages/Signup';11import './App.css';12 13function App() {14  return (15    <Router>16      <div className="min-h-screen bg-gray-900 text-white flex flex-col">17        <Navbar />18        <main className="flex-grow">19          <Routes>20            <Route path="/" element={<Home />} />21            <Route path="/browse" element={<Browse />} />22            <Route path="/post-problem" element={<PostProblem />} />23            <Route path="/profile" element={<Profile />} />24            <Route path="/login" element={<Login />} />25            <Route path="/signup" element={<Signup />} />26          </Routes>27        </main>28        <Footer />29      </div>30    </Router>31  );32}33 34export default App;