import { Routes, Route } from "react-router-dom";
import App from ".././App";
import DashboardPage from "../pages/DashboardPage/DashboardPage";
import CalendarPage from "../pages/CalendarPage/CalendarPage";
import DatePage from "../pages/DatePage/DatePage";
import LoginPage from "../pages/Login/LoginPage";
import LandingPage from "../pages/landingPage/LandingPage";
import FormReservPage from "../pages/FormReservPage/FormReservPage";
import DentalServicePage from "../pages/DentalServicePage/DentalServicePage";
import SpaServicePage from "../pages/SpaServicePage/SpaServicePage";

const AppRoutes = () => {
  return (
    <Routes>
      {/* Rutas sin sidebar */}
      <Route path="/" element={<LandingPage />} />
      <Route path="/login" element={<LoginPage />} />
      <Route path="/reservacion-dentista" element={<FormReservPage />} />
      <Route path="/Servicios-dentista" element={<DentalServicePage />} />
      <Route path="/Servicios-spa" element={<SpaServicePage />} />

      {/* Rutas con sidebar */}
      <Route path="/" element={<App />}>
        <Route path="/dashboard" element={<DashboardPage />} />
        <Route path="/calendar" element={<CalendarPage />} />
        <Route path="/date" element={<DatePage />} />
      </Route>
    </Routes>
  );
};

export default AppRoutes;
