App.jsx

import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import Layout from './components/Layout'; // Import your Layout component
import LoginPage from './pages/LoginPage';
import DashboardManager from './components/DashboardManager';
import DashboardCrew from './components/DashboardCrew';
import RegisterPage from './pages/RegisterPage';  
import Contact from './components/Contact/Contact';
import AboutPage from './components/About/about';
import SimpleOutlet from './components/SimpleOutlet';
import BusInfo from './components/Bus Info/BusInfo';
import AddBus from './components/AddBus/AddBus';
import RouteMap from './components/Route Map/RouteMap';
import LeaveInfo from './components/LeaveInfo/LeaveInfo';

function App() {
  return (
    <Router>
      <Routes>
        {/* Layout with Header and Footer */}
        <Route element={<Layout />}>
          <Route path="/dashboard-manager" element={<DashboardManager />} />
          <Route path="/add-bus" element={<AddBus />} />
          <Route path="/dashboard-crew/:id" element={<DashboardCrew />} /> {/* Corrected Route */}
          <Route path="/contact" element={<Contact />} />
          <Route path="/about" element={<AboutPage />} />
          <Route path="/BusInfo" element={<BusInfo />} />
          <Route path="/route-map" element={<RouteMap />} />
          <Route path='/Leave-Data' element={<LeaveInfo />} />
        </Route>

        {/* Layout without Header and Footer */}
        <Route element={<SimpleOutlet />}>
          <Route path="/" element={<LoginPage />} />
          <Route path="/register" element={<RegisterPage />} />
        </Route>
      </Routes>
    </Router>
  );
}

export default App;