diff --git a/src/components/JettonManage/JettonManageForm.vue b/src/components/DevTools/ContractManageForm.vue
similarity index 99%
rename from src/components/JettonManage/JettonManageForm.vue
rename to src/components/DevTools/ContractManageForm.vue
index c9e6ba8..9658ec7 100644
--- a/src/components/JettonManage/JettonManageForm.vue
+++ b/src/components/DevTools/ContractManageForm.vue
@@ -1,8 +1,8 @@
 <template>
-  <h2 class="subtitle">{{ title || $t("message.JettonManage.ChooseOperation") }}</h2>
+  <h2 class="subtitle">{{ title || $t("message.DevTools.ChooseOperation") }}</h2>
 
   <div v-if="!abi.type">
-    {{ $t("message.JettonManage.DefaultText") }}
+    {{ $t("message.DevTools.DefaultText") }}
   </div>
 
 
diff --git a/src/components/JettonManage/JettonOperationsItemGetter.vue b/src/components/DevTools/ContractOperationsItemGetter.vue
similarity index 100%
rename from src/components/JettonManage/JettonOperationsItemGetter.vue
rename to src/components/DevTools/ContractOperationsItemGetter.vue
diff --git a/src/components/JettonManage/JettonOperationsItemReceiver.vue b/src/components/DevTools/ContractOperationsItemReceiver.vue
similarity index 100%
rename from src/components/JettonManage/JettonOperationsItemReceiver.vue
rename to src/components/DevTools/ContractOperationsItemReceiver.vue
diff --git a/src/components/JettonManage/JettonCardBig.vue b/src/components/DevTools/JettonCardBig.vue
similarity index 84%
rename from src/components/JettonManage/JettonCardBig.vue
rename to src/components/DevTools/JettonCardBig.vue
index 973d298..3346707 100644
--- a/src/components/JettonManage/JettonCardBig.vue
+++ b/src/components/DevTools/JettonCardBig.vue
@@ -9,12 +9,12 @@
       <div class="content">
         <h1 class="title">{{ parsedMetadata.name }} ({{ parsedMetadata.symbol }})</h1>
         <p>{{ parsedMetadata.description }}</p>
-        <p><strong>{{ $t('message.JettonManage.AdminAddress') }}</strong>: <a
+        <p><strong>{{ $t('message.DevTools.AdminAddress') }}</strong>: <a
             :href="`https://testnet.tonviewer.com/${jettonData.adminAddress?.toString()}`" target="_blank">{{
               jettonData.adminAddress
             }}</a>
         </p>
-        <p><strong>{{ $t('message.JettonManage.TotalSupply') }}</strong>: {{ jettonData.totalSupply }}</p>
+        <p><strong>{{ $t('message.DevTools.TotalSupply') }}</strong>: {{ jettonData.totalSupply }}</p>
       </div>
     </div>
   </article>
diff --git a/src/views/FindJetton.vue b/src/components/FindContract.vue
similarity index 63%
rename from src/views/FindJetton.vue
rename to src/components/FindContract.vue
index 24ede9e..72a09fe 100644
--- a/src/views/FindJetton.vue
+++ b/src/components/FindContract.vue
@@ -2,12 +2,12 @@
   <form>
     <div class="field has-addons">
       <div class="control is-expanded">
-        <input v-model="address" class="input is-large" type="text"
+        <input v-model="address" class="input is-medium" type="text"
           placeholder="0QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACkT">
       </div>
       <div class="control">
-        <button class="button is-info is-large" @click="$router.push('/manage/' + address)">
-          {{ $t('message.JettonSearch.SearchButton') }}
+        <button class="button is-info is-medium" @click="$router.push('/manage/' + address)">
+          {{ $t('message.DevTools.SearchButton') }}
         </button>
       </div>
     </div>
diff --git a/src/components/NavbarBlock.vue b/src/components/NavbarBlock.vue
index c8c26bf..5f1c8ea 100644
--- a/src/components/NavbarBlock.vue
+++ b/src/components/NavbarBlock.vue
@@ -20,6 +20,10 @@
           {{ $t('message.Navbar.Home') }}
         </RouterLink>
 
