diff --git a/README.md b/README.md
index 00570169..6eda7149 100644
--- a/README.md
+++ b/README.md
@@ -49,3 +49,49 @@ npm run build
 ### Customize the configuration
 
 See [Configuring quasar.config.js](https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js).
+
+### Reverse proxy
+
+For Quasar Vue Router with history mode, add this fallback URL to allow refreshes: https://router.vuejs.org/guide/essentials/history-mode.html#HTML5-Mode
+
+More info: https://stackoverflow.com/questions/36399319/vue-router-return-404-when-revisit-to-the-url
+
+`Caddyfile`:
+
+```
+# CORS snippet by https://kalnytskyi.com/posts/setup-cors-caddy-2/
+(cors) {
+  @cors_preflight method OPTIONS
+  @cors header Origin {args.0}
+
+  handle @cors_preflight {
+    header Access-Control-Allow-Origin "{args.0}"
+    header Access-Control-Allow-Methods "GET, POST, PUT, PATCH, DELETE"
+    header Access-Control-Allow-Headers "Content-Type"
+    header Access-Control-Max-Age "3600"
+    respond "" 204
+  }
+
+  handle @cors {
+    header Access-Control-Allow-Origin "{args.0}"
+    header Access-Control-Expose-Headers "Link"
+  }
+}
+host.com {
+    import cors *
+    encode gzip
+
+    header /service-worker.js {
+            Service-Worker-Allowed "/"
+            Cache-Control "no-cache"
+    }
+
+    # SPA root
+    root * /usr/share/caddy/cashu.me/
+
+    # quasar vue router fallback history mode
+    try_files {path} /index.html
+
+    file_server
+}
+```
diff --git a/src/components/AndroidPWAPrompt.vue b/src/components/AndroidPWAPrompt.vue
new file mode 100644
index 00000000..88df2bfa
--- /dev/null
+++ b/src/components/AndroidPWAPrompt.vue
@@ -0,0 +1,117 @@
+<!-- src/components/AndroidPWAPrompt.vue -->
+<template>
+  <transition appear enter-active-class="animated fadeInDown">
+    <div
+      v-if="showAndroidPWAPrompt"
+      class="pwa-prompt android-pwa-prompt q-pa-md text-center"
+    >
+      <div class="pwa-prompt-content">
+        <span>
+          Tap <q-icon name="more_vert" size="sm" /> and
+          <strong>Add to Home screen</strong>
+        </span>
+        <q-btn
+          flat
+          icon="close"
+          @click="closePrompt"
+          size="sm"
+          class="close-btn q-px-sm"
+        />
+      </div>
+
+      <div class="pwa-prompt-arrow"></div>
+    </div>
+  </transition>
+</template>
+
+<script>
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  name: "AndroidPWAPrompt",
+  data() {
+    return {
+      showAndroidPWAPromptLocal:
+        localStorage.getItem("cashu.ui.showAndroidPWAPrompt") != "seen",
+      showAndroidPWAPrompt: false,
+    };
+  },
+  mounted() {
+    if (
+      this.showAndroidPWAPromptLocal &&
+      this.isChromeOnAndroid() &&
+      !this.isInStandaloneMode()
+    ) {
+      this.showAndroidPWAPrompt = true;
+    }
+  },
+  methods: {
+    closePrompt() {
+      localStorage.setItem("cashu.ui.showAndroidPWAPrompt", "seen");
+      this.showAndroidPWAPrompt = false;
+    },
+    isChromeOnAndroid() {
+      const userAgent = navigator.userAgent.toLowerCase();
+      const isAndroid = /android/.test(userAgent);
+      const isChrome =
+        /chrome/.test(userAgent) && !/edge|edg|opr|opera/.test(userAgent);
+      return isAndroid && isChrome;
+    },
+    isInStandaloneMode() {
+      return window.matchMedia("(display-mode: standalone)").matches;
+    },
+  },
+});
+</script>
+
+<style scoped>
+@keyframes moveUpDown {
+  0%,
+  100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-10px);
+  }
+}
+
+.pwa-prompt {
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  margin: 0 auto;
+  z-index: 9999;
+  text-align: center;
+  display: flex;
+  flex-direction: column; /* Add this line */
+  align-items: center; /* Add this line */
+  justify-content: center;
+  animation: moveUpDown 1s infinite; /* Add this line for animation */
+}
+
+.pwa-prompt-content {
+  display: inline-flex;
+  align-items: center;
+  background-color: black;
+  padding: 10px;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+}
+
+.pwa-prompt-content q-icon {
+  margin-right: 5px;
+}
+
+.pwa-prompt-arrow {
+  position: relative;
+  width: 0;
+  height: 0;
+  bottom: 60px;
+  left: 45%;
+  border-left: 10px solid transparent;
+  border-right: 10px solid transparent;
+  border-bottom: 10px solid white;
+  text-align: center;
+  margin: 0 auto;
+}
+</style>
diff --git a/src/components/BalanceView.vue b/src/components/BalanceView.vue
index 1518d9c1..7bc2bb1f 100644
--- a/src/components/BalanceView.vue
+++ b/src/components/BalanceView.vue
@@ -242,3 +242,11 @@ export default defineComponent({
   },
 });
 </script>
+<style scoped>
+.animated.pulse {
+  animation-duration: 0.5s;
+}
+.animated.fadeInDown {
+  animation-duration: 0.3s;
+}
+</style>
diff --git a/src/components/MainHeader.vue b/src/components/MainHeader.vue
index 89bcfd52..33ae1343 100644
--- a/src/components/MainHeader.vue
+++ b/src/components/MainHeader.vue
@@ -9,6 +9,7 @@
         color="primary"
         aria-label="Menu"
         @click="toggleLeftDrawer"
+        :disable="uiStore.globalMutexLock"
       />
       <q-toolbar-title></q-toolbar-title>
       <transition
@@ -64,6 +65,7 @@
         :color="countdown > 0 ? 'negative' : 'primary'"
         aria-label="Refresh"
         @click="reload"
+        :disable="uiStore.globalMutexLock && countdown === 0"
       >
       </q-btn>
     </q-toolbar>
@@ -81,6 +83,16 @@
           <q-item-label caption>Wallet configuration</q-item-label>
         </q-item-section>
       </q-item>
+      <q-item-label header>Terms </q-item-label>
+      <q-item clickable to="/terms">
+        <q-item-section avatar>
+          <q-icon name="gavel" />
+        </q-item-section>
+        <q-item-section>
+          <q-item-label>Terms</q-item-label>
+          <q-item-label caption>Terms of Service</q-item-label>
+        </q-item-section>
+      </q-item>
       <q-item-label header>Links </q-item-label>
       <EssentialLink
         v-for="link in essentialLinks"
@@ -121,15 +133,9 @@ const linksList = [
     icon: "rss_feed",
     link: "https://twitter.com/CashuBTC",
   },
-  {
-    title: "Terms",
-    caption: "Terms of service",
-    icon: "info_i",
-    link: "https://docs.cashu.space/contribute",
-  },
   {
     title: "Donate",
-    caption: "Support Cashu development",
+    caption: "Support Cashu",
     icon: "favorite",
     link: "https://docs.cashu.space/contribute",
   },
diff --git a/src/components/NoMintWarnBanner.vue b/src/components/NoMintWarnBanner.vue
index a0854169..19b6883b 100644
--- a/src/components/NoMintWarnBanner.vue
+++ b/src/components/NoMintWarnBanner.vue
@@ -1,8 +1,13 @@
 <template>
