diff --git a/components/FeedbackForm.vue b/components/FeedbackForm.vue
index 19731d0..49dc66e 100644
--- a/components/FeedbackForm.vue
+++ b/components/FeedbackForm.vue
@@ -4,65 +4,30 @@
       <div v-if="!isSubmitted" class="form-content">
         <div class="form-title">
           <slot>
-            <h2>
-              Запрос стоимости услуг
-            </h2>
+            <h2>Запрос стоимости услуг</h2>
           </slot>
         </div>
         <div class="form-container mb-3">
-          <form
-            method="post"
-            action="https://api.formcake.com/api/form/97f10aee-9328-4347-aab1-bc45871357a4/submission"
-          >
+          <form @submit.prevent="handleSubmit">
             <div class="mb-3" role="group">
               <label class="label" for="input-name">Ваше имя:</label>
-              <b-form-input
-                id="input-name"
-                v-model="name"
-                name="name"
-                placeholder="Имя"
-                required
-                trim
-              />
+              <b-form-input id="input-name" v-model="name" name="name" placeholder="Имя" required trim />
             </div>
             <div class="mb-3" role="group">
               <label class="label" for="input-subject">Тема запроса:</label>
-              <b-form-input
-                id="input-subject"
-                v-model="subject"
-                name="subject"
-                placeholder="Тема запроса"
-                required
-                trim
-              />
+              <b-form-input id="input-subject" v-model="subject" name="subject" placeholder="Тема запроса" required
+                trim />
             </div>
             <div class="mb-3" role="group">
               <label class="label" for="input-contact">Ваш телефон:</label>
-              <b-form-input
-                id="input-contact"
-                v-model="contact"
-                name="contact"
-                placeholder="+7 927 222 3333"
-                trim
-              />
+              <b-form-input id="input-contact" v-model="contact" name="phone" placeholder="+7 927 222 3333" trim />
             </div>
             <!-- <div class="mb-3" role="group">
-              <b-form-textarea
-                id="input-text"
-                v-model="text"
-                name="text"
-                placeholder="Ваш вопрос или комментарий"
-                rows="3"
-              />
+              <b-form-textarea id="input-text" v-model="text" name="text" placeholder="Ваш вопрос или комментарий"
+                rows="3" />
             </div> -->
 
-            <input
-              v-for="(key, item) in utm"
-              :key="key"
-              :name="`utm_${key}`"
-              type="hidden"
-              :value="item"
-            >
+            <input v-for="(item, key) in utm" :key="key" :name="`utm_${key}`" type="hidden" :value="item" />
 
             <p class="text-policy">
               Отправляя эту форму вы соглашаетесь на обработку ваших
@@ -71,13 +36,7 @@
               </nuxt-link>
             </p>
 
-            <input
-              class="btn btn-block"
-              :disabled="submitDisabled"
-              type="submit"
-              value="Отправить"
-              @click="onSubmit"
-            >
+            <input class="btn btn-block" :disabled="submitDisabled" type="submit" value="Отправить" />
           </form>
         </div>
       </div>
