ecomlab-components-next 0.1.257 → 0.1.260

package/dist/components/ConstructorComponents/FeaturesGridV2/FeaturesGridV2.scss

@@ -1,145 +1,180 @@
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
 @import '../variables.scss';
 
-* {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-}
-
-.fg5 {
+.features-grid-v2 {
     font-family: 'Manrope', sans-serif;
-    background: #F7F8FC;
+    background: $bg;
     width: 100%;
-    padding: 96px 48px;
+    padding: 96px 40px;
 
     * {
         font-family: 'Manrope', 'Golos Text', sans-serif !important;
     }
-}
 
-.fg5__inner {
-    max-width: 1280px;
-    margin: 0 auto;
-    display: flex;
-    flex-direction: column;
-    gap: 56px;
-}
+    &__inner {
+        max-width: 1280px;
+        margin: 0 auto;
+        display: flex;
+        flex-direction: column;
+        gap: 56px;
+    }
 
-/* ── Header ── */
-.fg5__header {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-end;
-    gap: 32px;
-}
+    &__header {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-end;
+        gap: 32px;
+    }
 
-.fg5__header-left {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-}
+    &__header-left {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+    }
 
-.fg5__title {
-    font-size: 30px;
-    font-weight: 800;
-    letter-spacing: -0.5px;
-    color: #1A1A2E;
-    margin: 0;
-}
+    &__title {
+        font-size: 30px;
+        font-weight: 800;
+        letter-spacing: -0.5px;
+        color: $text;
+        margin: 0;
+    }
 
-.fg5__subtitle {
-    font-size: 15px;
-    color: #6B7280;
-    line-height: 1.65;
-    max-width: 440px;
-    margin: 0;
-}
+    &__subtitle {
+        font-size: 15px;
+        color: $muted;
+        line-height: 1.65;
+        max-width: 440px;
+        margin: 0;
+    }
 
-/* ── Grid ── */
-.fg5__items {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 16px;
-}
+    &__items {
+        display: grid;
+        grid-template-columns: repeat(4, 1fr);
+        gap: 24px;
+    }
 
-/* ── Card ── */
-.fg5__card {
-    background: #fff;
-    border: 1px solid #E5E7EB;
-    border-radius: 16px;
-    padding: 28px 24px 32px;
-    display: flex;
-    flex-direction: column;
-    gap: 0;
-    transition: transform .2s, box-shadow .2s;
-    cursor: default;
-}
+    &__card {
+        background: $white;
+        border: 1px solid $border;
+        border-radius: 20px;
+        padding: 28px 24px 32px;
+        display: flex;
+        flex-direction: column;
+        gap: 0;
+        transition: transform 0.2s, box-shadow 0.2s;
+        cursor: default;
+        border-top: 3px solid $green;
+
+        &:hover {
+            transform: translateY(-4px);
+            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
+        }
+    }
 
-.fg5__card:hover {
-    transform: translateY(-4px);
-    box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
-}
+    &__card-heading {
+        font-size: 18px;
+        font-weight: 700;
+        color: $text;
+        line-height: 1.35;
+        margin-bottom: 12px;
+    }
 
-/* colored top stripe — all purple */
-.fg5__card {
-    border-top: 3px solid $green;
-}
+    &__card-text {
+        font-size: 14px;
+        color: $muted;
+        line-height: 1.7;
+    }
 
-.fg5__card-heading {
-    font-size: 16px;
-    font-weight: 700;
-    color: #1A1A2E;
-    line-height: 1.35;
-    margin-bottom: 12px;
+    @keyframes fadeUp {
+        from {
+            opacity: 0;
+            transform: translateY(24px);
+        }
+        to {
+            opacity: 1;
+            transform: translateY(0);
+        }
+    }
 }
 
-.fg5__card-text {
-    font-size: 13px;
-    color: #6B7280;
-    line-height: 1.7;
-}
+// Планшет (до 1100px)
+@media (max-width: 1100px) {
+    .features-grid-v2 {
+        padding: 72px 24px;
 
-/* ── TABLET ── */
-@media (max-width: 1024px) {
-    .fg5 {
-        padding: 72px 32px;
-    }
+        &__items {
+            grid-template-columns: repeat(2, 1fr);
+        }
 
-    .fg5__items {
-        grid-template-columns: repeat(2, 1fr);
-    }
+        &__header {
+            flex-direction: column;
+            align-items: flex-start;
+        }
 
-    .fg5__title {
-        font-size: 26px;
-    }
+        &__items {
+            gap: 20px;
+        }
 
-    .fg5__header {
-        flex-direction: column;
-        align-items: flex-start;
+        &__title {
+            font-size: 26px;
+        }
     }
+}
 
-    .fg5__btn {
-        width: 100%;
-        justify-content: center;
+// Мобильная версия (до 768px)
+@media (max-width: 768px) {
+    .features-grid-v2 {
+        
+        &__subtitle {
+            font-size: 14px;
+        }
+
+        &__card-heading {
+            font-size: 16px;
+        }
+
+        &__card-text {
+            font-size: 13px;
+        }
     }
 }
 
-@media (max-width: 500px) {
-    .fg5 {
-        padding: 48px 16px;
-    }
 
-    .fg5__title {
-        font-size: 22px;
-    }
+// Мобильная версия (до 430px)
+@media (max-width: 430px) {
+    .features-grid-v2 {
+        padding: 40px 20px;
 
-    .fg5__items {
-        grid-template-columns: 1fr;
-        gap: 12px;
-    }
+        &__btn {
+            width: 100% !important;
+            max-width: 100% !important;
+        }
+
+        &__title {
+            font-size: 22px;
+        }
+
+        &__subtitle {
+            font-size: 13px;
+        }
+
+        &__items {
+            grid-template-columns: 1fr;
+            gap: 12px;
+        }
+
+        &__card {
+            padding: 20px 16px 24px;
+        }
+
+        &__card-heading {
+            font-size: 15px;
+            margin-bottom: 8px;
+        }
 
-    .fg5__card {
-        padding: 22px 20px 26px;
+        &__card-text {
+            font-size: 12px;
+        }
     }
 }

package/dist/components/ConstructorComponents/FormV2/FormV2.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ModalBitrixForm = _interopRequireDefault(require("../../Article/FormBtn/ModalBitrixForm/ModalBitrixForm"));
+var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
 require("./FormV2.scss");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -125,16 +126,20 @@ var FormV2 = function FormV2(_ref) {
     setIsModal: setIsModal,
     formTitle: 'Желаемый способ связи'
   }, currentProps())), /*#__PURE__*/_react["default"].createElement("section", {
-    className: "form-with-btn2"
+    className: "form-v2"
   }, /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "form-with-btn2__title"
+    className: "form-v2__title"
   }, title), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "form-with-btn2__description"
-  }, description), /*#__PURE__*/_react["default"].createElement("button", {
-    className: "form-with-btn2__button",
+    className: "form-v2__description"
+  }, description), /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
+    white: true,
     onClick: function onClick() {
       return setIsModal(true);
-    }
-  }, "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E \u2192")));
+    },
+    text: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E",
+    maxWidth: "430px",
+    width: "100%",
+    size: "52px"
+  })));
 };
 var _default = exports["default"] = FormV2;

