diff --git a/assets/icons/square-root-icon.svg b/assets/icons/square-root-icon.svg
new file mode 100644
index 0000000..3825287
--- /dev/null
+++ b/assets/icons/square-root-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M282.6 78.1c8-27.3 33-46.1 61.4-46.1l200 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L344 96 238.7 457c-3.6 12.3-14.1 21.2-26.8 22.8s-25.1-4.6-31.5-15.6L77.6 288 32 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l45.6 0c22.8 0 43.8 12.1 55.3 31.8l65.2 111.8L282.6 78.1zM393.4 233.4c12.5-12.5 32.8-12.5 45.3 0L480 274.7l41.4-41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L525.3 320l41.4 41.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L480 365.3l-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L434.7 320l-41.4-41.4c-12.5-12.5-12.5-32.8 0-45.3z"/></svg>
\ No newline at end of file
diff --git a/components/AppCopy.vue b/components/AppCopy.vue
index 2384410..596f298 100644
--- a/components/AppCopy.vue
+++ b/components/AppCopy.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="app-copy">
     <slot />
+    <!-- TODO: Refactor condition to avoid "value || ' '" in components  -->
     <button v-if="String(props.value)" type="button" @click="handleCopy">
       <app-icon
         class="app-copy__icon"
diff --git a/components/ToolsSidebar.vue b/components/ToolsSidebar.vue
index d3d3092..b3dcc2a 100644
--- a/components/ToolsSidebar.vue
+++ b/components/ToolsSidebar.vue
@@ -70,6 +70,16 @@ const navLinks = computed(() => [
     icon: ICON_NAMES.locationMarker,
     route: { name: ROUTE_NAMES.addressUtils },
   },
+  {
+    title: t('tools-sidebar.constants'),
+    icon: ICON_NAMES.squareRoot,
+    route: { name: ROUTE_NAMES.constants },
+  },
+  {
+    title: t('tools-sidebar.ecrecover'),
+    icon: ICON_NAMES.checkCircle,
+    route: { name: ROUTE_NAMES.ecrecover },
+  },
 ])
 
 const { width: windowWidth } = useWindowSize()
diff --git a/composables/use-form-validation.ts b/composables/use-form-validation.ts
index 11ae3c6..2d6aa1b 100644
--- a/composables/use-form-validation.ts
+++ b/composables/use-form-validation.ts
@@ -52,5 +52,6 @@ export const useFormValidation = (
     getFieldErrorMessage,
     touchField,
     isFormValid,
+    validationController,
   }
 }
diff --git a/constants/bytes.constant.ts b/constants/bytes.constant.ts
new file mode 100644
index 0000000..1df87ad
--- /dev/null
+++ b/constants/bytes.constant.ts
@@ -0,0 +1,2 @@
+export const ZERO_BYTES_32 =
+  '0x0000000000000000000000000000000000000000000000000000000000000000'
diff --git a/constants/index.ts b/constants/index.ts
index 07aa784..b5bf401 100644
--- a/constants/index.ts
+++ b/constants/index.ts
@@ -1 +1,2 @@
 export * from './numbers.constant'
+export * from './bytes.constant'
diff --git a/enums/icon-names.enum.ts b/enums/icon-names.enum.ts
index 8f56a0a..492ad5c 100644
--- a/enums/icon-names.enum.ts
+++ b/enums/icon-names.enum.ts
@@ -21,4 +21,5 @@ export enum ICON_NAMES {
   refresh = 'refresh',
   xCircle = 'x-circle',
   x = 'x',
+  squareRoot = 'square-root',
 }
diff --git a/enums/index.ts b/enums/index.ts
index 77ba008..8af1241 100644
--- a/enums/index.ts
+++ b/enums/index.ts
@@ -2,3 +2,4 @@ export * from './ethereum-types.enum'
 export * from './icon-names.enum'
 export * from './route-names.enum'
 export * from './window-breakpoints.enum'
