diff --git a/package-lock.json b/package-lock.json
index 0a971b6..61415dd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,6 +7,10 @@
 		"": {
 			"name": "shop",
 			"version": "0.0.1",
+			"dependencies": {
+				"svelte-routing": "^2.11.0",
+				"svelte-spa-router": "^4.0.1"
+			},
 			"devDependencies": {
 				"@fontsource/fira-mono": "^4.5.10",
 				"@neoconfetti/svelte": "^1.0.0",
@@ -1510,6 +1514,14 @@
 				"node": ">=8.10.0"
 			}
 		},
+		"node_modules/regexparam": {
+			"version": "2.0.2",
+			"resolved": "https://registry.npmjs.org/regexparam/-/regexparam-2.0.2.tgz",
+			"integrity": "sha512-A1PeDEYMrkLrfyOwv2jwihXbo9qxdGD3atBYQA9JJgreAx8/7rC6IUkWOw2NQlOxLp2wL0ifQbh1HuidDfYA6w==",
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/resolve-from": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -1798,6 +1810,22 @@
 				}
 			}
 		},
+		"node_modules/svelte-routing": {
+			"version": "2.11.0",
+			"resolved": "https://registry.npmjs.org/svelte-routing/-/svelte-routing-2.11.0.tgz",
+			"integrity": "sha512-oNJz2A8g5ZqBDuxUWMJLpU9XXGZ40Fz5uRvrGlpENs5C2QWK5m7YKiGINssN9yI/22f9wi4F5oTTkDaTyryolw=="
+		},
+		"node_modules/svelte-spa-router": {
+			"version": "4.0.1",
+			"resolved": "https://registry.npmjs.org/svelte-spa-router/-/svelte-spa-router-4.0.1.tgz",
+			"integrity": "sha512-2JkmUQ2f9jRluijL58LtdQBIpynSbem2eBGp4zXdi7aDY1znbR6yjw0KsonD0aq2QLwf4Yx4tBJQjxIjgjXHKg==",
+			"dependencies": {
+				"regexparam": "2.0.2"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ItalyPaleAle"
+			}
+		},
 		"node_modules/tiny-glob": {
 			"version": "0.2.9",
 			"resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
diff --git a/package.json b/package.json
index 5b613eb..419cbe9 100644
--- a/package.json
+++ b/package.json
@@ -19,5 +19,8 @@
 		"typescript": "^5.0.0",
 		"vite": "^5.0.3"
 	},
-	"type": "module"
+	"type": "module",
+	"dependencies": {
+		"svelte-routing": "^2.11.0"
+	}
 }
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 34fae86..57891d2 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -36,6 +36,7 @@
 		align-items: center;
 		justify-content: center;
 	}
+
 	.items-list li div{
 		background-color: #303034;
 		margin-right: 3em;