How to hide header and footer component on React landing page?

Question

I am making a simple React based site and want the landing page to not have the header and footer visible. Just wondering how to go about that?

Here is the code for my router:

  <Router>
    <div className="RSMS">
    <Header />
    <div className="container">
      <Routes>
        <Route path="/" element={<Landing />} />
        <Route path="/main" element={<Main />} />
        <Route path="/about" element={<About />} />
        <Route path="/partners" element={<Partners />} />
        <Route path="/products" element={<Products />} />
        {/* <Route path="/projects/:id" element={<Project />} /> */}
        <Route path="contact" element={<Contact />} />
        <Route path="*" element={<NotFound />} />
      </Routes>
    </div>
    <Footer />

    </div>
  </Router>
</>

);