diff --git a/components/footer.vue b/components/footer.vue
index cee5408..f9ce641 100644
--- a/components/footer.vue
+++ b/components/footer.vue
@@ -6,59 +6,74 @@ import tg from '@/assets/icons/telegram.svg'
 import vk from '@/assets/icons/vk.svg'
 import yt from '@/assets/icons/youtube.svg'
 const icons = {
-    'simple-icons:vk': vk,
-    'simple-icons:telegram': tg,
-    'simple-icons:youtube': yt,
+  'simple-icons:vk': vk,
+  'simple-icons:telegram': tg,
+  'simple-icons:youtube': yt
 }
 
-const { data: footerData } = await fetchData<Footer[]>(`footer/?ordering=small_text`, true)
-const { data: socialNetworkData } = await fetchData<SocialNetwork[]>(`social_network/`, true)
+const { data: footerData } = await fetchData<Footer[]>(
+  `footer`,
+  { ordering: 'small_text' },
+  true
+)
+const { data: socialNetworkData } = await fetchData<SocialNetwork[]>(
+  `social_network`,
+  {},
+  true
+)
 </script>
 <template>
-    <div>
-        <div class="footer" id="contacts">
-            <div class="container">
-                <div class="col-span-12 lg:col-span-6 xl:col-span-3 mb-12 lg:mb-0">
-                    <div class="k-logo">
-                        <k_logo />
-                    </div>
-                </div>
-                <div class="col-span-12 lg:col-span-6 xl:col-span-6 mb-12 lg:mb-0">
-                    <template v-for="item in footerData">
-                        <div class="footer-text" v-if="!item.small_text">
-                            <template v-for="p in item.text.replace(/\r\n/g, '\n').split('\n')">
-                                <p v-if="p.trim().length">{{ p }}</p>
-                            </template>
-                        </div>
-                    </template>
-                </div>
-                <div class="col-span-12 xl:col-span-3">
-                    <div class="footer-text footer-text-social" v-if="socialNetworkData">
-                        <template v-for="item in socialNetworkData">
-                            <a :class="['footer-icon', { 'footer-icon-big': !item.icon }]" :href="item.link"
-                                target="_blank">
-                                <template v-if="item.icon">
-                                    <component :is="icons[(item.icon.trim() as keyof typeof icons)]"
-                                        v-if="icons.hasOwnProperty(item.icon.trim())" />
-                                    <Icon :name="item.icon" v-else />
-                                </template>
-                                <span class="footer-icon-text">{{ item.name }}</span>
-                            </a>
-                        </template>
-                    </div>
-                </div>
-            </div>
+  <div>
+    <div class="footer" id="contacts">
+      <div class="container">
+        <div class="col-span-12 lg:col-span-6 xl:col-span-3 mb-12 lg:mb-0">
+          <div class="k-logo">
+            <k_logo />
+          </div>
         </div>
-        <div class="footer_two">
-            <div class="container">
-                <div class="col-span-10 col-start-2">
-                    <template v-for="item in footerData">
-                        <div class="footer-text" v-if="item.small_text">
-                            {{ item.text }}
-                        </div>
-                    </template>
-                </div>
+        <div class="col-span-12 lg:col-span-6 xl:col-span-6 mb-12 lg:mb-0">
+          <template v-for="item in footerData">
+            <div class="footer-text" v-if="!item.small_text">
+              <template
+                v-for="p in item.text.replace(/\r\n/g, '\n').split('\n')"
+              >
+                <p v-if="p.trim().length">{{ p }}</p>
+              </template>
             </div>
+          </template>
         </div>
+        <div class="col-span-12 xl:col-span-3">
+          <div class="footer-text footer-text-social" v-if="socialNetworkData">
+            <template v-for="item in socialNetworkData">
+              <a
+                :class="['footer-icon', { 'footer-icon-big': !item.icon }]"
+                :href="item.link"
+                target="_blank"
+              >
+                <template v-if="item.icon">
+                  <component
+                    :is="icons[(item.icon.trim() as keyof typeof icons)]"
+                    v-if="icons.hasOwnProperty(item.icon.trim())"
+                  />
+                  <Icon :name="item.icon" v-else />
+                </template>
+                <span class="footer-icon-text">{{ item.name }}</span>
+              </a>
+            </template>
+          </div>
+        </div>
+      </div>
     </div>
-</template>
\ No newline at end of file
+    <div class="footer_two">
+      <div class="container">
+        <div class="col-span-10 col-start-2">
+          <template v-for="item in footerData">
+            <div class="footer-text" v-if="item.small_text">
+              {{ item.text }}
+            </div>
+          </template>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/components/header.vue b/components/header.vue
index da63d81..a0270f7 100644
--- a/components/header.vue
+++ b/components/header.vue
@@ -4,7 +4,7 @@ import k_logo from '@/assets/LOGO.svg'
 const { fetchData } = useApiFetch()
 const route = useRoute()
 
