ecomlab-components-next 0.1.250 → 0.1.251

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

@@ -0,0 +1,40 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+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 title = _ref.title,
+    description = _ref.description,
+    items = _ref.items;
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: "logos-strip"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "logos-strip__inner"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "logos-strip__header"
+  }, /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "logos-strip__title"
+  }, title || 'Интеграции'), /*#__PURE__*/_react["default"].createElement("p", {
+    className: "logos-strip__text"
+  }, description || 'Интегрируем данные в любую вашу систему учета, CRM или BI систему')), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "logos-strip__content"
+  }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "logos-strip__item",
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
+      src: item,
+      alt: "logo",
+      width: 120,
+      height: 48
+    }));
+  }))));
+};
+var _default = exports["default"] = LogosStrip;

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

@@ -0,0 +1,126 @@
+@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 {
+    font-family: 'Manrope', sans-serif;
+    background: $white;
+    width: 100%;
+    padding: 80px 48px;
+    border-top: 1px solid $border;
+    border-bottom: 1px solid $border;
+
+    &__inner {
+        max-width: 1280px;
+        margin: 0 auto;
+    }
+
+    &__header {
+        text-align: center;
+        margin-bottom: 48px;
+    }
+
+    &__title {
+        font-size: 30px;
+        font-weight: 800;
+        letter-spacing: -0.5px;
+        color: $text;
+        margin: 0 0 8px 0;
+    }
+
+    &__text {
+        font-size: 15px;
+        color: $muted;
+        line-height: 1.5;
+        max-width: 600px;
+        margin: 0 auto;
+    }
+
+    &__content {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 48px;
+        flex-wrap: wrap;
+    }
+
+    &__item {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        opacity: 0.7;
+        transition: opacity 0.2s ease, transform 0.2s ease;
+
+        &:hover {
+            opacity: 1;
+            transform: translateY(-2px);
+        }
+
+        img {
+            max-width: 120px;
+            height: auto;
+            object-fit: contain;
+        }
+    }
+
+    @media (max-width: 1024px) {
+        padding: 60px 32px;
+    }
+
+    @media (max-width: 900px) {
+        padding: 48px 24px;
+
+        &__header {
+            margin-bottom: 36px;
+        }
+
+        &__title {
+            font-size: 26px;
+        }
+
+        &__text {
+            font-size: 14px;
+        }
+
+        &__content {
+            gap: 32px;
+        }
+
+        &__item img {
+            max-width: 100px;
+        }
+    }
+
+    @media (max-width: 768px) {
+        padding: 40px 24px;
+
+        &__title {
+            font-size: 24px;
+        }
+
+        &__content {
+            gap: 24px;
+        }
+
+        &__item img {
+            max-width: 80px;
+        }
+    }
+
+    @media (max-width: 600px) {
+        padding: 36px 20px;
+
+        &__content {
+            gap: 20px;
+        }
+
+        &__item img {
+            max-width: 70px;
+        }
+    }
+}

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

@@ -26,6 +26,7 @@ var _PointsListV = _interopRequireDefault(require("../PointsListV2/PointsListV2"
 var _VideoBlockV = _interopRequireDefault(require("../VideoBlockV2/VideoBlockV2"));
 var _SmartReplies = _interopRequireDefault(require("../SmartReplies/SmartReplies"));
 var _CardsWithButton = _interopRequireDefault(require("../CardsWithButton/CardsWithButton"));
+var _LogosStrip = _interopRequireDefault(require("../LogosStrip/LogosStrip"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var cards_list = [{
   sum: 'Аналитика повышает продажи',
@@ -215,7 +216,7 @@ var MainContainerTest = exports.MainContainerTest = function MainContainerTest()
     list: point_list,
     title: 'Возможности нашего сервиса',
     className: 'max-items-3'
-  }), /*#__PURE__*/_react["default"].createElement(_VideoBlockV["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_LogosStrip["default"], null), /*#__PURE__*/_react["default"].createElement(_VideoBlockV["default"], {
     src: "https://dl.ecomru.ru:9001/redactor-videos/ecomru_1.mp4"
   }));
 };

package/dist/index.js

@@ -207,6 +207,12 @@ Object.defineProperty(exports, "LogoBox", {
     return _Logo["default"];
   }
 });
+Object.defineProperty(exports, "LogosStrip", {
+  enumerable: true,
+  get: function get() {
+    return _LogosStrip["default"];
+  }
+});
 Object.defineProperty(exports, "LongTileArticleBox", {
   enumerable: true,
   get: function get() {
@@ -438,6 +444,7 @@ var _Footer = _interopRequireDefault(require("./components/ConstructorComponents
 var _PagePreviews = _interopRequireDefault(require("./components/ConstructorComponents/PagePreviews/PagePreviews"));
 var _SmartReplies = _interopRequireDefault(require("./components/ConstructorComponents/SmartReplies/SmartReplies"));
 var _CardsWithButton = _interopRequireDefault(require("./components/ConstructorComponents/CardsWithButton/CardsWithButton"));
+var _LogosStrip = _interopRequireDefault(require("./components/ConstructorComponents/LogosStrip/LogosStrip"));
 var _ButtonBasic = _interopRequireDefault(require("./components/Buttons/ButtonBasic/ButtonBasic"));
 var _ButtonSignUp = _interopRequireDefault(require("./components/Buttons/ButtonSignUp/ButtonSignUp"));
 var _InputDinamycPlaceholder = _interopRequireDefault(require("./components/Inputs/InputDinamycPlaceholder/InputDinamycPlaceholder"));

package/package.json

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