ecomlab-components-next 0.1.23 → 0.1.25

package/dist/components/ConstructorComponents/CardsGrey/CardsGrey.js

@@ -0,0 +1,47 @@
+"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("./CardsGrey.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var list = [{
+  title: "99%",
+  description: "\u0418\u0418 \u0442\u043E\u0447\u043D\u043E \u0432\u044B\u044F\u0432\u043B\u044F\u0435\u0442 \u0442\u0435\u043C\u0430\u0442\u0438\u043A\u0443 \u043E\u0442\u0437\u044B\u0432\u043E\u0432. \u0423 \u0447\u0435\u043B\u043E\u0432\u0435\u043A\u0430, \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u044D\u0442\u043E\u0442 \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u0435\u043B\u044C 87%"
+}, {
+  title: "85%",
+  description: "\u0413\u0435\u043D\u0435\u0440\u0438\u0440\u0443\u044F \u043E\u0442\u0432\u0435\u0442, \u043D\u0435\u0439\u0440\u043E\u0441\u0435\u0442\u044C \u0443\u0447\u0438\u0442\u044B\u0432\u0430\u0435\u0442 \u043D\u0430 85% \u0431\u043E\u043B\u044C\u0448\u0435 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u043E\u0432, \u0447\u0435\u043C \u0447\u0435\u043B\u043E\u0432\u0435\u043A."
+}, {
+  title: "5\u0445",
+  description: "\u0410\u0432\u0442\u043E\u043E\u0442\u0432\u0435\u0442\u044B \u0441 \u043F\u043E\u043C\u043E\u0449\u044C\u044E \u043D\u0435\u0439\u0440\u043E\u0441\u0435\u0442\u0438 \u043F\u043E\u043C\u043E\u0433\u0430\u044E\u0442 \u0432 5 \u0440\u0430\u0437 \u0431\u044B\u0441\u0442\u0440\u0435\u0435 \u043E\u0431\u0440\u0430\u0431\u0430\u0442\u044B\u0432\u0430\u0442\u044C \u043E\u0442\u0437\u044B\u0432\u044B \u043E\u043F\u0435\u0440\u0430\u0442\u043E\u0440\u0430\u043C\u0438."
+}, {
+  title: "GPT-4o",
+  description: "\u0412\u043D\u0443\u0442\u0440\u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u043C\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u043C \u043D\u0435\u0439\u0440\u043E\u0441\u0435\u0442\u044C GPT-4o. \u041E\u043D\u0430 \u043F\u0440\u043E\u0448\u043B\u0430 \u0442\u0435\u0441\u0442 \u0422\u044C\u044E\u0440\u0438\u043D\u0433\u0430 \u0438 \u0435\u0451 \u043E\u0442\u0432\u0435\u0442\u044B \u0442\u0430\u043A\u0438\u0435 \u0436\u0435, \u043A\u0430\u043A \u0443 \u0447\u0435\u043B\u043E\u0432\u0435\u043A\u0430.\xA0"
+}];
+var CardsGrey = function CardsGrey(_ref) {
+  var title = _ref.title,
+    child = _ref.child;
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: "cards-grey"
+  }, title && /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "cards-grey__title"
+  }, title), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "cards-grey__items"
+  }, list.map(function (_ref2) {
+    var title = _ref2.title,
+      description = _ref2.description;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "cards-grey__item",
+      key: title + description
+    }, /*#__PURE__*/_react["default"].createElement("p", {
+      className: "cards-grey__title-card"
+    }, title), /*#__PURE__*/_react["default"].createElement("p", {
+      className: "cards-grey__description-card"
+    }, description));
+  })));
+};
+var _default = exports["default"] = CardsGrey;

package/dist/components/ConstructorComponents/CardsGrey/CardsGrey.scss

@@ -0,0 +1,81 @@
+.cards-grey {
+    display: flex;
+    flex-direction: column;
+    gap: 30px;
+
+    &__items {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 12px;
+    }
+
+    &__item {
+        display: flex;
+        height: auto;
+        padding: 14px;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 14px;
+        border-radius: 8px;
+        background: #F7F7F7;
+        max-width: calc(25% - 9px);
+    }
+
+    &__title-card {
+        color: #00B45E;
+        font-family: "Golos Text";
+        font-size: 32px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 24px;
+    }
+
+    &__description-card {
+        color: #333;
+        font-family: "Golos Text";
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 24px;
+    }
+}
+
+@media (max-width: 1100px) {
+    .cards-grey {
+        display: flex;
+        gap: 32px;
+        align-items: center;
+    
+        &__title {}
+    
+        &__items {
+            flex-wrap: wrap;
+           justify-content: center;
+        }
+    
+        &__item { 
+            min-width: 155px;
+            width: 100%;
+        }
+    
+        &__card_name { }
+    
+        &__card_sum {}
+    }
+}
+
+@media (max-width: 430px) {
+    .cards-grey {
+    
+        &__title {}
+    
+        &__cards {}
+    
+        &__card { 
+        }
+    
+        &__card_name { }
+    
+        &__card_sum {}
+    }
+}

