App.js

import logo from './logo.svg';
import './App.css';
import { BrowserRouter as Router, Routes,Route} from 'react-router-dom'
import Navbar from './components/Navbar';
import Home from './components/Home';
import UR from "./components/UR";
import NU from "./components/NU";
import Footer from "./components/Footer";
import Perfil from "./components/Perfil";
import Login from "./components/Login"
import Cadastro from "./components/Cadastro"
import Contato from "./components/Contato"
import ReceitaDetalhe from "./components/ReceitaDetalhe"
import TodasReceitas from "./components/TodasReceitas"


function App() {
  return (
      <div className="container">
          <Routes>
              <Route path='/' element={[<Navbar/>,<Home/>,<UR/>,<Contato/>,<Footer/>]}/>
              <Route path='/perfil' element={[<Navbar/>,<Perfil/>]}/>
              <Route path='/compras' element={[<Navbar/>,<NU/>]}/>
              <Route path='/login' element={[<Navbar/>,<Login/>]}/>
              <Route path='/cadastro' element={[<Navbar/>,<Cadastro/>]}/>
              <Route path="/recipes/:id" element={[<Navbar/>,<ReceitaDetalhe/>]} />
              <Route path="/recipes" element={[<Navbar/>,<TodasReceitas/>]} />
          </Routes>
      </div>

  );
}

export default App;