+        <RouterLink to="/deploy/jetton" class="navbar-item">
+          {{ $t('message.Navbar.DeployJetton') }}
+        </RouterLink>
+
         <div class="navbar-item has-dropdown is-hoverable">
           <a class="navbar-link">
             {{ $t('message.Navbar.More') }}
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 16d8128..733a296 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -7,6 +7,7 @@
     },
     "Navbar": {
       "Home": "Home",
+      "DeployJetton": "Deploy jetton",
       "More": "More",
       "ConnectWallet": "Connect wallet",
       "Disconnect": "Disconnect"
@@ -17,28 +18,34 @@
       "LicenseText": "License text",
       "OurLinks": "Our links"
     },
-    "NewJettonForm": {
-      "JettonName_Label": "Jetton name",
-      "JettonName_Placeholder": "e.g. SupaDupaJetton",
-      "JettonName_HelpText": "It will be full name of jetton",
-      "JettonSymbol_Label": "Symbol",
-      "JettonSymbol_Placeholder": "e.g. JTTN",
-      "JettonSymbol_HelpText": "Short jetton code for wallets. Usually couple of symbols",
-      "JettonDescription_Label": "Description",
-      "JettonDescription_Placeholder": "This is the best token in The Open Network!!!",
-      "JettonDescription_HelpText": "Description of your jetton",
-      "JettonMaxSupply_Label": "Max supply",
-      "JettonMaxSupply_Placeholder": "1337",
-      "JettonMaxSupply_HelpText": "How many tokens will be allowed to mint",
-      "DeployJetton": "Deploy 🚀"
-    },
-    "NewJettonCards":{
+    "HomeCards": {
+      "Information": {
+        "Title": "What is SupaDupaMinter?",
+        "Description": "This is set of tools for The Open Network blockchain."
+      },
+      "InteractContracts": {
+        "Title": "Interact with TON contracts",
+        "Description": "Application generates UI for contract ABI. Useful for testing contracts.",
+        "LinkText": "Check example of feature"
+      },
+      "DeployJetton": {
+        "Title": "Deploy TON Jetton",
+        "Description": "You can launch new jetton in The Open Network.",
+        "LinkText": "Start here"
+      },
+      "OpenSource": {
+        "Title": "Open Source",
+        "Description": "This website is Free and Open-Source and published in our Github repo",
+        "LinkText": "View source codes"
+      },
       "WorkInProgress": {
         "Title": "Work in progress!",
         "Description": "Be careful! This application uses <b>Testnet</b> version of TON Blockchain. Because it's not 100% ready yet.",
         "LinkText": "If you found bug or typo please open an issue in Github"
-      },
-      "WhatIsIt": {
+      }
+    },
+    "NewJettonCards":{
+      "Information": {
         "Title": "What is it?",
         "Description": "Using this tool you can create your own token in The Open Network blockchain.<h3>How?</h3><ul><li>At first you need to connect your TON wallet.</li><li>Come up with name and description for your future token, fill in the fields in form and press \"Deploy\" button</li><li>You will need to pay a small network fee, after which your token will be created</li></ul>"
       },
@@ -52,15 +59,34 @@
       },
       "OpenSource": {
         "Title": "Open Source",
-        "Description": "Both of jetton and website source codes are free and open and published in our Github repos! If you want, you can help to improve this application",
+        "Description": "Jetton source code is Free and Open-Source and published in our Github repos! If you want, you can contibute to it!",
         "LinkText": "View source codes"
+      },
+      "WorkInProgress": {
+        "Title": "Work in progress!",
+        "Description": "Be careful! This application uses <b>Testnet</b> version of TON Blockchain. Because it's not 100% ready yet.",
+        "LinkText": "If you found bug or typo please open an issue in Github"
       }
     },
