diff --git a/ui/src/App.svelte b/ui/src/App.svelte
index 3a4d32d..7058d1c 100644
--- a/ui/src/App.svelte
+++ b/ui/src/App.svelte
@@ -4,6 +4,7 @@
 
 <script lang="ts">
     import PackageLists from "./routes/PackageLists.svelte";
+    import Home from "./routes/Home.svelte";
 
     $: {
         const path = window.location.pathname;
@@ -12,7 +13,7 @@
         let component;
 
         if (path == "/") {
-            window.location.replace("/lists/");
+            compontent = Home;
         } else if (path == "/lists/") {
             console.log("Routing to package lists");
             component = PackageLists;
diff --git a/ui/src/components/PackageList.svelte b/ui/src/components/PackageList.svelte
index 3a84ed0..9ebf117 100644
--- a/ui/src/components/PackageList.svelte
+++ b/ui/src/components/PackageList.svelte
@@ -26,7 +26,7 @@
     }
 
     function onClick(e) {
-        window.location = `/lists/${e}`;
+        window.history.pushState({}, "", `/lists/${e}`);
     }
 </script>
 
diff --git a/ui/src/routes/Home.svelte b/ui/src/routes/Home.svelte
new file mode 100644
index 0000000..e03eb9b
--- /dev/null
+++ b/ui/src/routes/Home.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+</script>
+
+<main>
+    <div>
+        Welcome to Packager, your helper for your next trip!
+    </div>
+</main>