package/dist/components/ConstructorComponents/CardsGrey/CardsGrey.stories.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.CardsGreyTest = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _CardsGrey = _interopRequireDefault(require("./CardsGrey"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _default = exports["default"] = {
+  title: 'CardsGrey',
+  component: _CardsGrey["default"]
+};
+var CardsGreyTest = exports.CardsGreyTest = function CardsGreyTest() {
+  return /*#__PURE__*/_react["default"].createElement(_CardsGrey["default"], null);
+};

package/dist/components/ConstructorComponents/Carousel/Carousel.js

@@ -0,0 +1,135 @@
+"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"));
+var _reactMultiCarousel = _interopRequireDefault(require("react-multi-carousel"));
+require("react-multi-carousel/lib/styles.css");
+require("./Carousel.scss");
+var _user_ = _interopRequireDefault(require("./img/user_1.png"));
+var _user_2 = _interopRequireDefault(require("./img/user_2.png"));
+var _user_3 = _interopRequireDefault(require("./img/user_3.png"));
+var _user_4 = _interopRequireDefault(require("./img/user_4.png"));
+var _user_5 = _interopRequireDefault(require("./img/user_5.png"));
+var _user_6 = _interopRequireDefault(require("./img/user_6.png"));
+var _CommentItem = require("./CommentItem/CommentItem");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var list = [{
+  author_name: 'Александр Е.',
+  author_message: "\u041F\u043E\u043A\u0430 \u0441\u0443\u043F\u0435\u0440, \u0441\u0440\u0430\u0437\u0443 \u043E\u0431\u043D\u043E\u0432\u0438\u043B\u0438\u0441\u044C, \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043C \u043F\u043E\u0441\u043C\u043E\u0442\u0440\u0438\u043C. \n        \u041F\u043E\u043B\u044C\u0437\u0443\u044E\u0441\u044C \u0443\u0436\u0435 \u0434\u0432\u0430 \u043C\u0435\u0441\u044F\u0446\u0430, \u0432\u0441\u0435 \u043E\u0442\u043B\u0438\u0447\u043D\u043E, \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u044E \u0434\u0443\u0448 \u043D\u0435 \u0441\u043D\u0438\u043C\u0430\u044F",
+  product_name: 'Фитнес-браслет HUAWEI Band 8',
+  answer: "\u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0412\u0430\u043C, \u0447\u0442\u043E \u043D\u0430\u0448\u043B\u0438 \u0432\u0440\u0435\u043C\u044F \u0438 \u043F\u043E\u0434\u0435\u043B\u0438\u043B\u0438\u0441\u044C \u0432\u043F\u0435\u0447\u0430\u0442\u043B\u0435\u043D\u0438\u0435\u043C \u043E \u0442\u043E\u0432\u0430\u0440\u0435. \u041D\u0430\u043C \u043F\u0440\u0438\u044F\u0442\u043D\u043E, \u0447\u0442\u043E \u0412\u044B \u043E\u0441\u0442\u0430\u043B\u0438\u0441\u044C \n        \u0434\u043E\u0432\u043E\u043B\u044C\u043D\u044B \u043F\u043E\u043A\u0443\u043F\u043A\u043E\u0439. \u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0437\u0430 \u0432\u044B\u0441\u043E\u043A\u0443\u044E \u043E\u0446\u0435\u043D\u043A\u0443! \u0416\u0435\u043B\u0430\u0435\u043C \u043F\u0440\u0438\u044F\u0442\u043D\u043E\u0439 \u044D\u043A\u0441\u043F\u043B\u0443\u0430\u0442\u0430\u0446\u0438\u0438!",
+  icon: _user_["default"]
+}, {
+  author_name: 'Олег П.',
+  author_message: "\u0425\u043E\u0440\u043E\u0448\u0438\u0439 \u0430\u043A\u043A\u0443\u043C\u0443\u043B\u044F\u0442\u043E\u0440. \u041F\u0440\u0438\u0448\u0451\u043B \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E \u0437\u0430\u0440\u044F\u0436\u0435\u043D\u043D\u044B\u0439.",
+  product_name: 'Аккумуляторный слайдерный блок для дрели-шуруповерта Интерскол',
+  answer: "\u0414\u043E\u0431\u0440\u044B\u0439 \u0434\u0435\u043D\u044C, \u041E\u043B\u0435\u0433! \u0412\u044B\u0441\u043E\u043A\u043E \u043F\u0440\u0438\u0437\u043D\u0430\u0442\u0435\u043B\u044C\u043D\u044B \n        \u0432\u0430\u043C \u0437\u0430 \u043F\u043E\u043A\u0443\u043F\u043A\u0443 \u0438 \u043F\u043E\u043B\u043E\u0436\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0435 \u043C\u043D\u0435\u043D\u0438\u0435! \u0416\u0435\u043B\u0430\u0435\u043C \u043F\u0440\u0438\u044F\u0442\u043D\u043E\u0439 \u044D\u043A\u0441\u043F\u043B\u0443\u0430\u0442\u0430\u0446\u0438\u0438.",
+  icon: _user_2["default"]
+}, {
+  author_name: 'Шамиль М.',
+  author_message: "\u041A\u0443\u043F\u0438\u043B \u043C\u0430\u043C\u0435 \u0434\u043B\u044F \u0441\u0435\u0440\u0438\u0430\u043B\u043E\u0432. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0443\u0434\u043E\u0431\u043D\u043E, \u043D\u0440\u0430\u0432\u0438\u0442\u0441\u044F",
+  product_name: 'Планшет Blackview Mega 1 11.5" 12/256Gb Purple, сиреневый',
+  answer: "\u0414\u043E\u0431\u0440\u044B\u0439 \u0434\u0435\u043D\u044C, \u0428\u0430\u043C\u0438\u043B\u044C! \u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0437\u0430 \n        \u0432\u044B\u0441\u043E\u043A\u0443\u044E \u043E\u0446\u0435\u043D\u043A\u0443! \u0416\u0435\u043B\u0430\u0435\u043C \u043F\u0440\u0438\u044F\u0442\u043D\u043E\u0439 \u044D\u043A\u0441\u043F\u043B\u0443\u0430\u0442\u0430\u0446\u0438\u0438.",
+  icon: _user_3["default"]
+}, {
+  author_name: 'Владислав А.',
+  author_message: "\u0420\u0430\u0431\u043E\u0442\u0430\u0435\u0442. \u0421\u043E\u0433\u043B\u0430\u0441\u043D\u043E \u0445\u0430\u0440\u0430\u043A\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043A. \u0421\u043F\u0430\u0441\u0438\u0431\u043E.",
+  product_name: 'ADATA Оперативная память AX4U360016G18I-SB10 1x16 ГБ',
+  answer: "\u0412\u043B\u0430\u0434\u0438\u0441\u043B\u0430\u0432, \u0434\u043E\u0431\u0440\u044B\u0439 \u0434\u0435\u043D\u044C! \u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0412\u0430\u0441 \u0437\u0430 \u043E\u0442\u043B\u0438\u0447\u043D\u044B\u0439 \u043E\u0442\u0437\u044B\u0432 \n        \u0438 \u0432\u044B\u0441\u043E\u043A\u0443\u044E \u043E\u0446\u0435\u043D\u043A\u0443 \u043D\u0430\u0448\u0438\u0445 \u0442\u043E\u0432\u0430\u0440\u043E\u0432! \u041F\u0440\u0438\u044F\u0442\u043D\u043E\u0433\u043E \u0432\u0430\u043C \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F!",
+  icon: _user_4["default"]
+}, {
+  author_name: 'Дмитрий Р.',
+  author_message: "\u041C\u0430\u0448\u0438\u043D\u043A\u0430 \u0446\u0435\u043B\u0430\u044F, \u0443\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u044E \u0434\u043E\u043F\u043E\u043B\u043D\u044E.\u0423\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u043B\u0438 \u0441\u043F\u0443\u0441\u0442\u044F 4 \u043C\u0435\u0441\u044F\u0446\u0430. \u0412\u0441\u0451 \u0432 \u043D\u043E\u0440\u043C\u0435.",
+  product_name: 'Стиральная машина ATLANT CMA 70C107-000, белый',
+  answer: "\u0414\u043E\u0431\u0440\u044B\u0439 \u0434\u0435\u043D\u044C, \u0414\u043C\u0438\u0442\u0440\u0438\u0439! \u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0437\u0430 \u0432\u044B\u0441\u043E\u043A\u0443\u044E \n        \u043E\u0446\u0435\u043D\u043A\u0443! \u0416\u0435\u043B\u0430\u0435\u043C \u043F\u0440\u0438\u044F\u0442\u043D\u043E\u0439 \u044D\u043A\u0441\u043F\u043B\u0443\u0430\u0442\u0430\u0446\u0438\u0438.",
+  icon: _user_5["default"]
+}, {
+  author_name: 'Ольга М.',
+  author_message: "\u041A\u0443\u043F\u0438\u043B\u0430 \u043C\u0443\u0436\u0443 \u0432 \u043F\u043E\u0434\u0430\u0440\u043E\u043A, \u043A\u043E\u0444\u0435\u043C\u0430\u0448\u0438\u043D\u0430 \u043F\u043E\u043D\u0440\u0430\u0432\u0438\u043B\u0430\u0441\u044C, \u0431\u044B\u0441\u0442\u0440\u043E \u0440\u0430\u0437\u043E\u0431\u0440\u0430\u043B\u0438\u0441\u044C, \u043A\u043E\u0444\u0435 \n        \u043F\u043E\u043B\u0443\u0447\u0430\u0435\u0442\u0441\u044F \u0432\u043A\u0443\u0441\u043D\u043E\u0435, \u043D\u0430\u0441\u044B\u0449\u0435\u043D\u043D\u043E\u0435. \u041F\u043E\u0441\u043B\u0435 \u0433\u043E\u0434\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F \u0432\u0441\u0451 \u0445\u043E\u0440\u043E\u0448\u043E \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442.",
+  product_name: 'Кофемашина автоматическая THOMSON CF20M01',
+  answer: "\u041E\u043B\u044C\u0433\u0430, \u0434\u043E\u0431\u0440\u044B\u0439 \u0434\u0435\u043D\u044C! \u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0437\u0430 \u0432\u044B\u0441\u043E\u043A\u0443\u044E \u043E\u0446\u0435\u043D\u043A\u0443! \u0416\u0435\u043B\u0430\u0435\u043C \u043F\u0440\u0438\u044F\u0442\u043D\u043E\u0439 \u044D\u043A\u0441\u043F\u043B\u0443\u0430\u0442\u0430\u0446\u0438\u0438.",
+  icon: _user_6["default"]
+}];
+var responsive = {
+  superLargeDesktop: {
+    // the naming can be any, depends on you.
+    breakpoint: {
+      max: 4000,
+      min: 3000
+    },
+    items: 3
+  },
+  desktop: {
+    breakpoint: {
+      max: 3000,
+      min: 1440
+    },
+    items: 3
+  },
+  tablet: {
+    breakpoint: {
+      max: 1440,
+      min: 1000
+    },
+    items: 2
+  },
+  mobile: {
+    breakpoint: {
+      max: 1000,
+      min: 0
+    },
+    items: 1
+  }
+};
+
+// const list = [img_1, img_2, img_3, img_4, img_5, img_6]
+
+var CarouselBlock = function CarouselBlock(_ref) {
+  var title = _ref.title,
+    child = _ref.child;
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: "carousel"
+  }, title && /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "cards-grey__title"
+  }, title), /*#__PURE__*/_react["default"].createElement(_reactMultiCarousel["default"], {
+    swipeable: true,
+    draggable: true,
+    showDots: true,
+    responsive: responsive
+    // ssr={true} // means to render carousel on server-side.
+    ,
+    infinite: true
+    // autoPlay={true}
+    ,
+    autoPlaySpeed: 1000,
+    keyBoardControl: true
+    //  customTransition="all .5"
+    //    transitionDuration={500}
+    ,
+    containerClass: "carousel-container",
+    removeArrowOnDeviceType: ["tablet", "mobile"]
+    // deviceType={this.props.deviceType}
+    ,
+    dotListClass: "custom-dot-list-style"
+    //    itemClass="img-carousel-box"
+  }, list.map(function (_ref2, ind) {
+    var author_name = _ref2.author_name,
+      author_message = _ref2.author_message,
+      product_name = _ref2.product_name,
+      answer = _ref2.answer,
+      icon = _ref2.icon;
+    return /*#__PURE__*/_react["default"].createElement(_CommentItem.CommentItem, {
+      author_name: author_name,
+      author_message: author_message,
+      product_name: product_name,
+      answer: answer,
+      icon: icon
+    });
+  })));
+};
+var _default = exports["default"] = CarouselBlock;

