How do I make it so that the React router shows multiple elements when routing to the same address?

You can achieve that by doing the following.

    import { Navbar, Welcome, Footer, Publish, Verify, Login } from './components';
    import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
    
    const App = () => {
      return (
        <div className="min-h-screen">
          <div className="gradient-bg-welcome">
            <Navbar />
            <Router>
              <Routes>
                <Route path='/' element={
                  <>
                    <Welcome/>
                    <Publish/>
                    <Verify/>
                  </>} />
                <Route path='/login' element={<Login/>} />
              </Routes>
            </Router>
          </div>
          <Footer />
        </div>
      )
    }
    
    export default App