feat: update receive token flow

front/components/Receive/NFT/steps/Receive.vue

@@ -23,8 +23,13 @@ const emit = defineEmits([
 </script>
 
 <template>
-  <UICardBody>
-    <UICardHeader title="Enter receiving data" />
+  <UICardBody
+    gap="space-y-6"
+  >
+    <UICardHeader
+      title="Enter receiving data"
+      description="You can deposit funds from a Regular Kadena Wallet or receive from another Opact Wallet."
+    />
 
     <ReceiveType
       :selected="receiveType"
@@ -33,26 +38,53 @@ const emit = defineEmits([
 
     <template v-if="isPrivate">
       <UIInputCopy
-        label="Your private address"
-        :value="account.address"
+        bg="bg-gray-800"
+        :value="account?.address"
+        placeholder="Copy and share your public Opact Wallet address"
       />
 
-      <ReceiveFromLink
-        :link="link"
-        @done="receiveStore.reset()"
-      />
+      <div
+        class="flex flex-col gap-2"
+      >
+        <div>
+          <span
+            class="text-[20px] text-font-1"
+          >
+            OR
+          </span>
+        </div>
+
+        <ReceiveFromLink
+          :link="link"
+          @done="receiveStore.reset()"
+        />
+      </div>
     </template>
 
     <template v-else>
       <UIInputCopy
         label="Copy or share the custon payment link"
         :value="link"
+        bg="bg-[#21262D]"
+        tooltipText="You can share the payment link with other people so they will be able to deposit into your Opact Wallet."
       />
 
-      <SelectWallet
-        label="Connect wallet to deposit"
-        @connected="emit('changeStep', 'payment')"
-      />
+      <div
+        class="flex flex-col gap-2"
+      >
+        <div>
+          <span
+            class="text-[20px] text-font-1"
+          >
+            OR
+          </span>
+        </div>
+
+        <SelectWallet
+          label="Connect wallet to deposit"
+          @connected="emit('changeStep', 'payment')"
+        />
+      </div>
     </template>
   </UICardBody>
 </template>