package/dist/components/ConstructorComponents/Carousel/Carousel.scss

@@ -0,0 +1,71 @@
+.carousel {
+    // display: flex;
+    // width: 1194px;
+    // align-items: flex-start;
+    // gap: 30px;
+    border-radius: 20px;
+    width: 99%;
+    // min-height: 400px;
+    position: relative;
+    z-index: 0;
+
+    .react-multiple-carousel__arrow {
+        background-color: #22C55E;
+
+        &:hover {
+            background-color: #16A34A;
+        }
+    }
+
+    .react-multi-carousel-dot button {
+        border-color: #D9D9D9;
+        background-color: #D9D9D9;
+    }
+
+    .react-multi-carousel-dot--active button {
+        border-color: #22C55E;
+        background: #22C55E;
+    }
+
+    .custom-dot-list-style {
+        display: none;
+    }
+}
+
+.img-carousel-box {
+    // display: flex;
+    // align-items: center;
+    // justify-content: center;
+    // height: 100%;
+    width: 100% !important;
+    //  height: auto;
+    //  margin: 0px 20px;
+    border-radius: 20px;
+}
+
+.img-carousel {
+    width: 100%;
+    height: auto;
+    padding-right: 14px;
+}
+
+@media(max-width: 1440px) {
+    .carousel {
+        padding: 0px;
+        padding-bottom: 30px;
+        width: 97%;
+
+        .custom-dot-list-style {
+            display: flex !important;
+            bottom: -20px;
+        }
+    }
+}
+
+@media(max-width: 1000px) {
+    .carousel {
+        padding: 0px;
+        padding-bottom: 30px;
+        width: 100%;
+    }
+}

