import './App.css'
import 'bootstrap/dist/css/bootstrap.min.css';
import Layout from "./pages/Layout"
import Homepage from './pages/Homepage';
import { Route, Routes } from 'react-router-dom'
import RoomDetail from './pages/RoomDetail';
import BookingFormPage from './pages/BookingFormPage';
import CateringHome from './pages/CateringHome';
import OrderSummary from './pages/OrderSummaryPage';
import FeedbackForm from './pages/FeedbackPage';




function App() {
  return (
    <>
        <Routes>
          <Route path="/" element={<Layout/>}>
            <Route index={true} element={<Homepage />} />
            <Route path="view/:id" element={<RoomDetail/>} />
            <Route path="book/" element={<BookingFormPage />} />
            <Route path="catering/" element={<CateringHome />} />
            <Route path="/order-summary" element={<OrderSummary/>}/>
            <Route path="/feedback" element={<FeedbackForm/>}/>
            <Route path="catering/" element={<CateringHome />}/>
          </Route>
        </Routes>

    </>
  )
}

export default App