-  <div class="q-ma-lg q-pa-md" style="border: 2px solid; border-radius: 10px">
+  <q-card class="q-ma-lg bg-dark q-pa-md">
     <q-card-section>
       <div class="row items-center justify-center">
-        <q-icon class="q-pb-md" name="account_balance" size="50px" />
+        <q-icon
+          color="primary"
+          class="q-pb-md"
+          name="account_balance"
+          size="50px"
+        />
       </div>
       <div class="row items-center justify-center">
         <div class="text-h6">Join a mint</div>
@@ -33,7 +38,7 @@
         />
       </div>
     </q-card-section>
-  </div>
+  </q-card>
 </template>
 <script>
 import { defineComponent, ref } from "vue";
@@ -89,3 +94,17 @@ export default defineComponent({
   },
 });
 </script>
+<style scoped>
+.q-dialog__inner {
+  height: 100%;
+  width: 100%;
+  margin: 0; /* Align dialog to cover the entire viewport */
+}
+
+.q-card {
+  border-radius: 20px;
+  display: flex;
+  flex-direction: column;
+  border: 2px solid var(--q-primary);
+}
+</style>
diff --git a/src/components/PaymentRequestDialog.vue b/src/components/PaymentRequestDialog.vue
index c774d13a..41f4d2c7 100644
--- a/src/components/PaymentRequestDialog.vue
+++ b/src/components/PaymentRequestDialog.vue
@@ -38,9 +38,15 @@
         <div class="row justify-center">
           <q-card-section class="q-pa-sm">
             <div class="row justify-center q-pt-sm">
-              <q-chip outline class="q-pa-md q-py-md" style="height: 36px">
-                <q-icon name="account_balance" size="xs" class="q-mr-xs" />
-                {{ getShortUrl(activeMintUrl) }}
+              <q-chip
+                outline
+                clickable
+                class="q-pa-md q-py-md"
+                style="height: 36px"
+                @click="setActiveMintUrl"
+              >
+                <q-icon name="account_balance" size="xs" class="q-mr-sm" />
+                {{ getShortUrl(chosenMintUrl) }}
               </q-chip>
               <div @click="toggleUnit" class="q-mt-xs q-ml-sm">
                 <ToggleUnit class="q-py-none" color="white" />