package/dist/components/ConstructorComponents/Carousel/Carousel.stories.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.CarouselTest = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Carousel = _interopRequireDefault(require("./Carousel"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _default = exports["default"] = {
+  title: 'Carousel',
+  component: _Carousel["default"]
+};
+var CarouselTest = exports.CarouselTest = function CarouselTest() {
+  return /*#__PURE__*/_react["default"].createElement(_Carousel["default"], null);
+};

package/dist/components/ConstructorComponents/Carousel/CommentItem/CommentItem.js

@@ -0,0 +1,43 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CommentItem = void 0;
+var _image = _interopRequireDefault(require("next/image"));
+var _user = _interopRequireDefault(require("./img/user.png"));
+require("./CommentItem.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var CommentItem = exports.CommentItem = function CommentItem(_ref) {
+  var author_name = _ref.author_name,
+    author_message = _ref.author_message,
+    product_name = _ref.product_name,
+    answer = _ref.answer,
+    icon = _ref.icon;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "comment-item",
+    key: author_name + author_message
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "comment-item__content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "comment-item__message-client"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "comment-item__message-client-author-box"
+  }, /*#__PURE__*/React.createElement(_image["default"], {
+    alt: "icon",
+    src: icon
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "comment-item__message-client-info-author"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "comment-item__message-client-author-name"
+  }, author_name), /*#__PURE__*/React.createElement("p", {
+    className: "comment-item__message-client-product"
+  }, product_name))), /*#__PURE__*/React.createElement("p", {
+    className: "comment-item__message-client-text"
+  }, author_message)), /*#__PURE__*/React.createElement("div", {
+    className: "comment-item__message-answer"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "comment-item__message-answer-text"
+  }, answer))));
+};

