main.jsx

import { createBrowserRouter , RouterProvider} from 'react-router-dom'
import { createRoot } from 'react-dom/client'
import App from './App.jsx'
import Contact from './Components/Contact.jsx';
import Body from './Components/body/Body.jsx';
import About from './Components/About.jsx';
import MenuCard from './Components/MenuCard.jsx';
import ErrorPage from './Components/ErrorPage.jsx';
import Cart from './Components/body/Cart.jsx';
import OrderPlaced from './Components/OrderPlaced.jsx';


const appRouter = createBrowserRouter([
    {path : "/",
    element: <App/>,
    errorElement : <ErrorPage/>,
    children : [
        {
          path : "/",
          element : <Body/>
        },
         {
            path : "/contact",
            element : <Contact/>
        },
         {
            path : "/about",
            element : <About/>
        },
         {
            path : "/restaurant/:resId",
            element : <MenuCard/>
        },
         {
            path : "/cart",
            element : <Cart/>
        },
         {
            path : "/order",
            element : <OrderPlaced/>
        },
        
        
    ]
    }
]);


createRoot(document.getElementById('root')).render(
<RouterProvider router = {appRouter}/>
)