diff --git a/components/calcModels.vue b/components/calcModels.vue
index 39c432f..bd84610 100644
--- a/components/calcModels.vue
+++ b/components/calcModels.vue
@@ -39,7 +39,7 @@ const loadAll = async () => {
     // pointLight.value.intensity = 0
     pointLight.value.shadow.camera.near = 50
     pointLight.value.shadow.bias = -0.002
-    
+
     const k = 5
     pointLight.value.position.x = pointLight.value.position.x * k
     pointLight.value.position.y = pointLight.value.position.y * k
@@ -104,10 +104,9 @@ watch([section_count, extra_section], () => {
                         <ModelParametric />
                     </Suspense>
                 </TresGroup>
-
                 <TresMesh receive-shadow :position-y="-3.65" name="ground">
                     <TresCircleGeometry :args="[50, 32]" :rotate-x="-Math.PI * 0.5" />
-                    <TresShadowMaterial :opacity="0.2"/>
+                    <TresShadowMaterial :opacity="0.2" />
                 </TresMesh>
 
                 <template v-if="pointLight">
diff --git a/components/calcValues.vue b/components/calcValues.vue
index 7bb8367..9e5d040 100644
--- a/components/calcValues.vue
+++ b/components/calcValues.vue
@@ -4,6 +4,7 @@ import type { ralTypes } from '@/components/ral'
 
 import { predefLamelleColors, predefPillarColors } from '~/composables/useCalc';
 
+const lamelle_height = use_lamelle_height()
 const lamelles_count = use_lamelles_count()
 const fence_section = use_fence_section()
 const remove_pillar = use_remove_pillar()
@@ -17,7 +18,7 @@ const min_length = use_min_length()
 const parametric = reactive({
     length: {
         min: min_length.value,
-        max: 2400,
+        max: 2470,
         step: 1,
     },
     total_length: {
@@ -26,14 +27,14 @@ const parametric = reactive({
         step: 0.5,
     },
     height: {
-        min: 675,
-        max: 2400,
-        step: 115,
+        min: 20 + lamelle_height.value * 1000 * 5,
+        max: 20 + lamelle_height.value * 1000 * 20,
+        step: lamelle_height.value * 1000,
     }
 })
 const form_state = reactive({
     length: fence_section.value * 1000,
-    fence_length: 100,
+    fence_length: 104,
     height: 100 + lamelles_count.value * parametric.height.step,
     total_length: total_length.value,
     total_length_mm: fence_section.value * 1000,
@@ -69,34 +70,45 @@ const changeParametres = () => {
     if (form_state.total_length_mm < form_state.length) {
         form_state.length = form_state.total_length_mm
     }
-
     form_state.total_length_mm = form_state.total_length * 1000
-    const total_without_pillar = form_state.total_length_mm - form_state.fence_length
 
-    if (form_state.auto_length) {
+    let { fence_length, total_length_mm, auto_length, length, full_sections } = form_state
+    length = parseFloat(length.toString())
+
+    if (auto_length) {
         let w = parametric.length.min
-        const max_sections = Math.ceil(total_without_pillar / parametric.length.min)
-        const min_sections = Math.ceil(total_without_pillar / parametric.length.max)
+        const max_sections = Math.floor((total_length_mm - fence_length) / (parametric.length.min + fence_length))
+        const min_sections = Math.ceil((total_length_mm - fence_length) / (parametric.length.max + fence_length))
 
         for (let index = min_sections; index <= max_sections; index++) {
-            w = (total_without_pillar / index) + form_state.fence_length
-            if (w >= parametric.length.min && w <= parametric.length.max) {
+            full_sections = index
+            w = (total_length_mm - fence_length * (index - 1)) / index
+            if (
+                w >= parametric.length.min
+                && w <= parametric.length.max
+                && w * index <= total_length_mm
+            ) {
                 break
             }
         }
-        form_state.length = w
+        length = w
+    } else {
+        full_sections = Math.floor((total_length_mm - fence_length) / (length + fence_length))
+        if (full_sections == 0) {
+            length = total_length_mm - fence_length - fence_length
+        }
     }
 
-    const section_without_pillar = form_state.length - form_state.fence_length
-
-    form_state.full_sections = Math.floor(total_without_pillar / section_without_pillar)
-
-    if (section_without_pillar * form_state.full_sections !== form_state.full_sections) {
-        form_state.extra_section = Math.floor(total_without_pillar % section_without_pillar)
+    if (((full_sections * length) + (full_sections * fence_length) + fence_length) <= total_length_mm) {
+        form_state.extra_section = Math.floor((total_length_mm - fence_length) % length)
     } else {
         form_state.extra_section = 0
     }
 
+    form_state.full_sections = full_sections
+    form_state.length = length
+    form_state.fence_length = fence_length
+
     total_length.value = form_state.total_length
     lamelles_count.value = lamelles
     fence_section.value = form_state.length * 0.001
@@ -125,77 +137,71 @@ const plurals = {
 </script>
 <template>
     <div class="container relative py-4">
-        <ClientOnly fallback-tag="div">
-            <template #fallback>
-                <div class="fallback">
-                    Загрузка 3D модели
-                </div>
-            </template>
-            <form class="form">
-                <div class="col-span-12 lg:col-span-6">
-                    <div class="form-row">
-                        <div class="form-item w-full">
-                            <label for="length">Длина секции, мм</label>
-                            <input disabled :value="`${form_state.length} мм`" class="w-28" />
-                            <input id="length" type="range" class="w-full" v-bind="parametric.length"
-                                v-model="form_state.length" :disabled="form_state.auto_length"
-                                :ref="form_refs.length" />
-                        </div>
-                        <div class="form-item w-full">
-                            <label for="height">Высота забора, мм</label>
-                            <input disabled :value="`${form_state.height} мм`" class="w-28" />
-                            <input id="height" type="range" class="w-full" v-bind="parametric.height"
-                                v-model="form_state.height" :ref="form_refs.height" />
-                        </div>
-                        <div class="form-item">
-                            <label for="total_length">Общая длина забора, м</label>
-                            <input type="number" id="total_length" v-bind="parametric.total_length"
-                                v-model="form_state.total_length" :ref="form_refs.total_length" />
-                        </div>
-                        <div class="form-item form-item_checkbox">
-                            <input id="auto_length" type="checkbox" v-model="form_state.auto_length" />
-                            <label for="auto_length">Автоматический подбор секции</label>
-                        </div>
-                        <div class="form-item form-item_checkbox">
-                            <input id="remove_pillar" type="checkbox" v-model="form_state.remove_pillar" />
-                            <label for="remove_pillar">Без столбов</label>
-                        </div>
+        <form class="form">
+            <div class="col-span-12 lg:col-span-6">
+                <div class="form-row">
+                    <div class="form-item w-full">
+                        <label for="length">Длина ламельного блока, мм</label>
+                        <input disabled :value="`${form_state.length} мм`" class="w-28" />
+                        <input id="length" type="range" class="w-full" v-bind="parametric.length"
+                            v-model="form_state.length" :disabled="form_state.auto_length" :ref="form_refs.length" />
+                    </div>
+                    <div class="form-item w-full">
+                        <label for="height">Высота забора, мм</label>
+                        <input disabled :value="`${form_state.height} мм`" class="w-28" />
+                        <input id="height" type="range" class="w-full" v-bind="parametric.height"
+                            v-model="form_state.height" :ref="form_refs.height" />
+                    </div>
+                    <div class="form-item">
+                        <label for="total_length">Общая длина забора, м</label>
+                        <input type="number" id="total_length" v-bind="parametric.total_length"
+                            v-model="form_state.total_length" :ref="form_refs.total_length" />
+                    </div>
+                    <div class="form-item form-item_checkbox">
+                        <input id="auto_length" type="checkbox" v-model="form_state.auto_length" />
+                        <label for="auto_length">Автоматический подбор секции</label>
+                    </div>
+                    <div class="form-item form-item_checkbox">
+                        <input id="remove_pillar" type="checkbox" v-model="form_state.remove_pillar" />
+                        <label for="remove_pillar">Без столбов</label>
                     </div>
                 </div>
-                <div class="col-span-12 lg:col-span-6">
-                    <div class="form-row">
-                        <div class="form-item">
-                            <label for="lamelle_color">Цвет ламелей</label>
-                            <input id="lamelle_color" type="text" :value="getColorNameFromRal(lamelle_color)"
-                                class="w-60" disabled />
-                            <ColorPicker :cb="setLamelleColor" />
-                        </div>
-                        <div class="form-item">
-                            <template v-for="item in predefLamelleColors">
-                                <ColorPicker :color="item" :cb="setLamelleColor" :open="false"
-                                    :active="lamelle_color == item" />
-                            </template>
-                        </div>
-                        <div class="form-item">
-                            <label for="pillar_color">Цвет столба</label>
-                            <input id="pillar_color" type="text" :value="getColorNameFromRal(pillar_color)" class="w-60"
-                                disabled />
-                            <ColorPicker :cb="setPillarColor" />
-                        </div>
-                        <div class="form-item">
-                            <template v-for="item in predefPillarColors">
-                                <ColorPicker :color="item" :cb="setPillarColor" :open="false"
-                                    :active="pillar_color == item" />
-                            </template>
-                        </div>
+            </div>
+            <div class="col-span-12 lg:col-span-6">
+                <div class="form-row">
+                    <div class="form-item">
+                        <label for="lamelle_color">Цвет ламелей</label>
+                        <input id="lamelle_color" type="text" :value="getColorNameFromRal(lamelle_color)" class="w-60"
+                            disabled />
+                        <ColorPicker :cb="setLamelleColor" />
+                    </div>
+                    <div class="form-item">
+                        <template v-for="item in predefLamelleColors">
+                            <ColorPicker :color="item" :cb="setLamelleColor" :open="false"
+                                :active="lamelle_color == item" />
+                        </template>
+                    </div>
+                    <div class="form-item">
+                        <label for="pillar_color">Цвет столба</label>
+                        <input id="pillar_color" type="text" :value="getColorNameFromRal(pillar_color)" class="w-60"
+                            disabled />
+                        <ColorPicker :cb="setPillarColor" />
+                    </div>
+                    <div class="form-item">
+                        <template v-for="item in predefPillarColors">
+                            <ColorPicker :color="item" :cb="setPillarColor" :open="false"
+                                :active="pillar_color == item" />
+                        </template>
                     </div>
                 </div>
-                <div class="col-span-12 lg:col-span-8 prose min-w-full">
+            </div>
+            <div class="col-span-12 lg:col-span-8 prose min-w-full">
+                <template v-if="(form_state.total_length * 1000) >= parametric.length.min">
                     <p>
                         Забор общей длиной {{ form_state.total_length }}{{ '\xa0' }}м,
                         {{ section_count }}
                         <Plural :n="section_count" :forms="plurals.section" /> по
-                        {{ `${parseInt(form_state.length).toFixed(2)}\xa0мм` }}{{
+                        {{ `${parseFloat(form_state.length.toString()).toFixed(2)}\xa0мм` }}{{
                             form_state.extra_section ? ` и 1 дополнительная секция
                         длиной ${form_state.extra_section.toFixed(2)}\xa0мм` : '' }}.
                     </p>
@@ -206,7 +212,7 @@ const plurals = {
                         </template>
                         {{ section_count * lamelles_count }}
                         <Plural :n="section_count * lamelles_count" :forms="plurals.lamelle" />
-                        {{ `длиной ${parseInt(form_state.length).toFixed(2)}\xa0мм` }}<template
+                        {{ `длиной ${parseFloat(form_state.length.toString()).toFixed(2)}\xa0мм` }}<template
                             v-if="form_state.extra_section">
                             {{ ` и ${~~(!!form_state.extra_section.toFixed(2)) * lamelles_count}` }}
                             <Plural :n="~~(!!form_state.extra_section) * lamelles_count" :forms="plurals.lamelle" />
@@ -214,21 +220,21 @@ const plurals = {
                         </template>.
                     </p>
                     <p>
-                        Все элементы окрашиваются порошковым методом: <br />
+                        Окрашивается по технологии порошковой окраски: <br />
                         ламели: {{ getColorNameFromRal(lamelle_color)?.toLowerCase() }};
                         столбы: {{ getColorNameFromRal(pillar_color)?.toLowerCase() }}.
                     </p>
-                </div>
-                <div class="prose col-span-4">
-                    <p v-if="form_state.extra_section" class="text-ioprim">
-                        Внимание! Дополнительная секция приводит к увеличению стоимости.
-                        Рекомендуем вам изменить длину забора или длину секции!
-                    </p>
-                </div>
-                <div class="form-row justify-center">
-                    <button @click.prevent="toggleModal">Купить прямо сейчас</button>
-                </div>
-            </form>
-        </ClientOnly>
+                </template>
+            </div>
+            <div class="prose col-span-4">
+                <p v-if="form_state.extra_section" class="text-ioprim">
+                    Внимание! Дополнительная секция приводит к увеличению стоимости.
+                    Рекомендуем вам изменить длину забора или длину секции!
+                </p>
+            </div>
+            <div class="form-row justify-center">
+                <button @click.prevent="toggleModal">Рассчитать прямо сейчас</button>
+            </div>
+        </form>
     </div>
 </template>
\ No newline at end of file
diff --git a/components/colorPicker.vue b/components/colorPicker.vue
index ee9ca76..5c084f4 100644
--- a/components/colorPicker.vue
+++ b/components/colorPicker.vue
@@ -31,7 +31,7 @@ onUnmounted(() => {
     <div>
         <div class="color_picker" ref="picker">
             <div class="color_picker-selected" @click="open ? toggleOpen(!isOpenPicker) : onClick(props.color)"
-                :style="[{ backgroundColor: getColorHexFromRal(props.color) ?? '' }]"
+                :style="[props.color && { backgroundColor: getColorHexFromRal(props.color) ?? '' }]"
                 :class="[{ 'color_picker-selected__active': active }]"></div>
             <div class="color_picker-changer flex flex-wrap" v-if="isOpenPicker">
                 <template v-for="col in ralClassicPallette">
diff --git a/components/footer.vue b/components/footer.vue
index e8c52c4..9e209a6 100644
--- a/components/footer.vue
+++ b/components/footer.vue
@@ -4,7 +4,7 @@ const apiBase = config.public.apiBase
 import k_logo from '@/assets/icons/logo.svg'
 
 const { data: footerData } = await useFetch<ApiFooterType[]>(`${apiBase}/footer/?ordering=small_text`)
-    const { data: social_networkData } = await useFetch<ApiSocial_networkType[]>(`${apiBase}/social_network/`)
+const { data: social_networkData } = await useFetch<ApiSocial_networkType[]>(`${apiBase}/social_network/`)
 </script>
 <template>
     <div class="footer" id="contacts">
diff --git a/components/modal.vue b/components/modal.vue
index cffea0d..db46497 100644
--- a/components/modal.vue
+++ b/components/modal.vue
@@ -4,10 +4,11 @@ import type { ralTypes } from '@/components/ral'
 
 const config = useRuntimeConfig()
 const apiBase = config.public.apiBase
-const { data: calculatorData } = await useFetch(`${apiBase}/calculator/5/`)
+const { data: calculatorData } = await useFetch<ApiCalcType>(`${apiBase}/calculator/5/`)
 
 const isModalOpen = useState('modal_open', () => false)
 
+const lamelle_height = useState<number>('lamelle_height')
 const lamelles_count = useState<number>('lamelles_count')
 const fence_section = useState<number>('fence_section')
 const pillar_color = useState<ralTypes>('pillar_color')
@@ -18,6 +19,7 @@ const total_length = useState('total_length')
 const remove_pillar = useState<boolean>('remove_pillar')
 
 const toggleModal = () => {
+    modal_data.email = undefined
     modal_data.phone = undefined
     modal_data.name = undefined
     modal_state.show_form = false
@@ -26,8 +28,10 @@ const toggleModal = () => {
 type modalDataType = {
     phone?: string
     name?: string
+    email?: string
 }
 const modal_data = reactive<modalDataType>({
+    email: undefined,
     phone: undefined,
     name: undefined
 })
@@ -48,19 +52,16 @@ const validateInput = (evt: KeyboardEvent) => {
         return
     }
 }
+
 const validate = () => {
     const phone_regexp = /^\+?[\d\s-()]{0,14}\d{11}$/
     const email_regex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/
 
-    if (!modal_data.phone) {
-        modal_form.disabled = true
-        return
-    }
-    if (modal_data.phone.length < 3) {
-        modal_form.disabled = true
-        return
-    }
-    if (phone_regexp.test(modal_data.phone) || email_regex.test(modal_data.phone)) {
+    modal_form.disabled = true
+    if (
+        (modal_data.phone && phone_regexp.test(modal_data.phone))
+        || (modal_data.email && email_regex.test(modal_data.email))
+    ) {
         modal_form.disabled = false
         return
     }
@@ -74,6 +75,7 @@ const submit = (e: any) => {
         body: JSON.stringify({
             name: modal_data.name || `ref from site ${new Date}`,
             phone: modal_data.phone,
+            email: modal_data.email,
             fence_info: [
                 ...Object.values(total_txt.value).map(el => el.join('\n')),
                 total_colors.value.join('\n')
@@ -82,7 +84,7 @@ const submit = (e: any) => {
     })
     modal_data.phone = undefined
     modal_data.name = undefined
-    isModalOpen.value = false
+    toggleModal()
 }
 const roubleSign = new Intl.NumberFormat('ru-RU', {
     style: 'currency',
@@ -95,43 +97,39 @@ const total_colors = computed(() => {
     ]
 })
 const total_txt = computed(() => {
-    let { mortgage, pillar, lamella, rivets, bar, guide } = calculatorData.value
-    mortgage = parseFloat(mortgage)
-    pillar = parseFloat(pillar)
-    lamella = parseFloat(lamella)
-    rivets = parseFloat(rivets)
-    bar = parseFloat(bar)
-    guide = parseFloat(guide)
+    if (!calculatorData.value) return
+    const pillar = parseFloat(calculatorData.value.pillar)
+    const pillar_base = parseFloat(calculatorData.value.pillar_base)
+    const lamelles_block = parseFloat(calculatorData.value.lamelles_block)
+    const { discount } = calculatorData.value
+
     const sections = section_count.value as number
     const extra_m = extra_section.value as number * 0.001
     const length_m = fence_section.value as number
     const lam_count = lamelles_count.value as number
 
-    const prices = {
-        pillar: mortgage + pillar,
-        lamella: rivets * 2 + lamella * length_m,
-        lamella_extra: rivets * 2 + lamella * extra_m,
-        guide: guide * lam_count * 0.115,
-        top: bar * length_m,
-        top_extra: bar * extra_m
-    }
+    let discountValue = 1
+    discount.forEach(element => {
+        if (sections >= element.min_quantity) {
+            if (element.max_quantitt && sections >= element.max_quantitt) return
+            discountValue -= element.percent * 0.01
+        }
+    });
 
+    const prices = {
+        pillar: discountValue * ((pillar * lam_count * lamelle_height.value) + pillar_base),
+        lam_quad_regular: discountValue * lamelles_block * lam_count * lamelle_height.value * length_m,
+        lam_quad_extra: discountValue * lamelles_block * lam_count * lamelle_height.value * extra_m,
+    }
+    // console.log(prices)
     const extra = {
         pillar: !remove_pillar.value && {
             txt: `Дополнительная секция, столб, 1 шт`,
             value: prices.pillar * 1
         },
         lamella: {
-            txt: `Дополнительная секция, ламели, ${lam_count} шт`,
-            value: prices.lamella_extra * lam_count
-        },
-        guide: {
-            txt: `Направляющие, 2 шт`,
-            value: prices.guide * 2
-        },
-        top: {
-            txt: `Верхняя планка`,
-            value: prices.top * 1
+            txt: `Блок ламелей с направляющей, 1 шт`,
+            value: prices.lam_quad_extra * 1
         },
 
     }
@@ -141,18 +139,10 @@ const total_txt = computed(() => {
             value: prices.pillar * (1 + sections)
         },
         lamella: {
-            txt: `Ламели, ${(lam_count * sections)} шт`,
-            value: prices.lamella * (lam_count * sections)
+            txt: `Блок ламелей с направляющей, ${sections} шт`,
+            value: prices.lam_quad_regular * sections
         },
-        guide: {
-            txt: `Направляющие, ${(2 * sections)} шт`,
-            value: prices.guide * (2 * sections)
-        },
-        top: {
-            txt: `Верхняя планка ${(1 + sections)} шт`,
-            value: prices.top * sections
-        },
-    }
+    };
 
     const total = [extra, regular].map(item => Object.values(item).map(el => el ? el.value : 0)).flat().reduce((a, b) => a + b, 0)
 
@@ -176,11 +166,13 @@ const total_txt = computed(() => {
         <div class="modal">
             <template v-if="modal_state.show_form">
                 <h2>Оставьте контакты для связи </h2>
-                <form @submit.prevent="submit">
+                <form @submit.prevent="submit" ref="form">
                     <input type="text" placeholder="Ваше имя" v-model="modal_data.name" @keyup="validate" />
-                    <input type="phone" placeholder="Номер телефона или e-mail" v-model="modal_data.phone"
+                    <input type="phone" placeholder="Ваш номер телефона" v-model="modal_data.phone"
                         @keypress="validateInput" @keyup="validate" />
-                    {{ total_txt.total[0] }}
+                    <input type="e-mail" placeholder="Ваш e-mail" v-model="modal_data.email" @keypress="validateInput"
+                        @keyup="validate" />
+                    {{ total_txt && total_txt.total[0] }}
                     <div class="flex gap-4">
                         <button class="not-prose" :disabled="modal_form.disabled" type="submit">Отправить</button>
                         <button class="not-prose" type="reset" @click="toggleModal">Отмена</button>
@@ -203,9 +195,8 @@ const total_txt = computed(() => {
                         </p>
                     </template>
                 </div>
-                <div class="flex gap-4">
-                    <button class="not-prose" @click="openForm">Данные верны</button>
-                    <button class="not-prose neutral" @click="toggleModal">Закрыть окно</button>
+                <div class="flex gap-4 justify-center">
+                    <button class="not-prose" @click="openForm">Отправить расчет на e-mail</button>
                 </div>
             </template>
         </div>
diff --git a/components/model/fence.vue b/components/model/fence.vue
index 0f2d025..8a13fce 100644
--- a/components/model/fence.vue
+++ b/components/model/fence.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import { BufferGeometry, Color, Matrix4, Vector3 } from 'three';
+import { BufferGeometry, Matrix4, Vector3 } from 'three';
 
 const props = defineProps(['index', 'models'])
 
+const lamelle_height = use_lamelle_height()
 const lamelles_count = use_lamelles_count()
 const fence_section = use_fence_section()
 const section_count = use_section_count()
@@ -10,9 +11,9 @@ const extra_section = use_extra_section()
 const remove_pillar = use_remove_pillar()
 const max_size = use_max_size()
 
-const lSize = 0.115
+const lSize = lamelle_height.value
 const bSize = 0.0235
-const pillar_size = 80 * 0.001
+const pillar_size = 104 * 0.001
 
 const pillar_one_pos = ref(fence_section.value * -0.5 - 0.015)
 const pillar_two_pos = ref(fence_section.value * 0.5 + pillar_size + bSize - 0.01)
diff --git a/components/model/parametric.vue b/components/model/parametric.vue
index d3cb4b0..e1337b2 100644
--- a/components/model/parametric.vue
+++ b/components/model/parametric.vue
@@ -66,9 +66,9 @@ pmremGenerator.compileEquirectangularShader();
 onMounted(async () => {
     const loader = new GainMapLoader(renderer.value)
     const result = await loader.loadAsync([
-        '/hdrmaps/kloppenheim_06_4k.webp',
-        '/hdrmaps/kloppenheim_06_4k-gainmap.webp',
-        '/hdrmaps/kloppenheim_06_4k.json',
+        'hdrmaps/alps_field_4k.webp',
+        'hdrmaps/alps_field_4k-gainmap.webp',
+        'hdrmaps/alps_field_4k.json',
     ])
     const exrCubeRenderTarget = pmremGenerator.fromEquirectangular(result.renderTarget.texture);
     const exrBackground = exrCubeRenderTarget.texture;
diff --git a/composables/useCalc.ts b/composables/useCalc.ts
index 15ad0b0..5feb052 100644
--- a/composables/useCalc.ts
+++ b/composables/useCalc.ts
@@ -5,6 +5,7 @@ export const predefLamelleColors = ['3009', '9003', '6027', '5024', '9001', '101
 
 const n = 2
 const min = 1300
+export const use_lamelle_height = () => useState<number>('lamelle_height', () => 0.115)
 export const use_lamelles_count = () => useState('lamelles_count', () => 14)
 export const use_fence_section = () => useState<number>('fence_section', () => min * 0.001)
 export const use_remove_pillar = () => useState<boolean>('remove_pillar', () => false)
@@ -13,6 +14,6 @@ export const use_lamelle_color = () => useState<ralTypes>('lamelle_color', () =>
 export const use_section_count = () => useState('section_count', () => n)
 export const use_extra_section = () => useState('extra_section', () => 0)
 export const use_total_length = () => useState('total_length', () => ((min * n) - 100) * 0.001)
-export const use_min_length = () => useState('min_length', () => 1000)
+export const use_min_length = () => useState('min_length', () => 700)
 export const use_max_size = () => useState<number>('max_size', () => 13)
 export const use_explosion_state = () => useState<boolean>('explosion_state', () => false)
\ No newline at end of file
diff --git a/pages/index.vue b/pages/index.vue
index 500236c..f5784c5 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -23,7 +23,7 @@ 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 delivery = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'how_to')
 const advantages = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'advantages')
 
 const roubleSign = new Intl.NumberFormat('ru-RU', {
diff --git a/public/hdrmaps/alps_field_4k-gainmap.webp b/public/hdrmaps/alps_field_4k-gainmap.webp
new file mode 100644
index 0000000..cd5f7ab
Binary files /dev/null and b/public/hdrmaps/alps_field_4k-gainmap.webp differ
diff --git a/public/hdrmaps/alps_field_4k.hdr b/public/hdrmaps/alps_field_4k.hdr
new file mode 100644
index 0000000..707b93b
Binary files /dev/null and b/public/hdrmaps/alps_field_4k.hdr differ
diff --git a/public/hdrmaps/kloppenheim_06_4k.json b/public/hdrmaps/alps_field_4k.json
similarity index 69%
rename from public/hdrmaps/kloppenheim_06_4k.json
rename to public/hdrmaps/alps_field_4k.json
index 244275b..1be0e7d 100644
--- a/public/hdrmaps/kloppenheim_06_4k.json
+++ b/public/hdrmaps/alps_field_4k.json
@@ -1,8 +1,8 @@
 {
   "gainMapMax": [
-    6.139551352398794,
-    6.139551352398794,
-    6.139551352398794
+    15.999075124875333,
+    15.999075124875333,
+    15.999075124875333
   ],
   "gainMapMin": [
     0,
@@ -14,7 +14,7 @@
     1,
     1
   ],
-  "hdrCapacityMax": 6.139551352398794,
+  "hdrCapacityMax": 15.999075124875333,
   "hdrCapacityMin": 0,
   "offsetHdr": [
     0.015625,
diff --git a/public/hdrmaps/alps_field_4k.webp b/public/hdrmaps/alps_field_4k.webp
new file mode 100644
index 0000000..883cf78
Binary files /dev/null and b/public/hdrmaps/alps_field_4k.webp differ
diff --git a/public/hdrmaps/kloppenheim_06_4k-gainmap.webp b/public/hdrmaps/kloppenheim_06_4k-gainmap.webp
deleted file mode 100644
index 67862d3..0000000
Binary files a/public/hdrmaps/kloppenheim_06_4k-gainmap.webp and /dev/null differ
diff --git a/public/hdrmaps/kloppenheim_06_4k.exr b/public/hdrmaps/kloppenheim_06_4k.exr
deleted file mode 100644
index ef93ed6..0000000
Binary files a/public/hdrmaps/kloppenheim_06_4k.exr and /dev/null differ
diff --git a/public/hdrmaps/kloppenheim_06_4k.webp b/public/hdrmaps/kloppenheim_06_4k.webp
deleted file mode 100644
index 7bb3d78..0000000
Binary files a/public/hdrmaps/kloppenheim_06_4k.webp and /dev/null differ
diff --git a/types/index.d.ts b/types/index.d.ts
index 5e2397e..eea6bba 100644
--- a/types/index.d.ts
+++ b/types/index.d.ts
@@ -48,4 +48,18 @@ type ApiAdvantageType = {
     id: number
     title: string
     content: string
+}
+type DiscountType = {
+    id: number
+    min_quantity: number
+    max_quantitt?: number
+    percent: number
+}
+type ApiCalcType = {
+    id: number
+    title: string
+    pillar: string
+    pillar_base: string
+    lamelles_block: string
+    discount: DiscountType[]
 }
\ No newline at end of file