package/dist/components/ConstructorComponents/Carousel/CommentItem/CommentItem.scss

@@ -0,0 +1,94 @@
+.comment-item {
+    width: 100%;
+    height: 100%;
+    padding: 0 20px 10px 0;
+
+    &__content {
+        display: flex;
+        width: 100%;
+        height: 100%;
+        padding: 14px;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 14px;
+        flex-shrink: 0;
+        border-radius: 10px;
+        border: 1px solid #D1D1D1;
+        background: #FFF;
+    }
+
+    &__message-client {
+        display: flex;
+        width: 80%;
+        height: auto;
+        padding: 8px;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 10px;
+        border-radius: 0px 10px 10px 10px;
+        border: 1px solid #C9C9C9;
+    }
+
+    &__message-client-text,
+    &__message-answer-text {
+        color: #333;
+        font-family: "Open Sans";
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 24px;
+    }
+
+    &__message-client-author-box {
+        display: flex;
+        width: 100%;
+        overflow: hidden;
+        gap: 10px;
+    }
+
+    &__message-client-info-author {
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+    }
+
+    &__message-client-product {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        color: #000;
+        font-family: "Open Sans";
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 18px;
+    }
+
+    &__message-client-author-name {
+        color: #000;
+        font-family: "Open Sans";
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 20px;
+    }
+
+    &__message-answer {
+        display: flex;
+        width: 80%;
+        margin-left: auto;
+        height: auto;
+        padding: 8px 24px;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: flex-start;
+        border-radius: 10px 10px 0px 10px;
+        background: #FFF0E3;
+    }
+}
+
+@media(max-width: 1000px) {
+    .comment-item {
+        padding: 0px;
+    }
+}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _image = _interopRequireDefault(require("next/image"));
+require("./MainContainer.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var MainContainer = function MainContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement("main", {
+    className: "landing-main-container"
+  }, children);
+};
+var _default = exports["default"] = MainContainer;

