feat: add routing (#4)

src/app.tsx

@@ -1,9 +1,13 @@
-import React from 'react';
+import React from "react";
+import { BrowserRouter } from "react-router-dom";
+import Routers from "./routes";
 
 const App = () => {
   return (
-    <h1>Сухой мастер </h1>
+    <BrowserRouter>
+      <Routers></Routers>
+    </BrowserRouter>
   );
 };
 
-export default App;
+export default App;

src/pages/arm/index.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Page = () => {
+  return <h1>Arm </h1>;
+};
+
+export default Page;

src/pages/landing/index.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Page = () => {
+  return <h1>Landing</h1>;
+};
+
+export default Page;

src/pages/order-form/index.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Page = () => {
+  return <h1>Order form </h1>;
+};
+
+export default Page;

src/pages/order-view/index.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Page = () => {
+  return <h1>Order view</h1>;
+};
+
+export default Page;

src/routes.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+import { Routes, Route } from "react-router-dom";
+import Arm from "./pages/arm";
+import Order from "./pages/order-view";
+import Landing from "./pages/landing";
+
+const Routers = () => {
+  return (
+    <Routes>
+      <Route path="/dry-wash-pl" element={<Landing />}></Route>
+      <Route path="/dry-wash-pl/order" element={<Order />}></Route>
+      <Route path="/dry-wash-pl/arm" element={<Arm />}></Route>
+    </Routes>
+  );
+};
+
+export default Routers;