ecomlab-components-next 0.1.291 → 0.1.293

package/dist/components/Buttons/ButtonBasicV2/ButtonBasicV2.js

@@ -34,6 +34,8 @@ var ButtonBasicV2 = function ButtonBasicV2(_ref) {
     green = _ref$green === void 0 ? false : _ref$green,
     _ref$white = _ref.white,
     white = _ref$white === void 0 ? false : _ref$white,
+    _ref$violet = _ref.violet,
+    violet = _ref$violet === void 0 ? false : _ref$violet,
     _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? '' : _ref$icon,
     _ref$positionIcon = _ref.positionIcon,
@@ -46,7 +48,8 @@ var ButtonBasicV2 = function ButtonBasicV2(_ref) {
   var getColorClass = function getColorClass() {
     if (green) return 'btn-basic-v2__green';
     if (white) return 'btn-basic-v2__white';
-    return 'btn-basic-v2--violet';
+    if (violet) return 'btn-basic-v2__violet';
+    return 'btn-basic-v2__green'; // дефолтный цвет
   };
   return /*#__PURE__*/_react["default"].createElement("button", _extends({
     className: "btn-basic-v2 ".concat(getColorClass(), " ").concat(className),

package/dist/components/Buttons/ButtonBasicV2/ButtonBasicV2.scss

@@ -45,6 +45,17 @@
         }
     }
 
+    &__violet {
+        background: rgb(139, 92, 246);
+        color: $white;
+
+        &:hover {
+            background: rgb(124, 58, 237);
+            transform: translateY(-2px);
+            box-shadow: 0 4px 16px rgba(139, 92, 246, 0.35);
+        }
+    }
+
     &__white {
         background: $white;
         color: $green;

package/dist/components/ConstructorComponents/FeaturesGridV2/FeaturesGridV2.js

@@ -9,6 +9,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
 var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
+var _image = _interopRequireDefault(require("next/image"));
 require("./FeaturesGridV2.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); }
@@ -36,7 +37,9 @@ var FeaturesGridV2 = function FeaturesGridV2(_ref) {
     _ref$onClick = _ref.onClick,
     _onClick = _ref$onClick === void 0 ? false : _ref$onClick,
     _ref$btnText = _ref.btnText,
-    btnText = _ref$btnText === void 0 ? 'Попробовать бесплатно' : _ref$btnText;
+    btnText = _ref$btnText === void 0 ? 'Попробовать бесплатно' : _ref$btnText,
+    _ref$violet = _ref.violet,
+    violet = _ref$violet === void 0 ? false : _ref$violet;
   var blocksRef = (0, _react.useRef)([]);
   var _useState = (0, _react.useState)(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -89,7 +92,8 @@ var FeaturesGridV2 = function FeaturesGridV2(_ref) {
   }, description)), /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
     className: "features-grid-v2__btn",
     size: '52px',
-    green: true,
+    green: !violet,
+    violet: violet,
     onClick: function onClick() {
       if (_onClick) {
         _onClick();
@@ -103,12 +107,18 @@ var FeaturesGridV2 = function FeaturesGridV2(_ref) {
     className: "features-grid-v2__items"
   }, list === null || list === void 0 ? void 0 : list.map(function (_ref2, index) {
     var title = _ref2.title,
-      description = _ref2.description;
+      description = _ref2.description,
+      icon = _ref2.icon;
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: index,
-      className: "features-grid-v2__card reveal",
+      className: "features-grid-v2__card reveal ".concat(violet ? 'features-grid-v2__card--violet' : ''),
       "data-index": index
-    }, /*#__PURE__*/_react["default"].createElement("div", {
+    }, icon && /*#__PURE__*/_react["default"].createElement("div", {
+      className: "features-grid-v2__card-icon"
+    }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
+      src: icon,
+      alt: "icon"
+    })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "features-grid-v2__card-heading",
       ref: function ref(el) {
         blocksRef.current[index] = el;

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

@@ -73,6 +73,23 @@
             transform: translateY(-4px);
             box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
         }
+
+        &--violet {
+            border-top: 3px solid rgb(139, 92, 246);
+        }
+    }
+
+    &__card-icon {
+        margin-bottom: 12px;
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        
+        img {
+            width: 32px;
+            height: 32px;
+            flex-shrink: 0;
+        }
     }
 
     &__card-heading {
@@ -149,6 +166,13 @@
         &__card-text {
             font-size: 13px;
         }
+
+        &__card-icon {
+            img {
+                width: 28px;
+                height: 28px;
+            }
+        }
     }
 }
 
@@ -196,5 +220,14 @@
         &__card-text {
             font-size: 12px;
         }
+
+        &__card-icon {
+            margin-bottom: 8px;
+            
+            img {
+                width: 24px;
+                height: 24px;
+            }
+        }
     }
 }

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

@@ -21,6 +21,7 @@ var HeaderV2 = function HeaderV2(_ref) {
   var _window;
   var _ref$services = _ref.services,
     services = _ref$services === void 0 ? false : _ref$services,
+    img = _ref.img,
     _ref$title = _ref.title,
     title = _ref$title === void 0 ? "Управляйте бизнесом на маркетплейсах из единого окна" : _ref$title,
     _ref$description = _ref.description,
@@ -37,18 +38,24 @@ var HeaderV2 = function HeaderV2(_ref) {
     _ref$btnText = _ref.btnText,
     btnText = _ref$btnText === void 0 ? 'Попробовать бесплатно' : _ref$btnText,
     _ref$onClick = _ref.onClick,
-    _onClick = _ref$onClick === void 0 ? false : _ref$onClick;
+    _onClick = _ref$onClick === void 0 ? false : _ref$onClick,
+    background = _ref.background,
+    _ref$violet = _ref.violet,
+    violet = _ref$violet === void 0 ? false : _ref$violet;
   var currentUrl = typeof window !== 'undefined' ? (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search : '';
   return /*#__PURE__*/_react["default"].createElement("header", {
-    className: "header-v2"
+    className: "header-v2",
+    style: {
+      background: background || ''
+    }
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "header-v2__inner ".concat(!services ? 'header-v2__inner-centered' : '')
+    className: "header-v2__inner ".concat(!(services || img) ? 'header-v2__inner-centered' : '')
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "header-v2__info ".concat(!services ? 'header-v2__info-centered' : '')
+    className: "header-v2__info ".concat(!(services || img) ? 'header-v2__info-centered' : '')
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "header-v2__badge"
   }, badgeText), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "header-v2__icons ".concat(!services ? 'header-v2__icons-centered' : '')
+    className: "header-v2__icons ".concat(!(services || img) ? 'header-v2__icons-centered' : '')
   }, arrIcon ? arrIcon.map(function (el, ind) {
     return /*#__PURE__*/_react["default"].createElement(_image["default"], {
       className: "header-v2__icon",
@@ -90,9 +97,10 @@ var HeaderV2 = function HeaderV2(_ref) {
   }), name_service))), /*#__PURE__*/_react["default"].createElement("h1", {
     className: "header-v2__title"
   }, title), description && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "header-v2__description ".concat(!services ? 'header-v2__description-centered' : '')
+    className: "header-v2__description ".concat(!(services || img) ? 'header-v2__description-centered' : '')
   }, description), /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
-    green: true,
+    green: !violet,
+    violet: violet,
     onClick: function onClick() {
       if (_onClick) {
         _onClick();
@@ -107,6 +115,10 @@ var HeaderV2 = function HeaderV2(_ref) {
     maxWidth: "430px",
     width: "100%",
     size: "52px"
-  })), services && /*#__PURE__*/_react["default"].createElement(_ServicesSectionV["default"], null)));
+  })), services && /*#__PURE__*/_react["default"].createElement(_ServicesSectionV["default"], null), img && /*#__PURE__*/_react["default"].createElement(_image["default"], {
+    className: "header-v2__banner",
+    alt: "banner",
+    src: img
+  })));
 };
 var _default = exports["default"] = HeaderV2;

