diff --git a/app.vue b/app.vue
index 5bf283e..9b6f0a1 100644
--- a/app.vue
+++ b/app.vue
@@ -26,10 +26,12 @@ const reviews = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'clien
 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/`)
@@ -115,6 +117,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>
+    </div>
+  </div>
+</div>
     </div>
     <div class="siteblock siteblock_imgbg bg-slate-500"
       :style="[{ backgroundImage: `url(${[apiBase, delivery?.image].join('/')})` }]">