@@ -97,36 +56,40 @@ import { BFormInput } from 'bootstrap-vue'
 
 export default {
   components: {
-    BFormInput
+    BFormInput,
     // BFormTextarea
   },
 
   props: {
     id: {
       type: String,
-      default: 'feedback-form'
+      default: 'feedback-form',
     },
     isSubmitted: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
 
-  data () {
+  data() {
     return {
       name: '',
       subject: '',
       contact: '',
-      text: ''
+      text: '',
     }
   },
 
   computed: {
-    submitDisabled () {
-      return this.name.length < 1 || this.subject.length < 3 || this.contact.length < 6
+    submitDisabled() {
+      return (
+        this.name.length < 1 ||
+        this.subject.length < 3 ||
+        this.contact.length < 6
+      )
     },
 
-    utm () {
+    utm() {
       const { query } = this.$route
       const res = {}
 
@@ -136,14 +99,74 @@ export default {
         }
       }
       return res
-    }
+    },
   },
 
   methods: {
-    onSubmit () {
-      // eslint-disable-next-line no-undef
-      ym(45245817, 'reachGoal', 'zayavka')
-    }
+    handleSubmit(evt) {
+      evt.preventDefault();
+
+      const form = evt.target;
+      const data = new FormData(form);
+      s
+      leadgets('lead', data, (response) => {
+        if (response.status === 1) {
+          ym(45245817, 'reachGoal', 'zayavka');
+
+          this.name = '';
+          this.subject = '';
+          this.contact = '';
+          this.text = '';
+
+          this.isSubmitted = true;
+
+        }
+      });
+    },
+  },
+
+  mounted() {
+    // Подключение сервиса leadgets
+    (function () {
+      const leadgets = window.leadgets = window.leadgets || function () {
+        (leadgets.q = leadgets.q || []).push(arguments);
+      };
+      const cdnUrl = 'https://cdn.leadgets.ru/';
+      const scriptVersion = 'v1.js';
+
+      const elements = {
+        link: [{
+          href: cdnUrl,
+          rel: "dns-prefetch"
+        },
+        {
+          href: cdnUrl,
+          rel: "preconnect"
+        },
+        {
+          href: cdnUrl + scriptVersion,
+          as: "script",
+          rel: "preload"
+        }
+        ],
+        script: [{
+          src: cdnUrl + scriptVersion,
+          async: true
+        }]
+      };
+
+      for (const [tagName, tagValues] of Object.entries(elements)) {
+        for (const tagAttributes of tagValues) {
+          const element = document.createElement(tagName);
+          for (const [attribute, value] of Object.entries(tagAttributes)) {
+            element.setAttribute(attribute, value);
+          }
+          document.head.appendChild(element);
+        }
+      }
+
+      leadgets('init', '9d0984a073794a76b3b6c13fbed6cd67');
+    })();
   }
 }
 </script>
@@ -161,11 +184,9 @@ export default {
   overflow: hidden;
 
   &::before {
-    background-image: linear-gradient(
-      to right,
-      $link-color 0%,
-      $dark-blue 100%
-    );
+    background-image: linear-gradient(to right,
+        $link-color 0%,
+        $dark-blue 100%);
     content: '';
     display: block;
     position: absolute;
@@ -211,4 +232,4 @@ export default {
   width: 100%;
   display: block;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/components/FeedbackFormInline.vue b/components/FeedbackFormInline.vue
index da19979..4a403e0 100644
--- a/components/FeedbackFormInline.vue
+++ b/components/FeedbackFormInline.vue
@@ -7,55 +7,22 @@
             <h2>Оставить заявку</h2>
           </slot>
         </div>
-        <form
-          method="post"
-          action="https://api.formcake.com/api/form/97f10aee-9328-4347-aab1-bc45871357a4/submission"
-        >
+        <form @submit.prevent="handleSubmit">
           <div class="form-container mb-3">
             <div role="group">
-              <b-form-input
-                id="input-name"
-                v-model="name"
-                name="name"
-                placeholder="Ваше имя"
-                trim
-              />
+              <b-form-input id="input-name" v-model="name" name="name" placeholder="Ваше имя" trim />
             </div>
             <div role="group">
-              <b-form-input
-                id="input-contact"
-                v-model="contact"
-                name="contact"
-                placeholder="+7 (9__) ___-____"
-                trim
-              />
+              <b-form-input id="input-contact" v-model="contact" name="phone" placeholder="+7 (9__) ___-____" trim />
             </div>
             <div role="group">
-              <b-form-input
-                id="input-email"
-                v-model="email"
-                name="email"
-                placeholder="Ваш email"
-                trim
-              />
+              <b-form-input id="input-email" v-model="email" name="email" placeholder="Ваш email" trim />
             </div>
 
-            <input
-              v-for="(key, item) in utm"
-              :key="key"
-              :name="`utm_${key}`"
-              type="hidden"
-              :value="item"
-            >
+            <input v-for="(item, key) in utm" :key="key" :name="`utm_${key}`" type="hidden" :value="item">
 
             <div role="group">
-              <input
-                class="btn btn-light btn-block"
-                :disabled="submitDisabled"
-                type="submit"
-                value="Оставить заявку"
-                @click="onSubmit"
-              >
+              <input class="btn btn-light btn-block" :disabled="submitDisabled" type="submit" value="Оставить заявку">
             </div>
 
             <p class="text-policy">
@@ -97,7 +64,7 @@ export default {
     }
   },
 
-  data () {
+  data() {
     return {
       name: '',
       email: '',
@@ -107,11 +74,11 @@ export default {
   },
 
   computed: {
-    submitDisabled () {
+    submitDisabled() {
       return this.name.length < 1 || this.contact.length < 6
     },
 
-    utm () {
+    utm() {
       const { query } = this.$route
       const res = {}
 
@@ -125,10 +92,69 @@ export default {
   },
 
   methods: {
-    onSubmit () {
-      // eslint-disable-next-line no-undef
-      ym(45245817, 'reachGoal', 'zayavka')
+    handleSubmit(evt) {
+      evt.preventDefault();
+
+      const form = evt.target;
+      const data = new FormData(form);
+
+      leadgets('lead', data, (response) => {
+        if (response.status === 1) {
+          ym(45245817, 'reachGoal', 'zayavka');
+
+          this.name = '';
+          this.email = '';
+          this.contact = '';
+          this.text = '';
+
+          this.isSubmitted = true;
+        }
+      });
     }
+  },
+
+  mounted() {
+    // Подключение сервиса leadgets
+    (function () {
+      const leadgets = window.leadgets = window.leadgets || function () {
+        (leadgets.q = leadgets.q || []).push(arguments);
+      };
+      const cdnUrl = 'https://cdn.leadgets.ru/';
+      const scriptVersion = 'v1.js';
+
+      const elements = {
+        link: [{
+          href: cdnUrl,
+          rel: "dns-prefetch"
+        },
+        {
+          href: cdnUrl,
+          rel: "preconnect"
+        },
+        {
+          href: cdnUrl + scriptVersion,
+          as: "script",
+          rel: "preload"
+        }
+        ],
+        script: [{
+          src: cdnUrl + scriptVersion,
+          async: true
+        }]
+      };
+
+      for (const [tagName, tagValues] of Object.entries(elements)) {
+        for (const tagAttributes of tagValues) {
+          const element = document.createElement(tagName);
+          for (const [attribute, value] of Object.entries(tagAttributes)) {
+            element.setAttribute(attribute, value);
+          }
+          document.head.appendChild(element);
+        }
+      }
+
+      leadgets('init', '9d0984a073794a76b3b6c13fbed6cd67');
+    })();
   }
 }
 </script>
@@ -146,11 +172,9 @@ export default {
   overflow: hidden;
 
   &::before {
-    background-image: linear-gradient(
-      to right,
-      $link-color 0%,
-      $dark-blue 100%
-    );
+    background-image: linear-gradient(to right,
+        $link-color 0%,
+        $dark-blue 100%);
     content: '';
     display: block;
     position: absolute;
@@ -207,4 +231,4 @@ export default {
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   }
 }
-</style>
+</style>
\ No newline at end of file