package/dist/components/ConstructorComponents/FormV2/FormV2.scss

@@ -1,9 +1,11 @@
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
 @import '../variables.scss';
 
-.form-with-btn2 {
+.form-v2 {
+    font-family: 'Manrope', sans-serif;
     background: linear-gradient(135deg, $green-forest 0%, $green-light 100%);
-    padding: 48px 40px;
+    width: 100%;
+    padding: 96px 40px;
     text-align: center;
     position: relative;
     overflow: hidden;
@@ -12,7 +14,6 @@
         font-family: 'Manrope', 'Golos Text', sans-serif !important;
     }
 
-    // Декоративные элементы
     &::before {
         content: '';
         position: absolute;
@@ -38,11 +39,10 @@
     }
 
     &__title {
-        font-family: 'Manrope', sans-serif;
-        font-size: 34px;
+        font-size: 30px;
         font-weight: 800;
         letter-spacing: -1px;
-        color: #FFFFFF;
+        color: $white;
         margin-bottom: 16px;
         line-height: 1.2;
         position: relative;
@@ -50,7 +50,6 @@
     }
 
     &__description {
-        font-family: 'Manrope', sans-serif;
         font-size: 16px;
         line-height: 1.5;
         color: rgba(255, 255, 255, 0.8);
@@ -65,14 +64,13 @@
     &__button {
         position: relative;
         z-index: 1;
-        background: #FFFFFF;
+        background: $white;
         color: $green;
         border: none;
         border-radius: 12px;
         padding: 14px 28px;
         font-size: 16px;
         font-weight: 700;
-        font-family: 'Manrope', sans-serif;
         cursor: pointer;
         transition: all 0.2s ease;
         box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
@@ -87,44 +85,41 @@
         &:hover {
             transform: translateY(-2px);
             box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
-            background: #FFFFFF;
+            background: $white;
         }
 
         &:active {
             transform: translateY(0);
         }
     }
+
+    @keyframes fadeUp {
+        from {
+            opacity: 0;
+            transform: translateY(24px);
+        }
+        to {
+            opacity: 1;
+            transform: translateY(0);
+        }
+    }
 }
 
-// Мобильная адаптация
-@media (max-width: 768px) {
-    .form-with-btn2 {
-        padding: 36px 24px;
-        border-radius: 20px;
+// Планшет (до 1100px)
+@media (max-width: 1100px) {
+    .form-v2 {
+        padding: 72px 24px;
 
         &__title {
             font-size: 26px;
-            letter-spacing: -0.5px;
-            margin-bottom: 12px;
-        }
-
-        &__description {
-            font-size: 14px;
-            margin-bottom: 24px;
-            padding: 0 8px;
-        }
-
-        &__button {
-            font-size: 15px;
-            padding: 13px 24px;
-            max-width: 100%;
         }
     }
 }
 
-@media (max-width: 480px) {
-    .form-with-btn2 {
-        padding: 28px 20px;
+// Мобильная версия (до 430px)
+@media (max-width: 430px) {
+    .form-v2 {
+        padding: 40px 20px;
 
         &__title {
             font-size: 22px;
@@ -132,7 +127,7 @@
 
         &__description {
             font-size: 13px;
-            line-height: 1.45;
+            margin-bottom: 20px;
         }
 
         &__button {
@@ -140,14 +135,4 @@
             padding: 12px 20px;
         }
     }
-}
-
-@media (min-width: 769px) and (max-width: 1024px) {
-    .form-with-btn2 {
-        padding: 42px 32px;
-
-        &__title {
-            font-size: 30px;
-        }
-    }
 }

package/dist/components/ConstructorComponents/HeaderV2/HeaderV2.js

@@ -96,7 +96,7 @@ var HeaderV2 = function HeaderV2(_ref) {
     text: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u043E",
     maxWidth: "430px",
     width: "100%",
-    size: "56px"
+    size: "52px"
   })), services && /*#__PURE__*/_react["default"].createElement(_ServicesSectionV["default"], null)));
 };
 var _default = exports["default"] = HeaderV2;

package/dist/components/ConstructorComponents/LogosStrip/LogosStrip.js

@@ -9,25 +9,25 @@ var _react = _interopRequireDefault(require("react"));
 var _image = _interopRequireDefault(require("next/image"));
 require("./LogosStrip.scss");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var LogosStrip = function LogosStrip(_ref) {
+var LogosStripV2 = function LogosStripV2(_ref) {
   var title = _ref.title,
     description = _ref.description,
     items = _ref.items;
   return /*#__PURE__*/_react["default"].createElement("section", {
-    className: "logos-strip"
+    className: "logos-strip-v2"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "logos-strip__inner"
+    className: "logos-strip-v2__inner"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "logos-strip__header"
+    className: "logos-strip-v2__header"
   }, /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "logos-strip__title"
+    className: "logos-strip-v2__title"
   }, title || 'Интеграции'), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "logos-strip__text"
+    className: "logos-strip-v2__text"
   }, description || 'Интегрируем данные в любую вашу систему учета, CRM или BI систему')), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "logos-strip__content"
