diff --git a/src/App.svelte b/src/App.svelte
index f40f115..278643b 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -4,18 +4,6 @@
     import Layout from "./Layout.svelte";
     import "./app.css";
 
-    import HomePage from "./pages/HomePage.svelte";
-    import TaxiPage from "./pages/TaxiPage.svelte";
-    import BusPage from "./pages/BusPage.svelte";
-    import ContactPage from "./pages/ContactPage.svelte";
-    import AccessibilityPage from "./pages/AccessibilityPage.svelte";
-
-    route("/", HomePage);
-    route("/taxi", TaxiPage);
-    route("/bus", BusPage);
-    route("/contact", ContactPage);
-    route("/accessibility", AccessibilityPage);
-
     $effect(() => {
         document.body.dataset.theme = getTheme();
     });
diff --git a/src/main.ts b/src/main.ts
index 1903fe6..db6d077 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,19 @@
 import { mount } from "svelte";
+import { route } from "./lib/components/Router.svelte";
 import App from "./App.svelte";
 
+import HomePage from "./pages/HomePage.svelte";
+import TaxiPage from "./pages/TaxiPage.svelte";
+import BusPage from "./pages/BusPage.svelte";
+import ContactPage from "./pages/ContactPage.svelte";
+import AccessibilityPage from "./pages/AccessibilityPage.svelte";
+
+route("/", HomePage);
+route("/taxi", TaxiPage);
+route("/bus", BusPage);
+route("/contact", ContactPage);
+route("/accessibility", AccessibilityPage);
+
 const app = mount(App, {
     target: document.getElementById("app")!
 });