ecomlab-components-next 0.1.263 → 0.1.265

package/dist/common/hooks/useReveal.js

@@ -0,0 +1,37 @@
+"use strict";
+// hooks/useReveal.js
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var useReveal = function useReveal() {
+  var dependencies = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  (0, _react.useEffect)(function () {
+    var observer = new IntersectionObserver(function (entries) {
+      entries.forEach(function (entry, index) {
+        if (entry.isIntersecting) {
+          setTimeout(function () {
+            entry.target.classList.add('visible');
+          }, index * 5);
+          observer.unobserve(entry.target);
+        }
+      });
+    }, {
+      threshold: 0.1
+    });
+    var elements = document.querySelectorAll('.reveal');
+    elements.forEach(function (el) {
+      return observer.observe(el);
+    });
+    return function () {
+      elements.forEach(function (el) {
+        return observer.unobserve(el);
+      });
+      observer.disconnect();
+    };
+  }, dependencies); // <-- перезапускается при изменении зависимостей
+};
+var _default = exports["default"] = useReveal;

package/dist/components/ConstructorComponents/ArticlesBlockV2/ArticlesBlockV2.js

@@ -8,8 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.getArticleBoxData = exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../../common/utils");
-var _ArticlesBlockV2Module = _interopRequireDefault(require("./ArticlesBlockV2.module.scss"));
+require("./ArticlesBlockV2.scss");
 var _ShortTileArticleBox = _interopRequireDefault(require("../../ArticleElements/ShortTileArticleBox/ShortTileArticleBox"));
+var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
 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; }
@@ -118,6 +119,7 @@ var ArticlesBlockV2 = function ArticlesBlockV2(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     articles = _useState2[0],
     setArticles = _useState2[1];
+  (0, _useReveal["default"])();
   (0, _react.useEffect)(function () {
     var abortController = (0, _utils.fetchArticlesByPortal)(function (json) {
       if (!Object.entries(json).length) return;
@@ -128,24 +130,22 @@ var ArticlesBlockV2 = function ArticlesBlockV2(_ref) {
     };
   }, []);
   return /*#__PURE__*/_react["default"].createElement("section", {
-    className: (0, _utils.classes)(_ArticlesBlockV2Module["default"], 'articles-v2')
+    className: 'articles-v2'
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _utils.classes)(_ArticlesBlockV2Module["default"], 'articles-v2__inner')
+    className: 'articles-v2__inner'
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _utils.classes)(_ArticlesBlockV2Module["default"], 'articles-v2__header')
+    className: 'articles-v2__header reveal'
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _utils.classes)(_ArticlesBlockV2Module["default"], 'articles-v2__header-left')
+    className: 'articles-v2__header-left'
   }, /*#__PURE__*/_react["default"].createElement("h2", {
-    className: (0, _utils.classes)(_ArticlesBlockV2Module["default"], 'articles-v2__title')
+    className: 'articles-v2__title'
   }, title), /*#__PURE__*/_react["default"].createElement("p", {
-    className: (0, _utils.classes)(_ArticlesBlockV2Module["default"], 'articles-v2__subtitle')
+    className: 'articles-v2__subtitle'
   }, subtitle))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _utils.classes)(_ArticlesBlockV2Module["default"], 'articles-v2__grid')
