diff --git a/src/App.tsx b/src/App.tsx
index 271c51c..8ec04dc 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,7 +5,7 @@ import PieChart from "./components/PieChart/PieChart";
 import { Model } from "./components/VRHemlet";
 import Calc from "./components/Calc";
 import Slider from "./components/Slider/Slider";
-import Map from './components/Map'
+import Map from "./components/Map";
 import { Parallax, ParallaxLayer } from "@react-spring/parallax";
 import { motion } from "framer-motion";
 // import { OrbitControls, PerspectiveCamera } from "@react-three/drei";
@@ -81,7 +81,7 @@ function App() {
 
       <div className="relative">
         <div
-          className="w-screen h-screen bg-cover bg-no-repeat bg-center rounded-xl overflow-hidden"
+          className="max-w-screen h-screen bg-cover bg-no-repeat bg-center rounded-xl overflow-hidden"
           style={{ backgroundImage: "url('./public/images/content.jpg')" }}
         ></div>
         <div className="lg:container mx-auto sm:p-4 p-2 xl:max-w-screen-2xl">
@@ -186,20 +186,21 @@ function App() {
         </div>
         <div className="lg:container mx-auto sm:p-4 p-2 xl:max-w-screen-2xl">
           <div className="space-y-16 my-32">
-            <div className="lg:flex flex-col items-center space-y-8">
-              <p className="font-gilroy 2xl:text-6xl lg:text-5xl sm:text-4xl text-3xl lg:w-1/2 md:w-2/3 text-gradient">
+            <div className="grid lg:grid-cols-2 gap-6">
+              <div className="font-gilroy 2xl:text-6xl lg:text-5xl sm:text-4xl text-3xl text-gradient">
                 Анализируем
                 <br />
                 поведение
                 <br />
                 пользователей
-              </p>
-              <p className="2xl:text-xl lg:text-lg lg:w-1/2 md:w-2/3">
+              </div>
+              <div className="2xl:text-xl lg:text-lg">
                 Система внутренней аналитики программы собирает информацию о
                 поведении пользователя и эффективности работы менеджеров для
                 создания отчета, содержащего необходимые метрики
-              </p>
+              </div>
             </div>
+
             <div className="2xl:space-y-6 space-y-4">
               <div className="relative sm:grid flex flex-col xl:grid-cols-3 lg:grid-cols-2 grid-rows-none sm:grid-cols-3 2xl:gap-6 gap-4">
                 <div className="lg:col-span-1 sm:col-span-2 col-span-1 p-8 bg-[#1C1D21] rounded-xl space-y-8">
@@ -283,17 +284,31 @@ function App() {
                   <p className="font-gilroy sm:text-xl">Воронка продаж</p>
                   <div className="space-y-4 sm:text-sm text-xs">
                     <div className="grid grid-cols-6 space-x-4 items-center">
-                      <div className="col-span-5 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center">
-                        Сеансы
+                      <div className="col-span-5">
+                        <div className="bg-gradient-to-bl from-[rgba(255,255,255,.1)] to-[rgba(255,255,255,.2)] bg-opacity-10 rounded flex justify-center">
+                          <motion.div
+                            initial={{ width: 0 }}
+                            whileInView={{ width: "100%" }}
+                            viewport={{ once: true }}
+                            className="w-full bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center"
+                          >
+                            Сеансы
+                          </motion.div>
+                        </div>
                       </div>
                       <span className="col-span-1 text-right">100%</span>
                     </div>
                     <div className="grid grid-cols-6 space-x-4 items-center">
                       <div className="col-span-5">
                         <div className="bg-gradient-to-bl from-[rgba(255,255,255,.1)] to-[rgba(255,255,255,.2)] bg-opacity-10 rounded flex justify-center">
-                          <div className="w-5/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center">
+                          <motion.div
+                            initial={{ width: 0 }}
+                            whileInView={{ width: "80%" }}
+                            viewport={{ once: true }}
+                            className="w-5/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center"
+                          >
                             В избранное
-                          </div>
+                          </motion.div>
                         </div>
                       </div>
                       <span className="col-span-1 text-right">93,47%</span>
@@ -301,9 +316,14 @@ function App() {
                     <div className="grid grid-cols-6 space-x-4 items-center">
                       <div className="col-span-5">
                         <div className="bg-gradient-to-bl from-[rgba(255,255,255,.1)] to-[rgba(255,255,255,.2)] bg-opacity-10 rounded flex justify-center">
-                          <div className="w-4/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center">
+                          <motion.div
+                            initial={{ width: 0 }}
+                            whileInView={{ width: "50%" }}
+                            viewport={{ once: true }}
+                            className="w-4/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center"
+                          >
                             Брони
-                          </div>
+                          </motion.div>
                         </div>
                       </div>
                       <span className="col-span-1 text-right">45,68%</span>
@@ -311,9 +331,14 @@ function App() {
                     <div className="grid grid-cols-6 space-x-4 items-center">
                       <div className="col-span-5">
                         <div className="bg-gradient-to-bl from-[rgba(255,255,255,.1)] to-[rgba(255,255,255,.2)] bg-opacity-10 rounded flex justify-center">
-                          <div className="w-2/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center">
+                          <motion.div
+                            initial={{ width: 0 }}
+                            whileInView={{ width: "30%" }}
+                            viewport={{ once: true }}
+                            className="w-2/6 bg-gradient-to-bl from-[#BC75FF] to-[#798FFF] rounded text-center h-8 flex items-center justify-center"
+                          >
                             Продажи
-                          </div>
+                          </motion.div>
                         </div>
                       </div>
                       <span className="col-span-1 text-right">29,13%</span>
@@ -417,14 +442,13 @@ function App() {
               </div>
             </div>
           </div>
-          <div className="">
-            {/* <Map /> */}
-          </div>
+          <div className="">{/* <Map /> */}</div>
         </div>
-        <div className="container mx-auto sm:p-4 p-2 xl:max-w-screen-2xl">
+
+        <div className="lg:container mx-auto sm:p-4 p-2 xl:max-w-screen-2xl">
           <div className="space-y-16 my-32">
-            <div className="lg:flex flex-col items-center space-y-8">
-              <p className="font-gilroy 2xl:text-6xl lg:text-5xl sm:text-4xl text-3xl lg:w-1/2 text-gradient">
+            <div className="grid lg:grid-cols-2 gap-6">
+              <div className="font-gilroy 2xl:text-6xl lg:text-5xl sm:text-4xl text-3xl text-gradient">
                 Можем оценить
                 <br />
                 эффективность
@@ -432,30 +456,23 @@ function App() {
                 интерактивного
                 <br />
                 инструмента продаж
-              </p>
-              <p className="2xl:text-xl lg:text-lg lg:w-1/2">
-                Изучение отраслевой аналитики рынка продаж новых квартир
-                позволило разработать калькулятор эффективности продукта и на
-                основе данных исследований
-              </p>
-            </div>
-            <Calc />
-            <div className="lg:flex flex-col items-center">
-              <div className="lg:w-1/2 md:w-2/3 space-y-8">
-                <p className="2xl:text-xl lg:text-lg text-[#C5C7CE]">
-                  Когда девелопер строит жилой комплекс используя проектное
-                  финансирование, главное – это время. Чем быстрее вы наполняете
-                  счета-эксроу, тем меньше процент за использование денег банка.
-                  Сократив время реализации всего проекта, девелопер значительно
-                  экономит на стоимости проектного финансирования.
-                </p>
-                <button className="2xl:text-xl px-8 py-4 bg-gradient-to-tr from-[#BC75FF] to-[#798FFF] text-white rounded-full opacity-95 hover:opacity-100 transition-opacity sm:w-auto w-full">
-                  Заказать индивидуальный расчет
-                </button>
+              </div>
+              <div className="2xl:text-xl lg:text-lg">
+                Мы изучили отраслевую аналитику на рынке продаж новых квартир и
+                на основе данных собрали калькулятор эффективности продукта
+                <br />
+                <br />
+                Когда девелопер строит жилой комплекс используя проектное
+                финансирование, главное – это время. Чем быстрее вы наполняете
+                счета-эксроу, тем меньше процент за использование денег банка.
+                Сократив время реализации всего проекта, девелопер значительно
+                экономит на стоимости проектного финансирования.
               </div>
             </div>
+            <Calc />
           </div>
         </div>
+
         <div className="lg:container mx-auto sm:p-4 p-2 xl:max-w-screen-2xl">
           <div className="space-y-8 my-32">
             <div className="lg:flex flex-col items-center space-y-8">
diff --git a/src/components/Slider/Slider.tsx b/src/components/Slider/Slider.tsx
index a308403..f54565b 100644
--- a/src/components/Slider/Slider.tsx
+++ b/src/components/Slider/Slider.tsx
@@ -29,7 +29,7 @@ function Slider() {
           prevEl: prevRef.current,
           nextEl: nextRef.current,
         }}
-        autoplay={{ delay: 5000 }}
+        // autoplay={{ delay: 5000 }}
         // pagination={{ clickable: true }}
         // scrollbar={{ draggable: true }}
         // onSwiper={(swiper) => console.log(swiper)}