diff --git a/app.vue b/app.vue
index 9b6f0a1..ba7df2d 100644
--- a/app.vue
+++ b/app.vue
@@ -20,18 +20,16 @@ useSeoMeta({
 const { data: pagesData } = await useFetch<ApiPagesType[]>(`${apiBase}/pages/?ordering=order`)
 
 const { data: reviewsData } = await useFetch<ApiReviewsType[]>(`${apiBase}/review/`)
+const { data: calculatorData } = await useFetch(`${apiBase}/calculator/5/`)
 
 const about = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'about')
 const reviews = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'clients')
 const delivery = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'delivery')
-const products = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'products')
 const advantages = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'advantages')
-const calculator = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'calculator')
 
 const aboutText = computed(() => marked.parse(about?.content || ''))
 const deliveryText = computed(() => delivery?.content.split('[col]').map(el => marked.parse(el || '')))
 const advantagesText = computed(() => advantages?.content.split('[col]').map(el => marked.parse(el || '')))
-const calculatorText = computed(() => calculator?.content.split('[col]').map(el => marked.parse(el || '')))
 
 const { data: footerData } = await useFetch<ApiFooterType[]>(`${apiBase}/footer/?ordering=small_text`)
 const { data: social_networkData } = await useFetch<ApiSocial_networkType[]>(`${apiBase}/social_network/`)
@@ -45,6 +43,11 @@ const { scrollToAnchor, scrollToTop } = useAnchorScroll({
     }
   },
 })
+
+console.log({
+  url:`${apiBase}/calculator/5/`,
+  d: calculatorData.value
+})
 </script>
 <template>
   <div>
@@ -117,15 +120,15 @@ const { scrollToAnchor, scrollToTop } = useAnchorScroll({
           <span v-html="advantagesText[1]"></span>
         </div>
       </div>
-      <div class="siteblock bg-light" id="5" v-if="calculatorText">
-  <div class="container">
-    <div class="prose col-span-12 xl:col-span-6">
-        <div v-for="(number, index) in calculatorText" :key="index">
-          {{ number }}
+      <div class="siteblock bg-light" id="5" v-if="calculatorData">
+        <div class="container">
+          <div class="prose col-span-12 xl:col-span-6">
+            <div v-for="(number, index) in calculatorData" :key="index">
+              {{ number }}
+            </div>
+          </div>
         </div>
-    </div>
-  </div>
-</div>
+      </div>
     </div>
     <div class="siteblock siteblock_imgbg bg-slate-500"
       :style="[{ backgroundImage: `url(${[apiBase, delivery?.image].join('/')})` }]">