-    "JettonSearch": {
-      "FindJetton": "Find jetton by address",
-      "SearchButton": "Search"
+    "NewJettonForm": {
+      "JettonName_Label": "Jetton name",
+      "JettonName_Placeholder": "e.g. SupaDupaJetton",
+      "JettonName_HelpText": "It will be full name of jetton",
+      "JettonSymbol_Label": "Symbol",
+      "JettonSymbol_Placeholder": "e.g. JTTN",
+      "JettonSymbol_HelpText": "Short jetton code for wallets. Usually couple of symbols",
+      "JettonDescription_Label": "Description",
+      "JettonDescription_Placeholder": "This is the best token in The Open Network!!!",
+      "JettonDescription_HelpText": "Description of your jetton",
+      "JettonMaxSupply_Label": "Max supply",
+      "JettonMaxSupply_Placeholder": "1337",
+      "JettonMaxSupply_HelpText": "How many tokens will be allowed to mint",
+      "DeployJetton": "Deploy 🚀",
+      "SearchFormTitle": "Manage your jetton"
     },
-    "JettonManage": {
+    "DevTools": {
+      "SearchButton": "Search",
+      "SearchText": "Open contract by address",
       "DifferentContract": "This jetton is not deployed via this website. So it may have different logic and this website may display its data incorrectly.",
       "AdminAddress": "Admin address",
       "TotalSupply": "Total supply",
@@ -80,8 +106,7 @@
       "Warning": "Warning!",
       "requiredField": "required field",
       "RequiredField": "This field is required",
-      "NaN": "Not a number",
-      "InvalidSlice": "Invalid slice format"
+      "NaN": "Not a number"
     },
     "Fields": {
       "Address_Placeholder": "e.g. 0QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACkT",
diff --git a/src/i18n/ru.json b/src/i18n/ru.json
index 16e2a1e..2ffe9d0 100644
--- a/src/i18n/ru.json
+++ b/src/i18n/ru.json
@@ -7,6 +7,7 @@
     },
     "Navbar": {
       "Home": "Главная",
+      "DeployJetton": "Деплой жетона",
       "More": "Еще",
       "ConnectWallet": "Подключить кошелек",
       "Disconnect": "Выход"
@@ -17,20 +18,31 @@
       "LicenseText": "Текст лицензии",
       "OurLinks": "Ссылки на нас"
     },
-    "NewJettonForm": {
-      "JettonName_Label": "Название жетона",
-      "JettonName_Placeholder": "напр. SupaDupaJetton",
-      "JettonName_HelpText": "Полное имя жетона",
-      "JettonSymbol_Label": "Символ жетона",
-      "JettonSymbol_Placeholder": "напр. JTTN",
-      "JettonSymbol_HelpText": "Короткий код жетона, используется в списке жетонов в кошельке",
-      "JettonDescription_Label": "Описание",
-      "JettonDescription_Placeholder": "Это самый лучший токен в сети TON!!!",
-      "JettonDescription_HelpText": "Описание вашего будущего токена",
-      "JettonMaxSupply_Label": "Максимальный саплай",
-      "JettonMaxSupply_Placeholder": "100500",
-      "JettonMaxSupply_HelpText": "Как много токенов будет позволено сминтить",
-      "DeployJetton": "Деплой 🚀"
+    "HomeCards": {
+      "Information": {
+        "Title": "Что такое SupaDupaMinter?",
+        "Description": "Здесь собраны инструменты для The Open Network."
+      },
+      "InteractContracts": {
+        "Title": "Взаимодействие с контрактами TON",
+        "Description": "Приложение генерирует UI для взаимодействия с контрактом, согласно его ABI.",
+        "LinkText": "Посмотреть пример"
+      },
+      "DeployJetton": {
+        "Title": "Деплой жетонов",
+        "Description": "Вы можете запустить жетон в сети TON.",
+        "LinkText": "Попробуйте здесь"
+      },
+      "OpenSource": {
+        "Title": "Open Source",
+        "Description": "Исходный код вебсайта полностью открытый и свободный и опубликован в нашем Github репозитории",
+        "LinkText": "Посмотреть исходный код"
+      },
+      "WorkInProgress": {
+        "Title": "В разработке! Testnet!",
+        "Description": "Осторожно! Это приложение использует <b>Тестовую</b> сеть блокчейна TON. Потому что приложение еще не готово на 100%",
+        "LinkText": "Если найдете ошибку, то откройте issue на Github"
+      }
     },
     "NewJettonCards":{
       "WorkInProgress": {
@@ -38,7 +50,7 @@
         "Description": "Осторожно! Приложение использует <b>Testnet</b> сеть TON, потому что еще не готово на 100%. Мы активно работаем над этим.",
         "LinkText": "Если вы нашли баг или опечатку, создайте пожалуйста issue на Github"
       },
-      "WhatIsIt": {
+      "Information": {
         "Title": "Что это?",
         "Description": "С помощью этого вебсайта вы можете запустить собственный токен в сети TON.<h3>Как?</h3><ul><li>Для начала вам необходимо подключить ваш TON кошелек.</li><li>После этого придумайте название и описание вашего будущего токена и заполните поля в форме.</li><li>Нажмите кнопку \"Деплой\", оплатите небольшую комиссию сети и все готово</li></ul>"
       },
@@ -56,11 +68,25 @@
         "LinkText": "Посмотреть исходный код"
       }
     },
-    "JettonSearch": {
-      "FindJetton": "Найти жеттон по адресу",
-      "SearchButton": "Поиск"
+    "NewJettonForm": {
+      "JettonName_Label": "Название жетона",
+      "JettonName_Placeholder": "напр. SupaDupaJetton",
+      "JettonName_HelpText": "Полное имя жетона",
+      "JettonSymbol_Label": "Символ жетона",
+      "JettonSymbol_Placeholder": "напр. JTTN",
+      "JettonSymbol_HelpText": "Короткий код жетона, используется в списке жетонов в кошельке",
+      "JettonDescription_Label": "Описание",
+      "JettonDescription_Placeholder": "Это самый лучший токен в сети TON!!!",
+      "JettonDescription_HelpText": "Описание вашего будущего токена",
+      "JettonMaxSupply_Label": "Максимальный саплай",
+      "JettonMaxSupply_Placeholder": "100500",
+      "JettonMaxSupply_HelpText": "Как много токенов будет позволено сминтить",
+      "DeployJetton": "Деплой 🚀",
+      "SearchFormTitle": "Управление жетоном"
     },
-    "JettonManage": {
+    "DevTools": {
+      "SearchButton": "Поиск",
+      "SearchText": "Открыть контракт по адресу",
       "DifferentContract": "Этот жеттон создан не с помощью этого вебсайта. Поэтому он может иметь иную логику и его данные могут неправильно отображаться на сайте.",
       "AdminAddress": "Адрес владельца",
       "TotalSupply": "Общее предложение",
diff --git a/src/router/index.ts b/src/router/index.ts
index ed09e48..7cb1a19 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,4 +1,5 @@
-import ManageJetton from '@/views/ManageJetton.vue'
+import DeployJetton from '@/views/DeployJetton.vue'
+import DevTools from '@/views/DevTools.vue'
 import HomePage from '@/views/HomePage.vue'
 import { createRouter, createWebHistory } from 'vue-router'
 
@@ -10,10 +11,15 @@ const router = createRouter({
       name: 'Home',
       component: HomePage,
     },
+    {
+      path: '/deploy/jetton',
+      name: 'DeployJetton',
+      component: DeployJetton,
+    },
     {
       path: "/manage/:address",
       name: 'ManageJetton',
-      component: ManageJetton,
+      component: DevTools,
     },
     {
       path: '/about',
diff --git a/src/views/DeployJetton.vue b/src/views/DeployJetton.vue
new file mode 100644
index 0000000..81afdc3
--- /dev/null
+++ b/src/views/DeployJetton.vue
@@ -0,0 +1,82 @@
+<script setup lang="ts">
+import CardItem from '@/components/CardItem.vue';
+import FindContract from '@/components/FindContract.vue';
+import JettonDeployForm from '@/components/JettonDeploy/JettonDeployForm.vue';
+import JettonExample from '@/components/JettonDeploy/JettonExample.vue';
+
+</script>
+
+<template>
+  <div
+    class="fixed-grid has-1-cols-mobile has-1-cols-tablet has-4-cols-desktop has-4-cols-widescreen has-4-cols-fullhd">
+    <div class="grid is-gap-1">
+
+      <div class="cell is-col-span-4-desktop is-row-span-4-desktop">
+        <div class="box container is-fliud is-shadowless has-background-light">
+          <h1 class="title">{{ $t('message.NewJettonForm.SearchFormTitle') }}</h1>
+          <FindContract />
+        </div>
+      </div>
+
+      <div class="cell is-col-span-3-desktop">
+        <div class="box container is-fliud is-shadowless has-background-light">
+          <h1 class="title">{{ $t('message.pageTitles.NewJetton') }}</h1>
+          <JettonDeployForm />
+        </div>
+      </div>
+
+      <div class="cell">
+        <div class="">
+          <JettonExample jetton-name="Example name" jetton-description="An example of jetton description"
+            :jetton-max-supply=1337 jetton-symbol="SMBL" />
+        </div>
+      </div>
+
+      <div class="cell is-col-span-4-desktop">
+        <div class="box is-shadowless">
+          <CardItem emoji="🤔" :title="$t('message.NewJettonCards.Information.Title')"
+            :description="$t('message.NewJettonCards.Information.Description')" />
+        </div>
+      </div>
+
+      <div class="cell is-col-span-1-desktop">
+        <div class="box is-shadowless has-background-danger-light">
+          <CardItem emoji="⚠️" :title="$t('message.NewJettonCards.WorkInProgress.Title')"
+            :description="$t('message.NewJettonCards.WorkInProgress.Description')"
+            :link-text="$t('message.NewJettonCards.WorkInProgress.LinkText')"
+            link-url="https://github.com/supadupadao/minter/issues" />
+        </div>
+      </div>
+
+      <div class="cell is-col-span-1-desktop">
+        <div class="box is-shadowless has-background-light">
+          <CardItem emoji="🛠️" :title="$t('message.NewJettonCards.Managable.Title')"
+            :description="$t('message.NewJettonCards.Managable.Description')" />
+        </div>
+      </div>
+
+      <div class="cell is-col-span-1-desktop">
+        <div class="box is-shadowless has-background-link-light">
+          <CardItem emoji="👨‍💻" :title="$t('message.NewJettonCards.OpenSource.Title')"
+            :description="$t('message.NewJettonCards.OpenSource.Description')"
+            :link-text="$t('message.NewJettonCards.OpenSource.LinkText')"
+            link-url="https://github.com/supadupadao/jetton" />
+        </div>
+      </div>
+
+      <div class="cell is-col-span-1-desktop">
+        <div class="box is-shadowless has-background-info-light">
+          <CardItem emoji="⛓️" :title="$t('message.NewJettonCards.Decentralized.Title')"
+            :description="$t('message.NewJettonCards.Decentralized.Description')" />
+        </div>
+      </div>
+
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.cell {
+  display: flex;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/ManageJetton.vue b/src/views/DevTools.vue
similarity index 85%
rename from src/views/ManageJetton.vue
rename to src/views/DevTools.vue
index e5b3a76..4f4c061 100644
--- a/src/views/ManageJetton.vue
+++ b/src/views/DevTools.vue
@@ -8,13 +8,13 @@
       <div v-if="!isCorrectInterface" class="cell is-col-span-4-desktop">
         <div class="box is-shadowless has-background-warning-light">
           <span class="tag is-warning">{{ $t('message.Common.Warning') }}</span>
-          {{ $t('message.JettonManage.DifferentContract') }}
+          {{ $t('message.DevTools.DifferentContract') }}
         </div>
       </div>
       <div v-if="!isSourceCodeProvided" class="cell is-col-span-4-desktop">
         <div class="box is-shadowless has-background-warning-light">
           <span class="tag is-warning">{{ $t('message.Common.Warning') }}</span>
-          {{ $t('message.JettonManage.NoSourceCode') }}
+          {{ $t('message.DevTools.NoSourceCode') }}
         </div>
       </div>
       <div v-if="jettonData && parsedMetadata" class="cell is-col-span-4-desktop">
@@ -26,16 +26,16 @@
       <div class="cell is-col-span-1-desktop">
         <div class="box is-shadowless has-background-light">
           <aside class="menu">
-            <p class="menu-label">{{ $t("message.JettonManage.Receivers") }}</p>
+            <p class="menu-label">{{ $t("message.DevTools.Receivers") }}</p>
             <ul class="menu-list">
               <li v-bind:key="index" v-for="(receiver, index) in abi.receivers">
-                <JettonOperationsItemReceiver :receiver="receiver" @click="$refs.manageForm?.setReceiver(receiver)" />
+                <ContractOperationsItemReceiver :receiver="receiver" @click="$refs.manageForm?.setReceiver(receiver)" />
               </li>
             </ul>
-            <p class="menu-label">{{ $t("message.JettonManage.Getters") }}</p>
+            <p class="menu-label">{{ $t("message.DevTools.Getters") }}</p>
             <ul class="menu-list">
               <li v-bind:key="index" v-for="(getter, index) in abi.getters">
-                <JettonOperationsItemGetter :getter="getter" @click="$refs.manageForm?.setGetter(getter)" />
+                <ContractOperationsItemGetter :getter="getter" @click="$refs.manageForm?.setGetter(getter)" />
               </li>
             </ul>
           </aside>
@@ -43,26 +43,26 @@
       </div>
       <div class="cell is-col-span-3-desktop">
         <div class="box is-shadowless has-background-light">
-          <JettonManageForm ref="manageForm" :types="(abi.types || [])" :provider="provider" />
+          <ContractManageForm ref="manageForm" :types="(abi.types || [])" :provider="provider" />
         </div>
       </div>
       <div class="cell is-col-span-1-desktop">
         <div class="box is-shadowless has-background-light">
-          <h3 class="subtitle">{{ $t("message.JettonManage.Legend") }}</h3>
+          <h3 class="subtitle">{{ $t("message.DevTools.Legend") }}</h3>
           <span class="icon has-text-danger is-medium">
             <i class="fa-solid fa-circle"></i>
           </span>
-          <span> - {{ $t("message.JettonManage.Internals") }}</span>
+          <span> - {{ $t("message.DevTools.Internals") }}</span>
           <br />
           <span class="icon has-text-warning is-medium">
             <i class="fa-solid fa-circle-half-stroke"></i>
           </span>
-          <span> - {{ $t("message.JettonManage.Externals") }}</span>
+          <span> - {{ $t("message.DevTools.Externals") }}</span>
           <br />
           <span class="icon has-text-success is-medium">
             <i class="fa-regular fa-circle"></i>
           </span>
-          <span> - {{ $t("message.JettonManage.Getters") }}</span>
+          <span> - {{ $t("message.DevTools.Getters") }}</span>
         </div>
       </div>
     </div>
@@ -70,16 +70,16 @@
 </template>
 
 <script lang="ts">
-import JettonCardBig from '@/components/JettonManage/JettonCardBig.vue';
-import JettonOperationsItemReceiver from '@/components/JettonManage/JettonOperationsItemReceiver.vue';
+import JettonCardBig from '@/components/DevTools/JettonCardBig.vue';
 import { parseMetadata } from '@/utils/dict';
 import { SupaDupaJettonMaster } from '@/utils/jettonMaster';
 import type { JettonMasterData, MetadataDict } from '@/utils/types';
 import type { ContractABI, ContractProvider, TonClient } from 'ton';
 import { Address, Cell } from 'ton-core';
 import jettonMasterABI from "@/assets/JettonMaster.abi.json";
-import JettonOperationsItemGetter from '@/components/JettonManage/JettonOperationsItemGetter.vue';
-import JettonManageForm from '@/components/JettonManage/JettonManageForm.vue';
+import ContractOperationsItemGetter from '@/components/DevTools/ContractOperationsItemGetter.vue';
+import ContractOperationsItemReceiver from '@/components/DevTools/ContractOperationsItemReceiver.vue';
+import ContractManageForm from '@/components/DevTools/ContractManageForm.vue';
 
 // const ORBS_SOURCES_REGISTRY = Address.parse("EQD-BJSVUJviud_Qv7Ymfd3qzXdrmV525e3YDzWQoHIAiInL");
 const ORBS_SOURCES_REGISTRY_TESTNET = Address.parse("EQCsdKYwUaXkgJkz2l0ol6qT_WxeRbE_wBCwnEybmR0u5TO8");
@@ -189,7 +189,7 @@ async function initJettonMetadata(tonClient: TonClient, address: Address) {
 
 export default {
   components: {
-    JettonCardBig, JettonOperationsItemReceiver, JettonOperationsItemGetter, JettonManageForm,
+    JettonCardBig, ContractOperationsItemGetter, ContractOperationsItemReceiver, ContractManageForm
   },
   data() {
     return {
diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index 05154c4..bde999b 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -2,58 +2,55 @@
   <div
     class="fixed-grid has-1-cols-mobile has-1-cols-tablet has-4-cols-desktop has-4-cols-widescreen has-4-cols-fullhd">
     <div class="grid is-gap-1">
+
       <div class="cell is-col-span-4-desktop is-row-span-4-desktop">
         <div class="box container is-fliud is-shadowless has-background-light">
-          <h1 class="title">{{ $t('message.JettonSearch.FindJetton') }}</h1>
-          <FindJetton />
-        </div>
-      </div>
-      <div class="cell is-col-span-3-desktop is-row-span-4-desktop">
-        <div class="box container is-fliud is-shadowless has-background-light">
-          <h1 class="title">{{ $t('message.pageTitles.NewJetton') }}</h1>
-          <JettonDeployForm />
-        </div>
-      </div>
-      <div class="cell">
-        <div class="">
-          <JettonExample jetton-name="Example name" jetton-description="An example of jetton description"
-            :jetton-max-supply=1337 jetton-symbol="SMBL" />
+          <h1 class="title">{{ $t('message.DevTools.SearchText') }}</h1>
+          <FindContract />
         </div>
       </div>
-      <div class="cell">
-        <div class="box is-shadowless has-background-danger-light">
-          <CardItem emoji="⚠️" :title="$t('message.NewJettonCards.WorkInProgress.Title')"
-            :description="$t('message.NewJettonCards.WorkInProgress.Description')"
-            :link-text="$t('message.NewJettonCards.WorkInProgress.LinkText')"
-            link-url="https://github.com/supadupadao/minter/issues" />
-        </div>
-      </div>
-      <div class="cell is-row-span-2-desktop">
-        <div class="box is-shadowless has-background-primary-light">
-          <CardItem emoji="🤔" :title="$t('message.NewJettonCards.WhatIsIt.Title')"
-            :description="$t('message.NewJettonCards.WhatIsIt.Description')" />
+
+      <div class="cell is-col-span-4-desktop">
+        <div class="box is-shadowless">
+          <CardItem emoji="🤔" :title="$t('message.HomeCards.Information.Title')"
+            :description="$t('message.HomeCards.Information.Description')" />
         </div>
       </div>
-      <div class="cell is-col-span-2-desktop">
-        <div class="box is-shadowless has-background-info-light">
-          <CardItem emoji="⛓️" :title="$t('message.NewJettonCards.Decentralized.Title')"
-            :description="$t('message.NewJettonCards.Decentralized.Description')" />
+
+      <div class="cell is-col-span-1-desktop">
+        <div class="box is-shadowless has-background-light">
+          <CardItem emoji="🛠️" :title="$t('message.HomeCards.InteractContracts.Title')"
+            :description="$t('message.HomeCards.InteractContracts.Description')"
+            :link-text="$t('message.HomeCards.InteractContracts.LinkText')"
+            link-url="/manage/kQC1I2HcAkUSfMCQCezbL9bVtC_kqnX-gQIToAqXJNTP7yVj" />
         </div>
       </div>
-      <div class="cell">
+
+      <div class="cell is-col-span-1-desktop">
         <div class="box is-shadowless has-background-light">
-          <CardItem emoji="🛠️" :title="$t('message.NewJettonCards.Managable.Title')"
-            :description="$t('message.NewJettonCards.Managable.Description')" />
+          <CardItem emoji="🚀" :title="$t('message.HomeCards.DeployJetton.Title')"
+            :description="$t('message.HomeCards.DeployJetton.Description')"
+            :link-text="$t('message.HomeCards.DeployJetton.LinkText')" link-url="/deploy/jetton" />
         </div>
       </div>
-      <div class="cell">
+
+      <div class="cell is-col-span-1-desktop">
         <div class="box is-shadowless has-background-link-light">
-          <CardItem emoji="👨‍💻" :title="$t('message.NewJettonCards.OpenSource.Title')"
-            :description="$t('message.NewJettonCards.OpenSource.Description')"
-            :link-text="$t('message.NewJettonCards.OpenSource.LinkText')"
-            link-url="https://github.com/supadupadao/jetton" />
+          <CardItem emoji="👨‍💻" :title="$t('message.HomeCards.OpenSource.Title')"
+            :description="$t('message.HomeCards.OpenSource.Description')"
+            :link-text="$t('message.HomeCards.OpenSource.LinkText')" link-url="https://github.com/supadupadao/minter" />
+        </div>
+      </div>
+
+      <div class="cell is-col-span-1-desktop">
+        <div class="box is-shadowless has-background-danger-light">
+          <CardItem emoji="⚠️" :title="$t('message.HomeCards.WorkInProgress.Title')"
+            :description="$t('message.HomeCards.WorkInProgress.Description')"
+            :link-text="$t('message.HomeCards.WorkInProgress.LinkText')"
+            link-url="https://github.com/supadupadao/minter/issues" />
         </div>
       </div>
+
     </div>
   </div>
 </template>
@@ -66,7 +63,5 @@
 
 <script setup lang="ts">
 import CardItem from '@/components/CardItem.vue';
-import JettonExample from '@/components/JettonDeploy/JettonExample.vue';
-import JettonDeployForm from '@/components/JettonDeploy/JettonDeployForm.vue';
-import FindJetton from './FindJetton.vue';
+import FindContract from '../components/FindContract.vue';
 </script>