diff --git a/package.json b/package.json
index a700cc214..0a6118393 100644
--- a/package.json
+++ b/package.json
@@ -41,6 +41,7 @@
     "ual-wombat": "^0.3.3",
     "universal-authenticator-library": "^0.3.0",
     "vue": "3",
+    "vue-i18n": "^9.0.0",
     "vue-json-viewer": "3",
     "vue-router": "4",
     "vue3-click-away": "^1.2.4",
diff --git a/quasar.conf.js b/quasar.conf.js
index a1aeb3f17..27d349054 100644
--- a/quasar.conf.js
+++ b/quasar.conf.js
@@ -23,7 +23,7 @@ module.exports = function(/* ctx */) {
         // app boot file (/src/boot)
         // --> boot files are part of "main.js"
         // https://quasar.dev/quasar-cli/boot-files
-        boot: ['ual', 'hyperion', 'api', 'telosApi', 'evm', 'q-component-defaults'],
+        boot: ['ual', 'hyperion', 'i18n', 'api', 'telosApi', 'evm', 'q-component-defaults'],
 
         // https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-css
         css: ['fonts/silka/silka.css', 'app.sass'],
diff --git a/src/boot/i18n.js b/src/boot/i18n.js
new file mode 100644
index 000000000..ab3698772
--- /dev/null
+++ b/src/boot/i18n.js
@@ -0,0 +1,14 @@
+import { boot } from 'quasar/wrappers';
+import { createI18n } from 'vue-i18n';
+import messages from 'src/i18n';
+
+export default boot(({ app }) => {
+    const i18n = createI18n({
+        locale: 'en-us',
+        globalInjection: true,
+        messages,
+    });
+
+    // Set i18n instance on app
+    app.use(i18n);
+});
\ No newline at end of file
diff --git a/src/components/ConfirmationDialog.vue b/src/components/ConfirmationDialog.vue
index c9d4cde23..93377f3e2 100644
--- a/src/components/ConfirmationDialog.vue
+++ b/src/components/ConfirmationDialog.vue
@@ -1,6 +1,4 @@
 <script>
-const VIEW_SOURCE_PROMPT = 'This contract has been verified. You can view the source code & metadata in the \'contract\' tab';
-const VERIFY_PROMPT = 'This contract has not been verified.  Would you like to upload the contract(s) and metadata to verify source now?';
 
 export default {
     name: 'ConfirmationDialog',
@@ -24,9 +22,13 @@ export default {
             showDialog: false,
             icon: 'warning',
             color: 'text-negative',
-            dialogMessage: VERIFY_PROMPT,
+            dialogMessage: '',
         }
     },
+    async created() {
+        // initialization of the translated texts
+        this.dialogMessage = this.$t('components.verify_prompt');
+    },
     watch: {
         flag(val){
             this.showDialog = val;
@@ -35,11 +37,11 @@ export default {
             if (val) {
                 this.icon = 'verified';
                 this.color = 'text-positive';
-                this.dialogMessage = VIEW_SOURCE_PROMPT;
+                this.dialogMessage = this.$t('components.view_source_prompt');
             }else{
                 this.icon = 'warning',
                 this.color = 'text-negative',
-                this.dialogMessage = VERIFY_PROMPT;
+                this.dialogMessage = this.$t('components.verify_prompt');
             }
         },
         showDialog(val){
@@ -61,6 +63,6 @@ q-dialog( v-model="showDialog" persistent)
           q-icon(:name='icon' :class='color' size='1.25rem' text-color="white")
           span.q-ml-sm {{ dialogMessage }}
         q-card-actions(align="right")
-          q-btn(flat label="Dismiss" color="primary" v-close-popup)
-          q-btn(v-if="!status" flat label="Verify Contract" color="primary" v-close-popup @click="navigate")
+        q-btn(flat :label="$t('components.dismiss')" color="primary" v-close-popup)
+          q-btn(v-if="!status" flat :label="$t('components.verify_contract')" color="primary" v-close-popup @click="navigate")
 </template>
diff --git a/src/components/ConnectButton.vue b/src/components/ConnectButton.vue
index 4eb9d2e4b..0bcb6e4ed 100644
--- a/src/components/ConnectButton.vue
+++ b/src/components/ConnectButton.vue
@@ -7,8 +7,6 @@ import { ethers } from 'ethers';
 import { WEI_PRECISION } from 'src/lib/utils';
 import { tlos } from 'src/lib/logos';
 
-const providersError = 'More than one provider is active, disable additional providers.';
-const unsupportedError ='current EVM wallet provider is not supported.';
 const LOGIN_EVM = 'evm';
 const LOGIN_NATIVE = 'native';
 const PROVIDER_WEB3_INJECTED = 'injectedWeb3'
@@ -128,7 +126,7 @@ export default {
                 } catch (e) {
                     this.$q.notify({
                         position: 'top',
-                        message: `Search for EVM address linked to ${accountName} native account failed.  You can create one at wallet.telos.net`,
+                        message: this.$t('components.search_evm_address_failed', {accountName}),
                         timeout: 6000,
                     });
                     wallet.logout();
@@ -179,7 +177,11 @@ export default {
                 window.ethereum :
                 null
             if (!provider) {
-                console.error(providersError, 'or', unsupportedError);
+                this.$q.notify({
+                    position: 'top',
+                    message: this.$t('components.no_provider_found'),
+                    timeout: 6000,
+                });                
             }
             return provider;
         },
@@ -245,7 +247,7 @@ export default {
     <q-btn
         v-if="!isLoggedIn"
         id="c-connect-button__login-button"
-        label="Connect Wallet"
+        :label="$t('components.connect_wallet')"
         @click="connect"
     />
 
@@ -258,12 +260,12 @@ export default {
         <q-list>
             <q-item clickable v-close-popup @click="goToAddress()">
                 <q-item-section>
-                    <q-item-label>View address</q-item-label>
+                    <q-item-label>{{ $t('components.view_address') }}</q-item-label>
                 </q-item-section>
             </q-item>
             <q-item clickable v-close-popup @click="disconnect()">
                 <q-item-section>
-                    <q-item-label>Disconnect</q-item-label>
+                    <q-item-label>{{ $t('components.disconnect') }}</q-item-label>
                 </q-item-section>
             </q-item>
         </q-list>
@@ -272,20 +274,25 @@ export default {
     <q-dialog v-model="showLogin">
         <q-card rounded class="c-connect-button__modal-inner">
             <q-tabs v-model="tab">
-                <q-tab name="web3" label="EVM Wallets"></q-tab>
-                <q-tab name="native" label="Advanced"></q-tab>
+                <q-tab name="web3" :label="$t('components.evm_wallets')"></q-tab>
+                <q-tab name="native" :label="$t('components.advanced')"></q-tab>
             </q-tabs>
             <q-separator/>
             <q-tab-panels v-model="tab" animated>
                 <q-tab-panel name="web3">
                     <q-card class="wallet-icon cursor-pointer" @click="injectedWeb3Login()">
                         <q-img class="wallet-img" :src="metamaskLogo"></q-img>
-                        <p>{{ !browserSupportsMetaMask ? 'Continue on ' : '' }}Metamask</p>
+                        <p>{{ !browserSupportsMetaMask ? $t('components.continue_on_metamask') : 'Metamask' }}</p>
                     </q-card>
                 </q-tab-panel>
                 <q-tab-panel name="native">
-                    <p>Native wallets for <span class="text-red">advanced users</span>, or to recover assets sent to a native-linked address</p>
-
+                    <p>
+                        {{ $t('components.text1_native_wallets') }}
+                        <span class="text-red">
+                            {{ $t('components.text2_advanced_users') }}
+                        </span>
+                        {{ $t('components.text3_or_to_recover_assets') }}
+                    </p>
                     <div class="u-flex--center">
                         <q-card
                             class="cursor-pointer c-connect-button__image-container"
diff --git a/src/components/ContractTab/ContractTab.vue b/src/components/ContractTab/ContractTab.vue
index ebde5e2f1..4c70e252e 100644
--- a/src/components/ContractTab/ContractTab.vue
+++ b/src/components/ContractTab/ContractTab.vue
@@ -3,7 +3,7 @@
     <CopyButton
         v-if="abi"
         :text="abi"
-        accompanying-text="Copy contract ABI JSON to clipboard"
+        :accompanying-text="$t('components.contract_tab.copy_abi_to_clipboard')"
         class="q-mb-md"
     />
     <br>
@@ -11,19 +11,19 @@
     <q-btn-group>
         <q-btn
             :outline="codeSeleted"
-            label="Code"
+            :label="$t('components.contract_tab.code')"
             push
             @click="source = true"
         />
         <q-btn
             :outline="readSelected"
-            label="Read"
+            :label="$t('components.contract_tab.read')"
             push
             @click="source = false; write = false"
         />
         <q-btn
             :outline="writeSelected"
-            label="Write"
+            :label="$t('components.contract_tab.write')"
             push
             @click="source = false; write = true"
         />
diff --git a/src/components/ContractTab/FunctionInterface.vue b/src/components/ContractTab/FunctionInterface.vue
index 294970717..f91030d8f 100644
--- a/src/components/ContractTab/FunctionInterface.vue
+++ b/src/components/ContractTab/FunctionInterface.vue
@@ -3,7 +3,7 @@
     <q-dialog v-model="enterAmount">
         <q-card class="amount-dialog">
             <div class="q-pa-md">
-                <p>Select number of decimals and enter an amount, this will be entered for you into the function parameter as uint256</p>
+                <p>{{ $t('components.contract_tab.enter_amount') }}</p>
                 <q-select
                     v-model="selectDecimals"
                     :options="decimalOptions"
@@ -13,26 +13,26 @@
                     v-if="selectDecimals.value === 'custom'"
                     v-model.number="customDecimals"
                     type="number"
-                    label="Custom decimals"
+                    :label="$t('components.contract_tab.custom_decimals')"
                     @change="updateDecimals"
                 />
                 <q-input
                     v-model="amountInput"
-                    label="Amount"
+                    :label="$t('components.contract_tab.amount')"
                     type="number"
                 />
                 <q-card-actions align="right">
                     <q-btn
                         v-close-popup
                         flat="flat"
-                        label="Ok"
+                        :label="$t('components.contract_tab.ok')"
                         color="primary"
                         @click="setAmount"
                     />
                     <q-btn
                         v-close-popup
                         flat="flat"
-                        label="Cancel"
+                        :label="$t('components.contract_tab.cancel')"
                         color="primary"
                         @click="clearAmount"
                     />
@@ -43,7 +43,7 @@
     <div v-if="abi.stateMutability === 'payable'" class="q-pb-md">
         <unsigned-int-input
             v-model="value"
-            label="Value"
+            :label="$t('components.contract_tab.value')"
             name="value"
             size="256"
             required="true"
@@ -85,12 +85,12 @@
         {{ errorMessage }}
     </p>
     <div v-if="result" class="output-container">
-        Result ({{ abi.outputs && abi.outputs.length > 0 ? abi.outputs[0].type : '' }}):
+        {{ $t('components.contract_tab.result') }} ({{ abi.outputs && abi.outputs.length > 0 ? abi.outputs[0].type : '' }}):
         <router-link v-if="abi?.outputs?.[0]?.type === 'address'" :to="`/address/${result}`" >{{ result }}</router-link>
         <template v-else>{{ result }}</template>
     </div>
     <div v-if="hash" class="output-container">
-        View Transaction:&nbsp;
+        {{ $t('components.contract_tab.view_transaction') }}
         <transaction-field :transaction-hash="hash" />
     </div>
 </div>
@@ -116,23 +116,6 @@ import {
 
 import TransactionField from 'components/TransactionField';
 
-const decimalOptions = [{
-    label: '18 - TLOS/ETH/etc..',
-    value: 18,
-}, {
-    label: '9 - Gwei',
-    value: 9,
-}, {
-    label: '8 - BTC',
-    value: 8,
-}, {
-    label: '0 - Wei',
-    value: 0,
-}, {
-    label: 'Custom',
-    value: 'custom',
-}];
-
 
 export default {
     name: 'FunctionInterface',
@@ -154,27 +137,50 @@ export default {
             default: null,
         },
     },
-    data : () => ({
-        loading: false,
-        errorMessage: '',
-        decimalOptions,
-        result: null,
-        hash: null,
-        enterAmount: false,
-        amountInput: 0,
-        amountParam: null,
-        amountDecimals: 0,
-        selectDecimals: decimalOptions[0],
-        customDecimals: 0,
-        value: '0',
-        inputModels: [],
-        params: [],
-        valueParam: {
-            'name': 'value',
-            'type': 'amount',
-            'internalType': 'amount',
-        },
-    }),
+    data : () => {
+        const decimalOptions = [{
+            label: '18 - TLOS/ETH/etc..',
+            value: 18,
+        }, {
+            label: '9 - Gwei',
+            value: 9,
+        }, {
+            label: '8 - BTC',
+            value: 8,
+        }, {
+            label: '0 - Wei',
+            value: 0,
+        }, {
+            label: '',
+            value: 'custom',
+        }];
+
+        return {
+            loading: false,
+            errorMessage: '',
+            decimalOptions,
+            result: null,
+            hash: null,
+            enterAmount: false,
+            amountInput: 0,
+            amountParam: null,
+            amountDecimals: 0,
+            selectDecimals: decimalOptions[0],
+            customDecimals: 0,
+            value: '0',
+            inputModels: [],
+            params: [],
+            valueParam: {
+                'name': 'value',
+                'type': 'amount',
+                'internalType': 'amount',
+            },
+        }
+    },
+    async created() {
+        // initialization of the translated texts
+        this.decimalOptions[4].label = this.$t('components.contract_tab.custom');
+    },
     computed: {
         ...mapGetters('login', [
             'address',
diff --git a/src/components/ContractTab/GenericContractInterface.vue b/src/components/ContractTab/GenericContractInterface.vue
index fcbec85d7..07a66eda2 100644
--- a/src/components/ContractTab/GenericContractInterface.vue
+++ b/src/components/ContractTab/GenericContractInterface.vue
@@ -8,14 +8,14 @@
                     class="text-negative"
                     size="1.25rem"
                 />
-                This contract source has not been verified.
+                
+                {{ $t('components.contract_tab.unverified_contract_source') }}
             </p>
             <p>
-                Click <router-link :to="{ name: 'sourcify' }" :key="$route.path">
-                    here
+                <router-link :to="{ name: 'sourcify' }" :key="$route.path">
+                    {{ $t('components.contract_tab.click_here') }}
                 </router-link>
-                to upload source files and verify this contract.
-                Alternatively, you can interact with the contract using an arbitrary ABI:
+                {{ $t('components.contract_tab.upload_source_files') }}
             </p>
         </div>
     </div>
@@ -29,7 +29,7 @@
                     :outline="selectedAbi === abiOptions.erc20"
                     @click="selectedAbi = abiOptions.erc20"
                 >
-                    Use ERC20 ABI
+                    {{ $t('components.contract_tab.use_erc20_abi') }}
                 </q-btn>
                 <q-btn
                     push
@@ -37,7 +37,7 @@
                     :outline="selectedAbi === abiOptions.erc721"
                     @click="selectedAbi = abiOptions.erc721"
                 >
-                    Use ERC721 ABI
+                    {{ $t('components.contract_tab.use_erc721_abi') }}
                 </q-btn>
                 <q-btn
                     push
@@ -45,7 +45,7 @@
                     :outline="selectedAbi === abiOptions.custom"
                     @click="selectedAbi = abiOptions.custom"
                 >
-                    ABI from JSON
+                    {{ $t('components.contract_tab.abi_from_json') }}
                 </q-btn>
             </q-btn-group>
         </div>
@@ -57,7 +57,7 @@
                 v-model="customAbiDefinition"
                 clearable
                 name="custom-abi"
-                label="Paste ABI JSON here"
+                :label="$t('components.contract_tab.paste_abi_json_here')"
                 class="q-pb-lg"
                 autocomplete="off"
                 type="text"
@@ -66,7 +66,7 @@
             <template v-if="!!customAbiDefinition">
                 <template v-if="customAbiIsValidJSON">
                     <p class="q-mb-sm">
-                        ABI JSON Preview
+                        {{ $t('components.contract_tab.abi_json_preview') }}
                     </p>
                     <JsonViewer
                         :value="JSON.parse(customAbiDefinition)"
@@ -78,14 +78,14 @@
                         v-if="!showAbiFunctions"
                         class="text-negative"
                     >
-                        Provided ABI is either invalid or contains no function definitions
+                        {{ $t('components.contract_tab.provided_abi_invalid') }}
                     </p>
                 </template>
                 <p
                     v-else
                     class="text-negative"
                 >
-                    Provided JSON is invalid
+                    {{ $t('components.contract_tab.provided_json_invalid') }}
                 </p>
             </template>
         </div>
@@ -99,14 +99,14 @@
                     :outline="displayWriteFunctions === false"
                     @click="displayWriteFunctions = false"
                 >
-                    Read functions
+                    {{ $t('components.contract_tab.read_functions') }}
                 </q-btn>
                 <q-btn
                     no-caps
                     :outline="displayWriteFunctions === true"
                     @click="displayWriteFunctions = true"
                 >
-                    Write functions
+                    {{ $t('components.contract_tab.write_functions') }}
                 </q-btn>
             </q-btn-group>
 
@@ -225,7 +225,7 @@ export default {
             }
 
             this.contract = new Contract({
-                name: 'Unverified contract',
+                name: this.$t('components.contract_tab.unverified_contract'),
                 address: this.address,
                 abi,
                 manager: this.$contractManager,
diff --git a/src/components/CopyButton.vue b/src/components/CopyButton.vue
index da22c26af..83ce2a14b 100644
--- a/src/components/CopyButton.vue
+++ b/src/components/CopyButton.vue
@@ -58,7 +58,7 @@ export default {
             return `${this.iconClass} q-pl-xs`;
         },
         defaultHint() {
-            return `Copy ${this.description} to clipboard`;
+            return this.$t('components.copy_to_clipboard', {text: this.description});
         },
     },
     created() {
@@ -68,13 +68,17 @@ export default {
         handleClick() {
             copyToClipboard(this.text).then(() => {
                 this.iconClass = icons.success;
-                this.hint = 'Copied';
+                this.hint = this.$t('components.copied');
                 setTimeout(() => {
                     this.iconClass = icons.copy;
                     this.hint = this.defaultHint;
                 }, 1500);
             }).catch((err) => {
                 console.error(`Failed to copy to clipboard: ${err}`);
+                this.$q.notify({
+                    type: 'negative',
+                    message: this.$t('components.copy_to_clipboard_failed'),
+                });
             })
         },
     },
diff --git a/src/components/Health/Endpoints.vue b/src/components/Health/Endpoints.vue
index 8888f85f7..85fb7d106 100644
--- a/src/components/Health/Endpoints.vue
+++ b/src/components/Health/Endpoints.vue
@@ -90,9 +90,9 @@ export default {
         q-item-label.q-mt-sm {{ endpoint.http }}
       q-item-section.full-width
         q-item-label(v-if="endpoint.latency" side top)
-          span Latency: {{ endpoint.latency }}ms
+          span  {{ $t('components.health.latency') }}: {{ endpoint.latency }}ms
           q-icon(name="wifi" :color="getLatencyColor(endpoint.latency)")
-        q-item-label(v-if="endpoint.block" side top ) Block height:&nbsp
+        q-item-label(v-if="endpoint.block" side top ) {{ $t('components.health.block_height') }}:&nbsp
           span(:class="getBlockClass(blockHeight, endpoint.block)") {{ endpoint.block }}
         q-item-label(v-if="endpoint.error" side top).text-red Error: {{ endpoint.error }}
 </template>
diff --git a/src/components/Health/Monitor.vue b/src/components/Health/Monitor.vue
index b0c1fc410..e5a597b7f 100644
--- a/src/components/Health/Monitor.vue
+++ b/src/components/Health/Monitor.vue
@@ -4,28 +4,6 @@ const API_URL = ('' + process.env.NETWORK_EVM_CHAIN_ID + '' === '40') ? 'https:/
 const API_ENDPOINT_TASKS = API_URL + '/tasks';
 const API_ENDPOINT_STATUSES = API_URL + '/task_status';
 
-const columns = [
-    {
-        name: 'status',
-        label: 'Status',
-        align: 'left',
-    },
-    {
-        name: 'checked_at',
-        label: 'Checked at',
-        align: 'left',
-    },
-    {
-        name: 'task',
-        label: 'Task',
-        align: 'left',
-    },
-    {
-        name: 'message',
-        label: 'Message',
-        align: 'left',
-    },
-]
 export default {
     name: 'MonitorComponent',
     async mounted() {
@@ -35,6 +13,29 @@ export default {
         });
     },
     data() {
+        const columns = [
+            {
+                name: 'status',
+                label: '',
+                align: 'left',
+            },
+            {
+                name: 'checked_at',
+                label: '',
+                align: 'left',
+            },
+            {
+                name: 'task',
+                label: '',
+                align: 'left',
+            },
+            {
+                name: 'message',
+                label: '',
+                align: 'left',
+            },
+        ]
+
         return {
             rows: [],
             tasks: [],
@@ -49,6 +50,13 @@ export default {
             loading: true,
         }
     },
+    async created() {
+        // initialization of the translated texts
+        this.columns[0].label = this.$t('components.health.status');
+        this.columns[1].label = this.$t('components.health.checked_at');
+        this.columns[2].label = this.$t('components.health.task');
+        this.columns[3].label = this.$t('components.health.message');
+    },
     methods: {
         async getTasks(){
             try {
@@ -103,7 +111,7 @@ export default {
                 @click="col.name==='checked_at' ? showAge=!showAge : null"
             )
             template( v-if="col.name==='checked_at'" )
-                q-tooltip(anchor="bottom middle" self="bottom middle") Click to change format
+                q-tooltip(anchor="bottom middle" self="bottom middle") {{ $t('components.health.click_to_change_format') }}
             | {{ col.label }}
 
         template(v-slot:body="props")
diff --git a/src/components/HomeInfo.vue b/src/components/HomeInfo.vue
index 1c6c58b6c..2dac11f66 100644
--- a/src/components/HomeInfo.vue
+++ b/src/components/HomeInfo.vue
@@ -46,7 +46,7 @@ export default {
             img(:src="exchangeImage" width="40")
         .col-8.q-pl-sm
             .col-12
-              .column.text-subtitle2 TLOS Price
+              .column.text-subtitle2 {{ $t('components.tlos_price') }}
             .col-12
               .column.text-h6.text-weight-bold
                 | $ {{ tlosPrice }}
@@ -57,10 +57,10 @@ export default {
             img(:src="gasImage" width="40")
         .col-8.q-pl-sm
             .col-12
-              .column.text-subtitle2 Gas Price
+              .column.text-subtitle2 {{ $t('components.gas_price') }}
             .col-12
               .column.text-h6.text-weight-bold
-                | {{ gasPriceGwei }} Gwei
+                | {{ gasPriceGwei }} {{ $t('components.gwei') }}
     .col.q-pa-md
       .row.items-center
         .col-2
@@ -69,7 +69,7 @@ export default {
         .col-8.q-pl-sm
             .col-12
               .column.text-subtitle2
-                | Latest Block
+                | {{ $t('components.latest_block') }}
             .col-12
               .column.text-h6.text-weight-bold
                 | {{ latestBlock }}
diff --git a/src/components/MethodField.vue b/src/components/MethodField.vue
index c92c7e312..0f467c08d 100644
--- a/src/components/MethodField.vue
+++ b/src/components/MethodField.vue
@@ -58,7 +58,7 @@ div
       | {{ trx.parsedTransaction.name }}
   span(v-else :class="shortenSignature && 'clickable'")
     span(v-if="!expand" v-on:click="shortenSignature && toggle()" clickable) {{trx.input_data.length > 10 && shortenSignature ? `${trx.input_data.slice(0,10)}` : trx.input_data}}
-    q-tooltip( v-if="shortenSignature && !expand") Click to expand the function signature
+    q-tooltip( v-if="shortenSignature && !expand") {{ $t('components.click_to_expand') }}
     span( v-if="shortenSignature && expand" anchor="center middle" class="word-break" self="center middle" v-on:click="toggle()")
       | {{ trx.input_data }}
 </template>
diff --git a/src/components/Search.vue b/src/components/Search.vue
index 1d4156bf0..93898b4c0 100644
--- a/src/components/Search.vue
+++ b/src/components/Search.vue
@@ -1,5 +1,5 @@
 <script>
-const searchHints = ['Transaction', 'Address', 'Block'];
+
 
 export default {
     name: 'SearchBar',
@@ -12,18 +12,23 @@ export default {
     data() {
         return {
             searchTerm: null,
-            searchHint: searchHints[0],
+            searchHint: '',
             searchHintIndex: 0,
             TIME_DELAY: 6000,
         };
     },
+    computed: {
+        searchHints() {
+            return this.$t('components.search_hints').split(',');
+        },
+    },
     mounted() {
         setInterval(() => {
             this.searchHintIndex =
-        this.searchHintIndex == searchHints.length - 1
+        this.searchHintIndex == this.searchHints.length - 1
             ? 0
             : ++this.searchHintIndex;
-            this.searchHint = searchHints[this.searchHintIndex];
+            this.searchHint = this.searchHints[this.searchHintIndex];
         }, 2000);
     },
     methods: {
@@ -54,7 +59,7 @@ export default {
 
                     this.$q.notify({
                         position: 'top',
-                        message: `Search for EVM address linked to ${this.searchTerm} native account failed.`,
+                        message: this.$t('components.search_evm_failed', { search_term: this.searchTerm }),
                         timeout: this.TIME_DELAY,
                     });
                     return;
@@ -66,7 +71,7 @@ export default {
 
             this.$q.notify({
                 position: 'top',
-                message: 'Search failed, please enter a valid search term.',
+                message: this.$t('components.search_failed'),
                 timeout: this.TIME_DELAY,
             });
         },
diff --git a/src/components/TokenList.vue b/src/components/TokenList.vue
index 7795d4f38..3d27c1249 100644
--- a/src/components/TokenList.vue
+++ b/src/components/TokenList.vue
@@ -102,26 +102,26 @@ export default {
                     <address-field :address="address" class="q-mb-sm"/>
                     <div class="q-mb-sm">
                         <span class="q-pr-xs">
-                            Balance:
+                            {{ $t('components.balance') }}
                         </span>
                         <span v-if="balance === '0.0000'">
                             {{ '< 0.0001 ' + symbol }}
                         </span>
                         <span v-else>
-                            {{ balance + ' ' + symbol || '(error fetching balance)' }}
+                            {{ balance + ' ' + symbol || $t('components.error_fetching_balance') }}
                         </span>
                         <q-tooltip v-if="fullBalance > balance">
-                            {{ fullBalance + ' ' + symbol || 'error fetching balance' }}
+                            {{ fullBalance + ' ' + symbol || $t('components.error_fetching_balance') }}
                         </q-tooltip>
                     </div>
                     <span
                         v-if="showMetamaskPrompt"
                         class="c-token-list__metamask-prompt"
                         tabindex="0"
-                        :aria-label="`Launch MetaMask dialog to add ${symbol}`"
+                        :aria-label="$t('components.launch_metamask_dialog_to_add', { symbol })"
                         @click="promptAddToMetamask(address, symbol, logoURI, type, decimals)"
                     >
-                        Add {{ symbol }} to MetaMask
+                        {{ $t('components.add_to_metamask', { symbol }) }}
                     </span>
                 </div>
             </q-card-section>
diff --git a/src/components/Transaction/ERCTransferList.vue b/src/components/Transaction/ERCTransferList.vue
index 3a68e4367..a53bc3d9f 100644
--- a/src/components/Transaction/ERCTransferList.vue
+++ b/src/components/Transaction/ERCTransferList.vue
@@ -44,13 +44,13 @@ div(class="fit row wrap justify-start items-start content-start")
     div(v-for="transfer in transfers" class="fit row wrap justify-start items-start content-start")
       div(class="col-4")
         q-icon(name="arrow_right" class="list-arrow")
-        strong {{ `From : ` }}
+        strong {{ $t('components.transaction.form_from') }}
         <AddressField :highlight="trxFrom === transfer.from && transfers.length > 1" :address="transfer.from" :truncate="15" copy :name="contract && transfer.from === contract.address && contract.name ?  contract.name : null" />
       div(class="col-3")
-        strong {{ ` To : ` }}
+        strong {{ $t('components.transaction.form_to') }}
         <AddressField :highlight="trxFrom === transfer.to && transfers.length > 1" :address="transfer.to" :truncate="15" copy :name="contract && transfer.to === contract.address && contract.name ?  contract.name : null" />
       div.flex(v-if="type === 'ERC721' || type==='ERC1155'" class="col-4")
-        strong.col-2 {{ ` Token : ` }}
+        strong.col-2 {{ $t('components.transaction.form_token') }}
         router-link(:to="'/address/' + transfer.token.address" class="q-ml-xs") {{ transfer.token.symbol }}
         div.col
           span(v-if="transfer.tokenId.length > 15")
@@ -61,23 +61,23 @@ div(class="fit row wrap justify-start items-start content-start")
           span(v-if="type==='ERC1155'")
             a(clickable :href="'/address/' + transfer.token.address" target="_blank")
               q-icon(name="library_books" size="14px" class="q-pb-sm q-ml-xs")
-            q-tooltip Consult collection
+            q-tooltip {{ $t('components.transaction.consult_collection') }}
           span(class="word-break" v-if="transfer.token.metadata")
             span
               a(clickable :href="transfer.token.metadata" target="_blank")
                 q-icon(name="description" size="14px" class="q-pb-sm q-ml-xs")
-              q-tooltip Consult metadata
+              q-tooltip {{ $t('components.transaction.consult_metadata') }}
             span
               a(v-if="transfer.token.image" clickable :href="transfer.token.image" target="_blank" class="q-pl-xs")
                 q-icon(name="image" size="14px" class="q-pb-sm q-ml-xs")
-              q-tooltip Consult media
+              q-tooltip {{ $t('components.transaction.consult_media') }}
       div(v-else class="col-5")
-        strong {{ ` Token : ` }}
+        strong {{ $t('components.transaction.form_token') }}
         span.clickable(@click="transfer.showWei = !transfer.showWei")
             span(v-if="transfer.showWei") {{ BigNumber.from(transfer.value) }}
-                q-tooltip Show total
+                q-tooltip {{ $t('components.transaction.show_total') }} 
             span(v-else) {{ formatWei(transfer.value, transfer.token.decimals) }}
-                q-tooltip Show wei
+                q-tooltip {{ $t('components.transaction.show_wei') }}
         router-link(:to="`/address/${transfer.token.address}`" class="q-ml-xs")
             span
                 span {{ transfer.token.symbol.slice(0, 10) }}
diff --git a/src/components/Transaction/FragmentListElement.vue b/src/components/Transaction/FragmentListElement.vue
index bba770059..29e24577b 100644
--- a/src/components/Transaction/FragmentListElement.vue
+++ b/src/components/Transaction/FragmentListElement.vue
@@ -7,7 +7,7 @@
                 {{ fragment.name }}
             </strong>
             <strong v-else>
-                Unknown ({{ fragment.sig }})
+                {{ $t('components.transaction.unknown') }} ({{ fragment.sig }})
             </strong>
         </span>
         <small v-if="fragment.contract">
@@ -110,7 +110,7 @@
             <div v-if="fragment.value">
                 <div class="fit row justify-start items-start content-start">
                     <div class="col-4">
-                        value (uint256):
+                        {{ $t('components.transaction.value_uint256') }}
                     </div>
                     <div class="col-8">
                         {{ fragment.value }} TLOS
diff --git a/src/components/Transaction/InternalTxns.vue b/src/components/Transaction/InternalTxns.vue
index a03af1072..c82568db9 100644
--- a/src/components/Transaction/InternalTxns.vue
+++ b/src/components/Transaction/InternalTxns.vue
@@ -4,9 +4,6 @@ import FragmentList from './FragmentList.vue'
 import { WEI_PRECISION, formatWei } from 'src/lib/utils';
 import { BigNumber } from 'ethers';
 
-const TLOS_TRANSFER = 'TLOS Transfer';
-const CONTRACT_DEPLOYMENT = 'Contract Deployment';
-
 export default {
     name: 'InternalTxns',
     components: {
@@ -29,6 +26,12 @@ export default {
                 return  await this.$contractManager.getContract(address);
             } catch (e) {
                 console.error(`Failed to retrieve contract with address ${address}`);
+                // Notify the user
+                this.$q.notify({
+                    message: this.$t('components.transaction.failed_to_retrieve_contract', { address }),
+                    type: 'negative',
+                    position: 'top',
+                });
             }
         },
     },
@@ -38,14 +41,14 @@ export default {
             let itx = this.itxs[k];
             let contract = await this.getContract(itx.to);
             let fnsig =  itx.input.slice(0, 8);
-            let name = 'Unknown';
+            let name = this.$t('components.transaction.unknown');
             let inputs, outputs, args  = false;
             if(itx.type === 'create'){
-                name = CONTRACT_DEPLOYMENT;
+                name = this.$t('components.transaction.contract_deployment');
             } else if (fnsig){
-                name = 'Unknown (' + '0x' + fnsig + ')';
+                name = this.$t('components.transaction.unknown') + ' (' + '0x' + fnsig + ')';
             } else if (itx.value){
-                name = TLOS_TRANSFER;
+                name = this.$t('components.transaction.tlos_transfer');
             }
             if(itx.traceAddress.length < 2){
                 itx.index = i;
@@ -97,7 +100,7 @@ export default {
     <div v-if="itxs.length === 0" class="row">
         <div class="col-12 flex items-center justify-center">
             <q-icon class="fa fa-info-circle" size="md" />
-            <h5 class="text-center  q-ma-md">No internal transactions found</h5>
+            <h5 class="text-center  q-ma-md"> {{ $t('components.transaction.no_internal_trxs_found') }}</h5>
         </div>
     </div>
     <div v-else class="row">
@@ -108,7 +111,7 @@ export default {
                 color="secondary"
                 size="lg"
             />
-            Human-readable
+            {{ $t('components.transaction.human_readable') }}
         </div>
         <div class="col-12">
             <FragmentList
diff --git a/src/components/Transaction/LogsViewer.vue b/src/components/Transaction/LogsViewer.vue
index ec4a68457..67fb9fd67 100644
--- a/src/components/Transaction/LogsViewer.vue
+++ b/src/components/Transaction/LogsViewer.vue
@@ -3,7 +3,7 @@
     <div v-if="logs.length === 0" class="row">
         <div class="col-12 u-flex--center">
             <q-icon class="fa fa-info-circle q-mr-md" size="md" />
-            <h5>No logs found</h5>
+            <h5>{{ $t('components.transaction.no_logs_found') }}</h5>
         </div>
     </div>
     <div v-else class="row">
@@ -14,10 +14,12 @@
                 color="secondary"
                 size="lg"
             />
-            Human-readable
+            {{ $t('components.transaction.human_readable') }}
             <small v-if="!allVerified">
                 <q-icon name="info" class="q-mb-xs q-ml-xs" size="14px"/>
-                <q-tooltip>Verify the related contract for each log to see its human readable version</q-tooltip>
+                <q-tooltip>
+                    {{ $t('components.transaction.verify_related_contract') }}
+                </q-tooltip>
             </small>
         </div>
         <div class="col-12">
@@ -55,6 +57,12 @@ export default {
                 return  await this.$contractManager.getContract(log.address.toLowerCase(), type);
             } catch (e) {
                 console.error(`Failed to retrieve contract with address ${log.address}`);
+                // notify the user
+                this.$q.notify({
+                    message: this.$t('components.transaction.failed_to_retrieve_contract', {address: log.address}),
+                    type: 'negative',
+                    position: 'top',
+                });
             }
         },
     },
diff --git a/src/components/TransactionTable.vue b/src/components/TransactionTable.vue
index 9e0e01c91..f60baa1e4 100644
--- a/src/components/TransactionTable.vue
+++ b/src/components/TransactionTable.vue
@@ -7,44 +7,6 @@ import MethodField from 'components/MethodField';
 import { formatWei } from 'src/lib/utils';
 import { TRANSFER_SIGNATURES } from 'src/lib/abi/signature/transfer_signatures';
 
-const columns = [
-    {
-        name: 'hash',
-        label: 'TX Hash',
-        align: 'left',
-    },
-    {
-        name: 'block',
-        label: 'Block',
-        align: 'left',
-    },
-    {
-        name: 'date',
-        label: 'Date',
-        align: 'left',
-    },
-    {
-        name: 'method',
-        label: 'Method',
-        align: 'left',
-    },
-    {
-        name: 'from',
-        label: 'From',
-        align: 'left',
-    },
-    {
-        name: 'to',
-        label: 'To / Interacted with',
-        align: 'left',
-    },
-    {
-        name: 'value',
-        label: 'Value / Transfer',
-        align: 'left',
-    },
-];
-
 export default {
     name: 'TransactionTable',
     components: {
@@ -69,6 +31,44 @@ export default {
         },
     },
     data() {
+        const columns = [
+            {
+                name: 'hash',
+                label: '',
+                align: 'left',
+            },
+            {
+                name: 'block',
+                label: '',
+                align: 'left',
+            },
+            {
+                name: 'date',
+                label: '',
+                align: 'left',
+            },
+            {
+                name: 'method',
+                label: '',
+                align: 'left',
+            },
+            {
+                name: 'from',
+                label: '',
+                align: 'left',
+            },
+            {
+                name: 'to',
+                label: '',
+                align: 'left',
+            },
+            {
+                name: 'value',
+                label: '',
+                align: 'left',
+            },
+        ];
+
         return {
             rows: [],
             columns,
@@ -86,6 +86,16 @@ export default {
             showAge: true,
         };
     },
+    async created() {
+        // initialization of the translated texts
+        this.columns[0].label = this.$t('components.tx_hash');
+        this.columns[1].label = this.$t('components.block');
+        this.columns[2].label = this.$t('components.date');
+        this.columns[3].label = this.$t('components.method');
+        this.columns[4].label = this.$t('components.from');
+        this.columns[5].label = this.$t('components.to_interacted_with');
+        this.columns[6].label = this.$t('components.value_transfer');
+    },
     mounted() {
         this.onRequest({
             pagination: this.pagination,
@@ -143,6 +153,13 @@ export default {
                     console.error(
                         `Failed to parse data for transaction, error was: ${e.message}`,
                     );
+                    // notifiy user
+                    this.$q.notify({
+                        message: this.$t('components.failed_to_parse_transaction', {message: e.message}),
+                        color: 'negative',
+                        position: 'top',
+                        timeout: 5000,
+                    });
                 }
             }
             this.rows = this.transactions;
@@ -188,11 +205,11 @@ q-table(
             @click="col.name==='date' ? showAge=!showAge : null"
         )
         template( v-if="col.name==='date'" )
-            q-tooltip(anchor="bottom middle" self="bottom middle") Click to change format
+            q-tooltip(anchor="bottom middle" self="bottom middle") <!-- Click to change format --> {{ $t('components.click_to_change_format') }}
         | {{ col.label }}
         template( v-if="col.name === 'method'" )
         q-icon(name="fas fa-info-circle", style="margin-top: -5px; margin-left: 3px;").info-icon
-            q-tooltip(anchor="bottom middle" self="top middle" max-width="10rem") Function executed based on decoded input data. For unidentified function, method ID is displayed instead.
+            q-tooltip(anchor="bottom middle" self="top middle" max-width="10rem") {{ $t('components.executed_based_on_decoded_data') }}
 
     template(v-slot:body="props")
         q-tr( :props="props")
diff --git a/src/components/TransferTable.vue b/src/components/TransferTable.vue
index 05fd162cf..7f4bb87a2 100644
--- a/src/components/TransferTable.vue
+++ b/src/components/TransferTable.vue
@@ -11,39 +11,6 @@ const TRANSFER_EVENT_ERC20_SIGNATURE = '0xddf252ad1be2c89b69c2b068fc378daa952ba7
 const TRANSFER_EVENT_ERC1155_SIGNATURE = '0xc3d58168c5ae7397731d063d5bbf3d657854427343f4c083240f7aacaa2d0f62';
 const TOKEN_ID_TRUNCATE_LENGTH = 66;
 
-// TODO: Add icon column and render it
-const columns = [
-    {
-        name: 'hash',
-        label: 'TX Hash',
-        align: 'left',
-    },
-    {
-        name: 'date',
-        label: 'Date',
-        align: 'left',
-    },
-    {
-        name: 'from',
-        label: 'From',
-        align: 'left',
-    },
-    {
-        name: 'to',
-        label: 'To',
-        align: 'left',
-    },
-    {
-        name: 'value',
-        label: 'Value',
-        align: 'left',
-    },{
-        name: 'token',
-        label: 'Token',
-        align: 'left',
-    },
-];
-
 export default {
     name: 'TransferTable',
     components: {
@@ -70,6 +37,40 @@ export default {
         },
     },
     data() {
+        // TODO: Add icon column and render it
+        const columns = [
+            {
+                name: 'hash',
+                label: '',
+                align: 'left',
+            },
+            {
+                name: 'date',
+                label: '',
+                align: 'left',
+            },
+            {
+                name: 'from',
+                label: '',
+                align: 'left',
+            },
+            {
+                name: 'to',
+                label: '',
+                align: 'left',
+            },
+            {
+                name: 'value',
+                label: '',
+                align: 'left',
+            },{
+                name: 'token',
+                label: '',
+                align: 'left',
+            },
+        ];
+
+
         return {
             rows: [],
             columns,
@@ -89,6 +90,15 @@ export default {
             tokenList: {},
         };
     },
+    async created() {
+        // initialization of the translated texts
+        this.columns[0].label = this.$t('components.tx_hash');
+        this.columns[1].label = this.$t('components.date');
+        this.columns[2].label = this.$t('components.from');
+        this.columns[3].label = this.$t('components.to');
+        this.columns[4].label = this.$t('components.value');
+        this.columns[5].label = this.$t('components.token');
+    },
     mounted() {
         switch (this.tokenType) {
         case 'erc20':
@@ -101,7 +111,7 @@ export default {
             this.expectedTopicLength = 4;
             break;
         default:
-            throw new Error(`Unsupported token type: ${this.tokenType}`);
+            throw new Error(this.$t('components.unsupported_token_type', {tokenType: this.tokenType}));
         }
 
         this.onRequest({
@@ -156,14 +166,14 @@ export default {
                             if (token && typeof token.decimals === 'number') {
                                 valueDisplay = formatWei(log.data, token.decimals)
                             } else {
-                                valueDisplay = 'Unknown precision';
+                                valueDisplay = this.$t('components.unknown_precision');
                             }
                         } else {
                             let tokenId = (this.tokenType === 'erc1155') ? BigNumber.from(log.data.substr(0, TOKEN_ID_TRUNCATE_LENGTH)).toString() : BigNumber.from(log.topics[3]).toString();
                             if(tokenId.length > 15){
                                 tokenId = tokenId.substr(0, 15) + '...'
                             }
-                            valueDisplay = `Id #${ tokenId }`;
+                            valueDisplay = this.$t('components.token_id', {tokenId});
                         }
 
                         const transfer = {
@@ -179,6 +189,11 @@ export default {
                     console.error(
                         `Failed to parse data for transaction, error was: ${e.message}`,
                     );
+                    // notify the user
+                    this.$q.notify({
+                        message: this.$t('components.failed_to_parse_transaction', {message: e.message}),
+                        type: 'negative',
+                    });
                 }
             }
 
@@ -241,13 +256,13 @@ q-table(
           v-if="col.name==='date'"
           class=""
         )
-          q-tooltip(anchor="bottom middle" self="bottom middle") Click to change format
+          q-tooltip(anchor="bottom middle" self="bottom middle") {{ $t('components.click_to_change_format') }}
         | {{ col.label }}
         template(
           v-if="col.name==='method'"
         )
           q-icon(name="fas fa-info-circle").info-icon
-            q-tooltip(anchor="bottom middle" self="top middle" max-width="10rem") Function executed based on decoded input data. For unidentified function, method ID is displayed instead.
+            q-tooltip(anchor="bottom middle" self="top middle" max-width="10rem") {{ $t('components.func_exed_based_on_dec_data') }}
 
     template(v-slot:body="props")
         q-tr( :props="props" )
diff --git a/src/components/inputs/AddressArrayInput.vue b/src/components/inputs/AddressArrayInput.vue
index 54cfeaedd..15502a0cd 100644
--- a/src/components/inputs/AddressArrayInput.vue
+++ b/src/components/inputs/AddressArrayInput.vue
@@ -65,8 +65,8 @@ export default {
                 return Array.isArray(parseAddressArrayString(value, expectedLength));
             };
 
-            const incorrectArrayLengthMessage = `There should be ${+this.size} addresses in the array`;
-            const invalidArrayStringMessage = 'Entered value does not represent an array of addresses';
+            const incorrectArrayLengthMessage = this.$t('components.inputs.incorrect_address_array_length', { size: +this.size });
+            const invalidArrayStringMessage = this.$t('components.inputs.invalid_address_array_string');
 
             return [
                 val => validateParsedArray(val) || invalidArrayStringMessage,
diff --git a/src/components/inputs/AddressInput.vue b/src/components/inputs/AddressInput.vue
index 37b2fb641..3d55bc5fe 100644
--- a/src/components/inputs/AddressInput.vue
+++ b/src/components/inputs/AddressInput.vue
@@ -7,7 +7,7 @@
     :maxlength="42"
     :rules="rules"
     autocomplete="new-password"
-    placeholder="Address beginning with 0x"
+    :placeholder="$t('components.inputs.address_placeholder')"
     @update:modelValue="handleChange"
 />
 </template>
@@ -42,9 +42,9 @@ export default {
     },
     computed: {
         rules() {
-            const errMessageInvalidLength = 'An address must be exactly 40 characters, not including "0x"';
-            const errMessageStartsWith0x = 'An address must begin with 0x';
-            const errMessageInvalidInput = 'Entry contains invalid characters';
+            const errMessageInvalidLength = this.$t('components.inputs.invalid_address_length');
+            const errMessageStartsWith0x = this.$t('components.inputs.invalid_address_start');
+            const errMessageInvalidInput = this.$t('components.inputs.invalid_address_characters');
 
             const startsWith0xRegex = /(^0x)|(^$)/;
             const addressRegex = /(^0x[0-9a-fA-F]{40}$)|(^$)/;
@@ -56,7 +56,7 @@ export default {
             ];
         },
         shapedLabel() {
-            return `${this.label} (address)`
+            return this.$t('components.inputs.address_label', { label: this.label });
         },
     },
     methods: {
diff --git a/src/components/inputs/BaseTextInput.vue b/src/components/inputs/BaseTextInput.vue
index cab9a04a0..61156b313 100644
--- a/src/components/inputs/BaseTextInput.vue
+++ b/src/components/inputs/BaseTextInput.vue
@@ -17,7 +17,7 @@
         anchor="bottom middle"
         self="center right"
     >
-        <span class="u-text--pre">This field is readonly</span>
+        <span class="u-text--pre">{{  $t('components.inputs.readonly') }}</span>
     </q-tooltip>
 </div>
 </template>
diff --git a/src/components/inputs/BooleanArrayInput.vue b/src/components/inputs/BooleanArrayInput.vue
index 35aa98d81..fba2d4e86 100644
--- a/src/components/inputs/BooleanArrayInput.vue
+++ b/src/components/inputs/BooleanArrayInput.vue
@@ -64,8 +64,8 @@ export default {
                 return Array.isArray(parseBooleanArrayString(value, expectedLength));
             };
 
-            const incorrectArrayLengthMessage = `There should be ${+this.size} booleans in the array`;
-            const invalidArrayStringMessage = 'Entered value does not represent an array of bool';
+            const incorrectArrayLengthMessage = this.$t('components.inputs.incorrect_booleans_array_length', { size: +this.size });
+            const invalidArrayStringMessage = this.$t('components.inputs.invalid_booleans_array_string');
 
             return [
                 val => validateParsedArray(val) || invalidArrayStringMessage,
@@ -74,7 +74,7 @@ export default {
         },
         shapedLabel() {
             const size = (Number.isInteger(+this.size) && +this.size !== -1) ? `${+this.size}` : '';
-            return `${this.label} (bool[${size}])`
+            return this.$t('components.inputs.boolean_array_label', { label: this.label, size });
         },
     },
     watch: {
diff --git a/src/components/inputs/BooleanInput.vue b/src/components/inputs/BooleanInput.vue
index 1d82bff43..0f0cbb92d 100644
--- a/src/components/inputs/BooleanInput.vue
+++ b/src/components/inputs/BooleanInput.vue
@@ -60,7 +60,7 @@ export default {
         rules() {
             if (['required', true, 'true'].includes(this.required)) {
                 return [
-                    val => [true, false].includes(val) || 'This field is required',
+                    val => [true, false].includes(val) || this.$t('components.inputs.required'),
                 ]
             }
 
diff --git a/src/components/inputs/BytesArrayInput.vue b/src/components/inputs/BytesArrayInput.vue
index 047bee7f4..f4e11de62 100644
--- a/src/components/inputs/BytesArrayInput.vue
+++ b/src/components/inputs/BytesArrayInput.vue
@@ -66,8 +66,8 @@ export default {
                 return Array.isArray(parseBytesArrayString(value, expectedLength));
             };
 
-            const incorrectArrayLengthMessage = `There should be ${+this.size} bytes in the array`;
-            const invalidArrayStringMessage = 'Entered value does not represent an array of bytes';
+            const incorrectArrayLengthMessage = this.$t('components.inputs.incorrect_bytes_array_length', { size: +this.size });
+            const invalidArrayStringMessage = this.$t('components.inputs.invalid_bytes_array_string');
 
             return [
                 val => validateParsedArray(val) || invalidArrayStringMessage,
diff --git a/src/components/inputs/SignedIntArrayInput.vue b/src/components/inputs/SignedIntArrayInput.vue
index a0f98bf88..7ae17444e 100644
--- a/src/components/inputs/SignedIntArrayInput.vue
+++ b/src/components/inputs/SignedIntArrayInput.vue
@@ -85,10 +85,11 @@ export default {
                 return parsedArrayLength === expectedLength;
             };
 
-            const incorrectArrayLengthMessage = `There should be ${+this.size} signed integers in the array`;
-            const invalidArrayStringMessage = 'Entered value does not represent an array of signed integers';
-            const errMessageTooLarge = `Maximum value for int${this.intSize} is ${maximum.toString()}`;
-            const errMessageTooSmall = `Minimum value for int${this.intSize} is ${minimum.toString()}`;
+            const incorrectArrayLengthMessage = this.$t('components.inputs.incorrect_sigint_array_length', { size: +this.size });
+            const invalidArrayStringMessage = this.$t('components.inputs.invalid_sigint_array_string');
+
+            const errMessageTooLarge = this.$t('components.inputs.too_large', { size: this.intSize, max: maximum.toString() });
+            const errMessageTooSmall = this.$t('components.inputs.too_small', { size: this.intSize, min: minimum.toString() });
 
             return [
                 val => validateParsedArray(val) || invalidArrayStringMessage,
diff --git a/src/components/inputs/SignedIntInput.vue b/src/components/inputs/SignedIntInput.vue
index e80ec1bb8..b1aafef49 100644
--- a/src/components/inputs/SignedIntInput.vue
+++ b/src/components/inputs/SignedIntInput.vue
@@ -54,14 +54,14 @@ export default {
             const maximum = +this.size === 0 ? '0' : BigNumber.from(2).pow(+this.size).sub(1);
             const minimum = maximum.mul(-1);
 
-            const errMessageInvalidInput = 'Entry must be a valid signed integer';
-            const errMessageTooLarge = `Maximum value for int${this.size} is 2^${this.size} - 1`;
-            const errMessageTooSmall = `Minimum value for int${this.size} is -(2^${this.size}) + 1`;
+            const errMessageInvalidInput = this.$t('components.inputs.invalid_signed_integer');
+            const errMessageTooLargePow2 = this.$t('components.inputs.too_large_pow2', { size: this.size });
+            const errMessageTooSmallPow2 = this.$t('components.inputs.too_small_pow2', { size: this.size });
 
             return [
                 val => (/^-?\d+$/.test(val) || val === '')|| errMessageInvalidInput,
-                val => BigNumber.from(val || 0).lte(maximum) || errMessageTooLarge,
-                val => BigNumber.from(val || 0).gte(minimum) || errMessageTooSmall,
+                val => BigNumber.from(val || 0).lte(maximum) || errMessageTooLargePow2,
+                val => BigNumber.from(val || 0).gte(minimum) || errMessageTooSmallPow2,
             ];
         },
         shapedLabel() {
diff --git a/src/components/inputs/StringArrayInput.vue b/src/components/inputs/StringArrayInput.vue
index 7b6a6c869..f6b470f04 100644
--- a/src/components/inputs/StringArrayInput.vue
+++ b/src/components/inputs/StringArrayInput.vue
@@ -49,10 +49,15 @@ export default {
         },
     },
     data: () => ({
-        placeholder: '["some value", ... , "final value"]',
-        hint: 'Double quotes in strings must be escaped (\\")',
+        placeholder: '',
+        hint: '',
         previousParsedValue: undefined,
     }),
+    async created() {
+        // initialization of the translated texts
+        this.placeholder = this.$t('components.inputs.str_input_placeholder');
+        this.hint = this.$t('components.inputs.str_input_hint');
+    },
     computed: {
         rules() {
             const validateParsedArray = (value) => Array.isArray(parseStringArrayString(value)) || value === '';
@@ -67,8 +72,8 @@ export default {
                 return Array.isArray(parseStringArrayString(value, expectedLength));
             };
 
-            const incorrectArrayLengthMessage = `There should be ${+this.size} strings in the array`;
-            const invalidArrayStringMessage = 'Entered value does not represent an array of strings';
+            const incorrectArrayLengthMessage = this.$t('components.inputs.incorrect_strings_array_length', { size: +this.size });
+            const invalidArrayStringMessage = this.$t('components.inputs.invalid_strings_array_string');
 
             return [
                 val => validateParsedArray(val) || invalidArrayStringMessage,
diff --git a/src/components/inputs/UnsignedIntArrayInput.vue b/src/components/inputs/UnsignedIntArrayInput.vue
index 8a9e2d12b..2de534442 100644
--- a/src/components/inputs/UnsignedIntArrayInput.vue
+++ b/src/components/inputs/UnsignedIntArrayInput.vue
@@ -79,9 +79,9 @@ export default {
                 return parsedArrayLength === expectedLength;
             };
 
-            const incorrectArrayLengthMessage = `There should be ${+this.size} unsigned integers in the array`;
-            const invalidArrayStringMessage = 'Entered value does not represent an array of unsigned integers';
-
+            const incorrectArrayLengthMessage = this.$t('components.inputs.incorrect_unsigint_array_length', { size: +this.size });
+            const invalidArrayStringMessage = this.$t('components.inputs.invalid_unsigint_array_string');
+            
             return [
                 val => validateParsedArray(val) || invalidArrayStringMessage,
                 val => validateArrayLength(val) || incorrectArrayLengthMessage,
diff --git a/src/components/inputs/UnsignedIntInput.vue b/src/components/inputs/UnsignedIntInput.vue
index f9db63341..0dab28588 100644
--- a/src/components/inputs/UnsignedIntInput.vue
+++ b/src/components/inputs/UnsignedIntInput.vue
@@ -58,9 +58,9 @@ export default {
         rules() {
             const maximum = +this.size === 0 ? '0' : BigNumber.from(2).pow(+this.size).sub(1);
 
-            const errMessageInvalidInput = 'Entry must be a valid unsigned integer';
-            const errMessageTooLarge = `Maximum value for uint${this.size} is 2^${this.size} - 1`;
-            const errMessageNoNegative = `Value for uint${this.size} must not be negative`;
+            const errMessageInvalidInput = this.$t('components.inputs.invalid_unsigint');
+            const errMessageTooLarge = this.$t('components.inputs.too_large_unsigint', { size: this.size });
+            const errMessageNoNegative = this.$t('components.inputs.no_negative_unsigint', { size: this.size });
 
             return [
                 val => val[0] !== '-' || errMessageNoNegative,
diff --git a/src/i18n/en-us/index.js b/src/i18n/en-us/index.js
new file mode 100644
index 000000000..6a7c0501a
--- /dev/null
+++ b/src/i18n/en-us/index.js
@@ -0,0 +1,327 @@
+export default {
+    pages: {
+        staking: {
+            note_unstaking_period: 'Please note that there is an unstaking period of {period}',
+            claim_tlos: 'Claim TLOS',
+            add_stlos_to_metamask: 'Launch MetaMask dialog to add sTLOS',
+            metamask_fox_logo: 'MetaMask fox logo',
+            cancel: 'Cancel',
+            stake_tlos_confirm: 'Continuing will stake TLOS in exchange for sTLOS. ' +
+            'sTLOS can be redeemed for TLOS at any time using the Unstake tab.',
+            stake_tlos_confirm_2a: 'After TLOS has been unstaked, it will be locked for a period of', /* unstakePeriodPretty...*/
+            stake_tlos_confirm_2b: /*...unstakePeriodPretty */ 'after which it can be withdrawn to your account from the Claim tab.',
+            stake_tlos_confirm_3: 'Would you like to proceed?',
+            stake_tlos: 'Stake TLOS',
+            stake_tlos_subheader: 'Staking your TLOS to sTLOS grants you access to a steady income and various DeFi applications, ' +
+            'further increasing yield. As the reward pool increases, the TLOS to sTLOS conversion rate will change ' +
+            'over time. Therefore, the amount of sTLOS received is smaller than the staked TLOS. Rewards will be ' +
+            'auto-compounded. No further action is required.',
+            receive_stlos: 'Receive sTLOS',
+            available: '{balanceTlos} Available',
+            insufficient_tlos_balance: 'Insufficient TLOS balance to stake',
+            login_using_an_evm_wallet: 'Login using an EVM wallet',
+            wallet_not_connected: 'Wallet not connected',
+            click_to_input_full_wallet_balance: 'Click to input full wallet balance\n\n' +
+            'Balance displayed is reduced by 1 TLOS to keep your account actionable.\n' +
+            'Precise balance (less approximate gas fees):\n' +
+            '{prettyBalance} TLOS',
+            loading: 'Loading...',
+            get_more_tlos: 'Get more TLOS',
+            connect_wallet: 'Connect Wallet',
+            minutes: 'minutes',
+            hours: 'hours',
+            days: 'days',
+            unstake: 'Unstake',
+            stake: 'Stake',
+            withdraw: 'Withdraw',
+            telos_evm_staking: 'Telos EVM Staking',
+            stake_tlos_earn_interest: 'Stake TLOS for sTLOS to earn interest from the staking rewards pool',
+            tooltip_1: 'APY: Annual Percentage Yield\n\nThe annual rate of return after taking compound interest into account.\n\n' +
+            'Interest is compounded approximately every 30 minutes. The percentage rate is not fixed, meaning that ' +
+            'it will change over time with the total amount of TLOS staked across Telos EVM and Native. ' +
+            'Rewards are disbursed from a community rewards pool into the sTLOS contract.',
+            tooltip_2: 'TVL: Total Value Locked\n\nThe current value, in TLOS, of all assets held in the sTLOS ' +
+            '(Staked TLOS) smart contract, i.e. the sum of all TLOS staked on the Telos EVM at this moment.',
+            tooltip_3: 'Staked\n\n' +
+            'The total staked amount associated with the logged-in account, i.e. ' +
+            'your sTLOS token balance, along with its value in TLOS',
+            tooltip_4: 'Unstaked\n\n' + 
+            'The total value of TLOS which you have unstaked, both locked and unlocked.\n\n' +
+            'When you unstake\u2014i.e. redeem\u2014some value of sTLOS, the equivalent amount of ' +
+            'TLOS is sent into escrow ("locked") for {unlockPeriod}; during this time, ' +
+            'you cannot interact with this TLOS.\n\n' +
+            'After the unlock period has elapsed, you can claim your unlocked TLOS from the Claim tab ' +
+            'on this page, at which point it will be added to your account TLOS balance.',
+            confirm_unstake_1a: 'Continuing will redeem sTLOS in exchange for TLOS. ' +
+            'Unstaked TLOS will remain locked for a period of', /* unstakePeriodPretty...*/
+            confirm_unstake_1b: /*...unstakePeriodPretty */ 'after which it can be withdrawn to your account from the Claim tab',
+            confirm_unstake_2a: 'Heads up, you may unstake ', /* remainingDeposits...*/
+            confirm_unstake_2b: /*...remainingDeposits */ 'more times before ' +
+            'you reach the maximum concurrent unstake actions. When you reach the maximum, you will need to claim' +
+            'unlocked TLOS to continue unstaking. If you don\'t have any claimable TLOS at that time, you must' +
+            'wait until the lock duration has elapsed before you can claim unlocked TLOS and unstake more sTLOS. -',
+            unstake_stlos_for_tlos: 'Unstake sTLOS in exchange for TLOS',
+            unstake_stlos: 'Unstake sTLOS',
+            receive_tlos: 'Receive TLOS',
+            amount: 'Amount',
+            time_remaining: 'Time Remaining',
+            full_staked_balance_tooltip: 'Click to input full staked balance\n\n' +
+            'Precise balance (less approximate gas fees):\n' +
+            '{prettyBalance} sTLOS',
+            login_using_evm_wallet: 'Login using an EVM wallet',
+            max_unstake_transactions_reached: 'You have reached the maximum number of pending unstake transactions, ' +
+            'please claim available TLOS or wait for pending unstaked TLOS to become claimable before making another deposit.',
+            click_to_change_time_format: 'Click to change time format',
+            unstaking: 'Unstaking',
+            available_to_withdraw: 'Available to withdraw',
+            withdraw_tlos: 'Withdraw TLOS',
+            withdraw_successful: 'Withdraw successful! View Transaction:',
+            no_withdrawable_positions: 'No withdrawable positions',
+            you_have_unlocked_tlos: 'You have unlocked TLOS!',
+            stake_tlos_success: 'Stake successful! View Transaction:',
+            unstake_stlos_success: 'Unstake successful! View Transaction:',
+            deposit_failed: 'Failed to deposit TLOS: { message }',
+            redeem_failed: 'Unable to convert STLOS to TLOS: { message }',
+            fetch_balance_error: 'Failed to fetch account: { message }',
+            fetch_stlos_balance_error: 'Failed to fetch account STLOS balance: { message }',
+            fetch_stlos_value_error: 'Failed to fetch account STLOS balance value: { message }',
+            fetch_unstaked_balance_error: 'Failed to fetch total unstaked TLOS balance: { message }',
+            fetch_unlocked_balance_error: 'Failed to fetch withdrawable STLOS balance: { message }',
+            fetch_escrow_deposits_error: 'Failed to fetch escrow deposits: { message }',
+            fetch_conversion_rate_error: 'Failed to fetch TLOS->sTLOS conversion rate: { message }',
+            fetch_stlos_contract_error: 'Failed to get STLOS contract: { message }',
+            fetch_escrow_contract_error: 'Failed to get STLOS contract: { message }',
+            fetch_unstake_period_error: 'Failed to retrieve unstaking period: { message }',
+            fetch_account_error: 'Failed to fetch account: { message }',
+            fetch_stlos_tvl_error: 'Failed to fetch sTLOS TVL: { message }',
+            fetch_stlos_apy_error: 'Failed to fetch sTLOS APY: { message }',
+            fetch_max_deposits_error: 'Failed to fetch max deposits from escrow contract { message }',
+            convert_tlos_to_stlos_error: 'Unable to convert TLOS to STLOS { message }',
+            convert_stlos_to_tlos_error: 'Unable to convert STLOS to TLOS { message }',
+            unstake_stlos_error: 'Failed to unstake sTLOS { message }',
+            withdraw_failed: 'Failed to withdraw unlocked TLOS: { message }',
+        },
+        explore_transactions: 'Explore Transactions',
+        recent_transactions: 'Recent transactions',
+        telos_evm_explorer: 'Telos EVM Explorer',
+        rpc_endpoints: 'RPC Endpoints',
+        monitor: 'Monitor',
+        oops: 'Oops. Nothing here...',
+        go_home: 'Go Home',
+        select_sol_file: 'Select .sol contract file for upload',
+        select_json_file: 'Select standard JSON input object file for upload',
+        paste_contract_contents: 'you must select a file for upload or toggle input to paste contract contents',
+        contract_address: 'Contract Address',
+        enter_contract_address: 'Please enter contract address \'0x0123...\'',
+        invalid_address_format: 'invalid address format',
+        compiler_version: 'Compiler Version',
+        select_compiler_version: 'select compiler version',
+        eg_contracts: 'e.g., \'contracts/\'',
+        contract_file_directory_path: 'Contract File(s) Directory Path (leave blank if none)',
+        invalid_path_format: 'path must end with a forward slash /',
+        upload_file: 'upload file',
+        text_input: 'text input',
+        runs_value_for_optimization: 'Runs value for optimization',
+        constructor_arguments: 'Constructor Arguments',
+        comma_seperated_values: 'comma seperated values e.g., Bob,123,0x12345...',
+        no_trailing_commas: 'no trailing commas',
+        paste_contract_code_here: 'copy & paste contract code here...',
+        enter_contract_text: 'enter or paste contract text',
+        verify_contract: 'Verify Contract',
+        dismiss: 'Dismiss',
+        reset: 'Reset',
+        gas_used: 'Gas used',
+        transactions: 'Transactions',
+        account: 'Account',
+        contract: 'Contract',
+        erc20_transfers: 'ERC20 Transfers',
+        erc721_transfers: 'ERC721 Transfers',
+        erc1155_transfers: 'ERC1155 Transfers',
+        tokens: 'Tokens',
+        created_at_trx: 'Created at Trx',
+        by_address: 'By Address',
+        number_used_once: 'Number used once (nonce)',
+        native_account: 'Native Account',
+        balance: 'Balance',
+        view_source_prompt: 'This contract has been verified. You can view the source code & metadata in the \'contract\' tab',
+        account_url: '{ domain }/account/{ account }',
+        tlos_balance: '{ balance } TLOS',
+        couldnt_retreive_metadata_for_address: 'Could not retreive metadata for { address }: { message }',
+        transaction_details: 'Transaction Details',
+        transaction_not_found: 'Not found: { hash }',
+        general: 'General',
+        details: 'Details',
+        logs: 'Logs',
+        internal_txns: 'Internal Transactions',
+        transaction_hash: 'Transaction Hash',
+        click_to_change_date_format: 'Click to change date format',
+        block_number: 'Block Number',
+        from: 'From',
+        to: 'To',
+        date: 'Date',
+        success: 'Success',
+        failure: 'Failure',
+        status: 'Status',
+        balance_gwei: '{ amount } GWEI',
+        balance_tlos: '{ amount } TLOS',
+        error_message: 'Error Message',
+        contract_function: 'Contract Function',
+        function_parameters: 'Function Parameters',
+        deployed_contract: 'Deployed Contract',
+        click_to_show_in_wei: 'Click to show in wei',
+        gas_price_charged: 'Gas Price Charged',
+        gas_fee: 'Gas Fee',
+        gas_limit: 'Gas Limit',
+        nonce: 'Nonce',
+        input: 'Input',
+        output: 'Output',
+        value: 'Value',
+
+    },
+    components: {
+        verify_prompt: 'This contract has not been verified.  Would you like to upload the contract(s) and metadata to verify source now?',
+        verify_contract: 'Verify Contract',
+        search_evm_address_failed: 'Search for EVM address linked to { accountName } native account failed. You can create one at wallet.telos.net',
+        connect_wallet: 'Connect Wallet',
+        view_address: 'View Address',
+        disconnect: 'Disconnect',
+        evm_wallets: 'EVM Wallets',
+        advanced: 'Advanced',
+        continue_on_metamask: 'Continue on Metamask',
+        text1_native_wallets: 'Native wallets for',
+        text2_advanced_users: 'advanced users',
+        text3_or_to_recover_assets: 'or to recover assets sent to a native-linked address',
+        copy_to_clipboard: 'Copy { text } to clipboard',
+        latest_block: 'Latest Block',
+        tlos_price: 'TLOS Price',
+        gas_price: 'Gas Price',
+        click_to_expand: 'Click to expand the function signature',
+        search_evm_failed: 'Search for EVM address linked to { search_term } native account failed.',
+        search_failed: 'Search failed, please enter a valid search term.',
+        add_to_metamask: 'Add { symbol } to MetaMask',
+        tx_hash: 'Tx Hash',
+        block: 'Block',
+        date: 'Date',
+        method: 'Method',
+        to_interacted_with: 'To / Interacted With',
+        value_transfer: 'Value / Transfer',
+        value: 'Value',
+        token: 'Token',
+        unknown_precision: 'Unknown Precision',
+        click_to_change_format: 'Click to change format',
+        func_exed_based_on_dec_data: 'Function executed based on decoded data',
+        balance: 'Balance',
+        error_fetching_balance: 'error fetching balance',
+        launch_metamask_dialog_to_add: 'Launch MetaMask dialog to add { symbol }',
+        search_hints: 'Transaction,Address,Block',
+        no_provider_found: 'More than one provider is active, disable additional providers or current EVM wallet provider is not supported.',
+        copied: 'Copied',
+        copy_to_clipboard_failed: 'Copy to clipboard failed',
+        gwei: 'Gwei',
+        failed_to_parse_transaction: 'Failed to parse data for transaction, error was: { message }',
+        executed_based_on_decoded_data: 'Function executed based on decoded input data. For unidentified function, method ID is displayed instead.',
+        unsupported_token_type: 'Unsupported token type: { tokenType }',
+        token_id: 'Id #{ tokenId }',
+        status: 'Status',
+        nonce: 'Nonce',
+        from: 'From',
+        to: 'To',
+        transaction: {
+            form_from: 'From : ',
+            form_to: 'To : ',
+            form_token: 'Token : ',
+            consult_collection: 'Consult collection',
+            consult_metadata: 'Consult metadata',
+            consult_media: 'Consult media',
+            show_total: 'Show total',
+            show_wei: 'Show wei',
+            value_uint256: 'Value (uint256) : ',
+            tlos_transfer: 'TLOS Transfer',
+            unknown: 'Unknown',
+            contract_deployment: 'Contract Deployment',
+            no_internal_trxs_found: 'No internal transactions found',
+            human_readable: 'Human Readable',
+            no_logs_found: 'No logs found',
+            verify_related_contract: 'Verify the related contract for each log to see its human readable version',
+            failed_to_retrieve_contract: 'Failed to retrieve contract with address { address }',
+        },
+        inputs: {
+            incorrect_address_array_length: 'There should be { size } addresses in the array',
+            incorrect_booleans_array_length: 'There should be { size } booleans in the array',
+            incorrect_bytes_array_length: 'There should be { size } bytes in the array',
+            incorrect_sigint_array_length: 'There should be { size } signed integers in the array',
+            incorrect_strings_array_length: 'There should be { size } strings in the array',
+            incorrect_unsigint_array_length: 'There should be { size } unsigned integers in the array',
+
+            invalid_address_array_string: 'Entered value does not represent an array of addresses',
+            invalid_booleans_array_string: 'Entered value does not represent an array of bool',
+            invalid_bytes_array_string: 'Entered value does not represent an array of bytes',
+            invalid_sigint_array_string: 'Entered value does not represent an array of signed integers',
+            invalid_strings_array_string: 'Entered value does not represent an array of strings',
+            invalid_unsigint_array_string: 'Entered value does not represent an array of unsigned integers',
+
+            invalid_address_length: 'An address must be exactly 40 characters, not including "0x"',
+            invalid_address_start: 'An address must begin with 0x',
+            invalid_address_characters: 'Entry contains invalid characters',
+            readonly: 'This field is readonly',
+            required: 'This field is required',
+            too_large: 'Maximum value for int{ size } is { max }',
+            too_small: 'Minimum value for int{ size } is { max }',
+            too_large_pow2: 'Maximum value for uint{ size } is 2^{ size } - 1',
+            too_small_pow2: 'Minimum value for int{ size } is -(2^{ size }) + 1',
+            too_large_unsigint: 'Maximum value for uint{ size } is 2^{ size } - 1',
+            no_negative_unsigint: 'Value for uint{ size } must not be negative',
+            invalid_signed_integer: 'Invalid signed integer',
+            invalid_unsigint: 'Entry must be a valid unsigned integer',
+            str_input_placeholder: '["some value", ... , "final value"]',
+            str_input_hint: 'Double quotes in strings must be escaped (\\")',
+            address_placeholder: 'Address beginning with 0x',
+            address_label: '{ label } (address)',
+            boolean_array_label: '{ label } (bool[{ size }])',
+        },
+        health: {   
+            status: 'Status',
+            checked_at: 'Checked at',
+            task: 'Task',
+            message: 'Message',
+            block_height: 'Block Height',
+            latency: 'Latency',
+            click_to_change_format: 'Click to change format',
+        },
+        contract_tab: {
+            copy_abi_to_clipboard: 'Copy contract ABI JSON to clipboard',
+            enter_amount: 'Select number of decimals and enter an amount, this will be entered for you into the function parameter as uint256',
+            result: 'Result',
+            view_transaction: 'View transaction',
+            code: 'Code',
+            read: 'Read',
+            write: 'Write',
+            amount: 'Amount',
+            value: 'Value',
+            ok: 'Ok',
+            cancel: 'Cancel',
+            custom_decimals: 'Custom decimals',
+            custom: 'Custom',
+            unverified_contract_source: 'This contract source has not been verified.',
+            click_here: 'Click here',
+            upload_source_files: 'to upload source files and verify this contract. ' + 
+                'Alternatively, you can interact with the contract using an arbitrary ABI:',
+            use_erc20_abi: 'Use ERC20 ABI',
+            use_erc721_abi: 'Use ERC721 ABI',
+            abi_from_json: 'ABI from JSON',
+            paste_abi_json_here: 'Paste ABI JSON here',
+            abi_json_preview: 'ABI JSON preview',
+            provided_abi_invalid: 'Provided ABI is invalid',
+            provided_json_invalid: 'Provided JSON is invalid',
+            read_functions: 'Read functions',
+            write_functions: 'Write functions',
+            unverified_contract: 'Unverified contract',
+        },
+    },
+    layouts: {
+        health_status: 'Health Status',
+        stake_telos: 'Stake TLOS',
+        teloscan_mainnet: 'Teloscan Mainnet',
+        teloscan_testnet: 'Teloscan Testnet',
+    },
+};
\ No newline at end of file
diff --git a/src/i18n/index.js b/src/i18n/index.js
new file mode 100644
index 000000000..52f07913a
--- /dev/null
+++ b/src/i18n/index.js
@@ -0,0 +1,5 @@
+import enUS from 'src/i18n/en-us';
+
+export default {
+    'en-us': enUS,
+};
\ No newline at end of file
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index a6a897ae2..ce79020f5 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -53,7 +53,7 @@
                             class="separator"
                         >
                             <q-item-section>
-                                <q-item-label class="flex items-center"><img class="grayscale" :src="stlosLogo" width="14" /> <span class="q-pl-sm">Stake Telos</span> </q-item-label>
+                                <q-item-label class="flex items-center"><img class="grayscale" :src="stlosLogo" width="14" /> <span class="q-pl-sm">{{  $t('layouts.stake_telos') }}</span> </q-item-label>
                             </q-item-section>
                         </q-item>
                         <q-item
@@ -62,7 +62,7 @@
                             @click="routerTo('/health')"
                         >
                             <q-item-section>
-                                <q-item-label class="flex items-center"><q-icon name="monitor_heart" /> <span class="q-pl-sm">Health status</span></q-item-label>
+                                <q-item-label class="flex items-center"><q-icon name="monitor_heart" /> <span class="q-pl-sm">{{  $t('layouts.health_status') }}</span> </q-item-label>
                             </q-item-section>
                         </q-item> 
                         <q-item
@@ -72,7 +72,7 @@
                             @click="goTo('https://teloscan.io/')"
                         >
                             <q-item-section>
-                                <q-item-label class="flex items-center"><q-icon name="swap_horiz" />  <span class="q-pl-sm">Teloscan Mainnet</span></q-item-label>
+                                <q-item-label class="flex items-center"><q-icon name="swap_horiz" />  <span class="q-pl-sm">{{  $t('layouts.teloscan_mainnet') }}</span> </q-item-label>
                             </q-item-section>
                         </q-item>
 
@@ -83,7 +83,7 @@
                             @click="goTo('https://testnet.teloscan.io/')"
                         >
                             <q-item-section>
-                                <q-item-label class="flex items-center"><q-icon name="swap_horiz" />  <span class="q-pl-sm"> Teloscan Testnet</span> </q-item-label>
+                                <q-item-label class="flex items-center"><q-icon name="swap_horiz" />  <span class="q-pl-sm">{{  $t('layouts.teloscan_testnet') }}</span> </q-item-label>
                             </q-item-section>
                         </q-item>
                     </q-list>
diff --git a/src/pages/AccountAddress.vue b/src/pages/AccountAddress.vue
index 7ca2f7a25..ec69de118 100644
--- a/src/pages/AccountAddress.vue
+++ b/src/pages/AccountAddress.vue
@@ -15,9 +15,9 @@ const web3 = new Web3();
 
 const tabs = {
     transactions: '#transactions',
-    erc20Transfers: '#erc20',
-    erc721Transfers: '#erc721',
-    erc1155Transfers: '#erc1155',
+    erc20_transfers: '#erc20',
+    erc721_transfers: '#erc721',
+    erc1155_transfers: '#erc1155',
     tokens: '#tokens',
     contract: '#contract',
 };
@@ -126,9 +126,9 @@ export default {
             } else if (isVerifiedContract) {
                 this.title = this.contract.getName();
             } else if (this.isContract) {
-                this.title = 'Contract';
+                this.title = this.$t('pages.contract');
             } else {
-                this.title = 'Account';
+                this.title = this.$t('pages.account');
             }
 
             this.accountLoading = false;
@@ -142,12 +142,12 @@ export default {
                     decimalIndex + 5,
                 )}`;
             }
-            return `${strBalance} TLOS`;
+            return this.$t('pages.tlos_balance', { balance: strBalance });
         },
         getAddressNativeExplorerURL() {
             if (!this.telosAccount) return '';
 
-            return `${process.env.NETWORK_EXPLORER}/account/${this.telosAccount}`;
+            return this.$t('pages.account_url', { domain: process.env.NETWORK_EXPLORER, account: this.telosAccount });
         },
         disableConfirmation(){
             this.confirmationDialog = false;
@@ -166,37 +166,37 @@ export default {
           ConfirmationDialog.text-secondary(:flag='confirmationDialog' :address='address' :status="isVerified" @dialog='disableConfirmation')
           CopyButton.text-secondary(:text="address" :accompanyingText="address" description="address")
           span(v-if='contract')
-            .text-white Created at trx&nbsp
+            .text-white {{ $t('pages.created_at_trx' )}} &nbsp
               TransactionField(:transaction-hash="contract.getCreationTrx()" )
-            .text-white by address&nbsp
+            .text-white {{ $t('pages.by_address') }} &nbsp
               AddressField(:address="contract.getCreator()")
           small(v-else)
-            .text-white Number used once (nonce):
+            .text-white {{ $t('pages.number_used_once') }}: &nbsp
               span.q-pl-xs {{ nonce }}
         .dataCardsContainer()
           .dataCardItem(v-if="!!telosAccount")
-            .dataCardTile Native account
+            .dataCardTile {{ $t('pages.native_account') }}
             .dataCardData
               a(:href="getAddressNativeExplorerURL()" target="_blank") {{ telosAccount }}
           .dataCardItem(v-if="!!balance" class="balance ")
-            .dataCardTile Balance
+            .dataCardTile {{ $t('pages.balance') }}
             .dataCardData {{balance}}
       q-tabs.tabs-header( v-model="tab" dense active-color="secondary"  align="justify" narrow-indicator class="tabsBar topRounded text-white tableWrapper" :class='{"q-dark": $q.dark.isActive}' )
-        q-route-tab(name="transactions" :to="{ hash: '#transactions' }" exact replace label="Transactions")
-        q-route-tab(name="erc20transfers" :to="{ hash: '#erc20' }" exact replace label="ERC20 Transfers")
-        q-route-tab(name="erc721transfers" :to="{ hash: '#erc721' }" exact replace label="ERC721 Transfers")
-        q-route-tab(name="erc1155transfers" :to="{ hash: '#erc1155' }" exact replace label="ERC1155 Transfers")
-        q-route-tab(name="tokens" :to="{ hash: '#tokens' }" exact replace label="Tokens")
-        q-route-tab(v-if="isContract" name="contract" :to="{ hash: '#contract' }" exact replace label="Contract")
+        q-route-tab(name="transactions" :to="{ hash: '#transactions' }" exact replace :label="$t('pages.transactions')")
+        q-route-tab(name="erc20_transfers" :to="{ hash: '#erc20' }" exact replace :label="$t('pages.erc20_transfers')")
+        q-route-tab(name="erc721_transfers" :to="{ hash: '#erc721' }" exact replace :label="$t('pages.erc721_transfers')")
+        q-route-tab(name="erc1155_transfers" :to="{ hash: '#erc1155' }" exact replace :label="$t('pages.erc1155_transfers')")
+        q-route-tab(name="tokens" :to="{ hash: '#tokens' }" exact replace :label="$t('pages.tokens')")
+        q-route-tab(v-if="isContract" name="contract" :to="{ hash: '#contract' }" exact replace :label="$t('pages.contract')")
       .q-mb-md.tableWrapper
         q-tab-panels( v-model="tab" animated keep-alive class="shadow-2"  :key="address" )
           q-tab-panel( name="transactions" )
             transaction-table( :title="address" :filter="{address}" )
-          q-tab-panel( name="erc20transfers" )
+          q-tab-panel( name="erc20_transfers" )
             transfer-table( title="ERC-20 Transfers" token-type="erc20" :initialPageSize="10" :address="address" )
-          q-tab-panel( name="erc1155transfers" )
+          q-tab-panel( name="erc1155_transfers" )
             transfer-table( title="ERC-1155 Transfers" token-type="erc1155" :initialPageSize="10" :address="address" )
-          q-tab-panel( name="erc721transfers" )
+          q-tab-panel( name="erc721_transfers" )
             transfer-table( title="ERC-721 Transfers" token-type="erc721" :initialPageSize="10" :address="address" )
           q-tab-panel( name="tokens" )
             token-list( :address="address" )
diff --git a/src/pages/Block.vue b/src/pages/Block.vue
index d64507968..6f90e5214 100644
--- a/src/pages/Block.vue
+++ b/src/pages/Block.vue
@@ -39,15 +39,14 @@ export default {
             div {{block}}
         .dataCardsContainer(v-if="blockData")
           .dataCardItem
-            .dataCardTile Gas used
+            .dataCardTile {{ $t('pages.gas_used') }}
             .dataCardData {{ parseInt(blockData.gasUsed, 16) }}
           .dataCardItem
-            .dataCardTile Transactions
+            .dataCardTile {{ $t('pages.transactions') }}
             .dataCardData {{ blockData.transactions.length || 0 }}
           .dataCardItem
             .dataCardTile
               date-field( :epoch="blockData.timestamp" )
-          //div() {{ blockData }}
     .tableWrapper.shadow-2.content-container.q-mt-lg
       transaction-table( :title="block" :filter="{block}" )
 </template>
diff --git a/src/pages/ContractVerification.vue b/src/pages/ContractVerification.vue
index a97cd4772..d75afbfbd 100644
--- a/src/pages/ContractVerification.vue
+++ b/src/pages/ContractVerification.vue
@@ -39,8 +39,8 @@ export default {
             return !this.inputMethod || (this.inputMethod && this.fileType);
         },
         uploaderLabel() {
-            const solFile = 'Select .sol contract file for upload';
-            const jsonFile = 'Select standard JSON input object file for upload';
+            const solFile = this.$t('pages.select_sol_file');
+            const jsonFile = this.$t('pages.select_json_file');
             return  this.fileType ? solFile : jsonFile;
         },
     },
@@ -85,7 +85,7 @@ export default {
         async submitFormHandler() {
             if (this.$refs.uploader){
                 if (this.$refs.uploader.files.length === 0){
-                    this.onNotify({type: 'info', message: 'you must select a file for upload or toggle input to paste contract contents'});
+                    this.onNotify({type: 'info', message: this.$t('pages.paste_contract_contents')});
                     return;
                 }
                 await this.$refs.uploader.upload();
@@ -149,7 +149,7 @@ export default {
 
 <template lang='pug'>
 .pageContainer.row.q-pt-xl.tableWrapper
-  .text-h4.text-primary.q-mb-lg Verify Contract
+  .text-h4.text-primary.q-mb-lg {{ $t('pages.verify_contract') }}
   .col-12.q-py-lg
     .content-container
           q-form(
@@ -161,35 +161,35 @@ export default {
                 q-input(
                   v-model="contractAddress"
                   name='contractAddress'
-                  label="Contract Address *"
-                  placeholder="Please enter contract address '0x0123...'"
+                  :label="t$('pages.contract_address')+' *'"
+                  :placeholder="$t('pages.enter_contract_address')"
                   debounce="500"
-                  :rules="[val => isValidAddressFormat(val) || 'invalid address format' ]"
+                  :rules="[val => isValidAddressFormat(val) || $t('pages.invalid_address_format')]"
                 )
                 q-select(
                   v-model="compilerVersion"
                   :options="compilerOptions"
-                  label="Compiler Version *"
-                  :rules="[val => val.length || 'select compiler version']"
+                  :label="$t('pages.compiler_version')+' *'"
+                  :rules="[val => val.length || $t('pages.select_compiler_version')]"
                 )
                 q-input(
                   :disable='!pathInput'
                   v-model="sourcePath"
-                  label="Contract File(s) Directory Path (leave blank if none)"
-                  placeholder="e.g., 'contracts/'"
+                  :label="$t('pages.contract_file_directory_path')"
+                  :placeholder="$t('pages.eg_contracts')"
                   debounce="750"
-                  :rules="[val => ((val.length === 0) ||(val.length && val.charAt(val.length - 1) === '/') ) || 'path must end with a forward slash /']"
+                  :rules="[val => ((val.length === 0) ||(val.length && val.charAt(val.length - 1) === '/') ) || $t('pages.invalid_path_format')]"
                 )
                 .radio-container
                   q-radio(
                     v-model="inputMethod"
-                    label="upload file"
+                    :label="$t('pages.upload_file')"
                     :val='true'
                     color='primary'
                   )
                   q-radio(
                     v-model="inputMethod"
-                    label="text input"
+                    :label="$t('pages.text_input')"
                     :val='false'
                     color='primary'
                   )
@@ -197,7 +197,7 @@ export default {
                 q-input.q-field--with-bottom(
                   v-model="runs"
                   type="number"
-                  label="Runs value for optimization"
+                  :label="$t('pages.runs_value_for_optimization')"
                   :class="!optimizer ? 'disabled-input' : ''"
                 )
                   q-toggle( v-model="optimizer" label="Optimization" )
@@ -205,10 +205,10 @@ export default {
                 q-input(
                   style="padding-bottom:1rem"
                   v-model="constructorArgs"
-                  label="Constructor Arguments"
-                  placeholder="comma seperated values e.g., Bob,123,0x12345...'"
+                  :label="$t('pages.constructor_arguments')"
+                  :placeholder="$t('pages.comma_seperated_values')"
                   debounce="750"
-                  :rules="[val => ((val.length === 0) ||(val.length && val.charAt(val.length - 1) !== ',' && val.charAt(0) !== ',') ) || 'no trailing commas']"
+                  :rules="[val => ((val.length === 0) ||(val.length && val.charAt(val.length - 1) !== ',' && val.charAt(0) !== ',') ) || $t('pages.no_trailing_commas')]"
                 )
                 .radio-container
                   q-radio(
@@ -234,8 +234,8 @@ export default {
                 square
                 outlined
                 v-model='contractInput'
-                placeholder='copy & paste contract code here...'
-                :rules="[val => val.length || 'enter or paste contract text']"
+                placeholder="$t('pages.paste_contract_code_here')"
+                :rules="[val => val.length || $t('pages.enter_contract_text')]"
               )
               q-uploader(
                 v-else
@@ -255,8 +255,8 @@ export default {
               )
 
               .button-container
-                q-btn(label="Verify Contract" type="submit" color='primary')
-                q-btn(label="Reset" type="reset" color='primary' )
+                q-btn(:label="$t('pages.verify_contract')" type="submit" color='primary')
+                q-btn(:label="$t('pages.reset')" type="reset" color='primary' )
 </template>
 
 <style scoped lang="sass">
diff --git a/src/pages/Error404.vue b/src/pages/Error404.vue
index 38c7baaef..9f82405cf 100644
--- a/src/pages/Error404.vue
+++ b/src/pages/Error404.vue
@@ -10,13 +10,13 @@ export default {
       div( style="font-size: 30vh" )
         | 404
       .text-h2( style="opacity:.4" )
-        | Oops. Nothing here...
+        | {{ $t('pages.oops') }}
       q-btn.q-mt-xl(
         color="white"
         text-color="blue"
         unelevated
         to="/"
-        label="Go Home"
+        :label="$t('pages.go_home')"
         no-caps
       )
 </template>
diff --git a/src/pages/Health.vue b/src/pages/Health.vue
index 5d30e5908..83fda6918 100644
--- a/src/pages/Health.vue
+++ b/src/pages/Health.vue
@@ -9,10 +9,10 @@ export default {
 <template lang="pug">
 .pageContainer.q-pt-xl
     .homeInfo.q-mb-lg
-        .text-primary.text-h6 RPC Endpoints
+        .text-primary.text-h6 {{ $t('pages.rpc_endpoints') }}
     Endpoints()
     .homeInfo.q-mb-lg
-        .text-primary.text-h6 Monitor
+        .text-primary.text-h6 {{ $t('pages.monitor') }} 
     Monitor()
 </template>
 
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index d0e59b6f3..7dbd2500f 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -16,7 +16,7 @@ export default {
 q-page.pageContainer
     .row.justify-center.q-py-lg
       .text-h4.text-primary.title.q-mt-xl.bold
-        | Telos EVM Explorer
+        | {{ $t('pages.telos_evm_explorer') }}
     .row.q-pt-xl.q-pb-md.tableWrapper
       .col-12
         HomeInfo
@@ -25,5 +25,5 @@ q-page.pageContainer
           q-card
             Search.q-mx-md.q-px-md
             q-separator(color="blue-9")
-            TransactionTable( title="Recent transactions")
+            TransactionTable( title="$t('pages.recent_transactions')" )
 </template>
diff --git a/src/pages/Transaction.vue b/src/pages/Transaction.vue
index c55deaa40..9af404dc5 100644
--- a/src/pages/Transaction.vue
+++ b/src/pages/Transaction.vue
@@ -43,9 +43,9 @@ export default {
             trxNotFound: false,
             errorMessage: null,
             trx: null,
-            erc20Transfers: [],
-            erc721Transfers: [],
-            erc1155Transfers: [],
+            erc20_transfers: [],
+            erc721_transfers: [],
+            erc1155_transfers: [],
             params: [],
             tab: '#general',
             isContract: false,
@@ -92,9 +92,9 @@ export default {
             this.contract = null;
             this.parsedTransaction = null;
             this.methodTrx = null;
-            this.erc20Transfers = [];
-            this.erc721Transfers = [];
-            this.erc1155Transfers = [];
+            this.erc20_transfers = [];
+            this.erc721_transfers = [];
+            this.erc1155_transfers = [];
             this.params = [];
         },
         async loadTransaction() {
@@ -129,9 +129,16 @@ export default {
                                     token = await this.$contractManager.loadTokenMetadata(log.address, contract.token, tokenId);
                                 } catch (e) {
                                     console.error(`Could not retreive metadata for ${contract.address}: ${e.message}`);
+                                    // notify the user
+                                    this.$q.notify({
+                                        message: this.$t('pages.couldnt_retreive_metadata_for_address', { address: contract.address, message: e.message }),
+                                        color: 'negative',
+                                        position: 'top',
+                                        timeout: 5000,
+                                    });
                                 }
                             }
-                            this.erc721Transfers.push({
+                            this.erc721_transfers.push({
                                 'tokenId': tokenId,
                                 'to': '0x' + log.topics[2].substr(log.topics[2].length - 40, 40),
                                 'from': '0x' + log.topics[1].substr(log.topics[1].length - 40, 40),
@@ -144,9 +151,16 @@ export default {
                                     token = await this.$contractManager.loadTokenMetadata(log.address, contract.token, tokenId);
                                 } catch (e) {
                                     console.error(`Could not retreive metadata for ${contract.address}: ${e.message}`);
+                                    // notify the user
+                                    this.$q.notify({
+                                        message: this.$t('pages.couldnt_retreive_metadata_for_address', { address: contract.address, message: e.message }),
+                                        color: 'negative',
+                                        position: 'top',
+                                        timeout: 5000,
+                                    });
                                 }
                             }
-                            this.erc1155Transfers.push({
+                            this.erc1155_transfers.push({
                                 'tokenId': tokenId,
                                 'amount': BigNumber.from(log.data).toString(),
                                 'to': '0x' + log.topics[3].substr(log.topics[3].length - 40, 40),
@@ -154,7 +168,7 @@ export default {
                                 'token': token,
                             });
                         } else {
-                            this.erc20Transfers.push({
+                            this.erc20_transfers.push({
                                 'value': log.data,
                                 'wei': BigNumber.from(log.data).toString(),
                                 'to': '0x' + log.topics[2].substr(log.topics[2].length - 40, 40),
@@ -236,12 +250,12 @@ export default {
   .row
     .col-12.q-px-md
       .text-h4.text-primary.q-mb-lg.title.q-pt-xl
-        | Transaction Details
+        | {{ $t('pages.transaction_details') }}
       .text-h6.q-mb-lg.text-white( v-if="trxNotFound" )
-        | Not found: {{ hash }}
+        | {{ $t('pages.transaction_not_found', { hash }) }}
   .row.tableWrapper
     .col-12.q-py-lg
-      .content-container( v-if="trx"  :key="erc20Transfers.length + isContract" )
+      .content-container( v-if="trx"  :key="erc20_transfers.length + isContract" )
         q-tabs.text-white.topRounded(
           v-model="tab"
           dense
@@ -255,28 +269,28 @@ export default {
             :to="{ hash: '#general' }"
             exact
             replace
-            label="General"
+            :label="$t('pages.general')"
           )
           q-route-tab(
             name="details"
             :to="{ hash: '#details' }"
             exact
             replace
-            label="Details"
+            :label="$t('pages.details')"
           )
           q-route-tab(
             name="logs"
             :to="{ hash: '#eventlog' }"
             exact
             replace
-            label="Logs"
+            :label="$t('pages.logs')"
           )
           q-route-tab.topRightRounded(
             name="internal"
             :to="{ hash: '#internal' }"
             exact
             replace
-            label="Internal Txns"
+            :label="$t('pages.internal_txns')"
           )
         q-tab-panels.column.shadow-2(
           v-model="tab"
@@ -288,119 +302,120 @@ export default {
             br
             div(class="fit row wrap justify-start items-start content-start")
                 div(class="col-3")
-                  strong.wrapStrong Transaction Hash:&nbsp;
+                  strong.wrapStrong {{ $t('pages.transaction_hash') }}:&nbsp;
                 div(class="col-9")
                   span {{ hash }}
                   copy-button(:text="hash")
             br
             div(class="fit row wrap justify-start items-start content-start")
                 div(class="col-3")
-                  strong {{ `Block Number: ` }}
+                
+                  strong {{ $t('pages.block_number') }}:&nbsp;
                 div(class="col-9")
                   block-field( :block="trx.block" )
             br
             div( @click="showAge = !showAge" class="fit row wrap justify-start items-start content-start date")
                 div(class="col-3"  )
-                  strong {{ `Date: ` }}
+                  strong {{ $t('pages.date') }}:&nbsp;
                 div.u-flex--left
                   q-icon(class="far fa-clock q-mr-xs")
                   date-field( :epoch="trx.epoch" :show-age="showAge" )
-                  q-tooltip Click to change date format
+                  q-tooltip {{ $t('pages.click_to_change_date_format') }}
             br
             div(class="fit row wrap justify-start items-start content-start")
               div(class="col-3")
-                strong {{ `Status: ` }}
+                strong {{ $t('pages.status') }}:&nbsp;
               div(class="col-9" style="padding: 5px 0px;")
                 span(v-if="trx.status == 1", class="positive")
                   q-icon(name='check')
-                  span {{ "Success" }}
+                  span {{ $t('pages.success') }}
                 span(v-else, class="negative")
                   q-icon(name='warning')
-                  span {{ "Failure" }}
+                  span {{ $t('pages.failure') }}
             br
             div( v-if="errorMessage", class="fit row wrap justify-start items-start content-start" )
               div(class="col-3")
-                strong {{ `Error message: ` }}
+                strong {{ $t('pages.error_message') }}:&nbsp;
               div(class="col-9")
                 span.text-negative {{ errorMessage }}
             br( v-if="errorMessage" )
             div(class="fit row wrap justify-start items-start content-start")
               div(class="col-3")
-                strong {{ `From: ` }}
+                strong {{ $t('pages.from') }}:&nbsp;
               div(class="col-9 word-break")
-                address-field(:address="trx.from" :truncate="0" :highlight="erc20Transfers.length + erc721Transfers.length > 1" copy)
+                address-field(:address="trx.from" :truncate="0" :highlight="erc20_transfers.length + erc721_transfers.length > 1" copy)
             br
             div(class="fit row wrap justify-start items-start content-start")
               div(class="col-3")
-                strong {{ `To: ` }}
+                strong {{ $t('pages.to') }}:&nbsp;
               div(class="col-9 word-break")
                 address-field( :address="trx.to" :is-contract-trx="!!contract"  :truncate="0" copy)
             br
             div( v-if="isContract", class="fit row wrap justify-start items-start content-start" )
               div(class="col-3")
-                strong {{ `Contract function: ` }}
+                strong {{ $t('pages.contract_function') }}:&nbsp;
               div(class="col-9")
                 MethodField( :contract="contract" :trx="methodTrx" shortenSignature )
             br(v-if="isContract")
             div( v-if="isContract && params.length > 0" class="fit row wrap justify-start items-start content-start")
               div(class="col-3")
-                strong {{ `Function parameters: ` }}
+                strong {{ $t('pages.function_parameters') }}:&nbsp;
               div(class="col" id="function-parameters")
                 ParameterList(:params="params" :contract="contract" :trxFrom="trx.from")
             br( v-if="isContract && params.length > 0" )
             div( v-if="trx.createdaddr", class="fit row wrap justify-start items-start content-start" )
               div(class="col-3")
-                strong {{ `Deployed contract: ` }}
+                strong {{ $t('pages.deployed_contract') }}:&nbsp;
               div(class="col-9 word-break")
                 AddressField( :address="trx.createdaddr" )
             br( v-if="trx.createdaddr" )
             div(class="fit row wrap justify-start items-start content-start")
               div(class="col-3")
-                strong {{ `Value: ` }}
+                strong {{ $t('pages.value') }}:&nbsp;
               div(class="col-9 clickable" @click="showWei = !showWei")
                 div(v-if="showWei")
                     span {{ trx.value }}
                 span(v-else)
-                    span {{ formatWei(trx.value, 18) }} TLOS
-                    q-tooltip Click to show in wei
+                    span {{ $t('pages.balance_tlos', { amount: formatWei(trx.value, 18) }) }}
+                    q-tooltip {{ $t('pages.click_to_show_in_wei') }}
             br
-            ERCTransferList( v-if="erc20Transfers.length > 0" type="ERC20" :trxFrom="trx.from" :contract="contract" :transfers="erc20Transfers")
-            ERCTransferList( v-if="erc721Transfers.length > 0" type="ERC721" :trxFrom="trx.from" :contract="contract" :transfers="erc721Transfers")
-            ERCTransferList( v-if="erc1155Transfers.length > 0" type="ERC1155" :trxFrom="trx.from" :contract="contract" :transfers="erc1155Transfers")
+            ERCTransferList( v-if="erc20_transfers.length > 0" type="ERC20" :trxFrom="trx.from" :contract="contract" :transfers="erc20_transfers")
+            ERCTransferList( v-if="erc721_transfers.length > 0" type="ERC721" :trxFrom="trx.from" :contract="contract" :transfers="erc721_transfers")
+            ERCTransferList( v-if="erc1155_transfers.length > 0" type="ERC1155" :trxFrom="trx.from" :contract="contract" :transfers="erc1155_transfers")
             div(class="fit row wrap justify-start items-start content-start")
               div(class="col-3")
-                strong {{ `Gas Price Charged: ` }}
-              span {{ getGasChargedGWEI() }} GWEI
+                strong {{ $t('pages.gas_price_charged') }}:&nbsp;
+              span {{ $t('pages.balance_gwei', { amount: getGasChargedGWEI() }) }}
             br
             div(class="fit row wrap justify-start items-start content-start")
               div(class="col-3")
-                strong {{ `Gas Fee: ` }}
-              span {{ getGasFee() }} TLOS
+                strong {{ $t('pages.gas_fee') }}:&nbsp;
+              span {{ $t('pages.balance_tlos', { amount: getGasFee() }) }}
                 small.q-pl-sm (~ ${{ (getGasFee() * tlosPrice).toFixed(5) }})
             br
             div(class="fit row wrap justify-start items-start content-start")
               div(class="col-3")
-                strong {{ `Gas Used: ` }}
+                strong {{ $t('pages.gas_used') }}:&nbsp;
               div(class="col-9") {{ trx.gasused }}
             br
             div(class="fit row wrap justify-start items-start content-start")
               div(class="col-3")
-                strong {{ `Gas Limit: ` }}
+                strong {{ $t('pages.gas_limit') }}:&nbsp;
               div(class="col-9") {{ trx.gas_limit }}
             br
             div(class="fit row wrap justify-start items-start content-start")
               div(class="col-3")
-                strong {{ `Nonce: ` }}
+                strong {{ $t('pages.nonce') }}:&nbsp;
               div(class="col-9") {{ trx.nonce }}
           q-tab-panel( name="details" )
             div
               div(class="col-3")
-                strong {{ `Input: ` }}
+                strong {{ $t('pages.input') }}:&nbsp;
               div(class="col-9") {{ trx.input_data }}
             br
             div
               div(class="col-3")
-                strong {{ `Output: ` }}
+                strong {{ $t('pages.output') }}:&nbsp;
               div(class="col-9") {{ trx.output }}
           q-tab-panel( name="logs" )
             .jsonViewer
diff --git a/src/pages/Transactions.vue b/src/pages/Transactions.vue
index 188eaec2b..1895ec176 100644
--- a/src/pages/Transactions.vue
+++ b/src/pages/Transactions.vue
@@ -11,8 +11,8 @@ export default {
 <template lang='pug'>
 q-page.column.justify-center.items-center
     .row.q-pa-lg
-      .text-h4 Explore Transactions
+      .text-h4 {{ $t('pages.explore_transactions') }}
     .row
       .col-12.q-px-sm
-        TransactionTable( title="Recent transactions")
+        TransactionTable( title="$t('pages.recent_transactions')")
 </template>
diff --git a/src/pages/staking/BaseStakingForm.vue b/src/pages/staking/BaseStakingForm.vue
index 9ac0705b7..ac858b0db 100644
--- a/src/pages/staking/BaseStakingForm.vue
+++ b/src/pages/staking/BaseStakingForm.vue
@@ -36,7 +36,7 @@
 
                 <div class="col-xs-12 col-sm-8 u-flex--center-y">
                     <p class="c-base-staking-form__footer-p">
-                        Please note that there is an unstaking period of {{ unstakePeriodPretty }}
+                        {{ $t('pages.staking.note_unstaking_period', { period: unstakePeriodPretty }) }}
                     </p>
                 </div>
 
@@ -149,7 +149,7 @@ export default {
     }),
     computed: {
         unstakePeriodPretty() {
-            return formatUnstakePeriod(this.unstakePeriodSeconds);
+            return formatUnstakePeriod(this.unstakePeriodSeconds, this.$t);
         },
         inputs() {
             return [{
diff --git a/src/pages/staking/StakeForm.vue b/src/pages/staking/StakeForm.vue
index d0eb42ac5..39ae0f77a 100644
--- a/src/pages/staking/StakeForm.vue
+++ b/src/pages/staking/StakeForm.vue
@@ -8,18 +8,18 @@
             dense
             class="bg-green text-black"
         >
-            You have unlocked TLOS!
+            {{ $t('pages.staking.you_have_unlocked_tlos') }}
             <template #action>
                 <q-btn
                     flat
                     color="black"
-                    label="Dismiss"
+                    :label="$t('pages.staking.dismiss')"
                     @click="hideClaimBanner"
                 />
                 <q-btn
                     flat
                     color="black"
-                    label="Claim TLOS"
+                    :label="$t('pages.staking.claim_tlos')"
                     @click="$router.push({ hash: '#claim' })"
                 />
             </template>
@@ -50,22 +50,21 @@
         />
     </div>
     <div v-if="resultHash" class="col-sm-12 col-md-6 offset-md-3">
-        Stake successful! View Transaction:
+        {{ $t('pages.staking.stake_tlos_success') }}
         <transaction-field :transaction-hash="resultHash" />
     </div>
     <q-dialog v-model="displayConfirmModal">
         <q-card>
             <q-card-section>
                 <p>
-                    Continuing will stake TLOS in exchange for sTLOS.
-                    sTLOS can be redeemed for TLOS at any time using the Unstake tab.
+                    {{ $t('pages.staking.stake_tlos_confirm') }}
                 </p>
                 <p>
-                    After TLOS has been unstaked, it will be locked for a period of
+                    {{ $t('pages.staking.stake_tlos_confirm_2a' ) }}
                     <span class="text-primary">{{ unstakePeriodPretty }}</span>,
-                    after which it can be withdrawn to your account from the Claim tab.
+                    {{ $t('pages.staking.stake_tlos_confirm_2b' ) }}
                 </p>
-                Would you like to proceed?
+                <p>{{ $t('pages.staking.stake_tlos_confirm_3' ) }}</p>
             </q-card-section>
 
             <q-card-actions align="right" class="q-pb-md q-px-md">
@@ -73,22 +72,23 @@
                     v-if="showMetamaskPrompt"
                     class="c-stake-form__metamask-prompt u-flex--center-y"
                     tabindex="0"
-                    aria-label="Launch MetaMask dialog to add sTLOS"
+                    aria-:label="$t('pages.staking.add_stlos_to_metamask')"
+
                     @click="promptAddToMetamask"
                 >
-                    Add sTLOS to MetaMask
+                    {{ $t('pages.staking.add_stlos_to_metamask') }}
                     <img
                         :src="MetaMaskLogo"
                         class="q-ml-xs"
                         height="24"
                         width="24"
-                        alt="MetaMask Fox Logo"
+                        :alt="$t('pages.staking.metamask_fox_logo')"
                     >
                 </p>
                 <q-btn
                     v-close-popup
                     flat
-                    label="Cancel"
+                    :label="$t('pages.staking.cancel')"
                     color="negative"
                 />
                 <q-btn
@@ -155,17 +155,14 @@ export default {
         MetaMaskLogo,
         displayConfirmModal: false,
         resultHash: null,
-        header: 'Stake TLOS',
-        subheader: 'Staking your TLOS to sTLOS grants you access to a steady income and various DeFi applications, ' +
-            'further increasing yield. As the reward pool increases, the TLOS to sTLOS conversion rate will change ' +
-            'over time. Therefore, the amount of sTLOS received is smaller than the staked TLOS. Rewards will be ' +
-            'auto-compounded. No further action is required.',
-        topInputLabel: 'Stake TLOS',
+        header: '',
+        subheader: '',
+        topInputLabel: '',
         topInputAmount: '0',
         topInputIsLoading: false,
         bottomInputMaxValue: null,
         bottomInputIsLoading: false,
-        bottomInputLabel: 'Receive sTLOS',
+        bottomInputLabel: '',
         bottomInputAmount: '0',
         ctaIsLoading: false,
         debouncedTopInputHandler: null,
@@ -175,7 +172,7 @@ export default {
     computed: {
         ...mapGetters('login', ['address', 'isLoggedIn', 'isNative']),
         unstakePeriodPretty() {
-            return formatUnstakePeriod(this.unstakePeriodSeconds);
+            return formatUnstakePeriod(this.unstakePeriodSeconds, this.$t);
         },
         topInputMaxValue() {
             return this.isLoggedIn ? this.usableWalletBalance : null;
@@ -203,28 +200,25 @@ export default {
 
             const balanceTlos = ethers.utils.commify(balanceEth);
 
-            return `${balanceTlos} Available`;
+            return this.$t('pages.staking.available', {balanceTlos});
         },
         topInputErrorText() {
             const walletBalanceBn = BigNumber.from(this.tlosBalance ?? '0');
 
             if (this.isLoggedIn) {
                 if (walletBalanceBn.lt(reservedForGasBn) && !this.isNative)
-                    return 'Insufficient TLOS balance to stake';
+                    return this.$t('pages.staking.insufficient_tlos_balance');
                 else if(this.isNative)
-                    return 'Login using an EVM wallet'
+                    return this.$t('pages.staking.login_using_an_evm_wallet');
                 else
                     return '';
             }
 
-            return 'Wallet not connected';
+            return this.$t('pages.staking.wallet_not_connected');
         },
         topInputTooltip() {
             const prettyBalance = ethers.utils.formatEther(this.usableWalletBalance).toString();
-            return 'Click to input full wallet balance\n\n' +
-                   'Balance displayed is reduced by 1 TLOS to keep your account actionable.\n' +
-                   'Precise balance (less approximate gas fees):\n' +
-                   `${prettyBalance} TLOS`;
+            return this.$t('pages.staking.click_to_input_full_wallet_balance', {prettyBalance});
         },
         ctaIsDisabled() {
             const inputsInvalid = (
@@ -242,16 +236,16 @@ export default {
         },
         ctaText() {
             if (this.ctaIsLoading)
-                return 'Loading...';
+                return this.$t('pages.staking.loading');
 
             if (this.isLoggedIn) {
                 if (this.walletBalanceBn.lt(reservedForGasBn))
-                    return 'Get more TLOS';
+                    return this.$t('pages.staking.get_more_tlos');
                 else
-                    return 'Stake TLOS';
+                    return this.$t('pages.staking.stake_tlos');
             }
 
-            return 'Connect Wallet';
+            return this.$t('pages.staking.connect_wallet');
         },
         showClaimBanner() {
             return this.hasUnlockedTlos && !this.userDismissedBanner;
@@ -261,6 +255,12 @@ export default {
         },
     },
     async created() {
+        // Initialization of the text translations
+        this.header = this.$t('pages.staking.stake_tlos');
+        this.subheader = this.$t('pages.staking.stake_tlos_subheader');
+        this.topInputLabel = this.$t('pages.staking.stake_tlos');
+        this.bottomInputLabel = this.$t('pages.staking.receive_stlos');
+
         const debounceWaitMs = 250;
 
         this.debouncedTopInputHandler = debounce(
@@ -272,6 +272,10 @@ export default {
                     .catch((err) => {
                         this.bottomInputAmount = '';
                         console.error(`Unable to convert TLOS to STLOS: ${err}`);
+                        this.$q.notify({
+                            type: 'negative',
+                            message: this.$t('pages.staking.redeem_failed', {message: err}),
+                        });
                     })
                     .finally(async () => {
                         this.bottomInputIsLoading = false;
@@ -300,6 +304,10 @@ export default {
                     .catch(err => {
                         this.topInputAmount = '';
                         console.error(`Unable to convert STLOS to TLOS: ${err}`);
+                        this.$q.notify({
+                            type: 'negative',
+                            message: this.$t('pages.staking.redeem_failed', {message: err}),
+                        });
                     })
                     .finally(async () => {
                         this.topInputIsLoading = false;
@@ -374,6 +382,10 @@ export default {
                 })
                 .catch(({ message }) => {
                     console.error(`Failed to deposit TLOS: ${message}`);
+                    this.$q.notify({
+                        type: 'negative',
+                        message: this.$t('pages.staking.deposit_failed', {message}),
+                    });
                     this.resultHash = null;
                 })
                 .finally(() => {
diff --git a/src/pages/staking/Staking.vue b/src/pages/staking/Staking.vue
index 57cda4ca9..29ce79f37 100644
--- a/src/pages/staking/Staking.vue
+++ b/src/pages/staking/Staking.vue
@@ -3,10 +3,10 @@
     <div class="row q-mx-md">
         <div class="c-staking-page__header col-xs-12 col-md-6">
             <h1 class="c-staking-page__title">
-                Telos EVM Staking
+                {{ $t('pages.staking.telos_evm_staking') }}
             </h1>
             <span class="text-white">
-                Stake TLOS for sTLOS to earn interest from the staking rewards pool
+                {{ $t('pages.staking.stake_tlos_earn_interest') }}
             </span>
         </div>
         <div class="col-xs-12 col-md-6">
@@ -36,21 +36,21 @@
                         :to="{ hash: '#stake'}"
                         exact
                         push
-                        label="Stake"
+                        :label="$t('pages.staking.stake')"
                     />
                     <q-route-tab
                         name="unstake"
                         :to="{ hash: '#unstake'}"
                         exact
                         push
-                        label="Unstake"
+                        :label="$t('pages.staking.unstake')"
                     />
                     <q-route-tab
                         name="withdraw"
                         :to="{ hash: '#withdraw'}"
                         exact
                         push
-                        label="Withdraw"
+                        :label="$t('pages.staking.withdraw')"
                         :alert="showWithdrawNotification ? 'green' : false"
                     />
                 </q-tabs>
@@ -209,6 +209,10 @@ export default {
                 })
                 .catch(({ message }) => {
                     console.error(`Failed to fetch account: ${message}`);
+                    this.$q.notify({
+                        type: 'negative',
+                        message: this.$t('page.staking.fetch_balance_error', { message }),
+                    });
                     this.tlosBalance = null;
                 });
 
@@ -219,6 +223,11 @@ export default {
                 })
                 .catch(({ message }) => {
                     console.error(`Failed to fetch account STLOS balance: ${message}`);
+                    this.$q.notify({
+                        type: 'negative',
+                        message: this.$t('page.staking.fetch_stlos_balance_error', { message }),
+                    });
+
                     this.stlosBalance = null;
                 });
 
@@ -228,6 +237,10 @@ export default {
                 })
                 .catch(({ message }) => {
                     console.error(`Failed to fetch account STLOS balance value: ${message}`);
+                    this.$q.notify({
+                        type: 'negative',
+                        message: this.$t('page.staking.fetch_stlos_value_error', { message }),
+                    });
                     this.stlosValue = null;
                 });
 
@@ -237,6 +250,11 @@ export default {
                 })
                 .catch(({ message }) => {
                     console.error(`Failed to fetch total unstaked TLOS balance: ${message}`);
+                    this.$q.notify({
+                        type: 'negative',
+                        message: this.$t('page.staking.fetch_unstaked_balance_error', { message }),
+                    });
+
                     this.totalUnstakedTlosBalance = null;
                 });
 
@@ -246,6 +264,10 @@ export default {
                 })
                 .catch(({ message }) => {
                     console.error(`Failed to fetch withdrawable STLOS balance: ${message}`);
+                    this.$q.notify({
+                        type: 'negative',
+                        message: this.$t('page.staking.fetch_unlocked_balance_error', { message }),
+                    });
                     this.unlockedTlosBalance = null;
                 });
 
@@ -255,6 +277,10 @@ export default {
                 })
                 .catch(({ message }) => {
                     console.error(`Failed to fetch escrow deposits: ${message}`);
+                    this.$q.notify({
+                        type: 'negative',
+                        message: this.$t('page.staking.fetch_escrow_deposits_error', { message }),
+                    });
                 });
 
             const conversionRatePromise = this.stlosContractInstance.previewDeposit(oneEth)
@@ -263,6 +289,10 @@ export default {
                 })
                 .catch(({ message }) => {
                     console.error(`Failed to fetch TLOS->sTLOS conversion rate: ${message}`);
+                    this.$q.notify({
+                        type: 'negative',
+                        message: this.$t('page.staking.fetch_conversion_rate_error', { message }),
+                    });
                 });
 
             return Promise.all([
@@ -282,6 +312,10 @@ export default {
                 })
                 .catch(({ message }) => {
                     console.error(`Failed to get STLOS contract: ${message}`);
+                    this.$q.notify({
+                        type: 'negative',
+                        message: this.$t('page.staking.fetch_stlos_contract_error', { message }),
+                    });
                     this.stlosContract = null;
                 });
 
@@ -291,6 +325,10 @@ export default {
                 })
                 .catch(({ message }) => {
                     console.error(`Failed to get STLOS contract: ${message}`);
+                    this.$q.notify({
+                        type: 'negative',
+                        message: this.$t('page.staking.fetch_escrow_contract_error', { message }),
+                    });
                     this.escrowContract = null;
                 });
 
@@ -314,6 +352,10 @@ export default {
                 this.unstakePeriodSeconds = (await this.escrowContractInstance.lockDuration()).toNumber();
             } catch({ message }) {
                 console.error(`Failed to retrieve unstaking period: ${message}`)
+                this.$q.notify({
+                    type: 'negative',
+                    message: this.$t('page.staking.fetch_unstake_period_error', { message }),
+                });
             }
         },
         async handleBalanceChanged() {
@@ -326,6 +368,10 @@ export default {
                 })
                 .catch(({ message }) => {
                     console.error(`Failed to fetch account: ${message}`);
+                    this.$q.notify({
+                        type: 'negative',
+                        message: this.$t('page.staking.fetch_account_error', { message }),
+                    });
                     this.tlosBalance = null;
                 });
         },
diff --git a/src/pages/staking/StakingStats.vue b/src/pages/staking/StakingStats.vue
index 0f7c26bb5..32276bcac 100644
--- a/src/pages/staking/StakingStats.vue
+++ b/src/pages/staking/StakingStats.vue
@@ -118,16 +118,12 @@ export default {
                 label: 'APY',
                 value: this.stlosApy ?? '--',
                 unit: '%',
-                tooltip: 'APY: Annual Percentage Yield\n\nThe annual rate of return after taking compound interest into account.\n\n' +
-                    'Interest is compounded approximately every 30 minutes. The percentage rate is not fixed, meaning that ' +
-                    'it will change over time with the total amount of TLOS staked across Telos EVM and Native. ' +
-                    'Rewards are disbursed from a community rewards pool into the sTLOS contract.',
+                tooltip: this.$t('pages.staking.tooltip_1'),
             }, {
                 label: 'TVL',
                 value: this.formatWeiForStats(this.stlosTvl, true).replace(/\B(?=(\d{3})+(?!\d))/g, ' '),
                 unit: 'TLOS',
-                tooltip: 'TVL: Total Value Locked\n\nThe current value, in TLOS, of all assets held in the sTLOS ' +
-                    '(Staked TLOS) smart contract, i.e. the sum of all TLOS staked on the Telos EVM at this moment.',
+                tooltip: this.$t('pages.staking.tooltip_2'),
             }];
         },
         personalStats() {
@@ -138,25 +134,17 @@ export default {
                         stlos: this.formatWeiForStats(this.stlosBalance),
                         tlos: this.formatWeiForStats(this.stlosValue),
                     },
-                    tooltip: 'Staked\n\n' +
-                        'The total staked amount associated with the logged-in account, i.e. ' +
-                        'your sTLOS token balance, along with its value in TLOS',
+                    tooltip: this.$t('pages.staking.tooltip_3'),
                 },
                 unstaked: {
                     label: 'Unstaked',
                     value: this.formatWeiForStats(this.totalUnstakedTlosBalance),
-                    tooltip: 'Unstaked\n\n' + // switch unstake to unstakesecondspretty
-                        'The total value of TLOS which you have unstaked, both locked and unlocked.\n\n' +
-                        'When you unstake\u2014i.e. redeem\u2014some value of sTLOS, the equivalent amount of ' +
-                        `TLOS is sent into escrow ("locked") for ${this.unlockPeriodPretty}; during this time, ` +
-                        'you cannot interact with this TLOS.\n\n' +
-                        'After the unlock period has elapsed, you can claim your unlocked TLOS from the Claim tab ' +
-                        'on this page, at which point it will be added to your account TLOS balance.',
+                    tooltip: this.$t('pages.staking.tooltip_4', { unlockPeriod: this.unlockPeriodPretty }),
                 },
             };
         },
         unlockPeriodPretty() {
-            return formatUnstakePeriod(this.unstakePeriodSeconds);
+            return formatUnstakePeriod(this.unstakePeriodSeconds, this.$t);
         },
     },
     async created() {
@@ -168,6 +156,10 @@ export default {
                 this.stlosTvl = (await this.stlosContractInstance.totalAssets()).toString();
             } catch ({ message: tvlError }) {
                 console.error(`Failed to fetch sTLOS TVL: ${tvlError}`);
+                this.$q.notify({
+                    type: 'negative',
+                    message: this.$t('page.staking.fetch_stlos_tvl_error', { message: tvlError }),
+                });
                 this.stlosTvl = null;
                 this.stlosApy = null;
 
@@ -181,6 +173,10 @@ export default {
                 this.stlosApy = await fetchStlosApy(this.$telosApi);
             } catch ({ message: apyError }) {
                 console.error(`Failed to fetch sTLOS APY: ${apyError}`);
+                this.$q.notify({
+                    type: 'negative',
+                    message: this.$t('page.staking.fetch_stlos_apy_error', { message: apyError }),
+                });
                 this.stlosApy = null;
             }
         },
diff --git a/src/pages/staking/UnstakeForm.vue b/src/pages/staking/UnstakeForm.vue
index dce4a3bc0..6e4bb11a6 100644
--- a/src/pages/staking/UnstakeForm.vue
+++ b/src/pages/staking/UnstakeForm.vue
@@ -25,37 +25,37 @@
         />
     </div>
     <div v-if="resultHash" class="col-sm-12 col-md-6 offset-md-3">
-        Unstake successful! View Transaction:
+        {{ $t('pages.staking.unstake_stlos_success') }}
         <transaction-field :transaction-hash="resultHash" />
     </div>
     <q-dialog v-model="displayConfirmModal">
         <q-card>
             <q-card-section>
                 <p>
-                    Continuing will redeem sTLOS in exchange for TLOS.
-                    Unstaked TLOS will remain locked for a period of
+                    {{ $t('pages.staking.confirm_unstake_1a') }}
                     <span class="text-primary">{{ unstakePeriodPretty }}</span>,
-                    after which it can be withdrawn to your account from the Claim tab.
+                    {{ $t('pages.staking.confirm_unstake_1b') }}
+                    
                 </p>
                 <p v-if="remainingDeposits < 10">
-                    Heads up, you may unstake <span class="text-primary">{{ remainingDeposits }}</span> more times before
-                    you reach the maximum concurrent unstake actions. When you reach the maximum, you will need to claim
-                    unlocked TLOS to continue unstaking. If you don't have any claimable TLOS at that time, you must
-                    wait until the lock duration has elapsed before you can claim unlocked TLOS and unstake more sTLOS.
+                    {{ $t('pages.staking.confirm_unstake_2a') }}
+                    <span class="text-primary">{{ remainingDeposits }}</span>
+                    {{ $t('pages.staking.confirm_unstake_2b') }}
+
                 </p>
-                Would you like to proceed?
+                {{ $t('pages.staking.confirm_unstake_3') }}
             </q-card-section>
 
             <q-card-actions align="right" class="q-pb-md q-px-md">
                 <q-btn
                     v-close-popup
                     flat
-                    label="Cancel"
+                    :label="$t('pages.staking.cancel')"
                     color="negative"
                 />
                 <q-btn
                     v-close-popup
-                    label="Unstake sTLOS"
+                    :label="$t('pages.staking.unstake_stlos')"
                     color="secondary"
                     text-color="black"
                     @click="initiateUnstake"
@@ -119,27 +119,27 @@ export default {
     data: () => ({
         displayConfirmModal: false,
         resultHash: null,
-        header: 'Unstake sTLOS',
-        subheader: 'Unstake sTLOS in exchange for TLOS',
-        topInputLabel: 'Unstake sTLOS',
+        header: '',
+        subheader: '',
+        topInputLabel: '',
         topInputAmount: '0',
         topInputIsLoading: false,
         bottomInputMaxValue: null,
         bottomInputIsLoading: false,
-        bottomInputLabel: 'Receive TLOS',
+        bottomInputLabel: '',
         bottomInputAmount: '0',
         ctaIsLoading: false,
         debouncedTopInputHandler: null,
         debouncedBottomInputHandler: null,
         columns: [{
             name: 'amount',
-            label: 'Amount',
+            label: '',
             align: 'left',
             field: 'amount',
             format: val => ethers.utils.formatEther(val.toString()),
         }, {
             name: 'time',
-            label: 'Time Remaining',
+            label: '',
             align: 'left',
             field: 'until',
             format: val => val.toString(),
@@ -150,16 +150,14 @@ export default {
     computed: {
         ...mapGetters('login', ['address', 'isLoggedIn', 'isNative']),
         unstakePeriodPretty() {
-            return formatUnstakePeriod(this.unstakePeriodSeconds);
+            return formatUnstakePeriod(this.unstakePeriodSeconds, this.$t);
         },
         topInputMaxValue() {
             return this.isLoggedIn ? this.stakedBalance : null;
         },
         topInputTooltip() {
             const prettyBalance = ethers.utils.formatEther(this.stakedBalance).toString();
-            return 'Click to input full staked balance\n\n' +
-                'Precise balance (less approximate gas fees):\n' +
-                `${prettyBalance} sTLOS`;
+            return this.$t('pages.staking.full_staked_balance_tooltip',{prettyBalance});
         },
         stakedBalance() {
             return BigNumber.from(this.stlosBalance ?? '0').toString();
@@ -178,11 +176,11 @@ export default {
 
             const balanceTlos = ethers.utils.commify(balanceEth);
 
-            return `${balanceTlos} Available`;
+            return this.$t('pages.staking.available', {balanceTlos});
         },
         topInputErrorText() {
             if(this.isLoggedIn && !this.isNative) return;
-            return this.isNative ? 'Login using an EVM wallet' : 'Wallet not connected';
+            return this.isNative ? this.$t('pages.staking.login_using_evm_wallet') : this.$t('pages.staking.wallet_not_connected');
         },
         canDeposit() {
             return this.deposits.length < this.maxDeposits;
@@ -200,19 +198,31 @@ export default {
         },
         ctaText() {
             if (this.ctaIsLoading)
-                return 'Loading...';
-
-            return this.isLoggedIn ? 'Unstake sTLOS' : 'Connect Wallet';
+                return this.$t('pages.staking.loading'); // 'Loading...'
+            return this.isLoggedIn ? this.$t('pages.staking.unstake_stlos') : this.$t('pages.staking.connect_wallet');
         },
         remainingDeposits() {
             return (this.maxDeposits ?? 0) - this.deposits.length;
         },
     },
     async created() {
+        // initialization of the translated texts
+        this.header = this.$t('pages.staking.unstake_stlos');
+        this.subheader = this.$t('pages.staking.unstake_stlos_for_tlos');
+        this.topInputLabel = this.$t('pages.staking.unstake_stlos');
+        this.bottomInputLabel = this.$t('pages.staking.receive_tlos');
+        this.columns[0].label = this.$t('pages.staking.amount');
+        this.columns[1].label = this.$t('pages.staking.time_remaining');
+        
         try {
             this.maxDeposits = (await this.escrowContractInstance.maxDeposits()).toNumber();
         } catch (error) {
             console.error(`Failed to fetch max deposits from escrow contract: ${error}`);
+            this.$q.notify({
+                position: 'top',
+                message: this.$t('pages.staking.fetch_max_deposits_error', { message: error }),
+            });
+
             this.maxDeposits = null;
         }
 
@@ -227,6 +237,10 @@ export default {
                     .catch((err) => {
                         this.bottomInputAmount = '';
                         console.error(`Unable to convert TLOS to STLOS: ${err}`);
+                        this.$q.notify({
+                            position: 'top',
+                            message: this.$t('pages.staking.convert_tlos_to_stlos_error', { message: err }),
+                        });
                     })
                     .finally(async () => {
                         this.bottomInputIsLoading = false;
@@ -255,6 +269,10 @@ export default {
                     .catch(err => {
                         this.topInputAmount = '';
                         console.error(`Unable to convert STLOS to TLOS: ${err}`);
+                        this.$q.notify({
+                            position: 'top',
+                            message: this.$t('pages.staking.convert_stlos_to_tlos_error', { message: err }),
+                        });
                     })
                     .finally(async () => {
                         this.topInputIsLoading = false;
@@ -278,8 +296,7 @@ export default {
         notifyMaxDeposits(){
             this.$q.notify({
                 position: 'top',
-                message: 'You have reached the maximum number of pending unstake transactions, please claim available' +
-                    ' TLOS or wait for pending unstaked TLOS to become claimable before making another deposit.',
+                message: this.$t('pages.staking.max_unstake_transactions_reached'),
                 timeout: 6000,
             });
         },
@@ -324,6 +341,10 @@ export default {
                 })
                 .catch(({ message }) => {
                     console.error(`Failed to unstake sTLOS: ${message}`);
+                    this.$q.notify({
+                        position: 'top',
+                        message: this.$t('pages.staking.unstake_stlos_error', { message }),
+                    });
                     this.resultHash = null;
                 })
                 .finally(() => {
diff --git a/src/pages/staking/WithdrawPage.vue b/src/pages/staking/WithdrawPage.vue
index 46030f535..6c47744ac 100644
--- a/src/pages/staking/WithdrawPage.vue
+++ b/src/pages/staking/WithdrawPage.vue
@@ -12,7 +12,7 @@
                     rowsPerPage: deposits.length,
                     rowsNumber: deposits.length
                 }"
-                no-data-label="No withdrawable positions"
+                :no-data-label="$t('pages.staking.no_withdrawable_positions')"
                 flat
             >
                 <q-tr :props="props" :no-hover="false">
@@ -30,7 +30,7 @@
                                 @click="showAge=!showAge"
                             >
                                 <q-tooltip anchor="bottom middle" self="top middle" max-width="10rem">
-                                    Click to change time format
+                                    {{ $t('pages.staking.click_to_change_time_format') }}
                                 </q-tooltip>
                             </q-icon>
                         </template>
@@ -53,10 +53,10 @@
         </div>
         <div v-show="isLoggedIn" class="escrow-stat-container">
             <div class="escrow-stat">
-                Unstaking: {{ unstakingBalance }}
+                {{ $t('pages.staking.unstaking') }}: {{ unstakingBalance }}
             </div>
             <div class="escrow-stat">
-                Available to withdraw: {{ unlockedBalance }}
+                {{ $t('pages.staking.available_to_withdraw') }}: {{ unlockedBalance }}
             </div>
         </div>
         <div class="col-xs-12 u-flex--center withdraw-button-container">
@@ -66,12 +66,12 @@
                 text-color="black"
                 @click="withdrawUnlocked"
             >
-                Withdraw TLOS
+                {{ $t('pages.staking.withdraw_tlos') }}
             </q-btn>
         </div>
     </div>
     <div v-if="resultHash" class="transaction-notification col-sm-12 col-md-6 offset-md-3">
-        Withdraw successful! View Transaction:
+        {{ $t('pages.staking.withdraw_successful') }}:
         <transaction-field :transaction-hash="resultHash" />
     </div>
 </div>
@@ -153,6 +153,10 @@ export default {
                 })
                 .catch(({ message }) => {
                     console.error(`Failed to withdraw unlocked TLOS: ${message}`);
+                    this.$q.notify({
+                        type: 'negative',
+                        message: this.$t('pages.staking.withdraw_failed', { message }),
+                    });
                     this.resultHash = null;
                 });
         },
diff --git a/src/pages/staking/staking-utils.js b/src/pages/staking/staking-utils.js
index 18c4424e1..e8e140133 100644
--- a/src/pages/staking/staking-utils.js
+++ b/src/pages/staking/staking-utils.js
@@ -7,7 +7,7 @@ const HOUR_SECONDS = 3600;
  * @param {number|null} seconds
  * @returns {string} plain english time period
  */
-export function formatUnstakePeriod(seconds) {
+export function formatUnstakePeriod(seconds, $t) {
     if (seconds === null)
         return '--';
 
@@ -16,13 +16,13 @@ export function formatUnstakePeriod(seconds) {
 
     if (seconds < HOUR_SECONDS) {
         quantity = seconds / 60;
-        unit = 'minutes';
+        unit = $t('pages.staking.minutes');
     } else if (seconds < DAY_SECONDS) {
         quantity = seconds / HOUR_SECONDS;
-        unit = 'hours';
+        unit = $t('pages.staking.hours');
     } else {
         quantity = seconds / DAY_SECONDS;
-        unit = 'days';
+        unit = $t('pages.staking.days');
     }
 
     if (!Number.isInteger(quantity))
diff --git a/yarn.lock b/yarn.lock
index c27d77ac1..1b5b976df 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1825,6 +1825,44 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
+"@intlify/core-base@9.2.2":
+  version "9.2.2"
+  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-9.2.2.tgz#5353369b05cc9fe35cab95fe20afeb8a4481f939"
+  integrity sha512-JjUpQtNfn+joMbrXvpR4hTF8iJQ2sEFzzK3KIESOx+f+uwIjgw20igOyaIdhfsVVBCds8ZM64MoeNSx+PHQMkA==
+  dependencies:
+    "@intlify/devtools-if" "9.2.2"
+    "@intlify/message-compiler" "9.2.2"
+    "@intlify/shared" "9.2.2"
+    "@intlify/vue-devtools" "9.2.2"
+
+"@intlify/devtools-if@9.2.2":
+  version "9.2.2"
+  resolved "https://registry.yarnpkg.com/@intlify/devtools-if/-/devtools-if-9.2.2.tgz#b13d9ac4b4e2fe6d2e7daa556517a8061fe8bd39"
+  integrity sha512-4ttr/FNO29w+kBbU7HZ/U0Lzuh2cRDhP8UlWOtV9ERcjHzuyXVZmjyleESK6eVP60tGC9QtQW9yZE+JeRhDHkg==
+  dependencies:
+    "@intlify/shared" "9.2.2"
+
+"@intlify/message-compiler@9.2.2":
+  version "9.2.2"
+  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-9.2.2.tgz#e42ab6939b8ae5b3d21faf6a44045667a18bba1c"
+  integrity sha512-IUrQW7byAKN2fMBe8z6sK6riG1pue95e5jfokn8hA5Q3Bqy4MBJ5lJAofUsawQJYHeoPJ7svMDyBaVJ4d0GTtA==
+  dependencies:
+    "@intlify/shared" "9.2.2"
+    source-map "0.6.1"
+
+"@intlify/shared@9.2.2":
+  version "9.2.2"
+  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-9.2.2.tgz#5011be9ca2b4ab86f8660739286e2707f9abb4a5"
+  integrity sha512-wRwTpsslgZS5HNyM7uDQYZtxnbI12aGiBZURX3BTR9RFIKKRWpllTsgzHWvj3HKm3Y2Sh5LPC1r0PDCKEhVn9Q==
+
+"@intlify/vue-devtools@9.2.2":
+  version "9.2.2"
+  resolved "https://registry.yarnpkg.com/@intlify/vue-devtools/-/vue-devtools-9.2.2.tgz#b95701556daf7ebb3a2d45aa3ae9e6415aed8317"
+  integrity sha512-+dUyqyCHWHb/UcvY1MlIpO87munedm3Gn6E9WWYdWrMuYLcoIoOEVDWSS8xSwtlPU+kA+MEQTP6Q1iI/ocusJg==
+  dependencies:
+    "@intlify/core-base" "9.2.2"
+    "@intlify/shared" "9.2.2"
+
 "@istanbuljs/load-nyc-config@^1.0.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
@@ -2843,6 +2881,11 @@
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.2.1.tgz#6f2948ff002ec46df01420dfeff91de16c5b4092"
   integrity sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==
 
+"@vue/devtools-api@^6.2.1":
+  version "6.4.5"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.4.5.tgz#d54e844c1adbb1e677c81c665ecef1a2b4bb8380"
+  integrity sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ==
+
 "@vue/reactivity-transform@3.2.38":
   version "3.2.38"
   resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.38.tgz#a856c217b2ead99eefb6fddb1d61119b2cb67984"
@@ -10264,16 +10307,16 @@ source-map@0.5.6:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
   integrity sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==
 
+source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
 source-map@^0.5.0:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
   integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
 
-source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
-  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
-
 sourcemap-codec@^1.4.8:
   version "1.4.8"
   resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
@@ -11179,6 +11222,16 @@ vue-eslint-parser@^9.0.1:
     lodash "^4.17.21"
     semver "^7.3.6"
 
+vue-i18n@^9.0.0:
+  version "9.2.2"
+  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-9.2.2.tgz#aeb49d9424923c77e0d6441e3f21dafcecd0e666"
+  integrity sha512-yswpwtj89rTBhegUAv9Mu37LNznyu3NpyLQmozF3i1hYOhwpG8RjcjIFIIfnu+2MDZJGSZPXaKWvnQA71Yv9TQ==
+  dependencies:
+    "@intlify/core-base" "9.2.2"
+    "@intlify/shared" "9.2.2"
+    "@intlify/vue-devtools" "9.2.2"
+    "@vue/devtools-api" "^6.2.1"
+
 vue-json-viewer@3:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/vue-json-viewer/-/vue-json-viewer-3.0.4.tgz#c1d65515e57d4036defbbc18fa942d7fd5fb9a8b"