+    className: "logos-strip-v2__content"
   }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "logos-strip__item",
+      className: "logos-strip-v2__item",
       key: index
     }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
       src: item,
@@ -37,4 +37,4 @@ var LogosStrip = function LogosStrip(_ref) {
     }));
   }))));
 };
-var _default = exports["default"] = LogosStrip;
+var _default = exports["default"] = LogosStripV2;

package/dist/components/ConstructorComponents/LogosStrip/LogosStrip.scss

@@ -1,20 +1,18 @@
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
 @import '../variables.scss';
 
-$text: #1A1A2E;
-$muted: #6B7280;
-$border: #E5E7EB;
-$bg: #F7F8FC;
-$white: #FFFFFF;
-
-.logos-strip {
+.logos-strip-v2 {
     font-family: 'Manrope', sans-serif;
     background: $white;
     width: 100%;
-    padding: 80px 48px;
+    padding: 96px 40px;
     border-top: 1px solid $border;
     border-bottom: 1px solid $border;
 
+    * {
+        font-family: 'Manrope', 'Golos Text', sans-serif !important;
+    }
+
     &__inner {
         max-width: 1280px;
         margin: 0 auto;
@@ -68,59 +66,48 @@ $white: #FFFFFF;
         }
     }
 
-    @media (max-width: 1024px) {
-        padding: 60px 32px;
+    @keyframes fadeUp {
+        from {
+            opacity: 0;
+            transform: translateY(24px);
+        }
+        to {
+            opacity: 1;
+            transform: translateY(0);
+        }
     }
+}
 
-    @media (max-width: 900px) {
-        padding: 48px 24px;
-
-        &__header {
-            margin-bottom: 36px;
-        }
+// Планшет (до 1100px)
+@media (max-width: 1100px) {
+    .logos-strip-v2 {
+        padding: 72px 24px;
 
         &__title {
             font-size: 26px;
         }
-
-        &__text {
-            font-size: 14px;
-        }
-
-        &__content {
-            gap: 32px;
-        }
-
-        &__item img {
-            max-width: 100px;
-        }
     }
+}
 
-    @media (max-width: 768px) {
-        padding: 40px 24px;
+// Мобильная версия (до 430px)
+@media (max-width: 430px) {
+    .logos-strip-v2 {
+        padding: 40px 20px;
 
         &__title {
-            font-size: 24px;
-        }
-
-        &__content {
-            gap: 24px;
+            font-size: 22px;
         }
 
-        &__item img {
-            max-width: 80px;
+        &__text {
+            font-size: 13px;
         }
-    }
-
-    @media (max-width: 600px) {
-        padding: 36px 20px;
 
         &__content {
-            gap: 20px;
+            gap: 16px;
         }
 
         &__item img {
-            max-width: 70px;
+            max-width: 60px;
         }
     }
 }

package/dist/components/ConstructorComponents/MarqueImgsV2/MarqueImgsV2.scss

@@ -54,7 +54,7 @@
         gap: 16px;
 
         &__title {
-            font-size: 20px;
+            font-size: 22px;
         }
 
         img {