import "./App.css";
import Home from "./pages/Home";
import Garten from "./pages/Garten";
import Suche from "./pages/Suche";
import Navbar from "./components/Navbar";
import {Route, Routes} from "react-router-dom";
import Wunschliste from "./pages/Wunschliste";
import PlantDetails from "./components/PlantDetails";

function App() {
    return (
        <div className="App">
            <Navbar/>
            <Routes>
                <Route path="/" element={<Home/>}/>
                <Route path="/garten" element={<Garten/>}/>
                <Route path="/wunschliste" element={<Wunschliste/>}/>
                <Route path="/suchen" element={<Suche/>}/>
                <Route path="/pflanze/:id" element={<PlantDetails/>}/>
            </Routes>
        </div>
    );
}

export default App;