package/dist/components/ConstructorComponents/MainContainer/MainContainer.scss

@@ -0,0 +1,23 @@
+.landing-main-container {
+    display: flex;
+    flex-direction: column;
+    padding: 60px 40px 100px;
+    max-width: 1440px;
+    margin-left: auto;
+    margin-right: auto;
+    gap: 100px;
+}
+
+@media (max-width: 1100px) {
+    .landing-main-container {
+        padding: 42px 24px 60px;
+        gap: 80px;
+    }
+}
+
+@media (max-width: 430px) {
+    .landing-main-container {
+        padding: 60px 16px 60px;
+        gap: 50px;
+    }
+}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.MainContainerTest = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _MainContainer = _interopRequireDefault(require("./MainContainer"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var _default = exports["default"] = {
+  title: 'MainContainer',
+  component: _MainContainer["default"]
+};
+var MainContainerTest = exports.MainContainerTest = function MainContainerTest() {
+  return /*#__PURE__*/_react["default"].createElement(_MainContainer["default"], {
+    children: "\u041A\u043E\u043D\u0442\u0435\u043D\u0442"
+  });
+};

package/dist/components/ConstructorComponents/MarqueImgs/MarqueImgs.js

@@ -0,0 +1,42 @@
+"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"));
+var _reactFastMarquee = _interopRequireDefault(require("react-fast-marquee"));
+var _brand_ = _interopRequireDefault(require("./img/brand_1.svg"));
+var _brand_2 = _interopRequireDefault(require("./img/brand_2.svg"));
+var _brand_3 = _interopRequireDefault(require("./img/brand_3.svg"));
+var _brand_4 = _interopRequireDefault(require("./img/brand_4.svg"));
+var _brand_5 = _interopRequireDefault(require("./img/brand_5.svg"));
+var _brand_6 = _interopRequireDefault(require("./img/brand_6.svg"));
+var _brand_7 = _interopRequireDefault(require("./img/brand_7.svg"));
+var _brand_8 = _interopRequireDefault(require("./img/brand_8.svg"));
+var _brand_9 = _interopRequireDefault(require("./img/brand_9.svg"));
+var _brand_10 = _interopRequireDefault(require("./img/brand_10.svg"));
+var _brand_11 = _interopRequireDefault(require("./img/brand_11.svg"));
+var _brand_12 = _interopRequireDefault(require("./img/brand_12.svg"));
+var _brand_13 = _interopRequireDefault(require("./img/brand_13.svg"));
+require("./MarqueImgs.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var marquee = [_brand_["default"], _brand_2["default"], _brand_3["default"], _brand_4["default"], _brand_5["default"], _brand_6["default"], _brand_7["default"], _brand_8["default"], _brand_9["default"], _brand_10["default"], _brand_11["default"], _brand_12["default"], _brand_13["default"]];
+var MarqueImgs = function MarqueImgs(_ref) {
+  var title = _ref.title;
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: 'section-marquee'
+  }, /*#__PURE__*/_react["default"].createElement("h2", {
+    className: 'section-marquee__title'
+  }, title ? title : "\u041D\u0430c \u0432\u044B\u0431\u0438\u0440\u0430\u044E\u0442"), /*#__PURE__*/_react["default"].createElement(_reactFastMarquee["default"], {
+    scrollWhen: 'always'
+  }, marquee.map(function (el) {
+    return /*#__PURE__*/_react["default"].createElement(_image["default"], {
+      key: el,
+      src: el
+    });
+  })));
+};
+var _default = exports["default"] = MarqueImgs;