-  }, (_getArticleBoxData = getArticleBoxData(articles, locale)) === null || _getArticleBoxData === void 0 ? void 0 : _getArticleBoxData.map(function (articleData) {
+    className: 'articles-v2__grid reveal'
+  }, (_getArticleBoxData = getArticleBoxData(articles, locale)) === null || _getArticleBoxData === void 0 ? void 0 : _getArticleBoxData.map(function (articleData, index) {
     var _articleData$annotati;
-    return /*#__PURE__*/_react["default"].createElement(_ShortTileArticleBox["default"], _extends({
-      key: articleData.id
-    }, articleData, {
+    return /*#__PURE__*/_react["default"].createElement(_ShortTileArticleBox["default"], _extends({}, articleData, {
       cpu: articleData === null || articleData === void 0 || (_articleData$annotati = articleData.annotation) === null || _articleData$annotati === void 0 ? void 0 : _articleData$annotati[1]
     }));
   }).splice(0, 4))));

package/dist/components/ConstructorComponents/ArticlesBlockV2/ArticlesBlockV2.scss

@@ -0,0 +1,133 @@
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
+@import '../variables.scss';
+
+.articles-v2 {
+    font-family: 'Manrope', sans-serif;
+    background: $bg;
+    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: 56px;
+    }
+
+    &__header {
+        text-align: center;
+        width: 100%;
+    }
+
+    &__header-left {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+        align-items: center;
+    }
+
+    &__title {
+        font-size: 30px;
+        font-weight: 800;
+        letter-spacing: -0.5px;
+        color: $text;
+        margin: 0;
+    }
+
+    &__subtitle {
+        font-size: 15px;
+        color: $muted;
+        line-height: 1.5;
+        max-width: 440px;
+        margin: 0;
+    }
+
+    &__grid {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 32px;
+        justify-content: center;
+    }
+
+    &__grid>* {
+        background: $white;
+        border: 1px solid $border;
+        border-radius: 20px;
+        padding: 12px;
+        display: flex;
+        flex-direction: column;
+        transition: transform 0.2s ease, box-shadow 0.2s ease;
+        border-top: 3px solid $green;
+        width: calc(33.333% - 22px);
+        min-width: 280px;
+        flex: 1 1 auto;
+
+        &:hover {
+            transform: translateY(-4px);
+            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
+        }
+    }
+
+    @keyframes fadeUp {
+        from {
+            opacity: 0;
+            transform: translateY(24px);
+        }
+
+        to {
+            opacity: 1;
+            transform: translateY(0);
+        }
+    }
+}
+
+// Планшет (до 1100px)
+@media (max-width: 1100px) {
+    .articles-v2 {
+        padding: 72px 24px;
+
+        &__title {
+            font-size: 26px;
+        }
+
+        &__subtitle {
+            font-size: 14px;
+        }
+
+        &__grid {
+            gap: 24px;
+        }
+    }
+}
+
+// Планшет (до 1024px) - 2 колонки
+@media (max-width: 1024px) {
+    .articles-v2 {
+        padding: 72px 24px;
+
+        &__grid>* {
+            width: calc(50% - 12px);
+            min-width: 260px;
+        }
+    }
+}
+
+// Мобильная версия (до 430px)
+@media (max-width: 430px) {
+    .articles-v2 {
+        padding: 40px 20px;
+
+        &__title {
+            font-size: 22px;
+        }
+
+        &__subtitle {
+            font-size: 13px;
+        }
+    }
+}

package/dist/components/ConstructorComponents/BlocksInfoV2/BlocksInfoV2.js

@@ -11,6 +11,7 @@ var _image = _interopRequireDefault(require("next/image"));
 require("./BlocksInfoV2.scss");
 var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
 var _ModalBitrixForm = _interopRequireDefault(require("../../Article/FormBtn/ModalBitrixForm/ModalBitrixForm"));
+var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
 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; }
