import ReactDOM from "react-dom/client";
import { createBrowserRouter, RouterProvider } from "react-router-dom";
import Wrapper from "./components/Wrapper.tsx";
import MainPage from "./pages/MainPage/MainPage.tsx";
import TechnologyPage from "./pages/TechnologyPage/TechnologyPage.tsx";
import DirectionPage from "./pages/DirectionsPage/DirectionsPage.tsx";
import "./index.css";
import GalleryPage from "./pages/GalleryPage/GalleryPage.tsx";
import ClientsPage from "./pages/ClientsPage/ClientsPage.tsx";

const router = createBrowserRouter([
  {
    path: "/",
    element: <Wrapper />,
    children: [
      {
        path: "/",
        element: <MainPage />,
      },
      {
        path: "/technology",
        element: <TechnologyPage />,
      },
      {
        path: "/directions",
        element: <DirectionPage />,
      },
      {
        path: "/gallery",
        element: <GalleryPage />,
      },
      {
        path: "/clients",
        element: <ClientsPage />,
      },
    ],
  },
]);

ReactDOM.createRoot(document.getElementById("root")!).render(
  <RouterProvider router={router} />
);
