Staging

frontend/components/parts/form/Wallet.vue

@@ -2,6 +2,7 @@
 import WalletSVG from '~/assets/images/wallet.svg';
 import { useConnect } from 'use-wagmi';
 
+const { fullPath } = useRoute();
 const { connect, connectors, pendingConnector } = useConnect();
 </script>
 
@@ -23,7 +24,7 @@ const { connect, connectors, pendingConnector } = useConnect();
           v-if="!connector.ready && connector.id === 'metaMask'"
           type="secondary"
           size="large"
-          href="https://metamask.app.link/dapp/nft.ment.si"
+          :href="`https://metamask.app.link/dapp/nft.ment.si/${fullPath}`"
         >
           <span class="inline-flex gap-2 items-center">
             <NuxtIcon :name="connector.id" class="text-xl" filled />
@@ -44,6 +45,10 @@ const { connect, connectors, pendingConnector } = useConnect();
           </span>
         </Btn>
       </template>
+      <p class="text-xs italic lg:hidden">
+        *If a wallet is not installed on your mobile device, return to this page after installation
+        to proceed with the claim process.
+      </p>
     </n-space>
   </div>
 </template>

frontend/lib/utils/helpers.ts

@@ -79,8 +79,8 @@ export function copyToClipboard(text: string) {
  * OG data
  */
 export function prepareOG(
-  title = 'Ment MFT Airdrop',
-  description = '',
+  title = 'Mint your MENT Token',
+  description = 'Powered by Apillon.',
   image = '/images/superrare.jpg',
   url = 'https://nft.ment.si/'
 ) {

frontend/nuxt.config.ts

@@ -16,8 +16,8 @@ if (env === Environments.prod) {
 }
 
 const meta = {
-  title: 'powered by Apillon',
-  description: 'Ment NFT airdrop - powered by Apillon',
+  title: 'Mint your MENT Token',
+  description: 'Powered by Apillon.',
   url: 'https://nft.ment.si/',
 };
 
@@ -82,7 +82,7 @@ export default defineNuxtConfig({
       htmlAttrs: { lang: 'en' },
       bodyAttrs: { id: 'kalm' },
       title: meta.title,
-      titleTemplate: `%s - ${meta.title}`,
+      titleTemplate: `%s`,
       charset: 'utf-8',
       viewport: 'width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no',
 

frontend/pages/admin.vue

@@ -8,7 +8,7 @@ definePageMeta({
   layout: 'admin',
 });
 useHead({
-  title: 'Ment NFT airdrop',
+  title: 'Mint your MENT Token',
 });
 
 const message = useMessage();

frontend/pages/claim.vue

@@ -9,7 +9,7 @@ definePageMeta({
   layout: 'claim',
 });
 useHead({
-  title: 'Ment NFT airdrop',
+  title: 'Mint your MENT Token',
 });
 
 const config = useRuntimeConfig();

frontend/pages/index.vue

@@ -4,7 +4,7 @@ import SuperRareJpg from '~/assets/images/superrare.jpg';
 const { isMd } = useScreen();
 
 useHead({
-  title: 'Ment NFT airdrop',
+  title: 'Mint your MENT Token',
 });
 </script>
 

frontend/pages/share.vue

@@ -3,7 +3,7 @@ import { prepareOG } from '~/lib/utils/helpers';
 import { Chains } from '~/lib/values/general.values';
 
 useHead({
-  title: 'Ment NFT airdrop',
+  title: 'Mint your MENT Token',
 });
 
 const router = useRouter();

frontend/pages/success.vue

@@ -13,6 +13,6 @@
 
 <script setup lang="ts">
 useHead({
-  title: 'Ment NFT airdrop',
+  title: 'Mint your MENT Token',
 });
 </script>