package/dist/components/ConstructorComponents/HeaderV2/HeaderV2.scss

@@ -117,10 +117,32 @@
         margin-right: auto;
     }
 
+    // Right column container
     &__right {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
         min-width: 280px;
     }
 
+    // Banner styles
+    &__banner {
+        width: 100%;
+        height: auto;
+        max-width: 100%;
+        object-fit: contain;
+        animation: fadeUp 0.6s ease both 0.2s;
+        display: block;
+        border-radius: 16px;
+        background: $white;
+        overflow: hidden;
+        min-height: 400px;
+        padding: 8px;
+        background-color: #fff;
+        flex: 1;
+    }
+
     // Планшет (до 1100px)
     @media (max-width: 1100px) {
         padding: 48px 24px;
@@ -160,17 +182,37 @@
                 height: 16px;
             }
         }
+
+        &__banner {
+            min-height: 320px;
+            border-radius: 12px;
+        }
     }
 
-    // Когда правый блок достигает минимальной ширины - переносим
+    // Когда правый блок достигает минимальной ширины - переносим и скрываем
     @media (max-width: 900px) {
         &__inner {
-            grid-template-columns: 1fr;
+            grid-template-columns: 1fr !important;
             gap: 48px;
         }
 
         &__right {
             min-width: auto;
+            width: 100%;
+            max-width: 100%;
+            display: none !important; // Скрываем правую колонку с баннером
+        }
+
+        &__banner {
+            display: none !important; // Скрываем баннер
+        }
+
+        &__info {
+            max-width: 100%;
+        }
+
+        &__description {
+            max-width: 100%;
         }
     }
 