+export * from './period.enum'
diff --git a/enums/period.enum.ts b/enums/period.enum.ts
new file mode 100644
index 0000000..73df7c3
--- /dev/null
+++ b/enums/period.enum.ts
@@ -0,0 +1,17 @@
+export enum PERIOD_IDS {
+  seconds = 's',
+  minutes = 'min',
+  hours = 'h',
+  days = 'd',
+  weeks = 'w',
+  months = 'mon',
+  years = 'y',
+}
+
+export enum PERIOD_CONSTANTS {
+  secondsInHour = 3600,
+  hoursInDay = 24,
+  daysInWeek = 7,
+  daysInMonth = 30,
+  daysInYear = 360,
+}
diff --git a/enums/route-names.enum.ts b/enums/route-names.enum.ts
index e1eeed9..d8a52c3 100644
--- a/enums/route-names.enum.ts
+++ b/enums/route-names.enum.ts
@@ -7,9 +7,11 @@ export enum ROUTE_NAMES {
   unixEpoch = 'unix-epoch',
   unixEpochDate = 'unix-epoch-date',
   unixEpochTimestamp = 'unix-epoch-timestamp',
+  unixEpochDuration = 'unix-epoch-duration',
   converter = 'converter',
   converterUnit = 'converter-unit',
   converterNumber = 'converter-number',
+  converterAscii = 'converter-ascii',
   hashFunction = 'hash-function',
   hashFunctionKeccak256Id = 'hash-function-keccak256-id',
   hashFunctionSha256Id = 'hash-function-sha256-id',
@@ -18,4 +20,8 @@ export enum ROUTE_NAMES {
   addressUtilsCommonAddresses = 'address-utils-common-addresses',
   addressUtilsCreate = 'address-utils-create',
   addressUtilsCreate2 = 'address-utils-create2',
+  constants = 'constants',
+  constantsBytes = 'constants-bytes',
+  ecrecover = 'ecrecover',
+  ecrecoverVerify = 'ecrecover-verify',
 }
diff --git a/fields/TextareaField.vue b/fields/TextareaField.vue
index 50ae833..63268e0 100644
--- a/fields/TextareaField.vue
+++ b/fields/TextareaField.vue
@@ -8,6 +8,13 @@
       {{ label }}
     </label>
     <div class="textarea-field__textarea-wrp">
+      <div
+        v-if="hasLeftNode"
+        ref="nodeLeftWrp"
+        class="textarea-field__node-left-wrp"
+      >
+        <slot v-if="$slots.nodeLeft" name="nodeLeft" />
+      </div>
       <textarea
         ref="textareaElement"
         class="textarea-field__textarea"
@@ -105,6 +112,7 @@ const slots = useSlots()
 const uid = uuidv4()
 const textareaElement = ref<HTMLTextAreaElement | null>(null)
 const nodeRightWrp = ref<HTMLDivElement | null>(null)
+const nodeLeftWrp = ref<HTMLDivElement | null>(null)
 
 const isDisabled = computed(() =>
   ['', 'disabled', true].includes(attrs.disabled as string | boolean),
@@ -122,6 +130,8 @@ const hasRightNode = computed<boolean>(() =>
   Boolean(slots.nodeRight || props.isClearable || props.errorMessage),
 )
 
+const hasLeftNode = computed<boolean>(() => Boolean(slots.nodeLeft))
+
 const listeners = computed(() => ({
   input: (event: Event) => {
     const eventTarget = event.target as HTMLTextAreaElement
@@ -132,6 +142,7 @@ const listeners = computed(() => ({
 const textareaClasses = computed(() => [
   'textarea-field',
   ...(hasRightNode.value ? ['textarea-field--node-right'] : []),
+  ...(hasLeftNode.value ? ['textarea-field--node-left'] : []),
   ...(isDisabled.value ? ['textarea-field--disabled'] : []),
   ...(isReadonly.value ? ['textarea-field--readonly'] : []),
   ...(props.errorMessage ? ['textarea-field--error'] : []),
@@ -183,6 +194,15 @@ onMounted(() => {
       }px + var(--field-padding-right) * 2)`,
     )
   }
+
+  if (slots?.nodeLeft && nodeLeftWrp.value) {
+    textareaElement.value?.style.setProperty(
+      'padding-left',
+      `calc(${
+        nodeLeftWrp.value?.offsetWidth || OFFSET_WIDTH
+      }px + var(--field-padding-right) * 2)`,
+    )
+  }
 })
 </script>
 
@@ -250,6 +270,10 @@ $z-index-side-nodes: 1;
     padding-right: calc(var(--field-padding-right) * 3);
   }
 
+  .textarea-field--node-left & {
+    padding-left: calc(var(--field-padding-left) * 3);
+  }
+
   .textarea-field--error.textarea-field--primary & {
     border-color: var(--field-error);
   }
@@ -279,6 +303,17 @@ $z-index-side-nodes: 1;
   gap: toRem(8);
 }
 
+.textarea-field__node-left-wrp {
+  position: absolute;
+  top: 50%;
+  left: var(--field-padding-left);
+  transform: translateY(-50%);
+  color: inherit;
+  z-index: $z-index-side-nodes;
+  display: flex;
+  gap: toRem(8);
+}
+
 .textarea-field__icon {
   max-width: toRem(24);
   max-height: toRem(24);
diff --git a/forms/AsciiConverterForm.vue b/forms/AsciiConverterForm.vue
new file mode 100644
index 0000000..b7c98e0
--- /dev/null
+++ b/forms/AsciiConverterForm.vue
@@ -0,0 +1,84 @@
+<template>
+  <form class="ascii-converter-form">
+    <div class="ascii-converter-form__input">
+      <h3>{{ $t('ascii-converter-form.input-title') }}</h3>
+      <textarea-field
+        v-for="(value, key) in form"
+        size="small"
+        :model-value="value"
+        :key="key"
+        :label="$t(`ascii-converter-form.${key}-label`)"
+        :placeholder="$t(`ascii-converter-form.${key}-placeholder`)"
+        :error-message="getFieldErrorMessage(key)"
+        @update:model-value="formatInputs($event, key)"
+        @blur="touchField(key)"
+      >
+        <template #nodeLeft>
+          <!-- value || ' ' to keep the copy-button visible in input -->
+          <app-copy :value="value || ' '" />
+        </template>
+      </textarea-field>
+    </div>
+  </form>
+</template>
+
+<script lang="ts" setup>
+import { AppCopy } from '#components'
+import { useFormValidation } from '@/composables'
+import { TextareaField } from '@/fields'
+import { hexadecimal } from '@/helpers'
+import { isEmpty } from 'lodash-es'
+import { reactive } from 'vue'
+import { hexToASCII, asciiToHex } from '@/helpers'
+
+type AsciiConverterForm = {
+  hexadecimal: string
+  ascii: string
+}
+
+type AsciiConverterFormKeys = keyof AsciiConverterForm
+
+const form = reactive<AsciiConverterForm>({
+  hexadecimal: '',
+  ascii: '',
+})
+
+const { getFieldErrorMessage, touchField, isFormValid } = useFormValidation(
+  form,
+  {
+    hexadecimal: { hexadecimal },
+    ascii: {},
+  },
+)
+
+const formatInputs = (value: string | number, key: AsciiConverterFormKeys) => {
+  form[key] = String(value)
+  const formKeys = Object.keys(form) as Array<AsciiConverterFormKeys>
+  const filteredKeys = formKeys.filter(_key => _key !== key)
+  const formattedValue = String(value).trim()
+
+  if (isEmpty(formattedValue) || !isFormValid()) {
+    for (key of filteredKeys) form[key] = ''
+    return
+  }
+
+  switch (key) {
+    case 'hexadecimal':
+      form.ascii = hexToASCII(form.hexadecimal)
+      break
+    case 'ascii':
+      form.hexadecimal = asciiToHex(form.ascii)
+      break
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.ascii-converter-form {
+  @include solidity-tools-form;
+}
+
+.ascii-converter-form__input {
+  @include solidity-tools-form-part;
+}
+</style>
diff --git a/forms/CommonAddressesForm.vue b/forms/CommonAddressesForm.vue
index 57a3cbc..1f29f38 100644
--- a/forms/CommonAddressesForm.vue
+++ b/forms/CommonAddressesForm.vue
@@ -2,32 +2,22 @@
   <form class="common-addresses-form" @submit.prevent>
     <div class="common-addresses-form__input">
       <h3>{{ $t('common-addresses-form.input-title') }}</h3>
-      <template v-for="(_, key) in form" :key="key">
+      <template v-for="(value, key) in form" :key="key">
         <div v-if="key === 'randomAddress'">
           <div class="common-addresses-form__label-wrp">
-            <label
-              class="common-addresses-form__label"
-              :for="randomAddressInputFieldUid"
-            >
+            <label class="common-addresses-form__label">
               {{ $t(`common-addresses-form.${key}-label`) }}
             </label>
-            <button
-              v-if="key === 'randomAddress'"
-              @click="form.randomAddress = generateRandomAddress()"
-            >
+            <button v-if="key === 'randomAddress'" @click="updateRandomAddress">
               <app-icon
                 class="common-addresses-form__btn-icon"
                 :name="$icons.refresh"
               />
             </button>
           </div>
-          <input-field
-            readonly
-            :model-value="form[key]"
-            :uid="randomAddressInputFieldUid"
-          >
+          <input-field readonly :model-value="value">
             <template #nodeLeft>
-              <app-copy :value="form[key]" />
+              <app-copy :value="value" />
             </template>
           </input-field>
         </div>
@@ -35,10 +25,10 @@
           v-else
           readonly
           :label="$t(`common-addresses-form.${key}-label`)"
-          :model-value="form[key]"
+          :model-value="value"
         >
           <template #nodeLeft>
-            <app-copy :value="form[key]" />
+            <app-copy :value="value" />
           </template>
         </input-field>
       </template>
@@ -50,11 +40,12 @@
 import { AppCopy, AppIcon } from '#components'
 import { InputField } from '@/fields'
 import { Wallet } from 'ethers'
-import { v4 as uuidv4 } from 'uuid'
-import { onMounted, reactive } from 'vue'
+import { reactive } from 'vue'
 
-const randomAddressInputFieldUid = `input-field--${uuidv4()}`
 const generateRandomAddress = (): string => Wallet.createRandom().address
+const updateRandomAddress = () => {
+  form.randomAddress = generateRandomAddress()
+}
 
 const form = reactive({
   zeroAddress: '0x0000000000000000000000000000000000000000',
@@ -62,10 +53,6 @@ const form = reactive({
   allEsAddress: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE',
   randomAddress: generateRandomAddress(),
 })
-
-onMounted(() => {
-  form.randomAddress = generateRandomAddress()
-})
 </script>
 
 <style lang="scss" scoped>
diff --git a/forms/ConstantsForm.vue b/forms/ConstantsForm.vue
new file mode 100644
index 0000000..5c33a96
--- /dev/null
+++ b/forms/ConstantsForm.vue
@@ -0,0 +1,79 @@
+<template>
+  <form class="constants-form" @submit.prevent>
+    <div class="constants-form__input">
+      <h3>{{ $t('constants-form.title') }}</h3>
+      <div>
+        <div class="constants-form__label-wrp">
+          <label class="constants-form__label">
+            {{ $t(`constants-form.random-bytes32-label`) }}
+          </label>
+          <button @click="updateRandomBytes">
+            <app-icon class="constants-form__btn-icon" :name="$icons.refresh" />
+          </button>
+        </div>
+        <input-field v-model="form.randomBytes32" readonly>
+          <template #nodeLeft>
+            <app-copy :value="form.randomBytes32" />
+          </template>
+        </input-field>
+      </div>
+    </div>
+
+    <input-field
+      v-model="form.zeroBytes32"
+      readonly
+      :label="$t(`constants-form.zero-bytes32-label`)"
+    >
+      <template #nodeLeft>
+        <app-copy :value="form.zeroBytes32" />
+      </template>
+    </input-field>
+  </form>
+</template>
+
+<script lang="ts" setup>
+import { AppCopy, AppIcon } from '#components'
+import { InputField } from '@/fields'
+import { reactive } from 'vue'
+import { randomBytes, hexlify } from 'ethers'
+import { ZERO_BYTES_32 } from '@/constants'
+
+const updateRandomBytes = () => {
+  form.randomBytes32 = generateRandomBytes()
+}
+const generateRandomBytes = (): string => hexlify(randomBytes(32))
+
+const form = reactive({
+  zeroBytes32: ZERO_BYTES_32,
+  randomBytes32: generateRandomBytes(),
+})
+</script>
+
+<style lang="scss" scoped>
+.constants-form {
+  @include solidity-tools-form;
+}
+
+.constants-form__input {
+  @include solidity-tools-form-part;
+}
+
+.constants-form__label-wrp {
+  display: flex;
+  gap: toRem(8);
+  align-items: center;
+  margin-bottom: var(--field-label-margin-bottom);
+}
+
+.constants-form__label {
+  @include field-label;
+
+  margin-bottom: 0;
+}
+
+.constants-form .constants-form__btn-icon {
+  height: toRem(16);
+  width: toRem(16);
+  color: var(--primary-main);
+}
+</style>
diff --git a/forms/DurationForm.vue b/forms/DurationForm.vue
new file mode 100644
index 0000000..1e90203
--- /dev/null
+++ b/forms/DurationForm.vue
@@ -0,0 +1,124 @@
+\
+<template>
+  <form class="duration-form">
+    <div class="duration-form__input">
+      <h3>{{ $t('duration-form.input-title') }}</h3>
+      <input-field
+        v-model="form.duration"
+        :label="$t('duration-form.duration-label')"
+        :placeholder="$t('duration-form.duration-placeholder')"
+        @blur="touchField('duration')"
+      />
+      <p class="duration-form__text">
+        <app-icon class="duration-form__text-icon" :name="ICON_NAMES.clock" />
+        {{
+          $t('duration-form.info', {
+            daysInYear: PERIOD_CONSTANTS.daysInYear,
+            daysInMonth: PERIOD_CONSTANTS.daysInMonth,
+          })
+        }}
+      </p>
+    </div>
+    <div class="duration-form__divider" />
+    <div class="duration-form__output">
+      <h3>{{ $t('duration-form.output-title') }}</h3>
+      <div v-for="(item, idx) in outputItems" :key="idx">
+        <p class="duration-form__output-item-label">
+          {{ item.label }}
+        </p>
+        <app-copy :value="item.value">
+          <p class="duration-form__output-item-value">
+            {{ item.value || '–' }}
+          </p>
+        </app-copy>
+      </div>
+    </div>
+  </form>
+</template>
+
+<script lang="ts" setup>
+import { AppCopy } from '#components'
+import { useFormValidation } from '@/composables'
+import { InputField } from '@/fields'
+import { computed, reactive, watch } from 'vue'
+import { i18n } from '~/plugins/localization'
+import { getTotalDurationAsSeconds, getTransformedPeriod } from '@/helpers'
+import { ICON_NAMES, PERIOD_CONSTANTS } from '@/enums'
+import { Periods } from 'types/period.types'
+
+const { t } = i18n.global
+
+const form = reactive({ duration: '' })
+
+const rawDuration = reactive<Periods>({
+  seconds: 0,
+  minutes: 0,
+  hours: 0,
+  days: 0,
+  weeks: 0,
+  months: 0,
+  years: 0,
+})
+
+const { touchField } = useFormValidation(form, {})
+
+const outputItems = computed(() => [
+  {
+    label: t('duration-form.you-put-label'),
+    value: pastedValue.value,
+  },
+  {
+    label: t('duration-form.milliseconds-label'),
+    value: secondsDuration.value || '',
+  },
+])
+
+const pastedValue = computed(() => t('duration-form.pasted-value', rawDuration))
+
+const secondsDuration = computed(() => {
+  return getTotalDurationAsSeconds(rawDuration)
+})
+
+watch(
+  () => form.duration,
+  () => {
+    Object.assign(rawDuration, getTransformedPeriod(form.duration))
+  },
+)
+</script>
+
+<style lang="scss" scoped>
+.duration-form {
+  @include solidity-tools-form;
+}
+
+.duration-form__output,
+.duration-form__input {
+  @include solidity-tools-form-part;
+}
+
+.duration-form__divider {
+  @include solidity-tools-form-divider;
+}
+
+.duration-form__output-item-label {
+  @include field-label;
+}
+
+.duration-form__output-item-value {
+  @include text-ellipsis;
+}
+
+.duration-form__text {
+  font-size: toRem(14);
+  display: flex;
+  align-items: center;
+  gap: toRem(5);
+}
+
+.duration-form__text-icon {
+  width: toRem(16);
+  height: toRem(16);
+  color: var(--primary-main);
+}
+</style>
diff --git a/forms/NumberConverterForm.vue b/forms/NumberConverterForm.vue
index f92de4c..3eb72b4 100644
--- a/forms/NumberConverterForm.vue
+++ b/forms/NumberConverterForm.vue
@@ -2,20 +2,22 @@
   <form class="number-converter-form">
     <div class="number-converter-form__input">
       <h3>{{ $t('number-converter-form.input-title') }}</h3>
-      <input-field
-        v-for="(_, key) in form"
-        :model-value="form[key]"
+      <textarea-field
+        v-for="(value, key) in form"
+        size="small"
+        :model-value="value"
         :key="key"
         :label="$t(`number-converter-form.${key}-label`)"
         :placeholder="$t(`number-converter-form.${key}-placeholder`)"
         :error-message="getFieldErrorMessage(key)"
-        @blur="touchField(key)"
         @update:model-value="formatInputs($event, key)"
+        @blur="touchField(key)"
       >
         <template #nodeLeft>
-          <app-copy :value="form[key] || 0" />
+          <!-- value || ' ' to keep the copy-button visible in input -->
+          <app-copy :value="value || ' '" />
         </template>
-      </input-field>
+      </textarea-field>
     </div>
   </form>
 </template>
@@ -24,12 +26,14 @@
 import { AppCopy } from '#components'
 import { useFormValidation } from '@/composables'
 import { NUMBER_SYSTEMS } from '@/constants'
-import { InputField } from '@/fields'
+import { TextareaField } from '@/fields'
 import { binary, hexadecimal, integer, octal } from '@/helpers'
 import { BigNumber } from 'bignumber.js'
 import { isEmpty } from 'lodash-es'
 import { reactive } from 'vue'
 
+type NumberConverterFormKeys = keyof typeof form
+
 const form = reactive({
   binary: '',
   octal: '',
@@ -47,10 +51,10 @@ const { getFieldErrorMessage, touchField, isFormValid } = useFormValidation(
   },
 )
 
-const formatInputs = (value: string | number, key: keyof typeof form) => {
+const formatInputs = (value: string | number, key: NumberConverterFormKeys) => {
   form[key] = String(value)
 
-  const formKeys = Object.keys(form) as (keyof typeof form)[]
+  const formKeys = Object.keys(form) as NumberConverterFormKeys[]
   const filteredKeys = formKeys.filter(_key => _key !== key)
   const formattedValue = String(value).trim()
 
diff --git a/forms/UnitConverterForm.vue b/forms/UnitConverterForm.vue
index a85f6ce..2ef9544 100644
--- a/forms/UnitConverterForm.vue
+++ b/forms/UnitConverterForm.vue
@@ -2,20 +2,22 @@
   <form class="unit-converter-form">
     <div class="unit-converter-form__input">
       <h3>{{ $t('unit-converter-form.input-title') }}</h3>
-      <input-field
-        v-for="(_, key) in form"
+      <textarea-field
+        v-for="(value, key) in form"
+        size="small"
+        :model-value="value"
         :key="key"
         :label="UNITS[key].title"
         :placeholder="UNITS[key].title"
-        :model-value="form[key]"
         :error-message="getFieldErrorMessage(key)"
         @blur="touchField(key)"
         @update:model-value="formatInputs($event, key)"
       >
         <template #nodeLeft>
-          <app-copy :value="form[key] || 0" />
+          <!-- value || ' ' to keep the copy-button visible in input -->
+          <app-copy :value="value || ' '" />
         </template>
-      </input-field>
+      </textarea-field>
     </div>
   </form>
 </template>
@@ -24,11 +26,13 @@
 import { AppCopy } from '#components'
 import { useFormValidation } from '@/composables'
 import { UNITS } from '@/constants'
-import { InputField } from '@/fields'
+import { TextareaField } from '@/fields'
 import { fromUnits, numeric, toUnits } from '@/helpers'
 import { isEmpty, mapValues } from 'lodash-es'
 import { reactive } from 'vue'
 
+type UnitConverterFormKeys = keyof typeof form
+
 const form = reactive({
   wei: '',
   kwei: '',
@@ -48,10 +52,10 @@ const { getFieldErrorMessage, touchField, isFormValid } = useFormValidation(
   mapValues(form, () => ({ numeric })),
 )
 
-const formatInputs = (value: string | number, key: keyof typeof form) => {
+const formatInputs = (value: string | number, key: UnitConverterFormKeys) => {
   form[key] = String(value)
 
-  const formKeys = Object.keys(form) as (keyof typeof form)[]
+  const formKeys = Object.keys(form) as UnitConverterFormKeys[]
   const filteredKeys = formKeys.filter(_key => _key !== key)
   const formattedValue = String(value).trim()
 
diff --git a/forms/VerifySignatureForm.vue b/forms/VerifySignatureForm.vue
new file mode 100644
index 0000000..459dc6b
--- /dev/null
+++ b/forms/VerifySignatureForm.vue
@@ -0,0 +1,121 @@
+<template>
+  <form class="verify-signature-form" @submit.prevent="verifySignature">
+    <div class="verify-signature-form__input">
+      <h3>{{ $t('verify-signature-form.input-title') }}</h3>
+      <div class="verify-signature-form__input-fields">
+        <input-field
+          v-model="form.accountAddress"
+          :label="$t('verify-signature-form.account-address-label')"
+          :placeholder="$t('verify-signature-form.account-address-placeholder')"
+          :error-message="getFieldErrorMessage('accountAddress')"
+          @blur="touchField('accountAddress')"
+        />
+        <textarea-field
+          v-model="form.message"
+          :label="$t('verify-signature-form.message-label')"
+          :placeholder="$t('verify-signature-form.message-placeholder')"
+          :error-message="getFieldErrorMessage('message')"
+          @blur="touchField('message')"
+        />
+        <textarea-field
+          v-model="form.signature"
+          :label="$t('verify-signature-form.signature-label')"
+          :placeholder="$t('verify-signature-form.signature-placeholder')"
+          :error-message="getFieldErrorMessage('signature')"
+          @blur="touchField('signature')"
+        />
+        <div class="verify-signature-form__buttons">
+          <app-button
+            type="submit"
+            :text="$t('verify-signature-form.submit-btn')"
+          />
+          <app-button
+            scheme="flat"
+            :text="$t('verify-signature-form.reset-btn')"
+            @click="resetForm"
+          />
+        </div>
+      </div>
+    </div>
+  </form>
+</template>
+
+<script lang="ts" setup>
+import { useFormValidation } from '@/composables'
+import { InputField, TextareaField } from '@/fields'
+import { ErrorHandler, address, hexadecimal, required } from '@/helpers'
+import { verifyMessage, getAddress } from 'ethers'
+import { i18n } from '~/plugins/localization'
+import { reactive } from 'vue'
+
+const { showToast } = useNotifications()
+const { t } = i18n.global
+
+const INITIAL_FORM_STATE = {
+  accountAddress: '',
+  signature: '',
+  message: '',
+}
+
+const form = reactive({ ...INITIAL_FORM_STATE })
+
+const { isFormValid, getFieldErrorMessage, touchField, validationController } =
+  useFormValidation(form, {
+    accountAddress: { required, address },
+    signature: { required, hexadecimal },
+    message: { required },
+  })
+
+const verifySignature = async () => {
+  try {
+    if (!isFormValid()) return
+    const signerAddr = verifyMessage(form.message, form.signature)
+    if (signerAddr !== getAddress(form.accountAddress)) {
+      showToast('error', t('verify-signature-form.not-verified'))
+      return
+    }
+    showToast('success', t('verify-signature-form.verified'))
+  } catch (error) {
+    ErrorHandler.process(error)
+  }
+}
+
+const resetForm = () => {
+  Object.assign(form, INITIAL_FORM_STATE)
+  validationController.value.$reset()
+}
+</script>
+
+<style lang="scss" scoped>
+.verify-signature-form {
+  @include solidity-tools-form;
+}
+
+.verify-signature-form__output,
+.verify-signature-form__input {
+  @include solidity-tools-form-part;
+}
+
+.verify-signature-form__divider {
+  @include solidity-tools-form-divider;
+}
+
+.verify-signature-form__input-fields {
+  display: flex;
+  flex-direction: column;
+  gap: toRem(16);
+}
+
+.verify-signature-form__output-item-label {
+  @include field-label;
+}
+
+.verify-signature-form__output-item-value {
+  @include text-ellipsis;
+}
+
+.verify-signature-form__buttons {
+  display: flex;
+  gap: toRem(16);
+}
+</style>
diff --git a/forms/index.ts b/forms/index.ts
index b47552e..49434e7 100644
--- a/forms/index.ts
+++ b/forms/index.ts
@@ -8,3 +8,6 @@ export { default as TimestampForm } from './TimestampForm.vue'
 export { default as HashFunctionForm } from './HashFunctionForm.vue'
 export { default as UnitConverterForm } from './UnitConverterForm.vue'
 export { default as NumberConverterForm } from './NumberConverterForm.vue'
+export { default as AsciiConverterForm } from './AsciiConverterForm.vue'
+export { default as ConstantsForm } from './ConstantsForm.vue'
+export { default as VerifySignatureForm } from './VerifySignatureForm.vue'
diff --git a/helpers/index.ts b/helpers/index.ts
index 19253cf..f50d51a 100644
--- a/helpers/index.ts
+++ b/helpers/index.ts
@@ -10,3 +10,4 @@ export * from './type.helpers'
 export * from './validators.helpers'
 export * from './hash-functions.helpers'
 export * from './numbers.helpers'
+export * from './period.helpers'
diff --git a/helpers/period.helpers.ts b/helpers/period.helpers.ts
new file mode 100644
index 0000000..59df361
--- /dev/null
+++ b/helpers/period.helpers.ts
@@ -0,0 +1,70 @@
+import { PERIOD_IDS, PERIOD_CONSTANTS } from '@/enums'
+import { duration } from 'dayjs'
+import { Periods, PeriodKeys } from 'types/period.types'
+
+export const getTransformedPeriod = (dateString: string) => {
+  const dateUnits = Object.entries(PERIOD_IDS)
+
+  const duration = dateUnits.reduce((accumulator, [timeKey, timeId]) => {
+    const regex = new RegExp(`(?<value>\\d+\\.?\\d*)\\s*(${timeId})`, 'g')
+    const matches = dateString.matchAll(regex)
+    const parsedValue = [...matches].reduce((_accumulator, _prevValue) => {
+      if (_prevValue.groups) {
+        const { value } = _prevValue.groups
+        _accumulator += Number(value)
+      }
+      return _accumulator
+    }, 0)
+
+    accumulator[timeKey as PeriodKeys] = parsedValue
+    return accumulator
+  }, {} as Periods)
+
+  return getNormalizedPeriod(duration)
+}
+
+export const getNormalizedPeriod = (rawDuration: Periods): Periods => {
+  const normalizedTime = { ...rawDuration }
+  const seconds = getTotalDurationAsSeconds(rawDuration)
+  let totalDuration = duration(0)
+
+  totalDuration = totalDuration.add(seconds, 'seconds')
+
+  normalizedTime.seconds = totalDuration.seconds()
+  normalizedTime.minutes = totalDuration.minutes()
+  normalizedTime.hours = totalDuration.hours()
+  // Calculated because we have a year as 360 days (NOT 365)
+  // so DayJs can't handle it properly
+  let daysLeft = Math.floor(
+    totalDuration.asSeconds() /
+      (PERIOD_CONSTANTS.hoursInDay * PERIOD_CONSTANTS.secondsInHour),
+  )
+
+  normalizedTime.years = Math.floor(daysLeft / PERIOD_CONSTANTS.daysInYear)
+  daysLeft %= PERIOD_CONSTANTS.daysInYear
+
+  normalizedTime.months = Math.floor(daysLeft / PERIOD_CONSTANTS.daysInMonth)
+  daysLeft %= PERIOD_CONSTANTS.daysInMonth
+
+  normalizedTime.weeks = Math.floor(daysLeft / PERIOD_CONSTANTS.daysInWeek)
+  daysLeft %= PERIOD_CONSTANTS.daysInWeek
+
+  normalizedTime.days = daysLeft
+
+  return normalizedTime
+}
+
+export const getTotalDurationAsSeconds = (rawDuration: Periods) => {
+  let totalDuration = duration(0)
+
+  totalDuration = totalDuration
+    .add(rawDuration.seconds, 'seconds')
+    .add(rawDuration.minutes, 'minutes')
+    .add(rawDuration.hours, 'hours')
+    .add(rawDuration.days, 'days')
+    .add(rawDuration.weeks * PERIOD_CONSTANTS.daysInWeek, 'days')
+    .add(rawDuration.months * PERIOD_CONSTANTS.daysInMonth, 'days')
+    .add(rawDuration.years * PERIOD_CONSTANTS.daysInYear, 'days')
+
+  return totalDuration.asSeconds()
+}
diff --git a/helpers/text.helpers.ts b/helpers/text.helpers.ts
index 23843e5..952c5c3 100644
--- a/helpers/text.helpers.ts
+++ b/helpers/text.helpers.ts
@@ -2,3 +2,22 @@ export function capitalize(str: string) {
   if (!str) return ''
   return str[0].toUpperCase() + str.slice(1)
 }
+
+export function hexToASCII(hexString: string) {
+  const hex = hexString.replace('0x', '')
+
+  let ascii = ''
+  for (let i = 0; i < hex.length; i += 2) {
+    ascii += String.fromCharCode(parseInt(hex.slice(i, i + 2), 16))
+  }
+
+  return ascii
+}
+
+export function asciiToHex(asciiString: string) {
+  let hex = ''
+  for (let i = 0; i < asciiString.length; i++) {
+    hex += asciiString.charCodeAt(i).toString(16).padStart(2, '0')
+  }
+  return '0x' + hex
+}
diff --git a/pages/abi.vue b/pages/abi.vue
index 5c7b1f4..dd137b7 100644
--- a/pages/abi.vue
+++ b/pages/abi.vue
@@ -2,7 +2,7 @@
   <div class="abi-page">
     <h2>{{ $t('abi-page.main-title') }}</h2>
     <div>
-      <app-tabs :tabs="tabsList" />
+      <app-tabs :tabs="tabItems" />
       <div class="abi-page__content">
         <nuxt-page keepalive />
       </div>
@@ -23,21 +23,21 @@ definePageMeta({
   redirect: { name: ROUTE_NAMES.abiEncoderId },
 })
 
-enum TABS_IDS {
+enum TAB_IDS {
   encoder = 'encoder',
   decoder = 'decoder',
 }
 
 const { t } = i18n.global
-const tabsList = computed<Tab[]>(() => [
+const tabItems = computed<Tab[]>(() => [
   {
     title: t('abi-page.encoder-tab'),
-    id: TABS_IDS.encoder,
+    id: TAB_IDS.encoder,
     route: { name: ROUTE_NAMES.abiEncoderId },
   },
   {
     title: t('abi-page.decoder-tab'),
-    id: TABS_IDS.decoder,
+    id: TAB_IDS.decoder,
     route: { name: ROUTE_NAMES.abiDecoderId },
   },
 ])
diff --git a/pages/address-utils.vue b/pages/address-utils.vue
index c00bb4f..364f771 100644
--- a/pages/address-utils.vue
+++ b/pages/address-utils.vue
@@ -2,7 +2,7 @@
   <div class="address-utils-page">
     <h2>{{ $t('address-utils-page.main-title') }}</h2>
     <div>
-      <app-tabs :tabs="tabsList" />
+      <app-tabs :tabs="tabItems" />
       <div class="address-utils-page__content">
         <nuxt-page keepalive />
       </div>
@@ -23,27 +23,27 @@ definePageMeta({
   redirect: { name: ROUTE_NAMES.addressUtilsCommonAddresses },
 })
 
-enum TABS_IDS {
+enum TAB_IDS {
   commonAddressesForm = 'common-addresses-form',
   createAddressForm = 'create-address-form',
   create2AddressForm = 'create2-address-form',
 }
 
 const { t } = i18n.global
-const tabsList = computed<Tab[]>(() => [
+const tabItems = computed<Tab[]>(() => [
   {
     title: t('address-utils-page.common-addresses-form-tab'),
-    id: TABS_IDS.commonAddressesForm,
+    id: TAB_IDS.commonAddressesForm,
     route: { name: ROUTE_NAMES.addressUtilsCommonAddresses },
   },
   {
     title: t('address-utils-page.create-address-form-tab'),
-    id: TABS_IDS.createAddressForm,
+    id: TAB_IDS.createAddressForm,
     route: { name: ROUTE_NAMES.addressUtilsCreate },
   },
   {
     title: t('address-utils-page.create2-address-form-tab'),
-    id: TABS_IDS.create2AddressForm,
+    id: TAB_IDS.create2AddressForm,
     route: { name: ROUTE_NAMES.addressUtilsCreate2 },
   },
 ])
diff --git a/pages/constants.vue b/pages/constants.vue
new file mode 100644
index 0000000..28bda40
--- /dev/null
+++ b/pages/constants.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="constants">
+    <h2>{{ $t('constants.main-title') }}</h2>
+    <div>
+      <app-tabs :tabs="tabItems" />
+      <div class="constants__content">
+        <nuxt-page keepalive />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { definePageMeta } from '#imports'
+import { ROUTE_NAMES } from '@/enums'
+import { i18n } from '~/plugins/localization'
+import { type Tab } from '@/types'
+import { computed } from 'vue'
+
+definePageMeta({
+  layout: 'solidity-tools',
+  redirect: { name: ROUTE_NAMES.constantsBytes },
+})
+
+enum TAB_IDS {
+  constantsBytes = 'constants-bytes',
+}
+
+const { t } = i18n.global
+const tabItems = computed<Tab[]>(() => [
+  {
+    title: t('constants.constants-bytes-tab'),
+    id: TAB_IDS.constantsBytes,
+    route: { name: ROUTE_NAMES.constantsBytes },
+  },
+])
+</script>
+
+<style lang="scss" scoped>
+.constants {
+  @include solidity-tools-page-base;
+}
+
+.constants__content {
+  @include solidity-tools-page-content;
+}
+</style>
diff --git a/pages/constants/bytes.vue b/pages/constants/bytes.vue
new file mode 100644
index 0000000..4d9e488
--- /dev/null
+++ b/pages/constants/bytes.vue
@@ -0,0 +1,7 @@
+<template>
+  <constants-form />
+</template>
+
+<script lang="ts" setup>
+import { ConstantsForm } from '@/forms'
+</script>
diff --git a/pages/converter.vue b/pages/converter.vue
index 29b1232..2730deb 100644
--- a/pages/converter.vue
+++ b/pages/converter.vue
@@ -2,7 +2,7 @@
   <div class="converter-page">
     <h2>{{ $t('converter-page.main-title') }}</h2>
     <div>
-      <app-tabs :tabs="tabsList" />
+      <app-tabs :tabs="tabItems" />
       <div class="converter-page__content">
         <nuxt-page keepalive />
       </div>
@@ -23,23 +23,29 @@ definePageMeta({
   redirect: { name: ROUTE_NAMES.converterUnit },
 })
 
-enum TABS_IDS {
+enum TAB_IDS {
   unitConverterForm = 'unit-converter-form',
   numberConverterForm = 'number-converter-form',
+  asciiConverterForm = 'ascii-converter-form',
 }
 
 const { t } = i18n.global
-const tabsList = computed<Tab[]>(() => [
+const tabItems = computed<Tab[]>(() => [
   {
     title: t('converter-page.unit-converter-form-tab'),
-    id: TABS_IDS.unitConverterForm,
+    id: TAB_IDS.unitConverterForm,
     route: { name: ROUTE_NAMES.converterUnit },
   },
   {
     title: t('converter-page.number-converter-form-tab'),
-    id: TABS_IDS.numberConverterForm,
+    id: TAB_IDS.numberConverterForm,
     route: { name: ROUTE_NAMES.converterNumber },
   },
+  {
+    title: t('converter-page.ascii-converter-form-tab'),
+    id: TAB_IDS.asciiConverterForm,
+    route: { name: ROUTE_NAMES.converterAscii },
+  },
 ])
 </script>
 
diff --git a/pages/converter/ascii.vue b/pages/converter/ascii.vue
new file mode 100644
index 0000000..8d10fcb
--- /dev/null
+++ b/pages/converter/ascii.vue
@@ -0,0 +1,7 @@
+<template>
+  <ascii-converter-form />
+</template>
+
+<script lang="ts" setup>
+import { AsciiConverterForm } from '@/forms'
+</script>
diff --git a/pages/ecrecover.vue b/pages/ecrecover.vue
new file mode 100644
index 0000000..ba9bd07
--- /dev/null
+++ b/pages/ecrecover.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="ecrecover">
+    <h2>{{ $t('ecrecover.main-title') }}</h2>
+    <div>
+      <app-tabs :tabs="tabItems" />
+      <div class="ecrecover__content">
+        <nuxt-page keepalive />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { definePageMeta } from '#imports'
+import { ROUTE_NAMES } from '@/enums'
+import { i18n } from '~/plugins/localization'
+import { type Tab } from '@/types'
+import { computed } from 'vue'
+
+definePageMeta({
+  layout: 'solidity-tools',
+  redirect: { name: ROUTE_NAMES.ecrecoverVerify },
+})
+
+enum TAB_IDS {
+  ecrecoverVerify = 'ecrecover-verify',
+}
+
+const { t } = i18n.global
+const tabItems = computed<Tab[]>(() => [
+  {
+    title: t('ecrecover.ecrecover-secp256k1-tab'),
+    id: TAB_IDS.ecrecoverVerify,
+    route: { name: ROUTE_NAMES.ecrecoverVerify },
+  },
+])
+</script>
+
+<style lang="scss" scoped>
+.ecrecover {
+  @include solidity-tools-page-base;
+}
+
+.ecrecover__content {
+  @include solidity-tools-page-content;
+}
+</style>
diff --git a/pages/ecrecover/verify.vue b/pages/ecrecover/verify.vue
new file mode 100644
index 0000000..f4c1987
--- /dev/null
+++ b/pages/ecrecover/verify.vue
@@ -0,0 +1,7 @@
+<template>
+  <verify-signature-form />
+</template>
+
+<script lang="ts" setup>
+import { VerifySignatureForm } from '@/forms'
+</script>
diff --git a/pages/hash-function.vue b/pages/hash-function.vue
index 2b4b86f..5994fe3 100644
--- a/pages/hash-function.vue
+++ b/pages/hash-function.vue
@@ -2,7 +2,7 @@
   <div class="hash-functions-page">
     <h2>{{ $t('hash-functions-page.main-title') }}</h2>
     <div>
-      <app-tabs :tabs="TABS_LIST" />
+      <app-tabs :tabs="TAB_ITEMS" />
       <div class="hash-functions-page__content">
         <nuxt-page keepalive />
       </div>
@@ -21,26 +21,26 @@ definePageMeta({
   redirect: { name: ROUTE_NAMES.hashFunctionKeccak256Id },
 })
 
-enum TABS_IDS {
+enum TAB_IDS {
   keccak256 = 'keccak256',
   sha256 = 'sha256',
   ripemd160 = 'ripemd160',
 }
 
-const TABS_LIST: Tab[] = [
+const TAB_ITEMS: Tab[] = [
   {
     title: 'Keccak256',
-    id: TABS_IDS.keccak256,
+    id: TAB_IDS.keccak256,
     route: { name: ROUTE_NAMES.hashFunctionKeccak256Id },
   },
   {
     title: 'Sha256',
-    id: TABS_IDS.sha256,
+    id: TAB_IDS.sha256,
     route: { name: ROUTE_NAMES.hashFunctionSha256Id },
   },
   {
     title: 'Ripemd160',
-    id: TABS_IDS.ripemd160,
+    id: TAB_IDS.ripemd160,
     route: { name: ROUTE_NAMES.hashFunctionRipemd160Id },
   },
 ]
diff --git a/pages/unix-epoch.vue b/pages/unix-epoch.vue
index 88d52b4..692723e 100644
--- a/pages/unix-epoch.vue
+++ b/pages/unix-epoch.vue
@@ -2,7 +2,7 @@
   <div class="unix-epoch-page">
     <h2>{{ $t('unix-epoch-page.main-title') }}</h2>
     <div>
-      <app-tabs :tabs="tabsList" />
+      <app-tabs :tabs="tabItems" />
       <div class="unix-epoch-page__content">
         <nuxt-page keepalive />
       </div>
@@ -23,23 +23,29 @@ definePageMeta({
   redirect: { name: ROUTE_NAMES.unixEpochDate },
 })
 
-enum TABS_IDS {
+enum TAB_IDS {
   date = 'date',
   timestamp = 'timestamp',
+  duration = 'duration',
 }
 
 const { t } = i18n.global
-const tabsList = computed<Tab[]>(() => [
+const tabItems = computed<Tab[]>(() => [
   {
     title: t('unix-epoch-page.date-form-tab'),
-    id: TABS_IDS.date,
+    id: TAB_IDS.date,
     route: { name: ROUTE_NAMES.unixEpochDate },
   },
   {
     title: t('unix-epoch-page.timestamp-form-tab'),
-    id: TABS_IDS.timestamp,
+    id: TAB_IDS.timestamp,
     route: { name: ROUTE_NAMES.unixEpochTimestamp },
   },
+  {
+    title: t('unix-epoch-page.duration-form-tab'),
+    id: TAB_IDS.duration,
+    route: { name: ROUTE_NAMES.unixEpochDuration },
+  },
 ])
 </script>
 
diff --git a/pages/unix-epoch/duration.vue b/pages/unix-epoch/duration.vue
new file mode 100644
index 0000000..07376a7
--- /dev/null
+++ b/pages/unix-epoch/duration.vue
@@ -0,0 +1,7 @@
+<template>
+  <duration-form />
+</template>
+
+<script lang="ts" setup>
+import DurationForm from '@/forms/DurationForm.vue'
+</script>
diff --git a/plugins/localization/resources/en.json b/plugins/localization/resources/en.json
index 4383b56..be85985 100644
--- a/plugins/localization/resources/en.json
+++ b/plugins/localization/resources/en.json
@@ -55,7 +55,9 @@
     "hash-functions-title": "Hash functions",
     "converter-title": "Converter",
     "unix-epoch-title": "Unix epoch",
-    "address-utils-title": "Address utils"
+    "address-utils-title": "Address utils",
+    "constants": "Constants",
+    "ecrecover": "Ecrecover"
   },
   "abi-page": {
     "main-title": "ABI Encoder/Decoder",
@@ -71,7 +73,8 @@
   "converter-page": {
     "main-title": "Converter",
     "unit-converter-form-tab": "Unit converter",
-    "number-converter-form-tab": "Number converter"
+    "number-converter-form-tab": "Number converter",
+    "ascii-converter-form-tab": "ASCII converter"
   },
   "hash-functions-page": {
     "main-title": "Hash functions"
@@ -79,7 +82,18 @@
   "unix-epoch-page": {
     "main-title": "UNIX epoch",
     "date-form-tab": "Human date UTC",
-    "timestamp-form-tab": "Timestamp"
+    "timestamp-form-tab": "Timestamp",
+    "duration-form-tab": "Duration"
+  },
+  "duration-form": {
+    "info": "Please note that in the convertor 1 year = {daysInYear} days and 1 month = {daysInMonth} days",
+    "pasted-value": "{years} year(s) {months} month(s) {weeks} week(s) {days} day(s)\n {hours} hour(s) {minutes} minute(s)",
+    "input-title": "Enter Duration",
+    "duration-label": "Duration in following format",
+    "duration-placeholder": "Enter time (ex: 1y 2mon 3w 4h 5min 1300s)",
+    "you-put-label": "Entered duration",
+    "output-title": "Output",
+    "milliseconds-label": "Entered duration (seconds)"
   },
   "abi-decode-form": {
     "input-title": "Decoder",
@@ -163,6 +177,13 @@
     "decimal-placeholder": "Decimal",
     "hexadecimal-placeholder": "Hexadecimal"
   },
+  "ascii-converter-form": {
+    "input-title": "ASCII converter",
+    "hexadecimal-label": "Hexadecimal",
+    "hexadecimal-placeholder": "0x4578616d706c6521",
+    "ascii-label": "ASCII",
+    "ascii-placeholder": "Example!"
+  },
   "timestamp-form": {
     "input-title": "Enter Timestamp",
     "timestamp-label": "Timestamp in seconds",
@@ -252,5 +273,31 @@
     "audits-card-2-file-size": "11.5 MB",
     "audits-card-3-title": "PollenDAO",
     "audits-card-3-file-size": "10.3 MB"
+  },
+  "constants": {
+    "main-title": "Constants",
+    "constants-bytes-tab": "Bytes constants"
+  },
+  "constants-form": {
+    "title": "Bytes",
+    "zero-bytes32-label": "Zero bytes (32)",
+    "random-bytes32-label": "Random bytes (32)"
+  },
+  "ecrecover": {
+    "main-title": "Ecrecover utils",
+    "ecrecover-secp256k1-tab": "Secp256k1 Recovery Tool"
+  },
+  "verify-signature-form": {
+    "input-title": "Verify signature",
+    "verified": "Message signature verified",
+    "not-verified": "The Message Signature Verification Failed!",
+    "account-address-label": "Address",
+    "account-address-placeholder": "Enter the signer address",
+    "message-label": "Message",
+    "message-placeholder": "Enter the original message",
+    "signature-label": "Hash",
+    "signature-placeholder": "Enter the hash of signed message",
+    "submit-btn": "Check signature",
+    "reset-btn": "Reset form"
   }
-}
+}
\ No newline at end of file
diff --git a/types/period.types.ts b/types/period.types.ts
new file mode 100644
index 0000000..c877805
--- /dev/null
+++ b/types/period.types.ts
@@ -0,0 +1,4 @@
+import { PERIOD_IDS } from 'enums/period.enum'
+
+export type PeriodKeys = keyof typeof PERIOD_IDS
+export type Periods = Record<PeriodKeys, number>