@@ -118,6 +124,8 @@ export default defineComponent({
       amountInputValue: "",
       amountLabelDefault: "Add amount",
       amountLabel: "Add amount",
+      chosenMintUrl: "Any mint",
+      memo: "",
     };
   },
   computed: {
@@ -134,14 +142,33 @@ export default defineComponent({
     toggleUnit() {
       this.paymentRequestAmount = undefined;
       this.amountLabel = this.amountLabelDefault;
-      this.newPaymentRequest(this.paymentRequestAmount);
+      this.newPaymentRequest(
+        this.paymentRequestAmount,
+        this.memo,
+        this.chosenMintUrl
+      );
     },
     newRequest() {
-      this.newPaymentRequest(this.paymentRequestAmount);
+      this.newPaymentRequest(
+        this.paymentRequestAmount,
+        this.memo,
+        this.chosenMintUrl
+      );
     },
     getShortUrl(url) {
       return getShortUrl(url);
     },
+    setActiveMintUrl() {
+      if (this.activeMintUrl == this.chosenMintUrl) {
+        return;
+      }
+      this.chosenMintUrl = this.activeMintUrl;
+      this.newPaymentRequest(
+        this.paymentRequestAmount,
+        this.memo,
+        this.chosenMintUrl
+      );
+    },
     startEditingAmount() {
       this.isEditingAmount = true;
       this.$nextTick(() => {
@@ -162,7 +189,11 @@ export default defineComponent({
           this.activeUnit
         );
       }
-      this.newPaymentRequest(this.paymentRequestAmount);
+      this.newPaymentRequest(
+        this.paymentRequestAmount,
+        this.memo,
+        this.chosenMintUrl
+      );
       this.isEditingAmount = false;
       this.amountInputValue = "";
     },
diff --git a/src/components/ReceiveTokenDialog.vue b/src/components/ReceiveTokenDialog.vue
index da7889f1..ef9fdade 100644
--- a/src/components/ReceiveTokenDialog.vue
+++ b/src/components/ReceiveTokenDialog.vue
@@ -25,7 +25,7 @@
           label="Paste Cashu token"
           type="textarea"
           autofocus
-          class="q-mb-lg"
+          class="q-mb-lg cashub-nowrap"
           @keyup.enter="receiveIfDecodes"
         >
           <template v-if="receiveData.tokensBase64" v-slot:append>
@@ -327,4 +327,11 @@ export default defineComponent({
   border-top-left-radius: 0px !important;
   border-top-right-radius: 0px !important;
 }
+
+.cashub-nowrap {
+  word-break: break-all;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  hyphens: none;
+}
 </style>
diff --git a/src/components/SettingsView.vue b/src/components/SettingsView.vue
index cdadb1ff..8843fdac 100644
--- a/src/components/SettingsView.vue
+++ b/src/components/SettingsView.vue
@@ -19,6 +19,7 @@
                   readonly
                   v-model="hiddenMnemonic"
                   label="Seed phrase"
+                  class="seed-phrase"
                   autogrow
                 >
                   <template v-slot:append>
@@ -1071,6 +1072,19 @@
                   </row>
                 </q-item-section>
               </q-item>
+              <q-item>
+                <q-item-section>
+                  <row>
+                    <q-btn dense flat outline click @click="showOnboarding">
+                      Show onboarding
+                    </q-btn></row
+                  ><row>
+                    <q-item-label class="q-px-sm" caption
+                      >Show the onboarding screen again.
+                    </q-item-label>
+                  </row>
+                </q-item-section>
+              </q-item>
               <q-item>
                 <q-item-section>
                   <row>
@@ -1173,6 +1187,7 @@ import { useProofsStore } from "src/stores/proofs";
 import { usePRStore } from "../stores/payment-request";
 import { useRestoreStore } from "src/stores/restore";
 import { useReceiveTokensStore } from "../stores/receiveTokensStore";
+import { useWelcomeStore } from "src/stores/welcome";
 
 export default defineComponent({
   name: "SettingsView",
@@ -1448,12 +1463,16 @@ export default defineComponent({
       await this.resetNip46Signer();
       await this.generateNPCConnection();
     },
+    showOnboarding: function () {
+      const welcomeStore = useWelcomeStore();
+      welcomeStore.resetWelcome();
+      this.$router.push("/welcome");
+    },
     nukeWallet: async function () {
       // create a backup just in case
       await this.getLocalstorageToFile();
       localStorage.clear();
-      this.$router.push("/");
-      this.$emit("close");
+      window.location.href = "/";
     },
     addRelay: function () {
       if (this.newRelay) {
@@ -1477,3 +1496,13 @@ export default defineComponent({
   },
 });
 </script>
+<style scoped>
+.seed-phrase :deep(.q-field__control) {
+  padding: 12px 12px !important;
+}
+.seed-phrase {
+  font-size: 0.9rem;
+  font-family: monospace;
+  padding: 12px 12px !important;
+}
+</style>
diff --git a/src/components/WelcomeDialog.vue b/src/components/WelcomeDialog.vue
index 643122df..04362fb3 100644
--- a/src/components/WelcomeDialog.vue
+++ b/src/components/WelcomeDialog.vue
@@ -2,7 +2,6 @@
   <q-dialog
     class="z-top"
     persistent
-    v-model="showWelcomeDialog"
     position="top"
     @drop="dragFile"
     @dragover="allowDrop"
@@ -114,10 +113,7 @@ export default defineComponent({
     setWelcomeDialogSeen: Function,
   },
   data: function () {
-    return {
-      showWelcomeDialog:
-        localStorage.getItem("cashu.welcomeDialogSeen") != "seen",
-    };
+    return {};
   },
   watch: {},
   computed: {
diff --git a/src/components/iOSPWAPrompt.vue b/src/components/iOSPWAPrompt.vue
index b079a75f..60d01fea 100644
--- a/src/components/iOSPWAPrompt.vue
+++ b/src/components/iOSPWAPrompt.vue
@@ -1,10 +1,5 @@
 <template>
-  <transition
-    appear
-    enter-active-class="animated fadeInUp"
-    leave-active-class="animated fadeInDown"
-    mode="out-in"
-  >
+  <transition enter-active-class="animated fadeInUp">
     <div
       v-if="showIosPWAPrompt"
       class="pwa-prompt q-pa-md q-mx-auto text-center"
@@ -36,7 +31,7 @@ export default defineComponent({
   data: function () {
     return {
       showIosPWAPromptLocal:
-        localStorage.getItem("cashu.showIosPWAPrompt") != "seen",
+        localStorage.getItem("cashu.ui.showIosPWAPrompt") != "seen",
       showIosPWAPrompt: false,
     };
   },
@@ -53,12 +48,12 @@ export default defineComponent({
   computed: {},
   methods: {
     closePrompt() {
-      localStorage.setItem("cashu.showIosPWAPrompt", "seen");
+      localStorage.setItem("cashu.ui.showIosPWAPrompt", "seen");
       this.showIosPWAPrompt = false;
     },
     isiOsSafari() {
       const userAgent = window.navigator.userAgent.toLowerCase();
-      return /iphone|ipad|ipod/.test(userAgent) && /safari/.test(userAgent);
+      return /iphone|ipod/.test(userAgent) && /safari/.test(userAgent);
     },
     isInStandaloneMode() {
       return "standalone" in window.navigator && window.navigator.standalone;
@@ -89,7 +84,7 @@ export default defineComponent({
   flex-direction: column; /* Add this line */
   align-items: center; /* Add this line */
   justify-content: center;
-  animation: moveUpDown 2s infinite; /* Add this line for animation */
+  animation: moveUpDown 1s infinite; /* Add this line for animation */
 }
 
 .pwa-prompt-content {
@@ -111,7 +106,7 @@ export default defineComponent({
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-top: 10px solid white;
-  margin: 0 auto;
+  margin: 2px auto;
   text-align: center;
 }
 </style>
diff --git a/src/css/app.scss b/src/css/app.scss
index d6ac0377..038d06ff 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -43,3 +43,13 @@
   max-width: 600px;
   margin: 0 auto;
 }
+
+.animated.tada {
+  animation-duration: 1s;
+}
+.animated.bounceIn {
+  animation-duration: 1s;
+}
+.animated.bounce {
+  animation-duration: 1s;
+}
diff --git a/src/css/base.scss b/src/css/base.scss
index 2eca4e93..28da7d3c 100644
--- a/src/css/base.scss
+++ b/src/css/base.scss
@@ -18,9 +18,9 @@ $themes: (
   "freedom": (
     primary: #e22156,
     secondary: #b91a45,
-    dark: #0a0a0a,
+    dark: #000,
     info: #1b1b1b,
-    marginal-bg: #2d293b,
+    marginal-bg: #000,
     marginal-text: #fff,
   ),
   "salvador": (
@@ -104,6 +104,27 @@ $themes: (
   }
 }
 
+@each $theme, $colors in $themes {
+  [data-theme="#{$theme}"] {
+    @each $name, $color in $colors {
+      @if $name == "primary" {
+        --q-primary: #{$color};
+      }
+      @if $name == "secondary" {
+        --q-secondary: #{$color};
+      }
+    }
+    @each $name, $color in $colors {
+      .bg-#{$name} {
+        background: $color !important;
+      }
+      .text-#{$name} {
+        color: $color !important;
+      }
+    }
+  }
+}
+
 [data-theme="monochrome"] .q-badge.bg-primary,
 [data-theme="cyber"] .q-badge.bg-primary {
   background: primary !important;
diff --git a/src/layouts/BlankLayout.vue b/src/layouts/BlankLayout.vue
new file mode 100644
index 00000000..a670c498
--- /dev/null
+++ b/src/layouts/BlankLayout.vue
@@ -0,0 +1,17 @@
+<template>
+  <q-layout view="lHh Lpr lFf">
+    <q-page-container>
+      <router-view />
+    </q-page-container>
+  </q-layout>
+</template>
+
+<script>
+import { defineComponent, ref } from "vue";
+
+export default defineComponent({
+  name: "BlankLayout",
+  mixins: [windowMixin],
+  components: {},
+});
+</script>
diff --git a/src/pages/ErrorNotFound.vue b/src/pages/ErrorNotFound.vue
index 5d3e4545..bc06bbee 100644
--- a/src/pages/ErrorNotFound.vue
+++ b/src/pages/ErrorNotFound.vue
@@ -4,17 +4,18 @@
   >
     <div>
       <div style="font-size: 30vh">404</div>
-
-      <div class="text-h3" style="opacity: 0.8">Oops. Nothing here...</div>
-
+      <div class="text-h3 q-pb-lg" style="opacity: 0.8">
+        Oops. Nothing here...
+      </div>
       <q-btn
         rounded
+        size="lg"
         class="q-mt-xl"
         color="white"
         text-color="black"
         unelevated
         to="/"
-        label="Go Home"
+        label="Go back home"
       />
     </div>
   </div>
diff --git a/src/pages/TermsPage.vue b/src/pages/TermsPage.vue
new file mode 100644
index 00000000..31c62917
--- /dev/null
+++ b/src/pages/TermsPage.vue
@@ -0,0 +1,49 @@
+<!-- src/components/WelcomePage.vue -->
+<template>
+  <q-card class="bg-dark q-pa-none" style="height: 100%">
+    <WelcomeSlide4 />
+  </q-card>
+  <q-dialog persistent transition-show="slide-up" transition-hide="fadeOut">
+  </q-dialog>
+</template>
+
+<script>
+import { onMounted, ref } from "vue";
+import WelcomeSlide4 from "./welcome/WelcomeSlide4.vue";
+
+export default {
+  name: "TermsPage",
+  components: {
+    WelcomeSlide4,
+  },
+  setup() {
+    onMounted(() => {});
+
+    return {};
+  },
+};
+</script>
+
+<style scoped>
+.q-dialog__inner {
+  height: 100%;
+  width: 100%;
+  margin: 0; /* Align dialog to cover the entire viewport */
+}
+
+.q-card {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.q-carousel {
+  flex: 1;
+}
+
+.custom-navigation {
+  display: flex;
+  justify-content: space-between;
+  padding: 16px;
+}
+</style>
diff --git a/src/pages/WalletPage.vue b/src/pages/WalletPage.vue
index 5395f9de..0f9b018c 100644
--- a/src/pages/WalletPage.vue
+++ b/src/pages/WalletPage.vue
@@ -20,18 +20,20 @@
             Receive</q-btn
           >
         </div>
-        <div class="col-2 q-mb-md q-mx-none">
-          <q-btn
-            align="center"
-            size="lg"
-            outline
-            color="primary"
-            flat
-            @click="showCamera"
-          >
-            <ScanIcon size="2em" />
-          </q-btn>
-        </div>
+        <transition appear enter-active-class="animated pulse">
+          <div class="col-2 q-mb-md q-mx-none">
+            <q-btn
+              align="center"
+              size="lg"
+              outline
+              color="primary"
+              flat
+              @click="showCamera"
+            >
+              <ScanIcon size="2em" />
+            </q-btn>
+          </div>
+        </transition>
         <!-- button to showSendDialog -->
         <div class="col-5 q-mb-md">
           <q-btn
@@ -123,6 +125,7 @@
       </div>
 
       <iOSPWAPrompt />
+      <AndroidPWAPrompt />
     </div>
 
     <!-- BOTTOM LIGHTNING BUTTONS -->
@@ -199,6 +202,7 @@ import SendDialog from "components/SendDialog.vue";
 import ReceiveDialog from "components/ReceiveDialog.vue";
 import QrcodeReader from "components/QrcodeReader.vue";
 import iOSPWAPrompt from "components/iOSPWAPrompt.vue";
+import AndroidPWAPrompt from "components/AndroidPWAPrompt.vue";
 // pinia stores
 import { mapActions, mapState, mapWritableState } from "pinia";
 import { useMintsStore } from "src/stores/mints";
@@ -217,7 +221,9 @@ import { useNostrStore } from "src/stores/nostr";
 import { usePRStore } from "src/stores/payment-request";
 import { useStorageStore } from "src/stores/storage";
 import ReceiveTokenDialog from "src/components/ReceiveTokenDialog.vue";
+import { useWelcomeStore } from "../stores/welcome";
 import { notifyError, notify } from "../js/notify";
+
 import {
   X as XIcon,
   Banknote as BanknoteIcon,
@@ -242,6 +248,7 @@ export default {
     SendDialog,
     ReceiveDialog,
     iOSPWAPrompt,
+    AndroidPWAPrompt,
     ScanIcon,
   },
   data: function () {
@@ -364,7 +371,6 @@ export default {
       "checkPendingTokens",
       "decodeRequest",
       "initializeMnemonic",
-      "createPaymentRequest",
     ]),
     ...mapActions(useCameraStore, ["closeCamera", "showCamera"]),
     ...mapActions(useNWCStore, ["listenToNWCCommands"]),
@@ -378,6 +384,7 @@ export default {
       "initSigner",
     ]),
     ...mapActions(useStorageStore, ["checkLocalStorage"]),
+    ...mapActions(usePRStore, ["createPaymentRequest"]),
     // TOKEN METHODS
     decodeToken: function (encoded_token) {
       try {
@@ -435,20 +442,12 @@ export default {
       this.camera.show = false;
       this.focusInput("parseDialogInput");
     },
-    showWelcomeDialog: function () {
-      if (localStorage.getItem("cashu.welcomeDialogSeen") != "seen") {
-        this.welcomeDialog.show = true;
+    showWelcomePage: function () {
+      if (!useWelcomeStore().termsAccepted) {
+        useWelcomeStore().showWelcome = true;
       }
-    },
-    setWelcomeDialogSeen: function () {
-      localStorage.setItem("cashu.welcomeDialogSeen", "seen");
-      this.welcomeDialog.show = false;
-      // switch to settings tab
-      this.setTab("mints");
-
-      // if a wallet has been restored the "cashu.activeMintUrl" is not null
-      if (!!localStorage.getItem("cashu.activeMintUrl")) {
-        window.location.reload();
+      if (useWelcomeStore().showWelcome) {
+        this.$router.push("/welcome");
       }
     },
     setTab: function (to) {
@@ -549,7 +548,7 @@ export default {
         if (event.data.type == "new_tab_opened") {
           channel.postMessage({ type: "already_running", senderId: tabId });
         } else if (event.data.type == "already_running") {
-          window.location.href = "/already-running";
+          this.$router.push("/already-running");
         }
       };
     },
@@ -631,7 +630,7 @@ export default {
     this.initSigner();
 
     // show welcome dialog
-    this.showWelcomeDialog();
+    this.showWelcomePage();
 
     // listen to NWC commands if enabled
     if (this.nwcEnabled) {
diff --git a/src/pages/WelcomePage.vue b/src/pages/WelcomePage.vue
new file mode 100644
index 00000000..1e051efe
--- /dev/null
+++ b/src/pages/WelcomePage.vue
@@ -0,0 +1,131 @@
+<!-- src/components/WelcomePage.vue -->
+<template>
+  <q-dialog
+    v-model="welcomeStore.showWelcome"
+    persistent
+    transition-show="slide-up"
+    transition-hide="fadeOut"
+    full-screen
+    @drop.prevent="dragFile"
+    @dragover.prevent
+  >
+    <q-card class="q-pa-none" style="height: 100%">
+      <q-carousel
+        v-model="welcomeStore.currentSlide"
+        animated
+        control-color="primary"
+        class="flex-1"
+      >
+        <q-carousel-slide :name="0">
+          <WelcomeSlide1 />
+        </q-carousel-slide>
+        <q-carousel-slide :name="1">
+          <WelcomeSlide2 />
+        </q-carousel-slide>
+        <q-carousel-slide :name="2">
+          <WelcomeSlide3 />
+        </q-carousel-slide>
+        <q-carousel-slide :name="3">
+          <WelcomeSlide4 />
+        </q-carousel-slide>
+      </q-carousel>
+
+      <div class="q-pa-md flex justify-between">
+        <q-btn
+          flat
+          icon="arrow_left"
+          label="Previous"
+          v-if="welcomeStore.canGoPrev"
+          @click="welcomeStore.goToPrevSlide"
+        />
+        <q-space />
+        <q-btn
+          flat
+          icon="arrow_right"
+          label="Next"
+          :disable="!welcomeStore.canProceed"
+          @click="welcomeStore.goToNextSlide"
+        />
+      </div>
+    </q-card>
+  </q-dialog>
+</template>
+
+<script>
+import { onMounted, ref } from "vue";
+import { useWelcomeStore } from "src/stores/welcome";
+import { useMintsStore } from "src/stores/mints";
+import WelcomeSlide1 from "./welcome/WelcomeSlide1.vue";
+import WelcomeSlide2 from "./welcome/WelcomeSlide2.vue";
+import WelcomeSlide3 from "./welcome/WelcomeSlide3.vue";
+import WelcomeSlide4 from "./welcome/WelcomeSlide4.vue";
+
+export default {
+  name: "WelcomePage",
+  components: {
+    WelcomeSlide1,
+    WelcomeSlide2,
+    WelcomeSlide3,
+    WelcomeSlide4,
+  },
+  setup() {
+    const welcomeStore = useWelcomeStore();
+    const mintsStore = useMintsStore();
+    const fileUpload = ref(null);
+
+    const onChangeFileUpload = () => {
+      const file = fileUpload.value.files[0];
+      if (file) readFile(file);
+    };
+
+    const readFile = (file) => {
+      const reader = new FileReader();
+      reader.onload = (f) => {
+        const backup = JSON.parse(f.target.result);
+        mintsStore.restoreFromBackup(backup);
+      };
+      reader.readAsText(file);
+    };
+
+    const dragFile = (ev) => {
+      const file = ev.dataTransfer.files[0];
+      if (file) readFile(file);
+    };
+
+    onMounted(() => {
+      welcomeStore.initializeWelcome();
+    });
+
+    return {
+      welcomeStore,
+      fileUpload,
+      onChangeFileUpload,
+      dragFile,
+    };
+  },
+};
+</script>
+
+<style scoped>
+.q-dialog__inner {
+  height: 100%;
+  width: 100%;
+  margin: 0; /* Align dialog to cover the entire viewport */
+}
+
+.q-card {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.q-carousel {
+  flex: 1;
+}
+
+.custom-navigation {
+  display: flex;
+  justify-content: space-between;
+  padding: 16px;
+}
+</style>
diff --git a/src/pages/welcome/WelcomeSlide1.vue b/src/pages/welcome/WelcomeSlide1.vue
new file mode 100644
index 00000000..54e506d5
--- /dev/null
+++ b/src/pages/welcome/WelcomeSlide1.vue
@@ -0,0 +1,63 @@
+<!-- src/components/WelcomeSlide1.vue -->
+<template>
+  <div class="q-pa-md flex flex-center">
+    <div class="text-center">
+      <transition appear enter-active-class="animated bounce">
+        <img
+          src="/clean.png"
+          alt="Clean Icon"
+          class="q-my-lg"
+          style="width: 80px; height: 80px"
+        />
+      </transition>
+      <h2 class="q-mt-md">Welcome to Cashu</h2>
+      <div class="text-left">
+        <p class="q-mt-sm">
+          Cashu.me is a free and open-source Bitcoin wallet that uses ecash to
+          keep your funds secure and private.
+        </p>
+        <q-expansion-item
+          dense
+          dense-toggle
+          class="text-left q-mt-lg"
+          label="Click to learn more"
+        >
+          <p class="q-mt-md">
+            Cashu is a free and open-source ecash protocol for Bitcoin. You can
+            learn more about it at
+            <a href="https://cashu.space" target="_blank">cashu.space</a>.
+          </p>
+          <p class="q-mt-md">
+            This wallet is not affiliated with any mint. To use this wallet, you
+            need to connect to one or more Cashu mints that you trust.
+          </p>
+          <p class="q-mt-md">
+            This wallet stores ecash that only you have access to. If you delete
+            your browser data without a seed phrase backup, you will lose your
+            tokens.
+          </p>
+          <p class="q-mt-md">
+            This wallet is in beta. We hold no responsibility for people losing
+            access to funds. Use at your own risk! This code is open-source and
+            licensed under the MIT license.
+          </p>
+        </q-expansion-item>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "WelcomeSlide1",
+};
+</script>
+
+<style scoped>
+h2 {
+  font-weight: bold;
+}
+p {
+  font-size: large;
+}
+</style>
diff --git a/src/pages/welcome/WelcomeSlide2.vue b/src/pages/welcome/WelcomeSlide2.vue
new file mode 100644
index 00000000..447ddeab
--- /dev/null
+++ b/src/pages/welcome/WelcomeSlide2.vue
@@ -0,0 +1,100 @@
+<!-- src/components/WelcomeSlide2.vue -->
+<template>
+  <div class="q-pa-md flex flex-center">
+    <div class="text-center relative-position">
+      <transition v-if="isPWA()" appear enter-active-class="animated bounceIn">
+        <q-icon name="check_circle" size="4em" color="positive" />
+      </transition>
+      <q-icon v-else name="download_for_offline" size="4em" color="primary" />
+      <h2 class="q-mt-xl">Install PWA</h2>
+      <div class="text-left" v-if="!isPWA()">
+        <p class="q-mt-md instruction">
+          For the best experience, use this wallet with your device's native web
+          browser to install it as a Progressive Web App. Do this right now.
+        </p>
+        <h6>Android (Chrome)</h6>
+        <p class="sub-instruction">
+          1. <q-icon name="more_vert" size="1.5em" class="q-pr-xs" />
+          <span>Tap the menu (top right) </span><br />
+          2.
+          <q-icon name="mobile_friendly" size="1.2em" class="q-pr-xs" /> Press
+          <strong>Add to Home screen</strong>
+        </p>
+        <h6>iOS (Safari)</h6>
+        <p class="sub-instruction">
+          1. <q-icon name="ios_share" size="1.2em" class="q-pr-xs" />
+          <span>Tap share (bottom) </span> <br />
+          2.
+          <q-icon name="add_box_outline" size="1.2em" class="q-pr-xs" /> Press
+          <strong>Add to Home screen</strong>
+        </p>
+        <p>
+          Once you installed this app on your device, close this browser window
+          and use the app from your home screen.
+        </p>
+      </div>
+
+      <div class="text-center" v-if="isPWA()">
+        <transition appear enter-active-class="animated tada">
+          <h3 class="q-mt-lg">Success!</h3>
+        </transition>
+        <p class="q-mt-md">
+          You are using Cashu as a PWA. Close any other open browser windows and
+          use the app from your home screen.
+        </p>
+      </div>
+    </div>
+  </div>
+  <iOSPWAPrompt v-if="!isPWA()" />
+  <AndroidPWAPrompt v-if="!isPWA()" />
+</template>
+
+<script>
+import iOSPWAPrompt from "components/iOSPWAPrompt.vue";
+import AndroidPWAPrompt from "components/AndroidPWAPrompt.vue";
+export default {
+  name: "WelcomeSlide2",
+  components: {
+    iOSPWAPrompt,
+    AndroidPWAPrompt,
+  },
+  setup() {
+    const isPWA = () => {
+      return window.matchMedia("(display-mode: standalone)").matches;
+    };
+    return {
+      isPWA,
+    };
+  },
+};
+</script>
+
+<style scoped>
+.relative-position {
+  position: relative;
+}
+.instruction {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 1rem;
+}
+.instruction span {
+  margin-left: 0.5rem;
+  font-size: 1rem;
+}
+h2 {
+  font-weight: bold;
+}
+h6 {
+  font-weight: bold;
+  margin-top: 1rem;
+  margin-bottom: 0.5rem;
+}
+p {
+  font-size: large;
+}
+.sub-instruction {
+  margin-left: 0.5rem;
+}
+</style>
diff --git a/src/pages/welcome/WelcomeSlide3.vue b/src/pages/welcome/WelcomeSlide3.vue
new file mode 100644
index 00000000..67276c6b
--- /dev/null
+++ b/src/pages/welcome/WelcomeSlide3.vue
@@ -0,0 +1,97 @@
+<!-- src/components/WelcomeSlide3.vue -->
+<template>
+  <div class="q-pa-md flex flex-center">
+    <div class="text-center">
+      <q-icon name="vpn_key" size="4em" color="primary" />
+      <h2 class="q-mt-xl">Your Seed Phrase</h2>
+      <p class="q-mt-sm">
+        Store your seed phrase in a password manager or on paper. Your seed
+        phrase is the only way to recover your funds if you lose access to this
+        device.
+      </p>
+      <q-input
+        v-model="walletStore.mnemonic"
+        outlined
+        readonly
+        autogrow
+        class="q-mt-md q-pa-md seed-phrase"
+        label="Seed Phrase"
+        dense
+      >
+        <template v-slot:append>
+          <q-btn flat dense icon="content_copy" @click="copySeed" />
+        </template>
+      </q-input>
+      <p class="q-mt-none" style="font-size: 0.8rem; color: grey">
+        You can see your seed phrase in the settings.
+      </p>
+      <q-checkbox
+        v-model="welcomeStore.seedPhraseValidated"
+        label="I have written it down"
+        class="q-mt-sm"
+        style="font-size: 1rem"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import { useWelcomeStore } from "src/stores/welcome";
+import { useWalletStore } from "src/stores/wallet";
+import { ref } from "vue";
+import { useQuasar } from "quasar";
+
+export default {
+  name: "WelcomeSlide3",
+  setup() {
+    const welcomeStore = useWelcomeStore();
+    const walletStore = useWalletStore();
+    const $q = useQuasar();
+
+    const copySeed = () => {
+      navigator.clipboard
+        .writeText(welcomeStore.seedPhrase)
+        .then(() => {
+          $q.notify({
+            type: "positive",
+            message: "Seed phrase copied to clipboard!",
+          });
+        })
+        .catch(() => {
+          $q.notify({
+            type: "negative",
+            message: "Failed to copy seed phrase.",
+          });
+        });
+    };
+
+    const proceed = () => {
+      welcomeStore.seedPhraseValidated = true;
+    };
+
+    return {
+      welcomeStore,
+      walletStore,
+      copySeed,
+      proceed,
+    };
+  },
+};
+</script>
+
+<style scoped>
+h2 {
+  font-weight: bold;
+}
+p {
+  font-size: large;
+}
+.seed-phrase :deep(.q-field__control) {
+  padding: 12px 12px !important;
+}
+.seed-phrase {
+  font-size: 0.9rem;
+  font-family: monospace;
+  padding: 12px 12px !important;
+}
+</style>
diff --git a/src/pages/welcome/WelcomeSlide4.vue b/src/pages/welcome/WelcomeSlide4.vue
new file mode 100644
index 00000000..c6301bce
--- /dev/null
+++ b/src/pages/welcome/WelcomeSlide4.vue
@@ -0,0 +1,247 @@
+<!-- src/components/WelcomeSlide4.vue -->
+<template>
+  <div class="q-pa-md flex flex-center">
+    <div class="text-center">
+      <q-icon name="gavel" size="4em" color="primary" />
+      <h2 class="text-center q-mt-xl">Terms</h2>
+      <div
+        class="text-left q-mt-sm"
+        style="
+          max-height: 350px;
+          max-width: 90%;
+          overflow-y: auto;
+          margin: 0 auto;
+        "
+      >
+        <p><strong>Last Updated: 17.12.2024</strong></p>
+        <p>
+          <strong
+            >IMPORTANT NOTICE: THESE TERMS OF SERVICE CONTAIN AN ARBITRATION
+            PROVISION REQUIRING BINDING ARBITRATION OF DISPUTES AND A WAIVER OF
+            CERTAIN RIGHTS TO A JURY TRIAL. PLEASE READ THESE TERMS OF SERVICE
+            CAREFULLY. IF YOU DO NOT AGREE, DO NOT USE CASHU.ME.</strong
+          >
+        </p>
+        <p>
+          These Terms of Service (these “Terms”) constitute the entire agreement
+          and understanding between you (“you” or “your”) and Cashu.me
+          (“Cashu.me,” “we,” “us,” or “our”) regarding your use of the Cashu.me
+          website and any related applications, software, code, or services
+          (collectively, the “Site” or “Services”). By accessing or using the
+          Site or Services, you acknowledge that you have read, understand, and
+          agree to be bound by these Terms. If you do not agree, do not access
+          or use the Site or Services.
+        </p>
+        <p><strong>1. Nature of the Services</strong></p>
+        <p>
+          1.1 <strong>Non-Custodial Web Application:</strong> Cashu.me provides
+          a non-custodial web application (“wallet”) that is executed entirely
+          on your device. Our Site merely makes available client-side code
+          implementing the open-source Cashu protocol. We do not run a server
+          that holds your ecash or executes transactions on your behalf.
+        </p>
+        <p>
+          1.2 <strong>No Control Over Mints:</strong> Cashu.me does not issue
+          ecash and does not operate or control any Mint. The choice of any Mint
+          and any transaction or relationship you establish with that Mint is
+          solely between you and that Mint. Cashu.me has no involvement,
+          responsibility, or liability in any such interaction.
+        </p>
+        <p>
+          1.3 <strong>No Funds Access:</strong> At no time does Cashu.me have
+          custody, possession, or control of your ecash. Transactions occur
+          solely by your actions and through your chosen Mint. We do not
+          monitor, verify, or facilitate transfers between you and any Mint or
+          other parties.
+        </p>
+        <p><strong>2. User Responsibilities & Disclaimers</strong></p>
+        <p>
+          2.1 <strong>User’s Sole Responsibility:</strong> You understand and
+          agree that you use the Site and Services at your own risk and for your
+          own account. You alone are fully responsible for selecting Mints,
+          conducting transactions, and safeguarding your ecash and secret
+          values. Cashu.me is not a party to and disclaims any responsibility
+          for any agreements, terms, or disputes between you and any Mint.
+        </p>
+        <p>
+          2.2 <strong>No Partnership with Mints:</strong> Cashu.me is not
+          affiliated with, endorsed by, or responsible for any Mint. We make no
+          representations, warranties, or guarantees about any Mint’s integrity,
+          legality, liquidity, or functionality. Your relationship with any
+          Mint, including the issuance, redemption, or valuation of ecash, is
+          solely a matter between you and that Mint.
+        </p>
+        <p>
+          2.3 <strong>Risk of Ecash:</strong> Ecash is an experimental,
+          bearer-like digital asset that may not be recognized as money,
+          currency, or a store of value. Anyone with the secret value has
+          control over the ecash. You agree to review and understand all risks
+          disclosed in our Risk Disclosure Statement before using ecash.
+        </p>
+        <p><strong>3. Modifications to Terms</strong></p>
+        <p>
+          We may amend or update these Terms at any time without notice. Your
+          continued use of the Site or Services after any modifications
+          constitutes acceptance of the updated Terms. If you do not agree,
+          discontinue your use.
+        </p>
+        <p><strong>4. Compliance with Laws</strong></p>
+        <p>
+          Your use of the Site and any Services is void where prohibited by law.
+          You must determine whether your use of ecash and related activities
+          are lawful. You are solely responsible for compliance with all
+          applicable laws, taxes, and regulations.
+        </p>
+        <p><strong>5. License to Use the Site</strong></p>
+        <p>
+          Subject to your compliance with these Terms, we grant you a limited,
+          personal, non-exclusive, non-transferable, revocable license to use
+          the Site. We may suspend or terminate your access at our sole
+          discretion.
+        </p>
+        <p><strong>6. Risks and Limitation of Liability</strong></p>
+        <p>
+          6.1
+          <strong>No Liability for Interactions with Mints:</strong> Cashu.me is
+          not liable for any transactions, disputes, or issues arising from your
+          dealings with Mints.
+        </p>
+        <p>
+          6.2 <strong>Assumption of Risk:</strong> You acknowledge ecash-related
+          activities involve significant risks, including market volatility,
+          theft, and regulatory uncertainty.
+        </p>
+        <p>
+          6.3 <strong>No Warranties:</strong> THE SITE AND SERVICES ARE PROVIDED
+          “AS IS” WITHOUT ANY WARRANTIES. WE DISCLAIM ALL WARRANTIES TO THE
+          MAXIMUM EXTENT PERMITTED BY LAW.
+        </p>
+        <p>
+          6.4 <strong>Limitation of Liability:</strong> TO THE FULLEST EXTENT
+          PERMITTED BY LAW, CASHU.ME IS NOT LIABLE FOR INDIRECT, INCIDENTAL,
+          SPECIAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES ARISING OUT OF OR RELATED
+          TO THESE TERMS, THE SITE, OR THE SERVICES.
+        </p>
+        <p><strong>7. Indemnification and Release</strong></p>
+        <p>
+          You agree to indemnify and hold harmless Cashu.me and its affiliates
+          from claims arising out of your use of the Site or Services. If you
+          have a dispute with any Mint or third party, you release Cashu.me from
+          all related claims.
+        </p>
+        <p><strong>8. Arbitration and Dispute Resolution</strong></p>
+        <p>
+          Except for certain intellectual property claims, any dispute arising
+          out of or relating to these Terms, the Site, or the Services shall be
+          resolved through final and binding arbitration administered by a
+          reputable arbitration provider. You agree that all proceedings will be
+          conducted on an individual basis and you waive any right to a trial by
+          jury or to participate in a class action.
+        </p>
+        <p><strong>9. Prohibited Uses</strong></p>
+        <p>
+          You may not use the Site or Services for unlawful activities, to
+          violate applicable laws, or to engage in market manipulation. We may
+          suspend or terminate access for prohibited uses.
+        </p>
+        <p><strong>10. Intellectual Property</strong></p>
+        <p>
+          All trademarks, logos, and content on the Site are owned by Cashu.me
+          or its licensors. You shall not use them without prior written
+          consent.
+        </p>
+        <p><strong>11. Your Representations and Warranties</strong></p>
+        <p>
+          You represent and warrant you have the right and authority to enter
+          into these Terms and that your use of the Site will be lawful.
+        </p>
+        <p><strong>12. No Investment Advice</strong></p>
+        <p>Cashu.me does not provide investment, legal, or tax advice.</p>
+        <p><strong>13. No Waiver</strong></p>
+        <p>
+          No failure or delay to exercise any right by Cashu.me shall constitute
+          a waiver of that right.
+        </p>
+        <p><strong>14. Force Majeure</strong></p>
+        <p>
+          Cashu.me is not liable for delays or failures due to events beyond our
+          reasonable control.
+        </p>
+        <p><strong>15. Assignment</strong></p>
+        <p>
+          You may not assign your rights without our consent. We may assign our
+          rights freely.
+        </p>
+        <p><strong>16. Severability</strong></p>
+        <p>
+          If any provision is deemed invalid, remaining provisions remain in
+          effect.
+        </p>
+        <p><strong>17. Electronic Communications; Language</strong></p>
+        <p>
+          By using the Site or Services, you consent to receive communications
+          electronically. We will communicate in English.
+        </p>
+        <p><strong>18. Governing Law</strong></p>
+        <p>
+          These Terms and any dispute arising from or related to these Terms,
+          the Site, or the Services shall be governed by principles of law
+          generally applicable, without regard to any conflicts of law rules.
+        </p>
+        <p><strong>19. E-Sign Consent Policy</strong></p>
+        <p>
+          By using the Site, you consent to receive all communications
+          electronically.
+        </p>
+        <p><strong>20. Risk Disclosure Statement</strong></p>
+        <p>
+          Using ecash involves significant risks including legal, market,
+          liquidity, counterparty, and operational risks. You acknowledge and
+          accept these risks.
+        </p>
+        <p><strong>21. Entire Agreement</strong></p>
+        <p>
+          These Terms represent the entire agreement between you and Cashu.me.
+        </p>
+      </div>
+      <q-checkbox
+        v-model="welcomeStore.termsAccepted"
+        label="I accept these terms and conditions"
+        class="q-mt-md"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import { useWelcomeStore } from "src/stores/welcome";
+import { useQuasar } from "quasar";
+
+export default {
+  name: "WelcomeSlide4",
+  setup() {
+    const welcomeStore = useWelcomeStore();
+    const $q = useQuasar();
+
+    const acceptTerms = () => {
+      welcomeStore.acceptTerms();
+      welcomeStore.closeWelcome();
+    };
+
+    return {
+      welcomeStore,
+      acceptTerms,
+    };
+  },
+};
+</script>
+
+<style scoped>
+h2 {
+  font-weight: bold;
+}
+p {
+  font-size: 0.82rem;
+  color: #c6c6c6;
+}
+</style>
diff --git a/src/router/routes.js b/src/router/routes.js
index 93169b14..08429be6 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -18,15 +18,30 @@ const routes = [
   },
   {
     path: "/already-running",
-    component: () => import("layouts/FullscreenLayout.vue"),
+    component: () => import("layouts/BlankLayout.vue"),
     children: [
       { path: "", component: () => import("src/pages/AlreadyRunning.vue") },
     ],
   },
+  {
+    path: "/welcome",
+    component: () => import("layouts/BlankLayout.vue"),
+    children: [
+      { path: "", component: () => import("src/pages/WelcomePage.vue") },
+    ],
+  },
+  {
+    path: "/terms",
+    component: () => import("layouts/FullscreenLayout.vue"),
+    children: [
+      { path: "", component: () => import("src/pages/TermsPage.vue") },
+    ],
+  },
+
   // Always leave this as last one,
   // but you can also remove it
   {
-    path: "/:catchAll(.*)*",
+    path: "/:pathMatch(.*)*",
     component: () => import("src/pages/ErrorNotFound.vue"),
   },
 ];
diff --git a/src/stores/mints.ts b/src/stores/mints.ts
index 7a38f462..d22e8058 100644
--- a/src/stores/mints.ts
+++ b/src/stores/mints.ts
@@ -495,7 +495,7 @@ export const useMintsStore = defineStore("mints", {
       notifySuccess("Mint removed");
     },
     restoreFromBackup: function (backup: any) {
-      if (!backup || !backup["cashu.welcomeDialogSeen"]) {
+      if (!backup) {
         notifyError("Unrecognized Backup Format!");
       } else {
         const keys = Object.keys(backup);
@@ -503,6 +503,7 @@ export const useMintsStore = defineStore("mints", {
           localStorage.setItem(key, backup[key]);
         });
         notifySuccess("Backup restored");
+        window.location.reload();
       }
     },
     assertMintError: function (response: { error?: any }, verbose = true) {
diff --git a/src/stores/payment-request.ts b/src/stores/payment-request.ts
index a55765b4..fcf9b536 100644
--- a/src/stores/payment-request.ts
+++ b/src/stores/payment-request.ts
@@ -14,6 +14,7 @@ import { useTokensStore } from "./tokens";
 import token from "src/js/token";
 import { notify, notifyError, notifySuccess } from "src/js/notify";
 import { useLocalStorage } from "@vueuse/core";
+import { v4 as uuidv4 } from "uuid";
 
 export const usePRStore = defineStore("payment-request", {
   state: () => ({
@@ -27,9 +28,31 @@ export const usePRStore = defineStore("payment-request", {
   }),
   getters: {},
   actions: {
-    newPaymentRequest(amount?: number, memo?: string) {
+    newPaymentRequest(amount?: number, memo?: string, mintUrl?: string) {
       const walletStore = useWalletStore();
-      this.showPRKData = walletStore.createPaymentRequest(amount, memo);
+      this.showPRKData = this.createPaymentRequest(amount, memo, mintUrl);
+    },
+    createPaymentRequest: function (amount?: number, memo?: string, mintUrl?: string) {
+      const nostrStore = useNostrStore();
+      const mintStore = useMintsStore();
+      const tags = [["n", "17"]];
+      const transport = [
+        {
+          type: PaymentRequestTransportType.NOSTR,
+          target: nostrStore.seedSignerNprofile,
+          tags: tags,
+        },
+      ] as PaymentRequestTransport[];
+      const uuid = uuidv4().split("-")[0];
+      const paymentRequest = new PaymentRequest(
+        transport,
+        uuid,
+        amount,
+        mintStore.activeUnit,
+        mintUrl?.length ? mintStore.activeMintUrl ? [mintStore.activeMintUrl] : undefined : undefined,
+        memo
+      );
+      return paymentRequest.toEncodedRequest();
     },
     async decodePaymentRequest(pr: string) {
       console.log("decodePaymentRequest", pr);
diff --git a/src/stores/wallet.ts b/src/stores/wallet.ts
index 66b53c9b..125c519f 100644
--- a/src/stores/wallet.ts
+++ b/src/stores/wallet.ts
@@ -42,8 +42,6 @@ import * as bolt11Decoder from "light-bolt11-decoder";
 import { bech32 } from "bech32";
 import axios from "axios";
 import { date } from "quasar";
-import { useNostrStore } from "./nostr";
-import { v4 as uuidv4 } from "uuid";
 
 // bip39 requires Buffer
 // import { Buffer } from 'buffer';
@@ -740,8 +738,8 @@ export const useWalletStore = defineStore("wallet", {
 
         notifySuccess(
           "Paid " +
-            uIStore.formatCurrency(amount_paid, mintStore.activeUnit) +
-            " via Lightning"
+          uIStore.formatCurrency(amount_paid, mintStore.activeUnit) +
+          " via Lightning"
         );
         console.log("#### pay lightning: token paid");
         // delete spent tokens from db
@@ -988,10 +986,10 @@ export const useWalletStore = defineStore("wallet", {
         const proofStore = useProofsStore();
         notifySuccess(
           "Sent " +
-            uIStore.formatCurrency(
-              proofStore.sumProofs(spentProofs),
-              mintStore.activeUnit
-            )
+          uIStore.formatCurrency(
+            proofStore.sumProofs(spentProofs),
+            mintStore.activeUnit
+          )
         );
       } else {
         console.log("### token not paid yet");
@@ -1088,8 +1086,8 @@ export const useWalletStore = defineStore("wallet", {
         if (!!window.navigator.vibrate) navigator.vibrate(200);
         notifySuccess(
           "Received " +
-            uIStore.formatCurrency(invoice.amount, mintStore.activeUnit) +
-            " via Lightning"
+          uIStore.formatCurrency(invoice.amount, mintStore.activeUnit) +
+          " via Lightning"
         );
         return proofs;
       } catch (error) {
@@ -1138,10 +1136,10 @@ export const useWalletStore = defineStore("wallet", {
             if (!!window.navigator.vibrate) navigator.vibrate(200);
             notifySuccess(
               "Sent " +
-                uIStore.formatCurrency(
-                  useProofsStore().sumProofs(proofs),
-                  mintStore.activeUnit
-                )
+              uIStore.formatCurrency(
+                useProofsStore().sumProofs(proofs),
+                mintStore.activeUnit
+              )
             );
           }
           // set invoice in history to paid
@@ -1436,27 +1434,5 @@ export const useWalletStore = defineStore("wallet", {
       }
       return false;
     },
-    createPaymentRequest: function (amount?: number, memo?: string): string {
-      const nostrStore = useNostrStore();
-      const mintStore = useMintsStore();
-      const tags = [["n", "17"]];
-      const transport = [
-        {
-          type: PaymentRequestTransportType.NOSTR,
-          target: nostrStore.seedSignerNprofile,
-          tags: tags,
-        },
-      ] as PaymentRequestTransport[];
-      const uuid = uuidv4().split("-")[0];
-      const paymentRequest = new PaymentRequest(
-        transport,
-        uuid,
-        amount,
-        mintStore.activeUnit,
-        mintStore.activeMintUrl ? [mintStore.activeMintUrl] : undefined,
-        memo
-      );
-      return paymentRequest.toEncodedRequest();
-    },
   },
 });
diff --git a/src/stores/welcome.ts b/src/stores/welcome.ts
new file mode 100644
index 00000000..5d99535e
--- /dev/null
+++ b/src/stores/welcome.ts
@@ -0,0 +1,127 @@
+// src/stores/welcome.ts
+import { defineStore } from "pinia";
+import { useLocalStorage } from "@vueuse/core";
+import { computed } from "vue";
+
+export type WelcomeState = {
+  showWelcome: boolean;
+  currentSlide: number;
+  seedPhraseValidated: boolean;
+  termsAccepted: boolean;
+};
+
+// Define the Pinia store
+export const useWelcomeStore = defineStore("welcome", {
+  state: (): WelcomeState => ({
+    showWelcome: useLocalStorage<boolean>("cashu.welcome.showWelcome", true),
+    currentSlide: useLocalStorage<number>("cashu.welcome.currentSlide", 0),
+    seedPhraseValidated: useLocalStorage<boolean>(
+      "cashu.welcome.seedPhraseValidated",
+      false
+    ),
+    termsAccepted: useLocalStorage<boolean>(
+      "cashu.welcome.termsAccepted",
+      false
+    ),
+  }),
+  getters: {
+    // Determines if the current slide is the last one
+    isLastSlide: (state) => state.currentSlide === 3, // Adjust if you have more slides
+
+    // Determines if the user can proceed to the next slide
+    canProceed: (state) => {
+      switch (state.currentSlide) {
+        case 0:
+          return true;
+        case 1:
+          return true; // Assuming no validation for PWA install
+        case 2:
+          return state.seedPhraseValidated;
+        case 3:
+          return state.termsAccepted;
+        default:
+          return false;
+      }
+    },
+
+    // Determines if the user can navigate to the previous slide
+    canGoPrev: (state) => state.currentSlide > 0,
+  },
+  actions: {
+    /**
+     * Initializes the welcome dialog based on local storage.
+     * Should be called when the store is initialized.
+     */
+    initializeWelcome() {
+      if (!this.showWelcome) {
+        window.location.href = "/";
+      }
+    },
+
+    /**
+     * Closes the welcome dialog and marks it as seen.
+     */
+    closeWelcome() {
+      this.showWelcome = false;
+      // Redirect to home or desired route
+      window.location.href = "/";
+    },
+
+    /**
+     * Sets the current slide index.
+     * @param index - The index of the slide to navigate to.
+     */
+    setCurrentSlide(index: number) {
+      this.currentSlide = index;
+    },
+
+    /**
+     * Marks the terms as accepted.
+     */
+    acceptTerms() {
+      this.termsAccepted = true;
+    },
+
+    /**
+     * Validates the seed phrase.
+     */
+    validateSeedPhrase() {
+      this.seedPhraseValidated = true;
+    },
+
+    /**
+     * Resets the welcome dialog state (useful for testing or resetting).
+     */
+    resetWelcome() {
+      this.showWelcome = true;
+      this.currentSlide = 0;
+      this.termsAccepted = false;
+      this.seedPhraseValidated = false;
+    },
+
+    /**
+     * Navigates to the previous slide if possible.
+     */
+    goToPrevSlide() {
+      if (this.canGoPrev) {
+        this.currentSlide -= 1;
+      }
+      // Optionally, handle edge cases or emit events
+    },
+
+    /**
+     * Navigates to the next slide if possible.
+     * If on the last slide, it can close the welcome dialog.
+     */
+    goToNextSlide() {
+      if (this.canProceed) {
+        if (this.isLastSlide) {
+          this.closeWelcome();
+        } else {
+          this.currentSlide += 1;
+        }
+      }
+      // Optionally, handle edge cases or emit events
+    },
+  },
+});