https://www.compie.co.il/_next/static/chunks/975.f2d8a1c9bb915ae20310.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[975],{6975:function(e,n,a){"use strict";a.r(n);var r=a(266),t=a(809),i=a.n(t),s=a(7294),c=a(5262),l=a.n(c),o=a(1261),d=a(1664),g=a(5675),u=a(4470),h=a(5893);n.default=function(e){var n=e.lang,a=e.referenceElement,t=e.gameChangers,c=(0,s.useState)(!1),m=c[0],_=c[1],f=(0,s.useState)(0),v=f[0],x=f[1],w=(0,s.useState)(!1),j=w[0],C=w[1],N=(0,s.useState)(!1),p=N[0],b=N[1],k=(0,s.useState)(!1),I=k[0],L=k[1],Z=(0,s.useState)(6),E=Z[0],y=Z[1],T=Math.ceil(t.gameChangerCard.length/E);(0,s.useEffect)((function(){var e=function(){C(window.innerWidth<=1240)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}),[]),(0,s.useEffect)((function(){var e=function(){y(window.innerWidth<1401?4:6)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}),[]),(0,s.useEffect)((function(){var e=function(){var e=a.current;if(e){var n=e.getBoundingClientRect(),r=n.top<window.innerHeight&&n.bottom>=0;b(r&&v<T-1)}};return window.addEventListener("scroll",e),e(),function(){return window.removeEventListener("scroll",e)}}),[v,T,a]);var A,z=function(e){_(e)},W=function(e){_(e===m?null:e)},B=function(){var e=(0,r.Z)(i().mark((function e(n){return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return L(!0),e.next=3,new Promise((function(e){return setTimeout(e,600)}));case 3:return x(n),e.next=6,new Promise((function(e){return setTimeout(e,50)}));case 6:L(!1);case 7:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),H=j?t.gameChangerCard:t.gameChangerCard.slice(v*E,(v+1)*E),S=t.gameChangerCard.length>E;return(0,h.jsx)("div",{className:"container",ref:a,children:(0,h.jsxs)("div",{className:l().main,children:[(0,h.jsx)("div",{className:l().rectangleBLue}),(0,h.jsx)("div",{className:l().rectangleGreen}),(0,h.jsxs)("div",{className:l().cardHeader,children:[(0,h.jsx)("h1",{className:l().titleCard,children:t.title}),(0,h.jsx)("p",{className:l().descriptionCard,children:t.description})]}),(0,h.jsxs)("div",{dir:o.Z.dir(),className:"".concat(l().cardsWrapper," ").concat(I?l().transitioning:""),children:[H.map((function(e,a){return(0,h.jsx)("span",{className:l().gameChangersImages,dir:o.Z.dir(),children:"none"!==(null===e||void 0===e?void 0:e.slug)?(0,h.jsx)(d.default,{href:"/".concat(n,"/gamechangers/").concat(null===e||void 0===e?void 0:e.slug),children:(0,h.jsxs)("a",{rel:"nofollow",dir:o.Z.dir(),className:l().card,style:{transition:"ease-in all 200ms",backgroundColor:"#f5f5f5"},onMouseEnter:function(){return z(a)},onMouseLeave:function(){return W(a)},children:[(0,h.jsx)("div",{className:l().gameChangersImage,children:(0,h.jsx)(g.default,{src:m===a?e.backgroundImageHover[0].url:e.backgroundImage.url,width:200,height:200,sizes:"100vw",loader:u.Z,alt:"".concat(e.buttonText)})}),(0,h.jsxs)("div",{dir:o.Z.dir(),className:l().innerCard,children:[(0,h.jsxs)("div",{className:l().content,dir:o.Z.dir(),children:[(0,h.jsx)("h2",{className:l().itemTitle,style:{textAlign:"start"},children:e.title}),(0,h.jsx)("p",{className:l().itemText,style:{textAlign:"start"},children:e.description})]}),(0,h.jsxs)("div",{className:l().buttonIcon,children:[(0,h.jsx)("button",{className:l().buttonLink,children:e.buttonText}),(0,h.jsx)("span",{className:l().arrowIcon,children:(0,h.jsx)(g.default,{dir:o.Z.dir(),src:"/arrow-right-black.svg",alt:"Icon",width:151,height:150,loader:u.Z})})]})]})]})}):(0,h.jsxs)("a",{rel:"nofollow",dir:o.Z.dir(),className:l().card,style:{transition:"ease-in all 200ms",backgroundColor:"#f5f5f5",cursor:"default"},onMouseEnter:function(){return z(a)},onMouseLeave:function(){return W(a)},children:[(0,h.jsx)("div",{className:l().gameChangersImage,children:(0,h.jsx)(g.default,{src:m===a?e.backgroundImageHover[0].url:e.backgroundImage.url,width:200,height:200,sizes:"100vw",loader:u.Z,alt:"Image"})}),(0,h.jsx)("div",{dir:o.Z.dir(),className:l().innerCard,children:(0,h.jsxs)("div",{className:l().content,dir:o.Z.dir(),children:[(0,h.jsx)("h2",{className:l().itemTitle,style:{textAlign:"start"},children:e.title}),(0,h.jsx)("p",{className:l().itemText,style:{textAlign:"start"},children:e.description})]})})]})},a)})),!j&&H.length<E&&(A=E-H.length,window.innerWidth<=768?null:Array(A).fill(null).map((function(e,n){return(0,h.jsx)("span",{className:l().gameChangersImages,children:(0,h.jsx)("div",{className:"".concat(l().card," ").concat(l().skeletonCard),children:(0,h.jsx)("div",{className:l().innerCard,children:(0,h.jsxs)("div",{className:l().content,children:[(0,h.jsx)("div",{className:l().skeletonLine}),(0,h.jsx)("div",{className:l().skeletonLine}),(0,h.jsx)("div",{className:l().skeletonLine})]})})})},"skeleton-".concat(n))})))]}),!j&&(0,h.jsxs)("div",{className:l().paginationControls,dir:o.Z.dir(),children:[(0,h.jsx)("button",{className:"".concat(l().paginationArrow," ").concat(l().left),onClick:function(){v>0&&B(v-1)},disabled:0===v,dir:o.Z.dir(),style:{visibility:S?"visible":"hidden"},children:(0,h.jsx)(g.default,{src:"/chevron-right-black.svg",alt:"Previous",width:24,height:24,loader:u.Z})}),(0,h.jsx)("button",{className:"".concat(l().paginationArrow," ").concat(l().right," ").concat(p?l().animate:""),onClick:function(){v<T-1&&B(v+1)},disabled:v===T-1,dir:o.Z.dir(),style:{visibility:S?"visible":"hidden"},children:(0,h.jsx)(g.default,{src:"/chevron-right-black.svg",alt:"Next",width:24,height:24,loader:u.Z})})]})]})})}},4470:function(e,n,a){"use strict";function r(e){var n=e.src,a=e.width,r=e.quality;

