ecomlab-components-next 0.1.257 → 0.1.260

package/dist/components/ConstructorComponents/CardsV2/CardsV2.scss

@@ -1,158 +1,162 @@
- @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
- @import '../variables.scss';
-
- .cards2-grey {
-     --purple: #6B5CE7;
-     --purple-light: #EEF0FF;
-     --purple-dark: #5448D0;
-     --text: #1A1A2E;
-     --muted: #6B7280;
-     --border: #E5E7EB;
-     --bg: #F7F8FC;
-     --white: #FFFFFF;
-
-     font-family: 'Manrope', sans-serif;
-     background: var(--white);
-     width: 100%;
-     box-sizing: border-box;
-     padding: 96px 48px;
-
-     * {
-         font-family: 'Manrope', 'Golos Text', sans-serif !important;
-     }
- }
-
- .cards2-grey__inner {
-     max-width: 1280px;
-     margin: 0 auto;
-     display: flex;
-     flex-direction: column;
-     gap: 48px;
- }
-
- /* ── Title ── */
- .cards2-grey__title {
-     font-size: 30px;
-     font-weight: 800;
-     letter-spacing: -0.5px;
-     color: var(--text);
-     margin: 0;
-     text-align: center;
- }
-
- /* ── Grid ── */
- .cards2-grey__items {
-     display: grid;
-     grid-template-columns: repeat(4, 1fr);
-     gap: 16px;
- }
-
- /* ── Card ── */
- .cards2-grey__item {
-     background: var(--bg);
-     border: 1px solid var(--border);
-     border-radius: 16px;
-     padding: 32px 28px;
-     display: flex;
-     flex-direction: column;
-     gap: 14px;
-     transition: transform .2s, box-shadow .2s;
-     box-sizing: border-box;
- }
-
- .cards2-grey__item:hover {
-     transform: translateY(-4px);
-     box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
- }
-
- /* accent top bar */
- .cards2-grey__item::before {
-     content: '';
-     display: block;
-     width: 32px;
-     height: 3px;
-     border-radius: 99px;
-     background: $green;
-     margin-bottom: 4px;
- }
-
- .cards2-grey__title-card {
-     font-size: 40px;
-     font-weight: 800;
-     letter-spacing: -1.5px;
-     color: var(--text);
-     margin: 0;
-     line-height: 1;
-     background: linear-gradient(135deg, $green 0%, $green 100%);
-     -webkit-background-clip: text;
-     -webkit-text-fill-color: transparent;
-     background-clip: text;
- }
-
- .cards2-grey__description-card {
-     font-size: 13px;
-     font-weight: 500;
-     color: var(--muted);
-     line-height: 1.65;
-     margin: 0;
- }
-
- /* ── TABLET (≤ 900px) ── */
- @media (max-width: 900px) {
-     .cards2-grey {
-         padding: 72px 32px;
-     }
-
-     .cards2-grey__items {
-         grid-template-columns: repeat(2, 1fr);
-     }
-
-     .cards2-grey__title {
-         font-size: 26px;
-     }
- }
-
- /* ── MOBILE (≤ 600px) ── */
- @media (max-width: 600px) {
-     .cards2-grey {
-         padding: 56px 24px;
-     }
-
-     .cards2-grey__items {
-         grid-template-columns: repeat(2, 1fr);
-         gap: 12px;
-     }
-
-     .cards2-grey__title-card {
-         font-size: 32px;
-     }
- }
-
- /* ── SMALL MOBILE (≤ 430px) ── */
- @media (max-width: 430px) {
-     .cards2-grey {
-         padding: 40px 16px;
-     }
-
-     .cards2-grey__title {
-         font-size: 22px;
-     }
-
-     .cards2-grey__items {
-         grid-template-columns: 1fr 1fr;
-         gap: 10px;
-     }
-
-     .cards2-grey__item {
-         padding: 24px 18px;
-         gap: 10px;
-     }
-
-     .cards2-grey__title-card {
-         font-size: 28px;
-     }
-
-     .cards2-grey__description-card {
-         font-size: 12px;
-     }
- }
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
+@import '../variables.scss';
+
+.cards-v2 {
+    font-family: 'Manrope', sans-serif;
+    background: $white;
+    width: 100%;
+    padding: 96px 40px;
+
+    * {
+        font-family: 'Manrope', 'Golos Text', sans-serif !important;
+    }
+
+    &__inner {
+        max-width: 1280px;
+        margin: 0 auto;
+        display: flex;
+        flex-direction: column;
+        gap: 48px;
+    }
+
+    &__title {
+        font-size: 30px;
+        font-weight: 800;
+        letter-spacing: -0.5px;
+        color: $text;
+        margin: 0;
+        text-align: center;
+    }
+
+    &__items {
+        display: grid;
+        grid-template-columns: repeat(4, 1fr);
+        gap: 24px;
+    }
+
+    &__item {
+        background: $bg;
+        border: 1px solid $border;
+        border-radius: 20px;
+        padding: 32px 28px;
+        display: flex;
+        flex-direction: column;
+        gap: 14px;
+        transition: transform 0.2s, box-shadow 0.2s;
+        position: relative;
+        overflow: hidden;
+
+        &:hover {
+            transform: translateY(-4px);
+            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
+        }
+
+        &::before {
+            content: '';
+            display: block;
+            width: 40px;
+            height: 4px;
+            border-radius: 99px;
+            background: $green;
+            margin-bottom: 4px;
+        }
+    }
+
+    &__card-title {
+        font-size: 40px;
+        font-weight: 800;
+        letter-spacing: -1.5px;
+        color: $text;
+        margin: 0;
+        line-height: 1;
+        background: linear-gradient(135deg, $green 0%, $green 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        background-clip: text;
+    }
+
+    &__description {
+        font-size: 14px;
+        font-weight: 500;
+        color: $muted;
+        line-height: 1.65;
+        margin: 0;
+    }
+
+    @keyframes fadeUp {
+        from {
+            opacity: 0;
+            transform: translateY(24px);
+        }
+        to {
+            opacity: 1;
+            transform: translateY(0);
+        }
+    }
+}
+
+// Планшет (до 1100px)
+@media (max-width: 1100px) {
+    .cards-v2 {
+        padding: 72px 24px;
+
+        &__items {
+            gap: 20px;
+        }
+
+        &__title {
+            font-size: 26px;
+        }
+    }
+}
+
+// Мобильная версия (до 768px)
+@media (max-width: 768px) {
+    .cards-v2 {
+        
+        &__items {
+            grid-template-columns: repeat(2, 1fr);
+            gap: 16px;
+        }
+
+        &__card-title {
+            font-size: 32px;
+        }
+
+        &__description {
+            font-size: 13px;
+        }
+    }
+}
+
+// Мобильная версия (до 430px)
+@media (max-width: 430px) {
+    .cards-v2 {
+        padding: 40px 20px;
+
+        &__inner {
+            gap: 32px;
+        }
+
+        &__title {
+            font-size: 22px;
+        }
+
+        &__items {
+            gap: 12px;
+        }
+
+        &__item {
+            padding: 20px 16px;
+            gap: 10px;
+        }
+
+        &__card-title {
+            font-size: 24px;
+        }
+
+        &__description {
+            font-size: 11px;
+        }
+    }
+}

package/dist/components/ConstructorComponents/CardsWithButton/CardsWithButton.js

@@ -15,25 +15,25 @@ var CardsWithButton = function CardsWithButton(_ref) {
     btnText = _ref$btnText === void 0 ? 'Подключиться' : _ref$btnText,
     onBtnClick = _ref.onBtnClick;
   return /*#__PURE__*/_react["default"].createElement("section", {
-    className: "cards-with-btn cards-with-btn--no-icons"
+    className: "cards-with-btn-v2"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "cards-with-btn__inner"
+    className: "cards-with-btn-v2__inner"
   }, title && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "cards-with-btn__title"
+    className: "cards-with-btn-v2__title"
   }, title), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "cards-with-btn__content"
+    className: "cards-with-btn-v2__content"
   }, items === null || items === void 0 ? void 0 : items.map(function (_ref2, index) {
     var title = _ref2.title,
       description = _ref2.description;
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "cards-with-btn__card",
+      className: "cards-with-btn-v2__card",
       key: index
     }, /*#__PURE__*/_react["default"].createElement("h3", {
-      className: "cards-with-btn__card-title"
+      className: "cards-with-btn-v2__card-title"
     }, title), /*#__PURE__*/_react["default"].createElement("p", {
-      className: "cards-with-btn__card-description"
+      className: "cards-with-btn-v2__card-description"
     }, description), /*#__PURE__*/_react["default"].createElement("button", {
-      className: "cards-with-btn__card-btn",
+      className: "cards-with-btn-v2__card-btn",
       onClick: function onClick() {
         return onBtnClick === null || onBtnClick === void 0 ? void 0 : onBtnClick();
       }

package/dist/components/ConstructorComponents/CardsWithButton/CardsWithButton.scss

@@ -1,17 +1,15 @@
 @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;
-
-.cards-with-btn {
+.cards-with-btn-v2 {
     font-family: 'Manrope', sans-serif;
     background: $bg;
     width: 100%;
-    padding: 96px 48px;
+    padding: 96px 40px;
+
+    * {
+        font-family: 'Manrope', 'Golos Text', sans-serif !important;
+    }
 
     &__inner {
         max-width: 1280px;
@@ -63,7 +61,7 @@ $white: #FFFFFF;
                 width: 6px;
             }
 
-            .cards-with-btn__card-btn {
+            .cards-with-btn-v2__card-btn {
                 gap: 8px;
                 color: $green-dark;
             }
@@ -119,57 +117,39 @@ $white: #FFFFFF;
         width: fit-content;
     }
 
-    // ========== МОБИЛЬНАЯ АДАПТАЦИЯ ==========
-
-    @media (max-width: 1024px) {
-        padding: 72px 32px;
+    @keyframes fadeUp {
+        from {
+            opacity: 0;
+            transform: translateY(24px);
+        }
+        to {
+            opacity: 1;
+            transform: translateY(0);
+        }
     }
+}
+
+// Планшет (до 1100px)
+@media (max-width: 1100px) {
+    .cards-with-btn-v2 {
+        padding: 72px 24px;
 
-    @media (max-width: 900px) {
         &__content {
             grid-template-columns: repeat(2, 1fr);
             gap: 20px;
         }
-    }
-
-    @media (max-width: 768px) {
-        padding: 60px 24px;
-
+        
         &__title {
             font-size: 26px;
             margin-bottom: 40px;
         }
-
-        &__card {
-            padding: 24px 20px;
-        }
-
-        &__card-icon {
-            width: 48px;
-            height: 48px;
-
-            svg {
-                width: 24px;
-                height: 24px;
-            }
-        }
-
-        &__card-title {
-            font-size: 16px;
-        }
-    }
-
-    @media (max-width: 600px) {
-        padding: 48px 20px;
     }
+}
 
-    @media (max-width: 500px) {
-        padding: 48px 16px;
-
-        &__title {
-            font-size: 24px;
-        }
-
+// Мобильная версия (до 500px) - 1 колонка
+@media (max-width: 500px) {
+    .cards-with-btn-v2 {
+        
         &__content {
             grid-template-columns: 1fr;
             gap: 16px;
@@ -179,17 +159,16 @@ $white: #FFFFFF;
             padding: 20px 16px;
         }
     }
+}
 
-    @media (max-width: 375px) {
-        padding: 36px 12px;
+// Мобильная версия (до 430px)
+@media (max-width: 430px) {
+    .cards-with-btn-v2 {
+        padding: 40px 20px;
 
         &__title {
             font-size: 22px;
             margin-bottom: 32px;
         }
-
-        &__card-description {
-            font-size: 13px;
-        }
     }
 }

package/dist/components/ConstructorComponents/ClientsAboutUsV2/ClientsAboutUsV2.js

@@ -7,15 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
 require("./ClientsAboutUsV2.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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var list_about_us = [{
   title: 'До сотрудничества с ECOMRU:',
   description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0411\u043E\u043B\u0435\u0435 4 \u0447\u0430\u0441\u043E\u0432 \u0432 \u0434\u0435\u043D\u044C \u0443\u0445\u043E\u0434\u0438\u043B\u043E \u043D\u0430 \u043C\u043E\u043D\u0438\u0442\u043E\u0440\u0438\u043D\u0433 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432 (\u0446\u0435\u043D\u044B, \u0430\u0441\u0441\u043E\u0440\u0442\u0438\u043C\u0435\u043D\u0442, \u043C\u0430\u0440\u043A\u0435\u0442\u0438\u043D\u0433\u043E\u0432\u044B\u0435 \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u0438)", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0414\u043E\u0445\u043E\u0434\u043D\u043E\u0441\u0442\u044C \u0431\u0438\u0437\u043D\u0435\u0441\u0430 \u0441\u0442\u043E\u044F\u043B\u0430 \u043D\u0430 \u043C\u0435\u0441\u0442\u0435, \u0438\u0437-\u0437\u0430 \u043D\u0435\u0445\u0432\u0430\u0442\u043A\u0438 \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u043D\u0430 \u0434\u0440\u0443\u0433\u0438\u0435 \u043F\u0440\u043E\u0446\u0435\u0441\u0441\u044B", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u041D\u0435 \u0431\u044B\u043B\u043E \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u0438 \u0434\u043B\u044F \u043C\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F")
@@ -24,6 +20,7 @@ var list_about_us = [{
   description: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\xB7 \u0417\u0430\u0442\u0440\u0430\u0442\u044B \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u043D\u0430 \u0430\u043D\u0430\u043B\u0438\u0437 \u043A\u043E\u043D\u043A\u0443\u0440\u0435\u043D\u0442\u043E\u0432 \u0441\u043E\u043A\u0440\u0430\u0442\u0438\u043B\u0438\u0441\u044C \u0441 4 \u0447\u0430\u0441\u043E\u0432 \u0434\u043E 1 \u0447\u0430\u0441\u0430 \u0432 \u0434\u0435\u043D\u044C", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0410\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0437\u0438\u0440\u043E\u0432\u0430\u043B\u0438 \u0446\u0435\u043D\u043E\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u0435, \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0443 \u0440\u0435\u043A\u043B\u0430\u043C\u043D\u044B\u0445 \u043A\u0430\u043C\u043F\u0430\u043D\u0438\u0439 \u0438 \u0430\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u043D\u0430 \u043E\u0442\u0437\u044B\u0432\u044B", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0421\u043E\u0437\u0434\u0430\u043B\u0438 \u043C\u0430\u0433\u0430\u0437\u0438\u043D \u043D\u0430 OZON (\u0440\u0430\u043D\u044C\u0448\u0435 \u0431\u044B\u043B \u0442\u043E\u043B\u044C\u043A\u043E \u043D\u0430 Wildberries)", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0420\u0430\u0441\u0448\u0438\u0440\u0438\u043B\u0438 \u0430\u0441\u0441\u043E\u0440\u0442\u0438\u043C\u0435\u043D\u0442 \u043D\u0430 \u0442\u0440\u0435\u0442\u044C, \u043D\u0430\u0448\u043B\u0438 \u043D\u043E\u0432\u044B\u0435 \u043F\u0435\u0440\u0441\u043F\u0435\u043A\u0442\u0438\u0432\u043D\u044B\u0435 \u0442\u043E\u0432\u0430\u0440\u044B \u0432 \u0441\u0432\u043E\u0435\u0439 \u043D\u0438\u0448\u0435", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\xB7 \u0423\u0432\u0435\u043B\u0438\u0447\u0438\u043B\u0438 \u043F\u0440\u0438\u0431\u044B\u043B\u044C \u0432\u0434\u0432\u043E\u0435, \u0438 \u043E\u043D\u0430 \u043F\u0440\u043E\u0434\u043E\u043B\u0436\u0430\u0435\u0442 \u0440\u0430\u0441\u0442\u0438 \u043A\u0430\u0436\u0434\u044B\u0439 \u043C\u0435\u0441\u044F\u0446")
 }];
 var ClientsAboutUsV2 = function ClientsAboutUsV2(_ref) {
+  var _window;
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? "Клиенты о нас" : _ref$title,
     _ref$blockquote = _ref.blockquote,
@@ -32,27 +29,19 @@ var ClientsAboutUsV2 = function ClientsAboutUsV2(_ref) {
     cite = _ref$cite === void 0 ? "Андрей Краснов - индивидуальный предприниматель, селлер на Wildberries и OZON" : _ref$cite,
     _ref$linkMain = _ref.linkMain,
     linkMain = _ref$linkMain === void 0 ? 'https://lk.ecomru.ru' : _ref$linkMain;
-  var _useState = (0, _react.useState)(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    refPage = _useState2[0],
-    setRefPage = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var _window;
-    var currentUrl = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.href;
-    setRefPage("?ref_page=".concat(currentUrl));
-  }, []);
+  var current_query = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search;
   return /*#__PURE__*/_react["default"].createElement("section", {
-    className: "clients-about-us-v2"
+    className: "clients-about-v2"
   }, title && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "clients-about-us-v2__title"
+    className: "clients-about-v2__title"
   }, title), (blockquote || cite) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "clients-about-us-v2__header"
+    className: "clients-about-v2__header"
   }, blockquote && /*#__PURE__*/_react["default"].createElement("blockquote", {
-    className: "clients-about-us-v2__blockquote"
+    className: "clients-about-v2__blockquote"
   }, blockquote), cite && /*#__PURE__*/_react["default"].createElement("cite", {
-    className: "clients-about-us-v2__cite"
+    className: "clients-about-v2__cite"
   }, cite)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "clients-about-us-v2__cards"
+    className: "clients-about-v2__cards"
   }, list_about_us.map(function (_ref2, ind) {
     var title = _ref2.title,
       description = _ref2.description,
@@ -60,24 +49,22 @@ var ClientsAboutUsV2 = function ClientsAboutUsV2(_ref) {
     var isRightCard = ind === 1;
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: title + description,
-      className: isRightCard ? 'clients-about-us-v2__card clients-about-us-v2__card--dark' : 'clients-about-us-v2__card'
+      className: "clients-about-v2__card ".concat(isRightCard ? 'clients-about-v2__card_dark' : '')
     }, /*#__PURE__*/_react["default"].createElement("h3", {
-      className: "clients-about-us-v2__card-title"
+      className: "clients-about-v2__card-title"
     }, title), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "clients-about-us-v2__card-description"
-    }, description), isRightCard ? /*#__PURE__*/_react["default"].createElement("button", {
-      className: "clients-about-us-v2__card-btn clients-about-us-v2__card-btn--green",
+      className: "clients-about-v2__description"
+    }, description), /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
+      className: "clients-about-v2__button",
+      green: isRightCard,
+      white: !isRightCard,
       onClick: function onClick() {
         var _window2;
-        return (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.open("".concat(linkMain, "/auth").concat(refPage), '_blank');
-      }
-    }, btnName ? btnName : 'Подключиться', " \u2192") : /*#__PURE__*/_react["default"].createElement("button", {
-      className: "clients-about-us-v2__card-btn clients-about-us-v2__card-btn--outline",
-      onClick: function onClick() {
-        var _window3;
-        return (_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.open("".concat(linkMain, "/auth").concat(refPage), '_blank');
-      }
-    }, btnName ? btnName : 'Подключиться', " \u2192"));
+        return (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.open("".concat(linkMain, "/auth").concat(current_query), '_blank');
+      },
+      text: btnName ? btnName : 'Подключиться',
+      size: "40px"
+    }));
   })));
 };
 var _default = exports["default"] = ClientsAboutUsV2;