import { Routes, Route, Navigate } from "react-router-dom";
import HomeLayout from "@/components/home/Layout";
import DomainOne from "@/components/domain/One";
import DomainTwo from "@/components/domain/Two";
import DomainThree from "@/components/domain/Three";
import DomainFour from "@/components/domain/Four";
import DomainFive from "./components/domain/Five";
import "./App.less";

function App() {
  return (
    <Routes>
      <Route path="/" element={<HomeLayout />} />
      <Route path="map/1" element={<DomainOne />}></Route>
      <Route path="map/2" element={<DomainTwo />}></Route>
      <Route path="map/3" element={<DomainThree />}></Route>
      <Route path="map/4" element={<DomainFour />}></Route>
      <Route path="map/5" element={<DomainFive />}></Route>
      <Route path="*" element={<Navigate to={"/"} replace={true} />} />
    </Routes>
  );
}

export default App;
