React Router Help

router.jsx

       <Router>
            {/* Admin Panel Routes */}
            <AdminAppbar />
            <AdminMenu />
            <Switch>
              <Route path="/admin/HeroImages" component={HeroImages} />
              <Route path="/admin/features" component={Features} />
              <Route path="/admin/salebar" component={SaleBar} />
              <Route path="/admin/categories" component={Categories} />
              <Route path="/admin/products" component={Products} />
              <Route path="/admin/add-product" component={AddProduct} />
              <Route path="/admin" component={AdminPanel} />
            </Switch>
            
           {/* Main Site Routes */}
            <Navbar />
            <Menubar />
            <MobileMenu />
            <Switch>
              <Route path="/product-details/:name" component={ProductDetail} />
              <Route path="/cart" component={Cart} />
              <Route path="/contact" component={Contact} />
              <Route path="/about" component={About} />
              <Route path="/profile" component={Profile} />
              <Route path="/shop" component={Shop} />
              <Route path="/" component={Home} />
            </Switch>
            <Footer />
         </Router>