diff --git a/index.html b/index.html
index 62e07ea..74842f0 100644
--- a/index.html
+++ b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" href="/fav_icon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Midone - Vuejs Admin Template</title>
+    <title>TMEX</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/public/fav_icon.svg b/public/fav_icon.svg
new file mode 100644
index 0000000..e440076
--- /dev/null
+++ b/public/fav_icon.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="119.999" height="120" viewBox="0 0 119.999 120">
+  <g id="Logo" transform="translate(-29.062 -59.996)">
+    <g id="Logo-2" data-name="Logo" transform="translate(29.061 59.996)">
+      <path id="Path_2130" data-name="Path 2130" d="M12616.765,7727.4l24.631-24.623v-11.128h11.115l4.074-4.072-19.664-19.666h-19.254v25.03l-17.693,17.682Z" transform="translate(-12599.974 -7650.213)" fill="#003197" fill-rule="evenodd"/>
+      <path id="Path_2131" data-name="Path 2131" d="M14264.733,7065.507l19.662-19.663V7026.59h-25.043l-17.668-17.693-16.781,16.776,24.633,24.646h11.133v11.126Z" transform="translate(-14182.1 -7008.896)" fill="#aba17d" fill-rule="evenodd"/>
+      <path id="Path_2132" data-name="Path 2132" d="M13318.561,9440.119l-24.639-24.637H13282.8v-11.135l-4.074-4.055-19.662,19.664v19.254h25.018l17.7,17.691Z" transform="translate(-13241.381 -9336.902)" fill="#0056ff" fill-rule="evenodd"/>
+      <path id="Path_2133" data-name="Path 2133" d="M15011.035,8693.6h19.252v-25.043l17.691-17.664-16.783-16.775-24.639,24.627v11.131h-11.125l-4.061,4.072Z" transform="translate(-14927.979 -8591.292)" fill="#003197" fill-rule="evenodd"/>
+    </g>
+  </g>
+</svg>
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index df36fcf..0000000
Binary files a/public/favicon.ico and /dev/null differ
diff --git a/public/logo.html b/public/logo.html
new file mode 100644
index 0000000..f1b4320
--- /dev/null
+++ b/public/logo.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        #logo_top,
+        #logo_left,
+        #logo_right,
+        #logo_bottom {
+            animation: top 4s linear infinite;
+        }
+
+        #logo_right {
+            animation-delay: .3s;
+        }
+
+        #logo_bottom {
+            animation-delay: .5s;
+        }
+
+        #logo_left {
+            animation-delay: .8s;
+        }
+
+        @keyframes top {
+            0% {
+                fill: #aba17d;
+            }
+
+            25% {
+                fill: #003197;
+            }
+
+            50% {
+                fill: #0056ff;
+            }
+
+            75% {
+                fill: #003197;
+            }
+
+            100% {
+                fill: #aba17d;
+            }
+        }
+    </style>
+</head>
+
+<body>
+    <div class="header_img">
+        <svg id="Group_14" data-name="Group 14" xmlns="http://www.w3.org/2000/svg" width="100" height="100.001"
+            viewBox="0 0 100 100.001">
+            <path id="logo_left" data-name="Path 2130"
+                d="M12613.869,7717.147l20.387-20.38v-9.209h9.2l3.371-3.372-16.276-16.277h-15.936v20.717l-14.645,14.635Z"
+                transform="translate(-12599.973 -7653.263)" fill="#003197" fill-rule="evenodd" />
+            <path id="logo_top" data-name="Path 2131"
+                d="M14257.869,7055.751l16.273-16.274v-15.936h-20.728l-14.622-14.645-13.891,13.886,20.389,20.4h9.215v9.209Z"
+                transform="translate(-14188.795 -7008.896)" fill="#aba17d" fill-rule="evenodd" />
+            <path id="logo_bottom" data-name="Path 2132"
+                d="M13308.307,9433.256l-20.394-20.391h-9.2v-9.215l-3.371-3.357-16.274,16.274V9432.5h20.706l14.647,14.644Z"
+                transform="translate(-13244.428 -9347.147)" fill="#0056ff" fill-rule="evenodd" />
+            <path id="logo_right" data-name="Path 2133"
+                d="M15007.646,8683.345h15.934v-20.727l14.643-14.622-13.891-13.883-20.393,20.382v9.213h-9.207l-3.361,3.371Z"
+                transform="translate(-14938.223 -8597.992)" fill="#003197" fill-rule="evenodd" />
+        </svg>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/components/logo/Main.vue b/src/components/logo/Main.vue
new file mode 100644
index 0000000..a2c9490
--- /dev/null
+++ b/src/components/logo/Main.vue
@@ -0,0 +1,108 @@
+<template>
+  <div class="header_img">
+    <svg
+      id="Group_14"
+      data-name="Group 14"
+      xmlns="http://www.w3.org/2000/svg"
+      width="100"
+      height="100.001"
+      viewBox="0 0 100 100.001"
+    >
+      <path
+        id="logo_left"
+        data-name="Path 2130"
+        d="M12613.869,7717.147l20.387-20.38v-9.209h9.2l3.371-3.372-16.276-16.277h-15.936v20.717l-14.645,14.635Z"
+        transform="translate(-12599.973 -7653.263)"
+        fill="#003197"
+        fill-rule="evenodd"
+      />
+      <path
+        id="logo_top"
+        data-name="Path 2131"
+        d="M14257.869,7055.751l16.273-16.274v-15.936h-20.728l-14.622-14.645-13.891,13.886,20.389,20.4h9.215v9.209Z"
+        transform="translate(-14188.795 -7008.896)"
+        fill="#aba17d"
+        fill-rule="evenodd"
+      />
+      <path
+        id="logo_bottom"
+        data-name="Path 2132"
+        d="M13308.307,9433.256l-20.394-20.391h-9.2v-9.215l-3.371-3.357-16.274,16.274V9432.5h20.706l14.647,14.644Z"
+        transform="translate(-13244.428 -9347.147)"
+        fill="#0056ff"
+        fill-rule="evenodd"
+      />
+      <path
+        id="logo_right"
+        data-name="Path 2133"
+        d="M15007.646,8683.345h15.934v-20.727l14.643-14.622-13.891-13.883-20.393,20.382v9.213h-9.207l-3.361,3.371Z"
+        transform="translate(-14938.223 -8597.992)"
+        fill="#003197"
+        fill-rule="evenodd"
+      />
+    </svg>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="css">
+#logo_top,
+#logo_left,
+#logo_right,
+#logo_bottom {
+  animation: top 4s linear infinite;
+}
+
+#logo_right {
+  animation-delay: 0.3s;
+}
+
+#logo_bottom {
+  animation-delay: 0.5s;
+}
+
+#logo_left {
+  animation-delay: 0.8s;
+}
+
+.header_img {
+  background-color: #fff;
+  padding: 4px;
+  border-radius: 8px;
+  width: 60px;
+  height: 60px;
+  margin-right: 10px;
+}
+
+.header_img svg {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  -o-object-fit: contain;
+}
+
+@keyframes top {
+  0% {
+    fill: #aba17d;
+  }
+
+  25% {
+    fill: #003197;
+  }
+
+  50% {
+    fill: #0056ff;
+  }
+
+  75% {
+    fill: #003197;
+  }
+
+  100% {
+    fill: #aba17d;
+  }
+}
+</style>
diff --git a/src/components/mobile-menu/Main.vue b/src/components/mobile-menu/Main.vue
index f979583..dd78b69 100644
--- a/src/components/mobile-menu/Main.vue
+++ b/src/components/mobile-menu/Main.vue
@@ -8,11 +8,12 @@
   >
     <div class="mobile-menu-bar">
       <a href="" class="flex mr-auto">
