import {Routes, Route} from "react-router-dom";
import Main from "@/pages/main/index.jsx";
import Landmarks from "@/pages/business/Landmarks.jsx";
import Header from "@/components/Header.jsx";
import Layout from "@/components/Layout.jsx";
import Sections from "@/pages/business/Sections.jsx";
import Location from "@/pages/about/Location.jsx";

function App() {
    return (
        <>
            <Header/>
            <Routes>
                <Route path="/" element={<Main/>}/>
                <Route path="/business" element={<Layout/>}>
                    <Route path="landmarks" element={<Landmarks/>}/>
                    <Route path="sections" element={<Sections/>}/>
                </Route>
                <Route path="/about" element={<Layout/>}>
                    <Route path="location" element={<Location/>}/>
                </Route>
            </Routes>
        </>
    );
}

export default App;