@@ -108,6 +109,7 @@ var BlocksInfo = function BlocksInfo(_ref) {
     isForm = _ref$isForm === void 0 ? false : _ref$isForm,
     _ref$onClick = _ref.onClick,
     onClick = _ref$onClick === void 0 ? null : _ref$onClick;
+  (0, _useReveal["default"])();
   var current_query = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search;
   var currentUrl = (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.location) === null || _window2 === void 0 ? void 0 : _window2.href;
   var _useState = (0, _react.useState)(false),
@@ -152,7 +154,7 @@ var BlocksInfo = function BlocksInfo(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "blocks-info-v2__inner"
   }, (title || subTitle) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "blocks-info-v2__header"
+    className: "blocks-info-v2__header  reveal"
   }, title && /*#__PURE__*/_react["default"].createElement("h2", {
     className: "blocks-info-v2__title"
   }, title), subTitle && /*#__PURE__*/_react["default"].createElement("p", {
@@ -167,7 +169,10 @@ var BlocksInfo = function BlocksInfo(_ref) {
     var isReverse = ind % 2 === 0;
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: label + ind,
-      className: "blocks-info-v2__item ".concat(isReverse ? 'blocks-info-v2__item_reverse' : 'blocks-info-v2__item_normal')
+      style: {
+        '--index': ind
+      },
+      className: "blocks-info-v2__item ".concat(isReverse ? 'blocks-info-v2__item_reverse' : 'blocks-info-v2__item_normal', " reveal")
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "blocks-info-v2__image-box"
     }, /*#__PURE__*/_react["default"].createElement("img", {

package/dist/components/ConstructorComponents/BlocksInfoV2/BlocksInfoV2.scss

@@ -54,7 +54,6 @@
         overflow: hidden;
         transition: transform 0.2s, box-shadow 0.2s;
         min-height: 340px;
-        animation: fadeUp 0.6s ease both;
 
         &:hover {
             transform: translateY(-4px);

package/dist/components/ConstructorComponents/CardsServicesV2/CardsServicesV2.js

@@ -9,6 +9,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
 require("./CardsServicesV2.scss");
+var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
 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; }
@@ -108,6 +109,7 @@ var CardsServicesV2 = function CardsServicesV2(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isShow = _useState2[0],
     setIsShow = _useState2[1];
+  (0, _useReveal["default"])([isShow], true);
   var getFirstLetter = function getFirstLetter(label) {
     return (label === null || label === void 0 ? void 0 : label.charAt(0)) || '?';
   };
@@ -118,7 +120,7 @@ var CardsServicesV2 = function CardsServicesV2(_ref) {
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "cards-services-v2"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "cards-services-v2__header"
+    className: "cards-services-v2__header reveal"
   }, /*#__PURE__*/_react["default"].createElement("h2", {
     className: "cards-services-v2__title"
   }, title), subtitle && /*#__PURE__*/_react["default"].createElement("p", {
@@ -136,7 +138,10 @@ var CardsServicesV2 = function CardsServicesV2(_ref) {
       key: label + ind,
       href: link && link !== '' ? link : '#',
       target: link && link !== '' ? '_blank' : '_self',
-      className: "cards-services-v2__card-link"
+      className: "cards-services-v2__card-link reveal",
+      style: {
+        '--index': ind
+      }
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "cards-services-v2__card"
     }, hasImage ? /*#__PURE__*/_react["default"].createElement("img", {
@@ -157,7 +162,7 @@ var CardsServicesV2 = function CardsServicesV2(_ref) {
       className: "cards-services-v2__card-link-text"
     }, "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435 \u2192")));
   })), isShowButton && /*#__PURE__*/_react["default"].createElement(_ButtonBasicV["default"], {
-    className: 'cards-services-v2__button',
+    className: 'cards-services-v2__button reveal',
     green: true,
     onClick: handleShowMore,
     text: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0435\u0449\u0435",

package/dist/components/ConstructorComponents/CardsV2/CardsV2.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./CardsV2.scss");
+var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var DEFAULT_LIST = [{
   title: "99%",
@@ -26,20 +27,24 @@ var CardsV2 = function CardsV2(_ref) {
     _ref$list = _ref.list,
     list = _ref$list === void 0 ? DEFAULT_LIST : _ref$list,
     child = _ref.child;
+  (0, _useReveal["default"])();
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "cards-v2"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "cards-v2__inner"
   }, title && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "cards-v2__title"
+    className: "cards-v2__title reveal"
   }, title), /*#__PURE__*/_react["default"].createElement("div", {
     className: "cards-v2__items"
-  }, list.map(function (_ref2) {
+  }, list.map(function (_ref2, index) {
     var cardTitle = _ref2.title,
       description = _ref2.description;
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "cards-v2__item",
-      key: cardTitle + description
+      className: "cards-v2__item reveal",
+      key: cardTitle + description,
+      style: {
+        '--index': index
+      }
     }, /*#__PURE__*/_react["default"].createElement("p", {
       className: "cards-v2__card-title"
     }, cardTitle), /*#__PURE__*/_react["default"].createElement("p", {

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./CardsWithButton.scss");
+var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var CardsWithButton = function CardsWithButton(_ref) {
   var title = _ref.title,
@@ -14,20 +15,24 @@ var CardsWithButton = function CardsWithButton(_ref) {
     _ref$btnText = _ref.btnText,
     btnText = _ref$btnText === void 0 ? 'Подключиться' : _ref$btnText,
     onBtnClick = _ref.onBtnClick;
+  (0, _useReveal["default"])();
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "cards-with-btn-v2"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "cards-with-btn-v2__inner"
   }, title && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "cards-with-btn-v2__title"
+    className: "cards-with-btn-v2__title reveal"
   }, title), /*#__PURE__*/_react["default"].createElement("div", {
     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-v2__card",
-      key: index
+      className: "cards-with-btn-v2__card reveal",
+      key: index,
+      style: {
+        '--index': index
+      }
     }, /*#__PURE__*/_react["default"].createElement("h3", {
       className: "cards-with-btn-v2__card-title"
     }, title), /*#__PURE__*/_react["default"].createElement("p", {

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

@@ -9,6 +9,7 @@ exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
 require("./ClientsAboutUsV2.scss");
+var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
 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; }
@@ -29,13 +30,14 @@ 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 current_query = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search;
+  var current_query = typeof window !== 'undefined' ? (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search : '';
+  (0, _useReveal["default"])();
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "clients-about-v2"
   }, title && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "clients-about-v2__title"
+    className: "clients-about-v2__title reveal"
   }, title), (blockquote || cite) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "clients-about-v2__header"
+    className: "clients-about-v2__header reveal"
   }, blockquote && /*#__PURE__*/_react["default"].createElement("blockquote", {
     className: "clients-about-v2__blockquote"
   }, blockquote), cite && /*#__PURE__*/_react["default"].createElement("cite", {
@@ -49,7 +51,10 @@ var ClientsAboutUsV2 = function ClientsAboutUsV2(_ref) {
     var isRightCard = ind === 1;
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: title + description,
-      className: "clients-about-v2__card ".concat(isRightCard ? 'clients-about-v2__card_dark' : '')
+      className: "clients-about-v2__card ".concat(isRightCard ? 'clients-about-v2__card_dark' : '', " reveal"),
+      style: {
+        '--index': ind
+      }
     }, /*#__PURE__*/_react["default"].createElement("h3", {
       className: "clients-about-v2__card-title"
     }, title), /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
+var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
 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); }
@@ -41,7 +42,10 @@ var FeaturesGridV2 = function FeaturesGridV2(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     windowWidth = _useState4[0],
     setWindowWidth = _useState4[1];
-  var current_query = (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search;
+  var current_query = typeof window !== 'undefined' ? (_window = window) === null || _window === void 0 || (_window = _window.location) === null || _window === void 0 ? void 0 : _window.search : '';
+
+  // Вызываем хук для анимации при скролле
+  (0, _useReveal["default"])();
   var syncHeight = (0, _react.useCallback)(function () {
     var heights = blocksRef.current.filter(function (el) {
       return el && el.offsetHeight > 0;
@@ -71,7 +75,7 @@ var FeaturesGridV2 = function FeaturesGridV2(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "features-grid-v2__inner"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "features-grid-v2__header"
+    className: "features-grid-v2__header reveal"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "features-grid-v2__header-left"
   }, title && /*#__PURE__*/_react["default"].createElement("h2", {
@@ -94,7 +98,8 @@ var FeaturesGridV2 = function FeaturesGridV2(_ref) {
       description = _ref2.description;
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: index,
-      className: "features-grid-v2__card"
+      className: "features-grid-v2__card reveal",
+      "data-index": index
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "features-grid-v2__card-heading",
       ref: function ref(el) {

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

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _ModalBitrixForm = _interopRequireDefault(require("../../Article/FormBtn/ModalBitrixForm/ModalBitrixForm"));
 var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
 require("./FormV2.scss");
+var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
 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; }
@@ -102,6 +103,7 @@ var FormV2 = function FormV2(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isModal = _useState2[0],
     setIsModal = _useState2[1];
+  (0, _useReveal["default"])();
   var currentProps = function currentProps() {
     var isClient = typeof window !== 'undefined';
     var currentUrl = isClient ? window.location.href : '';
@@ -127,6 +129,8 @@ var FormV2 = function FormV2(_ref) {
     formTitle: 'Желаемый способ связи'
   }, currentProps())), /*#__PURE__*/_react["default"].createElement("section", {
     className: "form-v2"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "form-v2__content reveal"
   }, /*#__PURE__*/_react["default"].createElement("h2", {
     className: "form-v2__title"
   }, title), /*#__PURE__*/_react["default"].createElement("p", {
@@ -140,6 +144,6 @@ var FormV2 = function FormV2(_ref) {
     maxWidth: "430px",
     width: "100%",
     size: "52px"
-  })));
+  }))));
 };
 var _default = exports["default"] = FormV2;

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

@@ -121,17 +121,6 @@
         min-width: 280px;
     }
 
-    @keyframes fadeUp {
-        from {
-            opacity: 0;
-            transform: translateY(24px);
-        }
-        to {
-            opacity: 1;
-            transform: translateY(0);
-        }
-    }
-
     // Планшет (до 1100px)
     @media (max-width: 1100px) {
         padding: 48px 24px;

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

@@ -8,17 +8,19 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _image = _interopRequireDefault(require("next/image"));
 require("./LogosStrip.scss");
+var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var LogosStripV2 = function LogosStripV2(_ref) {
   var title = _ref.title,
     description = _ref.description,
     items = _ref.items;
+  (0, _useReveal["default"])();
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "logos-strip-v2"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "logos-strip-v2__inner"
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "logos-strip-v2__header"
+    className: "logos-strip-v2__header reveal"
   }, /*#__PURE__*/_react["default"].createElement("h2", {
     className: "logos-strip-v2__title"
   }, title || 'Интеграции'), /*#__PURE__*/_react["default"].createElement("p", {
@@ -27,8 +29,11 @@ var LogosStripV2 = function LogosStripV2(_ref) {
     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-v2__item",
-      key: index
+      className: "logos-strip-v2__item reveal",
+      key: index,
+      style: {
+        '--index': index
+      }
     }, /*#__PURE__*/_react["default"].createElement(_image["default"], {
       src: item,
       alt: "logo",

package/dist/components/ConstructorComponents/MarqueImgsV2/MarqueImgsV2.js

@@ -22,6 +22,7 @@ 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("./MarqueImgsV2.scss");
+var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
 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 MarqueImgsV2 = function MarqueImgsV2(_ref) {
@@ -30,11 +31,14 @@ var MarqueImgsV2 = function MarqueImgsV2(_ref) {
     hideTitle = _ref$hideTitle === void 0 ? false : _ref$hideTitle,
     _ref$list = _ref.list,
     list = _ref$list === void 0 ? marquee : _ref$list;
+  (0, _useReveal["default"])();
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "marquee-v2"
   }, !hideTitle && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "marquee-v2__title"
-  }, title ? title : "\u041D\u0430\u0441 \u0432\u044B\u0431\u0438\u0440\u0430\u044E\u0442"), /*#__PURE__*/_react["default"].createElement(_reactFastMarquee["default"], {
+    className: "marquee-v2__title reveal"
+  }, title ? title : "\u041D\u0430\u0441 \u0432\u044B\u0431\u0438\u0440\u0430\u044E\u0442"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "marquee-v2__content"
+  }, /*#__PURE__*/_react["default"].createElement(_reactFastMarquee["default"], {
     scrollWhen: 'always',
     autoFill: true
   }, list === null || list === void 0 ? void 0 : list.map(function (el, ind) {
@@ -43,6 +47,6 @@ var MarqueImgsV2 = function MarqueImgsV2(_ref) {
       src: el,
       alt: "icon"
     });
-  })));
+  }))));
 };
 var _default = exports["default"] = MarqueImgsV2;

package/dist/components/ConstructorComponents/PhoneBlockV2/PhoneBlockV2.js

@@ -10,12 +10,14 @@ var _image = _interopRequireDefault(require("next/image"));
 var _phone = _interopRequireDefault(require("./img/phone.png"));
 require("./PhoneBlockV2.scss");
 var _ButtonBasicV = _interopRequireDefault(require("../../Buttons/ButtonBasicV2/ButtonBasicV2"));
+var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
 var PhoneBlockV2 = function PhoneBlockV2(_ref) {
   _objectDestructuringEmpty(_ref);
+  (0, _useReveal["default"])();
   return /*#__PURE__*/_react["default"].createElement("section", {
-    className: "phone-block-v2"
+    className: "phone-block-v2 reveal"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "phone-block-v2__content"
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/dist/components/ConstructorComponents/PointsListV2/PointsListV2.js

@@ -8,27 +8,32 @@ exports["default"] = void 0;
 var _image = _interopRequireDefault(require("next/image"));
 var _react = _interopRequireDefault(require("react"));
 require("./PointsListV2.scss");
+var _useReveal = _interopRequireDefault(require("../../../common/hooks/useReveal"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var PointsListV2 = function PointsListV2(_ref) {
   var title = _ref.title,
     list = _ref.list,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className;
+  (0, _useReveal["default"])();
   return /*#__PURE__*/_react["default"].createElement("section", {
     className: "points-list-v2"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "points-list-v2__inner"
   }, /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "points-list-v2__title"
+    className: "points-list-v2__title reveal"
   }, title), /*#__PURE__*/_react["default"].createElement("div", {
     className: "points-list-v2__content"
-  }, list === null || list === void 0 ? void 0 : list.map(function (_ref2) {
+  }, list === null || list === void 0 ? void 0 : list.map(function (_ref2, index) {
     var title = _ref2.title,
       description = _ref2.description,
       icon = _ref2.icon;
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "points-list-v2__item ".concat(className),
-      key: title + description
+      className: "points-list-v2__item ".concat(className, " reveal"),
+      key: title + description,
+      style: {
+        '--index': index
+      }
     }, icon && /*#__PURE__*/_react["default"].createElement("div", {
       className: "points-list-v2__item-icon"
     }, /*#__PURE__*/_react["default"].createElement(_image["default"], {