import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import App from './App';
import LandingPage from './pages/LandingPage';
import AboutPage from './pages/AboutPage';
import ContactPage from './pages/ContactPage';
import DashboardPage from './pages/DashboardPage-old';
import ChatPage from './pages/ChatPage';
import ReportsPage from './pages/ReportsPage';
import CityPage from './pages/CityPage';
import ResourcesPage from './pages/ResourcesPage';

const AppRouter = () => (
  <Router>
    <App>
      <Routes>
        <Route path="/" element={<LandingPage />} />
        <Route path="/about" element={<AboutPage />} />
        <Route path="/contact" element={<ContactPage />} />
        <Route path="/dashboard" element={<DashboardPage />} />
        <Route path="/dashboard/chat" element={<ChatPage />}/>
        <Route path="/dashboard/reports" element={<ReportsPage />}/>
        <Route path="/dashboard/city" element={<CityPage />}/>
        <Route path="/dashboard/resources" element={<ResourcesPage />}/>
      </Routes>
    </App>
  </Router>
);

export default AppRouter;
