import { Routes, Route } from "react-router-dom";
import DirectPage from "./pages/DirectPage";
import SearchPage from "./pages/SearchPage";
import SearchResults from "./pages/SearchResults";
import Queue from "./pages/Queue";
import Archive from "./pages/Archive";
import Navbar from "./components/Navbar";

function App() {
  return (
    <div className="min-h-screen bg-slate-900 text-slate-100">
      <Navbar />
      <main className="container mx-auto px-4 py-6">
        <Routes>
          <Route path="/" element={<SearchPage />} />
          <Route path="/results" element={<SearchResults />} />
          <Route path="/queue" element={<Queue />} />
          <Route path="/archive" element={<Archive />} />
          <Route path="/direct" element={<DirectPage />} />
        </Routes>
      </main>
    </div>
  );
}

export default App;