import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import { AppProvider } from './store/AppContext';
import { Home } from './pages/Home';
import { Swipe } from './pages/Swipe';
import { Matches } from './pages/Matches';
import { Navbar } from './components/Navbar';

function App() {
  return (
    <AppProvider>
      <Router>
        <div className="min-h-screen bg-background text-white font-sans">
          <Routes>
            <Route path="/" element={<Home />} />
            <Route path="/swipe" element={<Swipe />} />
            <Route path="/matches" element={<Matches />} />
          </Routes>
          <Navbar />
        </div>
      </Router>
    </AppProvider>
  );
}

export default App;