-const { data, status, error } = await fetchData<Menu[]>(`menu/`)
+const { data, status, error } = await fetchData<Menu[]>(`menu`)
 const menu = computed(() => {
     const menu = data.value?.find(el => el.type == 1)
     return (menu?.pages || []).sort((a, b) => a.order - b.order)
diff --git a/composables/api.ts b/composables/api.ts
index 22915b6..7538968 100644
--- a/composables/api.ts
+++ b/composables/api.ts
@@ -5,13 +5,14 @@ export function useApiFetch() {
     const apiBase = config.public.apiBase
     const prefix = config.public.apiPrefix
     
-    const fetchData = <T>(path: string, global = false) => {
+    const fetchData = <T>(path: string, queryParams: Record<string, any> = {}, global = false) => {
         const headers = new Headers()
         headers.set('Referer', config.public.baseUrl)
 
-        return useFetch<T>(`${apiBase}/${global ? 'gb' : prefix}/${path}`, {
+        return useFetch<T>(`${apiBase}/${global ? 'gb' : prefix}/${path}/`, {
             baseURL: config.public.baseUrl,
             headers,
+            query: queryParams, 
             onResponseError({ response }) {
                 console.log(response.status)
                 console.log(response.url)
diff --git a/error.vue b/error.vue
index 8b43908..8383469 100644
--- a/error.vue
+++ b/error.vue
@@ -7,7 +7,7 @@ const { fetchData } = useApiFetch()
 
 import og_img from '/og_img.png'
 
-const { data: seo } = await fetchData<Seo[]>(`seo/`)
+const { data: seo } = await fetchData<Seo[]>(`seo`)
 useSeoMeta({
     title: seo.value && seo.value[0].title,
     ogTitle: seo.value && seo.value[0].title,
diff --git a/index.d.ts b/index.d.ts
index ef1bcf3..16330ec 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -62,11 +62,9 @@ type DiscountType = {
     max_quantitt?: number
     percent: number
 }
-type ApiCalcType = {
+type CalcItem = {
     id: number
     title: string
-    pillar: string
-    pillar_base: string
-    lamelles_block: string
-    discount: DiscountType[]
+    slug: string
+    base: number
 }
\ No newline at end of file
diff --git a/pages/index.vue b/pages/index.vue
index c9daddd..d418f41 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -7,9 +7,10 @@ import { marked } from 'marked'
 
 import og_img from '/og_img.png'
 
-const { data: seo } = await fetchData<Seo[]>(`seo/`)
-const { data: menu_raw, status: menu_status } = await fetchData<Menu[]>(`menu/`)
-const { data: review } = await fetchData<Review[]>(`review/`)
+const { data: seo } = await fetchData<Seo[]>(`seo`)
+const { data: menu_raw, status: menu_status } = await fetchData<Menu[]>(`menu`)
+const { data: review } = await fetchData<Review[]>(`review`)
+const { data: calc_data } = await fetchData<CalcItem[]>(`calculator`)
 
 useSeoMeta({
   title: seo.value && seo.value[0].title,
@@ -30,6 +31,14 @@ const delivery = computed(() =>
     ?.content.split('[col]')
     .map(el => marked.parse(el || ''))
 )
+
+const setCalcData = (txt: string) => {
+  let c = txt
+  ;(calc_data.value || []).map(item => {
+    c = c.replaceAll(`[${item.slug}]`, roubleSign.format(item.base))
+  })
+  return marked.parse(c)
+}
 </script>
 <template>
   <div>
@@ -99,7 +108,7 @@ const delivery = computed(() =>
               <ModelScene type="bench" />
             </div>
             <div class="col-span-full xl:col-span-4 prose">
-              <span v-html="marked.parse(page.content || '')"></span>
+              <span v-html="setCalcData(page.content || '')"></span>
             </div>
           </div>
         </div>
@@ -120,7 +129,7 @@ const delivery = computed(() =>
         <div class="siteblock bg-white" :id="page.slug">
           <div class="container gap-4">
             <div class="col-span-full xl:col-span-8">
-              <span v-html="marked.parse(page.content || '')"></span>
+              <span v-html="setCalcData(page.content || '')"></span>
             </div>
             <div class="col-span-full xl:col-span-4 prose">
               <ModelScene type="table" />
diff --git a/utils/roubleSign.ts b/utils/roubleSign.ts
new file mode 100644
index 0000000..724a947
--- /dev/null
+++ b/utils/roubleSign.ts
@@ -0,0 +1,4 @@
+export default new Intl.NumberFormat('ru-RU', {
+    style: 'currency',
+    currency: 'RUB',
+});
\ No newline at end of file