https://rootstock.io/component---src-templates-integrate-js-95544ccf39f5a2a35a8e.js

1"use strict";(self.webpackChunkrsk=self.webpackChunkrsk||[]).push([[141],{2596:function(e,t,l){l.d(t,{g:function(){return n}});var a=l(6540);const n=e=>{let{fileName:t,classes:l}=e;return t&&a.createElement("div",{dangerouslySetInnerHTML:{__html:`\n          <video\n             class="${l}"\n              poster="/illustrations/poster/${t}.jpeg"\n              loop\n              muted\n              autoplay\n              playsinline\n              preload="auto"\n            >\n            <source src="/illustrations/webm/${t}.webm" type="video/webm" />\n            <source src="/illustrations/mp4/${t}.mp4" type="video/mp4" />\n          </video>`}})}},5903:function(e,t,l){l.d(t,{Z:function(){return s}});var a=l(6540),n=l(7221);const s=e=>{const{color:t,title:l,label:s,text:r,button:c,image:m,classes:i}=e,o=m?{backgroundImage:`url(${m})`}:null;return a.createElement("div",{className:`zg-card d-flex flex-column justify-content-between align-items-start p-4 border rounded-4 ${i||""}`,style:o},a.createElement("div",null,a.createElement("h3",{className:"h4 text-black mb-5 d-flex align-items-start"},l&&a.createElement("span",{className:"d-flex flex-column align-items-start me-2",dangerouslySetInnerHTML:{__html:function(e,t){void 0===t&&(t="bg-pink p2");let l=e.split("|");return 1===l.length?`<span class="${t}">${e}</span>`:(l=l.filter((e=>""!==e)),e="",l.forEach((l=>{e+=`<span class="${t}">${l}</span>`})),e)}(l,`bg-${t} zg-line-height-sm letter-spacing-1 p-2 mb-1`)}}),s&&a.createElement("span",{className:`d-inline-block bg-${t} px-2 py-1 zg-label`},s)),r&&a.createElement("div",{className:"zg-text-md",dangerouslySetInnerHTML:{__html:r}})),c&&a.createElement(n.$,{title:c.title,url:c.url,external:c.external||c.target&&"_blank"===c.target,classes:"mt-5"}))}},8370:function(e,t,l){l.d(t,{e:function(){return n}});var a=l(6540);const n=e=>{const{currentSlide:t=0,totalSlides:l=0,arrow:n=!0}=e;return a.createElement("div",{className:"d-none d-md-flex splide__arrows"},a.createElement("button",{className:"btn splide__arrow splide__arrow--prev"},n?a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z",fill:"currentColor"})):a.createElement("svg",{width:"11",height:"18",viewBox:"0 0 11 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M8.6502 17.6357L0.401003 9.86868C0.114572 9.61318 7.60002e-07 9.30659 7.86805e-07 9C8.13608e-07 8.69341 0.114572 8.38682 0.401003 8.13132L8.6502 0.36433C9.16577 -0.0955564 10.0251 -0.146656 10.5406 0.36433C11.1135 0.824219 11.1708 1.5907 10.5979 2.10169L3.26531 9L10.5979 15.8983C11.1708 16.4093 11.1135 17.1758 10.5406 17.6357C10.0251 18.1467 9.16577 18.0956 8.6502 17.6357Z",fill:"currentColor"}))),a.createElement("div",{className:"d-inline-flex align-items-center slider-control-text"},a.createElement("span",{className:"splide__current"},t),a.createElement("span",{className:"splide__total"},l)),a.createElement("button",{className:"btn splide__arrow splide__arrow--next"},n?a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z",fill:"currentColor"})):a.createElement("svg",{width:"11",height:"18",viewBox:"0 0 11 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.createElement("path",{d:"M2.3498 0.36433L10.599 8.13132C10.8854 8.38682 11 8.69341 11 9C11 9.30659 10.8854 9.61318 10.599 9.86868L2.3498 17.6357C1.83423 18.0956 0.974936 18.1467 0.459361 17.6357C-0.1135 17.1758 -0.170786 16.4093 0.402075 15.8983L7.73469 9L0.402075 2.10168C-0.170786 1.5907 -0.1135 0.824217 0.459361 0.36433C0.974936 -0.146657 1.83423 -0.0955582 2.3498 0.36433Z",fill:"currentColor"}))))}},8619:function(e,t,l){l.d(t,{T:function(){return n}});var a=l(6540);const n=e=>{let{src:t,poster:l,className:n,alt:s,width:r,height:c}=e;const m=(0,a.useRef)(null);return(0,a.useEffect)((()=>{let e=new Image;e.src=t,e.addEventListener("load",(()=>{m.current.src=t}))}),[t]),t&&a.createElement("img",{ref:m,className:n,src:l,alt:s,width:r,height:c,loading:"lazy"})}},8877:function(e,t,l){l.r(t),l.d(t,{Head:function(){return h},default:function(){return v}});var a=l(6540),n=l(5032),s=l(3876),r=l(7221),c=l(4087),m=(l(2596),l(8619)),i=l(2902);const o=e=>{const t=e.data,l=(0,a.useRef)(null),{0:n,1:s}=(0,a.useState)(null),o=(0,a.useRef)(null),d={showCursor:!1,typeSpeed:30};let u=[{text:t.titlePart1,suptext:(0,a.useRef)(null),ref:(0,a.useRef)(null),typed:(0,a.useRef)(null)},{text:t.titlePart2,suptext:(0,a.useRef)(null),ref:(0,a.useRef)(null),typed:(0,a.useRef)(null)},{text:t.titlePart3,suptext:(0,a.useRef)(null),ref:(0,a.useRef)(null),typed:(0,a.useRef)(null)}];const g=()=>a.createElement(c.N,{start:u[2].ref,end:l,color:"#FF9100"});return(0,a.useEffect)((()=>{let e=0;return u.forEach(((t,l)=>

1{0!==l&&(e+=u[l-1].text.length*d.typeSpeed),t.typed.current=new i.A(t.ref.current,{...d,startDelay:e,strings:[t.text],preStringTyped:(e,l)=>{var a;l.el.classList.remove("opacity-0"),null!==(a=t.suptext)&&void 0!==a&&a.current&&t.suptext.current.classList.remove("opacity-0")},onComplete:e=>{var t;l===u.length-1&&(s(a.createElement(g,null)),o.current.classList.remove("opacity-0"),null===(t=document.querySelector(".zg-integrate-intro-img"))||void 0===t||t.classList.remove("opacity-0"))}})})),()=>{u.forEach(((e,t)=>{e.typed.current.destroy()}))}}),[]),a.createElement("section",{className:"pt-14-rem  pb-md-11 pb-11"},a.createElement("div",{className:"container"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col-12 col-md-10 col-lg-12 position-relative mb-6 mb-lg-5"},a.createElement("h1",{className:"mb-0 d-inline-flex flex-wrap align-items-start h2 position-relative"},a.createElement("span",{className:"zg-text-bg bg-yellow mb-1 mb-md-2 me-2 opacity-0",ref:u[0].ref}),a.createElement("span",{className:"zg-label bg-yellow me-2 opacity-0",ref:u[0].suptext},t.suptext1),a.createElement("span",{className:"zg-text-bg bg-white mb-1 me-2 mb-md-2 opacity-0",ref:u[1].ref}),a.createElement("span",{className:"zg-text-bg bg-orange me-2 mb-1 mb-md-2 opacity-0",ref:u[2].ref})),a.createElement(m.T,{className:"position-absolute zg-integrate-intro-img opacity-0 transition-opacity",poster:"/illustrations/poster/RSK_Wallet_Animated_Orange_Black_compressed.png",src:"/illustrations/gif/RSK_Wallet_Animated_Orange_Black_compressed.gif",alt:"Rootstockers",width:"440",height:"440"}))),a.createElement("div",{className:"row align-items-lg-start align-items-md-center position-relative opacity-0 transition-opacity",style:{zIndex:1},ref:o},a.createElement("div",{className:"col-12 col-md-6 col-lg-6 offset-lg-1 mb-11 mb-md-4 mb-lg-7"},a.createElement(r.$,{title:t.link.title,url:t.link.url,classes:"btn-lg",external:"_blank"===t.link.target})),a.createElement("div",{className:"col-10 offset-2 col-md-6 offset-md-6 col-lg-4 col-xl-3 offset-lg-8 position-relative"},a.createElement("span",{ref:l,className:"zg-label bg-orange position-absolute end-100 top-0 me-lg-2"},t.number),t.text&&a.createElement("p",{className:"zg-text-lg mb-0"},t.text))),n))},d=e=>{const t=e.data;return a.createElement("section",{className:"pt-lg-16 pt-9 pt-md-11 pb-7 pb-md-11 pb-xl-18"},a.createElement("div",{className:"container"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col-12 col-lg-11 offset-lg-1"},a.createElement("span",{className:"zg-label bg-yellow me-2 mb-4 mb-lg-6"},t.number),a.createElement("span",{className:"zg-label bg-yellow mb-4 mb-lg-6"},t.suptitle)),a.createElement("div",{className:"col-md-6 col-lg-6 offset-lg-1"},a.createElement("h2",{className:"h3 mb-6 mb-lg-13"},t.title)),a.createElement("div",{className:"col-md-5 col-lg-4 offset-md-1"},a.createElement("div",{className:"zg-rbtc-text",dangerouslySetInnerHTML:{__html:t.text}})))))};var u=l(5903);const g=e=>{const t=e.data||{};return a.createElement("section",{className:"pt-lg-16 pb-lg-14 pt-md-11 pb-md-13 pt-9 pb-11"},a.createElement("div",{className:"container"},a.createElement("div",{className:"mb-6 d-flex justify-content-center"},a.createElement("span",{className:"zg-label bg-yellow me-2"},t.number),a.createElement("span",{className:"zg-label bg-yellow"},t.suptitle)),a.createElement("h2",{className:"h3 mb-8 mb-md-9 text-center"},t.title),t.items&&t.items.length>0&&a.createElement("div",{className:"zg-items-grid"},t.items.map(((e,t)=>a.createElement(u.Z,{key:t,label:`0${t+1}`,color:e.color,title:e.title,text:e.text,button:e.button}))))))};var p=l(4570);const f=e=>{const{title:t,text:l,cite:n,image:s,classes:r}=e;return a.createElement("div",{className:`zg-card zg-review d-flex flex-column justify-content-between align-items-start p-4 border rounded-4 ${r||""}`},t&&a.createElement("h3",{className:"zg-review__title mb-6 d-flex align-items-center"},a.createElement("img",{src:s,width:25,height:25,alt:t,className:"me-3"}),t),a.createElement("div",{className:"zg-review__text mb-4",dangerouslySetInnerHTML:{__html:l}}),n&&a.createElement("div",{className:"zg-review__cite"},n))};var b=l(8370);const E=e=>{const t=e.data||{},l=t.items||{},n=()=>{const e=(0,a.useRef)(null),{0:t,1:n}=(0,a.useState)(null),{0:s,1:r}=(0,a.useState)(1);(0,a.useEffect)((()=>{e.current&&n(e.current.splide.length)}),[e]);return a.createElement(p.eB,{ref:e,"aria-label":"Reviews",hasTrack:!1,options:{rewind:!1,autoHeight:!0,gap:"24px",fixedWidth:"640px",pagination:!1,breakpoints:{767:{fixedWidth:"343px",gap:"8px"}}},onMove:(e,l,a,n)=>{n!==t-1&&(l+=1),r(l)}},a.createElement(p.v9,null,l.map(((e,t)=>a.createElement(p.Nn,{key:t},a.createElement(f,{title:e.title,text:e.text,cite:e.author,image:e.icon.localFile.publicURL}))))),a.createElement(b.e,{currentSlide:s,totalSlides:t}))};return a.createElement("section",{className:"pt-lg-16 pt-9 pt-md-11 pb-12 pb-lg-16 overflow-hidden"},a.createElement("div",{className:"container"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col-12 col-lg-11 offset-lg-1"},a.createElement("span",{className:"zg-label bg-yellow me-2 mb-4 mb-lg-6"},t.number),a.createElement("span",{className:"zg-label bg-yellow mb

1-4 mb-lg-6"},t.suptitle)),a.createElement("div",{className:"col-md-8 col-lg-7 col-xl-5 offset-lg-1"},a.createElement("h2",{className:"h3 mb-8 mb-lg-11"},t.title)),a.createElement("div",{className:"col-lg-11 offset-lg-1 zg-reviews-wrapper"},a.createElement(n,null)))))};var v=e=>{var t,l;const n=e.data.page.template.integratePageACF||{},r=(null==e||null===(t=e.data)||void 0===t||null===(l=t.page)||void 0===l?void 0:l.translations)||{};return a.createElement(s.A,{translations:r},a.createElement(o,{data:n.intro}),a.createElement(d,{data:n.game}),a.createElement(g,{data:n.help}),a.createElement(E,{data:n.wallet}))};const h=e=>{var t;const l=(null===(t=e.data.page)||void 0===t?void 0:t.seo)||{};return a.createElement(n.A,{title:null==l?void 0:l.title,description:null==l?void 0:l.metaDesc})}}}]);
2//# sourceMappingURL=component---src-templates-integrate-js-95544ccf39f5a2a35a8e.js.map