@@ -216,5 +258,26 @@
                 height: 12px;
             }
         }
+
+        // Баннер уже скрыт на 900px, но на всякий случай
+        &__right {
+            display: none !important;
+        }
+
+        &__banner {
+            display: none !important;
+        }
+    }
+}
+
+// Animation keyframes
+@keyframes fadeUp {
+    from {
+        opacity: 0;
+        transform: translateY(20px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
     }
 }

package/dist/components/ConstructorComponents/MainContainer/MainContainerV2.stories.js

@@ -28,6 +28,8 @@ var _VideoBlockV = _interopRequireDefault(require("../VideoBlockV2/VideoBlockV2"
 var _SmartReplies = _interopRequireDefault(require("../SmartReplies/SmartReplies"));
 var _CardsWithButton = _interopRequireDefault(require("../CardsWithButton/CardsWithButton"));
 var _LogosStrip = _interopRequireDefault(require("../LogosStrip/LogosStrip"));
+var _decstope = _interopRequireDefault(require("./img/decstope.jpg"));
+var _discount = _interopRequireDefault(require("./img/01-discount.svg"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var cards_list = [{
   sum: 'Аналитика повышает продажи',
@@ -53,18 +55,23 @@ var steps = [{
 }];
 var advantages_list = [{
   title: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0440\u0435\u0448\u0435\u043D\u0438\u044F",
+  icon: _discount["default"],
   description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0430 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0430\u0431\u043E\u0442\u0430 \u0441 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u043E\u043C ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041C\u043E\u043D\u0438\u0442\u043E\u0440\u0438\u043D\u0433 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u043E\u0442\u0437\u044B\u0432\u044B ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 SEO-\u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0422\u0430\u0441\u043A-\u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 CRM ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 PIM \u0438 \u043C\u043D\u043E\u0433\u043E\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 ", /*#__PURE__*/_react["default"].createElement("br", null))
 }, {
   title: "\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0440\u0435\u0448\u0435\u043D\u0438\u044F",
+  icon: _discount["default"],
   description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0430 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0430\u0431\u043E\u0442\u0430 \u0441 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u043E\u043C ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041C\u043E\u043D\u0438\u0442\u043E\u0440\u0438\u043D\u0433 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u043E\u0442\u0437\u044B\u0432\u044B ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 SEO-\u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u044F ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0422\u0430\u0441\u043A-\u043C\u0435\u043D\u0435\u0434\u0436\u0435\u0440 ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 CRM ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 PIM \u0438 \u043C\u043D\u043E\u0433\u043E\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 ", /*#__PURE__*/_react["default"].createElement("br", null))
 }, {
   title: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430 \u0438 \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433",
+  icon: _discount["default"],
   description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0412 2 \u0440\u0430\u0437\u0430 \u0441\u043E\u043A\u0440\u0430\u0442\u0438 \u0440\u0430\u0441\u0445\u043E\u0434\u044B \u043D\u0430 \u0440\u0435\u043A\u043B\u0430\u043C\u0443. ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u042D\u0444\u0444\u0435\u043A\u0442\u0438\u0432\u043D\u043E \u0440\u0430\u0441\u043F\u0440\u0435\u0434\u0435\u043B\u044F\u0439 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0439 \u0431\u044E\u0434\u0436\u0435\u0442 \u0438 \u043F\u043E\u043B\u0443\u0447\u0430\u0439 \u0434\u0435\u0442\u0430\u043B\u044C\u043D\u0443\u044E \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0443 \u043F\u043E \u043A\u0430\u0436\u0434\u043E\u0439 \u043A\u0430\u043C\u043F\u0430\u043D\u0438\u0438. ", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041F\u043E\u043B\u0443\u0447\u0438 \u0431\u043E\u043B\u0435\u0435 50 \u0444\u0443\u043D\u043A\u0446\u0438\u0439 \u0434\u043B\u044F \u0441\u043E\u0437\u0434\u0430\u043D\u0438\u044F \u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0445 \u043A\u0430\u043C\u043F\u0430\u043D\u0438\u0439 \u043D\u0430 \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0430\u0445.")
 }, {
   title: "\u042D\u043A\u043E\u043D\u043E\u043C\u0438\u044F \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u0438 \u0434\u0435\u043D\u0435\u0433",
+  icon: _discount["default"],
   description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0421\u0447\u0438\u0442\u0430\u0439 \u0431\u044E\u0434\u0436\u0435\u0442 \u0438 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0438\u0440\u0443\u0439 \u0440\u0430\u0441\u0445\u043E\u0434\u044B \u0438\u0437 \u0435\u0434\u0438\u043D\u043E\u0433\u043E \u043B\u0438\u0447\u043D\u043E\u0433\u043E \u043A\u0430\u0431\u0438\u043D\u0435\u0442\u0430.", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0439 \u0440\u0443\u0442\u0438\u043D\u043D\u044B\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u043E\u0441\u0432\u043E\u0431\u043E\u0434\u0438 \u0431\u043E\u043B\u0435\u0435 50% \u0440\u0430\u0431\u043E\u0447\u0435\u0433\u043E \u0432\u0440\u0435\u043C\u0435\u043D\u0438.", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0421\u044D\u043A\u043E\u043D\u043E\u043C\u044C 40% \u0431\u044E\u0434\u0436\u0435\u0442\u0430 \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438 \u0437\u0430 \u0441\u0447\u0451\u0442 \u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u0438 \u0431\u0438\u0437\u043D\u0435\u0441-\u043F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0432.")
 }, {
   title: "\u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F \u043F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0432",
+  icon: _discount["default"],
   description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0439 \u0431\u043E\u043B\u0435\u0435 75% \u0432\u0441\u0435\u0445 \u043F\u0440\u043E\u0446\u0435\u0441\u0441\u043E\u0432, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u0432\u044B\u043F\u043E\u043B\u043D\u044F\u044E\u0442\u0441\u044F \u0440\u0443\u043A\u0430\u043C\u0438.", /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439 \u0441\u044D\u043A\u043E\u043D\u043E\u043C\u043B\u0435\u043D\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F \u043D\u0430 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0438 \u043C\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u0435 \u0431\u0438\u0437\u043D\u0435\u0441\u0430.", /*#__PURE__*/_react["default"].createElement("br", null))
 }];
 var possibilities_list = [{
@@ -183,19 +190,24 @@ var _default = exports["default"] = {
 var MainContainerTest = exports.MainContainerTest = function MainContainerTest() {
   return /*#__PURE__*/_react["default"].createElement(_MainContainer["default"], {
     className: 'landing-main-container-2'
-  }, /*#__PURE__*/_react["default"].createElement(_HeaderV["default"], {
-    services: true,
+  }, /*#__PURE__*/_react["default"].createElement(_HeaderV["default"]
+  // services
+  , {
     title: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0439 \u0441\u0432\u043E\u0438\u043C \u0431\u0438\u0437\u043D\u0435\u0441\u043E\u043C \u043D\u0430 3-\u0445 \u0432\u0435\u0434\u0443\u0449\u0438\u0445 \u043C\u0430\u0440\u043A\u0435\u0442\u043F\u043B\u0435\u0439\u0441\u0430\u0445 \u0441 ", /*#__PURE__*/_react["default"].createElement("span", {
       style: {
         color: '#059669'
       }
     }, "\u0435\u0434\u0438\u043D\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u044B")),
     description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u041E\u0434\u043D\u0430 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430 \u0434\u043B\u044F \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F \u043C\u0430\u0433\u0430\u0437\u0438\u043D\u0430\u043C\u0438 \u043D\u0430 Wildberries, Ozon \u0438 \u042F\u043D\u0434\u0435\u043A\u0441 \u041C\u0430\u0440\u043A\u0435\u0442", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\u0411\u043E\u043B\u0435\u0435 20 \u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u043E\u0432 \u0434\u043B\u044F \u0430\u043D\u0430\u043B\u0438\u0442\u0438\u043A\u0438 \u0438 \u043E\u043F\u0442\u0438\u043C\u0438\u0437\u0430\u0446\u0438\u0438 \u0431\u0438\u0437\u043D\u0435\u0441\u0430", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\u041C\u043E\u043D\u0438\u0442\u043E\u0440\u0438\u043D\u0433 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432, \u0440\u0430\u0431\u043E\u0442\u0430 \u0441 \u0442\u043E\u0432\u0430\u0440\u0430\u043C\u0438, \u0430\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u043E\u0442\u0437\u044B\u0432\u044B, CRM, \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u0435, \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433 \u0438 \u043C\u043D\u043E\u0433\u043E\u0435 \u0434\u0440\u0443\u0433\u043E\u0435 \u043D\u0430 \u043E\u0434\u043D\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0435"),
-    color: "#00B45E"
+    violet: true,
+    color: "#00B45E",
+    img: _decstope["default"],
+    background: '#fff'
   }), /*#__PURE__*/_react["default"].createElement(_TariffPlanV["default"], null), /*#__PURE__*/_react["default"].createElement(_MarqueImgsV["default"], null), /*#__PURE__*/_react["default"].createElement(_BlocksInfoV["default"], {
     title: "\u0412\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430",
     list: possibilities_list
   }), /*#__PURE__*/_react["default"].createElement(_CardsServicesV["default"], null), /*#__PURE__*/_react["default"].createElement(_CardsV["default"], null), /*#__PURE__*/_react["default"].createElement(_FeaturesGridV["default"], {
+    violet: true,
     title: "\u041F\u0440\u0435\u0438\u043C\u0443\u0449\u0435\u0441\u0442\u0432\u0430",
     description: '60% клиентов сотрудничают с нами уже более 2-х лет',
     list: advantages_list

package/dist/components/ConstructorComponents/MainContainer/img/01-discount.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64" fill="none" stroke="#6C2BD9" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
+<circle cx="7" cy="7" r="3"/><circle cx="17" cy="17" r="3"/><line x1="5" y1="19" x2="19" y2="5"/>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecomlab-components-next",
-  "version": "0.1.291",
+  "version": "0.1.293",
   "description": "A set of common and reusable React components",
   "main": "dist/index.js",
   "files": [