-        <img
+        <!-- <img
           alt="Icewall Tailwind HTML Admin Template"
           class="w-6"
           src="@/assets/images/logo.svg"
-        />
+        /> -->
+        <Logo class="w-10 h-10" />
       </a>
       <a href="javascript:;" class="mobile-menu-toggler">
         <BarChart2Icon
@@ -141,6 +142,7 @@ import {
 import { nestedMenu } from "@/layouts/side-menu";
 import dom from "@left4code/tw-starter/dist/js/dom";
 import SimpleBar from "simplebar";
+import Logo from "@/components/logo/Main.vue";
 
 const route = useRoute();
 const router = useRouter();
diff --git a/src/components/top-bar/Main.vue b/src/components/top-bar/Main.vue
index f84e293..5f04782 100644
--- a/src/components/top-bar/Main.vue
+++ b/src/components/top-bar/Main.vue
@@ -5,23 +5,19 @@
   >
     <div class="h-full flex items-center">
       <!-- BEGIN: Logo -->
-      <a href="" class="-intro-x hidden md:flex">
-        <img
-          alt="Icewall Tailwind HTML Admin Template"
-          class="w-6"
-          src="@/assets/images/logo.svg"
-        />
-        <span class="text-white text-lg ml-3"> Icewall </span>
+      <a href="" class="-intro-x hidden md:flex items-center">
+        <Logo />
+
+        <span class="text-white text-lg ml-3">
+          Türkmenistanyň Döwlet haryt-çig mal biržasy
+        </span>
       </a>
       <!-- END: Logo -->
-      <!-- BEGIN: Breadcrumb -->
-      <nav aria-label="breadcrumb" class="-intro-x h-full mr-auto">
-        <ol class="breadcrumb breadcrumb-light">
-          <li class="breadcrumb-item"><a href="#">Application</a></li>
-          <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
-        </ol>
-      </nav>
-      <!-- END: Breadcrumb -->
+
+      <!-- BEGIN: Spacer -->
+      <div class="mr-auto"></div>
+      <!-- END: Spacer -->
+
       <!-- BEGIN: Search -->
       <div class="intro-x relative mr-3 sm:mr-6">
         <div class="search hidden sm:block">
@@ -264,6 +260,7 @@ import { ref, onBeforeMount } from "vue";
 import { useAuthStore } from "@/stores";
 import { SELECTED_LANG } from "@/helpers";
 import i18n from "@/i18n";
+import Logo from "@/components/logo/Main.vue";
 
 const searchDropdown = ref(false);
 const showSearchDropdown = () => {
diff --git a/src/router/index.js b/src/router/index.js
index 9598ebd..574659f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -77,6 +77,7 @@ import Documents from "../views/document/Main.vue";
 import TicketList from "../views/tickets/Main.vue";
 import Contacts from "../views/profile-forms/Contacts.vue";
 import BankAccount from "../views/profile-forms/BankAccount.vue";
+import Business from "../views/profile-forms/Business.vue";
 
 import { useAuthStore } from "@/stores";
 
@@ -440,6 +441,11 @@ const routes = [
         name: "bank-account",
         component: BankAccount,
       },
+      {
+        path: "business-form",
+        name: "business",
+        component: Business,
+      },
     ],
   },
   {
diff --git a/src/views/profile-forms/Business.vue b/src/views/profile-forms/Business.vue
new file mode 100644
index 0000000..923211b
--- /dev/null
+++ b/src/views/profile-forms/Business.vue
@@ -0,0 +1,349 @@
+<template>
+  <div class="intro-y flex items-center mt-8">
+    <h2 class="text-lg font-medium mr-auto">Company</h2>
+  </div>
+  <div class="grid grid-cols-12 gap-6 mt-5">
+    <div class="intro-y col-span-12 lg:col-span-6">
+      <!-- BEGIN: Form Validation -->
+      <PreviewComponent class="intro-y box">
+        <div
+          class="flex flex-col sm:flex-row items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400"
+        >
+          <h2 class="font-medium text-base mr-auto">Company Form</h2>
+        </div>
+        <div class="p-5">
+          <!-- BEGIN: Validation Form -->
+          <form class="validate-form" @submit.prevent="onRegister">
+            <!-- Begin Account number -->
+            <div class="input-form">
+              <label
+                for="validation-form-6"
+                class="form-label w-full flex flex-col sm:flex-row"
+              >
+                Account Number
+                <span class="sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"
+                  >Required, at least 10 characters</span
+                >
+              </label>
+              <input
+                type="text"
+                id="validation-form-6"
+                v-model.trim="validate.account_number.$model"
+                class="form-control"
+                :class="{ 'border-danger': validate.account_number.$error }"
+                name="account number"
+                placeholder="Type your account number"
+              />
+              <template v-if="validate.account_number.$error">
+                <div
+                  v-for="(error, index) in validate.account_number.$errors"
+                  :key="index"
+                  class="text-danger mt-2"
+                >
+                  {{ error.$message }}
+                </div>
+              </template>
+            </div>
+            <!-- End Account number -->
+
+            <!-- Begin Account Date  -->
+            <div class="input-form mt-3">
+              <label
+                for="validation-form-2"
+                class="form-label w-full flex flex-col sm:flex-row"
+              >
+                Account Date
+                <span class="sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"
+                  >Required</span
+                >
+              </label>
+              <!-- <input
+                id="validation-form-2"
+                v-model.trim="validate.account_date.$model"
+                type="text"
+                name="account_date"
+                class="form-control"
+                :class="{ 'border-danger': validate.account_date.$error }"
+                placeholder="Select account date"
+              /> -->
+              <!-- Begin Date picker -->
+              <div class="relative mx-auto mt-3">
+                <div
+                  class="absolute rounded-l w-10 h-full flex items-center justify-center bg-slate-100 border text-slate-500 dark:bg-darkmode-700 dark:border-darkmode-800 dark:text-slate-400"
+                >
+                  <CalendarIcon class="w-4 h-4" />
+                </div>
+                <Litepicker
+                  v-model="date"
+                  :options="{
+                    maxDate: maxDate,
+                    format: 'DD.MM.YYYY',
+                    dropdowns: {
+                      minYear: 1990,
+                      maxYear: null,
+                      months: true,
+                      years: true,
+                    },
+                  }"
+                  class="form-control pl-12"
+                />
+              </div>
+              <!-- End Date picker -->
+              <template v-if="validate.account_date.$error">
+                <div
+                  v-for="(error, index) in validate.account_date.$errors"
+                  :key="index"
+                  class="text-danger mt-2"
+                >
+                  {{ error.$message }}
+                </div>
+              </template>
+            </div>
+            <!-- End Account Date -->
+
+            <!-- Begin Currency -->
+            <div class="input-form mt-3">
+              <label
+                for="validation-form-4"
+                class="form-label w-full flex flex-col sm:flex-row"
+              >
+                Currency
+                <span class="sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"
+                  >Required</span
+                >
+              </label>
+              <input
+                id="validation-form-4"
+                v-model.trim="validate.currency.$model"
+                type="text"
+                name="currency"
+                class="form-control"
+                :class="{ 'border-danger': validate.currency.$error }"
+                placeholder="TMT"
+              />
+              <template v-if="validate.currency.$error">
+                <div
+                  v-for="(error, index) in validate.currency.$errors"
+                  :key="index"
+                  class="text-danger mt-2"
+                >
+                  {{ error.$message }}
+                </div>
+              </template>
+            </div>
+            <!-- End Currency -->
+
+            <!-- Begin IBAN -->
+            <div class="input-form mt-3">
+              <label
+                for="validation-form-4"
+                class="form-label w-full flex flex-col sm:flex-row"
+              >
+                IBAN
+                <span class="sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"
+                  >Required</span
+                >
+              </label>
+              <input
+                id="validation-form-4"
+                v-model.trim="validate.iban.$model"
+                type="text"
+                name="iban"
+                class="form-control"
+                :class="{ 'border-danger': validate.iban.$error }"
+                placeholder="TTMK"
+              />
+              <template v-if="validate.iban.$error">
+                <div
+                  v-for="(error, index) in validate.iban.$errors"
+                  :key="index"
+                  class="text-danger mt-2"
+                >
+                  {{ error.$message }}
+                </div>
+              </template>
+            </div>
+            <!-- End IBAN -->
+
+            <!-- Begin Bank Name -->
+            <div class="input-form mt-3">
+              <label
+                for="validation-form-4"
+                class="form-label w-full flex flex-col sm:flex-row"
+              >
+                Bank Name
+                <span class="sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"
+                  >Required</span
+                >
+              </label>
+              <input
+                id="validation-form-4"
+                v-model.trim="validate.bank_name.$model"
+                type="text"
+                name="bank_name"
+                class="form-control"
+                :class="{ 'border-danger': validate.bank_name.$error }"
+                placeholder="Type bank name"
+              />
+              <template v-if="validate.bank_name.$error">
+                <div
+                  v-for="(error, index) in validate.bank_name.$errors"
+                  :key="index"
+                  class="text-danger mt-2"
+                >
+                  {{ error.$message }}
+                </div>
+              </template>
+            </div>
+            <!-- End Bank Name -->
+
+            <!-- Begin Country -->
+            <div class="input-form mt-3">
+              <label
+                for="validation-form-4"
+                class="form-label w-full flex flex-col sm:flex-row"
+              >
+                Country
+                <span class="sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"
+                  >Required</span
+                >
+              </label>
+              <input
+                id="validation-form-4"
+                v-model.trim="validate.country.$model"
+                type="text"
+                name="country"
+                class="form-control"
+                :class="{ 'border-danger': validate.country.$error }"
+                placeholder="Type country"
+              />
+              <template v-if="validate.country.$error">
+                <div
+                  v-for="(error, index) in validate.country.$errors"
+                  :key="index"
+                  class="text-danger mt-2"
+                >
+                  {{ error.$message }}
+                </div>
+              </template>
+            </div>
+            <!-- End Country -->
+
+            <button type="submit" class="btn btn-primary mt-5">
+              Register
+              <LoadingIcon
+                icon="oval"
+                color="white"
+                class="w-4 h-4 ml-2"
+                v-if="isLoading"
+              />
+            </button>
+          </form>
+          <!-- END: Validation Form -->
+        </div>
+      </PreviewComponent>
+      <!-- END: Form Validation -->
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { reactive, watch, ref, toRefs, onMounted } from "vue";
+import { required, alpha, integer } from "@vuelidate/validators";
+import { useVuelidate } from "@vuelidate/core";
+import { fetchWrapper } from "@/api";
+import { useRoute } from "vue-router";
+import router from "@/router";
+import _ from "lodash";
+
+const baseUrl = `${import.meta.env.VITE_API_URL}/api`;
+
+const route = useRoute();
+
+const maxDate = new Date();
+
+const isLoading = ref(false);
+
+const date = ref("");
+
+const formData = reactive({
+  account_number: "",
+  account_date: "",
+  currency: "",
+  iban: "",
+  bank_name: "",
+  country: "",
+});
+
+const rules = {
+  account_number: {
+    required,
+  },
+
+  account_date: {
+    required,
+  },
+
+  currency: {
+    required,
+  },
+
+  iban: {
+    required,
+  },
+
+  bank_name: {
+    required,
+  },
+
+  country: {
+    required,
+  },
+};
+
+const validate = useVuelidate(rules, toRefs(formData));
+
+watch(date, (currentValue, oldValue) => {
+  formData.account_date = currentValue;
+});
+
+const onRegister = async () => {
+  console.log("formData.account_date: ", formData.account_date);
+
+  validate.value.$touch();
+
+  if (validate.value.$invalid) return;
+
+ /*  try {
+    isLoading.value = true;
+
+    const response = await fetchWrapper.put(
+      `${baseUrl}/account/bank`,
+      formData
+    );
+    isLoading.value = false;
+    console.log("response onRegister: ", response);
+
+    // refresh LS "bankAccount"
+    localStorage.removeItem("bankAccount");
+    localStorage.setItem("bankAccount", JSON.stringify(formData));
+
+    router.push({ name: "profile", params: { getAccount: false } });
+  } catch (error) {
+    isLoading.value = false;
+  } */
+};
+
+onMounted(() => {
+  const params = _.isEmpty(route.params)
+    ? JSON.parse(localStorage.getItem("companyInfo"))
+    : route.params;
+
+  console.log("Params: ", params);
+
+  if (params) {
+    // localStorage.setItem("bankAccount", JSON.stringify(params));
+    // Object.assign(formData, params);
+  }
+});
+</script>
diff --git a/src/views/profile/Main.vue b/src/views/profile/Main.vue
index 83c69ec..219b0cd 100644
--- a/src/views/profile/Main.vue
+++ b/src/views/profile/Main.vue
@@ -8,13 +8,13 @@
       <div
         class="flex flex-col sm:flex-row items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400"
       >