1return"".concat(n,"?w=").concat(a,"&q=").concat(r||75)}a.d(n,{Z:function(){return r}})},5262:function(e){e.exports={main:"gamechangers_main__3XRNP",cardHeader:"gamechangers_cardHeader__gnB6c",arrowIcon:"gamechangers_arrowIcon__3ALVT",card:"gamechangers_card__184BL",cardsWrapper:"gamechangers_cardsWrapper__OiCRV",gameChangersImages:"gamechangers_gameChangersImages__tta4w",transitioning:"gamechangers_transitioning__Ihfrn",titleCard:"gamechangers_titleCard__3F64o",innerCard:"gamechangers_innerCard__8x_tz",content:"gamechangers_content__3GBdd",itemTitle:"gamechangers_itemTitle__3NI8w",itemText:"gamechangers_itemText__-uFin",buttonLink:"gamechangers_buttonLink__2xpqz",gameChangersImage:"gamechangers_gameChangersImage__27nwR",rectangleBLue:"gamechangers_rectangleBLue__2WD7f",rectangleGreen:"gamechangers_rectangleGreen__21d5e",paginationControls:"gamechangers_paginationControls__39oUO",descriptionCard:"gamechangers_descriptionCard__1WdNx",paginationArrow:"gamechangers_paginationArrow__1QR6D",left:"gamechangers_left__2te35",right:"gamechangers_right__LZJao"}}}]);