-        <h2 class="font-medium text-base mr-auto">Entrepreneur</h2>
+        <h2 class="font-medium text-base mr-auto">Company</h2>
         <div
           class="form-check form-switch w-full sm:w-auto sm:ml-auto mt-3 sm:mt-0 text-center"
         >
           <a
             href="javascript:;"
-            @click.prevent="onEdit(`contacts`, contacts)"
+            @click.prevent="onEdit(accountType, profile)"
             class="btn btn-primary"
             ><EditIcon class="w-4 h-4"
           /></a>
@@ -210,11 +210,16 @@ const route = useRoute();
 
 const isLoading = ref(false);
 
+const accountType = ref("");
+
+const profile = reactive({});
+
 const contacts = reactive({});
 
 const bankAccount = reactive({});
 
 const onEdit = (name, params) => {
+  console.log("name, params: " + name, params);
   router.push({ name: name, params: params });
 };
 
@@ -230,8 +235,13 @@ const getAccount = async () => {
     isLoading.value = false;
 
     if (data.contacts) Object.assign(contacts, JSON.parse(data.contacts));
+
     if (data.bank_account)
       Object.assign(bankAccount, JSON.parse(data.bank_account));
+
+    if (data.profile) Object.assign(bankAccount, JSON.parse(data.profile));
+
+    if (data.account_type) accountType.value = data.account_type;
   } catch (error) {
     isLoading.value = false;
   }
