https://rootstock.io/component---src-templates-use-js-625a66cdbe03ddde9a10.js

1"use strict";(self.webpackChunkrsk=self.webpackChunkrsk||[]).push([[6693],{1361:function(e,t,n){n.d(t,{A:function(){return P}});var a=n(5556),l=n.n(a),r=n(6540),s=n(3593),o=n(3059),c=n(7395),m=n(1406),i=n(8978),d=n(4848);const u=["active","eventKey","mountOnEnter","transition","unmountOnExit","role","onEnter","onEntering","onEntered","onExit","onExiting","onExited"],E=["activeKey","getControlledId","getControllerId"],g=["as"];function b(e,t){if(null==e)return{};var n,a,l={},r=Object.keys(e);for(a=0;a<r.length;a++)n=r[a],t.indexOf(n)>=0||(l[n]=e[n]);return l}function p(e){let{active:t,eventKey:n,mountOnEnter:a,transition:l,unmountOnExit:s,role:o="tabpanel",onEnter:i,onEntering:d,onEntered:g,onExit:p,onExiting:v,onExited:f}=e,x=b(e,u);const N=(0,r.useContext)(c.A);if(!N)return[Object.assign({},x,{role:o}),{eventKey:n,isActive:t,mountOnEnter:a,transition:l,unmountOnExit:s,onEnter:i,onEntering:d,onEntered:g,onExit:p,onExiting:v,onExited:f}];const{activeKey:y,getControlledId:h,getControllerId:k}=N,w=b(N,E),A=(0,m.u)(n);return[Object.assign({},x,{role:o,id:h(n),"aria-labelledby":k(n)}),{eventKey:n,isActive:null==t&&null!=A?(0,m.u)(y)===A:t,transition:l||w.transition,mountOnEnter:null!=a?a:w.mountOnEnter,unmountOnExit:null!=s?s:w.unmountOnExit,onEnter:i,onEntering:d,onEntered:g,onExit:p,onExiting:v,onExited:f}]}const v=r.forwardRef(((e,t)=>{let{as:n="div"}=e,a=b(e,g);const[l,{isActive:r,onEnter:s,onEntering:o,onEntered:u,onExit:E,onExiting:v,onExited:f,mountOnEnter:x,unmountOnExit:N,transition:y=i.A}]=p(a);return(0,d.jsx)(c.A.Provider,{value:null,children:(0,d.jsx)(m.A.Provider,{value:null,children:(0,d.jsx)(y,{in:r,onEnter:s,onEntering:o,onEntered:u,onExit:E,onExiting:v,onExited:f,mountOnEnter:x,unmountOnExit:N,children:(0,d.jsx)(n,Object.assign({},l,{ref:t,hidden:!r,"aria-hidden":!r}))})})})}));v.displayName="TabPanel";const f=e=>{const{id:t,generateChildId:n,onSelect:a,activeKey:l,defaultActiveKey:i,transition:u,mountOnEnter:E,unmountOnExit:g,children:b}=e,[p,v]=(0,s.iC)(l,i,a),f=(0,o.Cc)(t),x=(0,r.useMemo)((()=>n||((e,t)=>f?`${f}-${t}-${e}`:null)),[f,n]),N=(0,r.useMemo)((()=>({onSelect:v,activeKey:p,transition:u,mountOnEnter:E||!1,unmountOnExit:g||!1,getControlledId:e=>x(e,"tabpane"),getControllerId:e=>x(e,"tab")})),[v,p,u,E,g,x]);return(0,d.jsx)(c.A.Provider,{value:N,children:(0,d.jsx)(m.A.Provider,{value:v||null,children:b})})};f.Panel=v;var x=f,N=n(7285);function y(e){return"boolean"==typeof e?e?N.A:i.A:e}const h=({transition:e,...t})=>(0,d.jsx)(x,{...t,transition:y(e)});h.displayName="TabContainer";var k=h,w=(0,n(6261).A)("tab-content"),A=n(2485),_=n.n(A),C=n(6519);const z=r.forwardRef((({bsPrefix:e,transition:t,...n},a)=>{const[{className:l,as:r="div",...s},{isActive:o,onEnter:i,onEntering:u,onEntered:E,onExit:g,onExiting:b,onExited:v,mountOnEnter:f,unmountOnExit:x,transition:h=N.A}]=p({...n,transition:y(t)}),k=(0,C.oU)(e,"tab-pane");return(0,d.jsx)(c.A.Provider,{value:null,children:(0,d.jsx)(m.A.Provider,{value:null,children:(0,d.jsx)(h,{in:o,onEnter:i,onEntering:u,onEntered:E,onExit:g,onExiting:b,onExited:v,mountOnEnter:f,unmountOnExit:x,children:(0,d.jsx)(r,{...s,ref:a,className:_()(l,k,o&&"active")})})})})}));z.displayName="TabPane";var O=z;const R={eventKey:l().oneOfType([l().string,l().number]),title:l().node.isRequired,disabled:l().bool,tabClassName:l().string,tabAttrs:l().object},L=()=>{throw new Error("ReactBootstrap: The `Tab` component is not meant to be rendered! It's an abstract component that is only valid as a direct Child of the `Tabs` Component. For custom tabs components use TabPane and TabsContainer directly")};L.propTypes=R;var P=Object.assign(L,{Container:k,Content:w,Pane:O})},3613:function(e,t,n){n.r(t),n.d(t,{Head:function(){return k},default:function(){return h}});var a=n(6540),l=n(5032),r=n(3876),s=n(4087),o=n(2596),c=n(2902),m=n(8827);const i=e=>{let{data:t,stats:n}=e;const l=t||{},r=(0,a.useRef)(null),{0:i,1:d}=(0,a.useState)(null),u=(0,a.useRef)(null),E={showCursor:!1,typeSpeed:30};let g=[{text:t.titlePart1,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,ref:(0,a.useRef)(null),typed:(0,a.useRef)(null)},{text:t.titlePart4,ref:(0,a.useRef)(null),typed:(0,a.useRef)(null)},{text:t.titlePart5,ref:(0,a.useRef)(null),suptext:(0,a.useRef)(null),typed:(0,a.useRef)(null)}];const b=()=>a.createElement(s.N,{start:g[4].suptext,end:r,color:"#DEFF1A",animateDrawing:.4});return(0,a.useEffect)((()=>{let e=0;return g.forEach(((t,n)=>

1{0!==n&&(e+=g[n-1].text.length*E.typeSpeed),t.typed.current=new c.A(t.ref.current,{...E,startDelay:e,strings:[t.text],preStringTyped:(e,n)=>{n.el.classList.remove("opacity-0"),t.suptext&&t.suptext.current.classList.remove("opacity-0")},onComplete:e=>{var t;n===g.length-1&&(d(a.createElement(b,null)),u.current.classList.remove("opacity-0"),null===(t=document.querySelector(".zg-use-intro-img"))||void 0===t||t.classList.remove("opacity-0"))}})})),()=>{g.forEach(((e,t)=>{e.typed.current.destroy()}))}}),[]),a.createElement("section",{className:"pt-14-rem pb-md-11 pb-11 intro"},a.createElement("div",{className:"container"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col-12 col-md-8 col-lg-10 col-xl-8"},a.createElement("h1",{className:"mb-6 mb-md-11 d-inline-flex flex-wrap align-items-start h2 position-relative"},a.createElement("span",{className:"zg-text-bg bg-green mb-1 mb-md-2 me-1 me-md-2 opacity-0",ref:g[0].ref}),a.createElement("span",{className:"zg-text-bg bg-white mb-1 me-1 me-md-2 mb-md-2 opacity-0",ref:g[1].ref}),a.createElement("span",{className:"zg-label zg-label--intro bg-white me-1 me-md-2 opacity-0",ref:g[1].suptext},l.suptext1),a.createElement("span",{className:"zg-text-bg bg-white me-1 me-md-2 mb-1 mb-md-2 opacity-0",ref:g[2].ref}),a.createElement("span",{className:"zg-text-bg bg-yellow me-1 me-md-2 mb-1 mb-md-2 opacity-0",ref:g[3].ref}),a.createElement("span",{className:"zg-text-bg bg-yellow me-1 me-md-2 mb-1 mb-md-2 opacity-0",ref:g[4].ref}),a.createElement("span",{className:"zg-label zg-label--intro bg-yellow opacity-0",ref:g[4].suptext},l.suptext2))),a.createElement("div",{className:"col d-none d-md-block"},a.createElement(o.g,{fileName:"RSK_Defi_Animated_Green_Black_compressed",classes:"zg-use-intro-img opacity-0 transition-opacity"}))),a.createElement("div",{className:"opacity-0 transition-opacity",ref:u},a.createElement("div",{className:"row align-items-lg-start align-items-md-center mb-lg-11"},a.createElement("div",{className:"col-lg-3 col-md-6 col-10 offset-lg-7 offset-md-5 offset-1 align-self-md-end mt-6 mt-md-0"},a.createElement("div",{className:"d-flex align-items-start"},a.createElement("span",{className:"zg-label text-black bg-yellow me-2",ref:r},l.number),a.createElement("p",{className:"subtitle-md mb-0"},l.text))),a.createElement("div",{className:"col-9 offset-1 d-block d-md-none mt-3"},a.createElement(o.g,{fileName:"RSK_Defi_Animated_Green_Black_compressed",classes:"mt-lg-0 mt-md-10 zg-use-intro-img"}))),a.createElement(m.F,{stats:n,color:"green"})),i))};var d=n(9018),u=n(1361),E=n(5903);const g=e=>{var t,n;const{tabsData:l}=e,{0:r,1:s}=(0,a.useState)(0),o=(0,a.useRef)([]),c=()=>{o.current.find((e=>e.classList.contains("active"))).scrollIntoView({behavior:"smooth",block:"start",inline:"center"})};return a.createElement("section",{className:"py-lg-12 py-md-11 py-7 overflow-hidden"},a.createElement("div",{className:"container"},a.createElement(u.A.Container,{id:"tabs",defaultActiveKey:"0",activeKey:r,onSelect:e=>{s(parseInt(e))}},a.createElement("div",{className:"row"},a.createElement("div",{className:"col-lg-5 col-sm-12"},a.createElement(d.A,{variant:"pills",className:"flex-lg-column mb-lg-0 mb-8 zg-tabs"},l.map(((e,t)=>a.createElement(d.A.Item,{key:t},a.createElement(d.A.Link,{className:"zg-tab",eventKey:t,ref:e=>o.current[t]=e},a.createElement("span",{className:"zg-tab__title subtitle"},a.createElement("img",{width:24,height:24,className:"me-2",src:e.icon.localFile.publicURL,alt:e.title}),e.title),a.createElement("span",{className:"zg-tab__label"},"0",t+1))))))),a.createElement("div",{className:"col-lg-7 col-sm-12"},a.createElement(u.A.Content,null,l.map(((e,t)=>a.createElement(u.A.Pane,{key:t,eventKey:t},a.createElement(E.Z,{text:e.text,image:e.image.localFile.publicURL,button:e.link,classes:"zg-card-image-r zg-tab-card height-100"}))))))),a.createElement("div",{className:"row"},a.createElement("div",{className:"col"},a.createElement("div",{className:"d-flex d-lg-none splide__arrows"},a.createElement("button",{className:"btn splide__arrow splide__arrow--prev",disabled:null===(t=0===r)||void 0===t||t,onClick:()=>{r>0&&(s(r-1),c())}},a.createElement("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"none"},a.createElement("path",{d:"M25 12L1 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M8 19L1 12L8 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),a.createElement("div",{className:"d-inline-flex align-items-center"},a.createElement("span",{className:"splide__current"},r+1),a.createElement("span",{className:"splide__total"},l.length)),a.createElement("button",{className:"btn splide__arrow splide__arrow--next",disabled:null===(n=r===l.length-1)||void 0===n||n,onClick:()=>{r<l.length-1&&(s(r+1),c())}},a.createElement("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"none"},a.createElement("path",{d:"M1 12L25 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M18 19L25 12L18 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))))))))};var b=n.p+"static/try_rootstock-ee7a0a9555720e5fc5d25de99f2e7d52.svg",p=n(7221);const v=e=>{const t=e.data;return a.createElement("section",{className:"py-6"},a.createElement("div",{className:"container"},a.createElement("div",{className:"row align-items-center"},a.createElement("div",{className:"col-lg-6 col-md-5"},a.createElement("img",{className:"mb-md-0 mb-6",src:b,alt:"Try Rootstock",loading:"lazy"})),a.createElement("div",{className:"col-lg-5 col-md-7"},a.createElement("h2",{className:"h3 mb-6 mb-md-6"},t.title),a.createElement("p",{className:"mb-6"},t.columnLeft),a.createElement(p.$,{title:t.link.title,url:t.link.url})))))},f=e=>{const t=e.data,n=t.items,l=(0,a.useRef)(null),r=(0,a.useRef)(null);return a.createElement("section",{className:"py-lg-16 py-11"},a.createElement("div",{className:"container"},a.createElement("div",{className:"row mb-6"},a.createElement("div",{className:"col-xl-8 col-lg-9 col-md-7"},a.createElement("h2",{className:"mb-6 mb-lg-0 d-inline-flex flex-wrap align-items-start"}

1,a.createElement("span",{className:"zg-text-bg bg-yellow mb-1 mb-md-2 me-2"},t.titlePart1),a.createElement("span",{className:"zg-label bg-yellow me-2"},t.suptext1),a.createElement("span",{className:"zg-text-bg bg-white me-2 mb-1 mb-md-2"},t.titlePart2),a.createElement("span",{className:"zg-label bg-white me-2"},t.suptext2),a.createElement("span",{className:"zg-text-bg bg-purple mb-1 mb-md-2",ref:l},t.titlePart3)))),a.createElement("div",{className:"row mb-11"},a.createElement("div",{className:"col"}),a.createElement("div",{className:"col-lg-6"},a.createElement("div",{className:"row align-items-end"},a.createElement("div",{className:"col-md-6 order-1"},a.createElement("p",{className:"zg-text-lg mb-4 mb-md-0 order-md-0 d-none d-md-block",dangerouslySetInnerHTML:{__html:t.columnLeft}}),a.createElement("p",{className:"mb-0 d-block d-md-none"},t.columnRight)),a.createElement("div",{className:"col-md-6 order-0 order-md-1"},a.createElement("span",{className:"zg-label bg-purple me-2",ref:r},t.number),a.createElement("span",{className:"zg-label bg-purple"},t.subtitle),a.createElement("p",{className:"zg-text-lg mb-4 mt-5 mb-md-0 order-md-0 d-block d-md-none",dangerouslySetInnerHTML:{__html:t.columnLeft}}),a.createElement("p",{className:"mt-5 mb-0 d-none d-md-block"},t.columnRight))))),a.createElement("div",{className:"row"},n.map(((e,t)=>a.createElement("div",{className:"col-md-6",key:t},a.createElement(E.Z,{color:e.color,title:e.title,text:e.text,button:e.button,classes:"mb-4 mb-md-0"}))))),a.createElement(s.N,{start:l,endAnchor:"left",end:r,color:"#9E76FF"})))};var x=n(7337);const N=e=>{const t=e.data||{},n=t.items||{};return a.createElement("section",{className:"py-11"},a.createElement("div",{className:"container"},a.createElement("span",{className:"zg-label bg-pink me-2"},t.title),a.createElement("div",{className:"row"},a.createElement("div",{className:"col-lg-7 col-md-12"},a.createElement("h2",{className:"h3 mb-8 mt-6 letter-spacing-4"},t.subtitle))),a.createElement("div",{className:"row"},n.map(((e,t)=>a.createElement("div",{className:"col-lg-4",key:t},a.createElement(E.Z,{color:e.color,label:e.label,text:e.text,button:e.button,classes:"mb-lg-0 mb-4"})))))))};var y=n(3361);var h=e=>{var t,n,l,s,o;const c=e.data.page.template.usePageACF||{},m=(null==e||null===(t=e.data)||void 0===t||null===(n=t.page)||void 0===n?void 0:n.translations)||{},d=(null==e||null===(l=e.data)||void 0===l||null===(s=l.page)||void 0===s||null===(o=s.template)||void 0===o?void 0:o.statsACF.numbers)||[];return a.createElement(r.A,{translations:m},a.createElement(i,{data:c.intro,stats:d,numbers:c.explore}),a.createElement(g,{tabsData:c.items}),a.createElement(v,{data:c.system}),a.createElement(f,{data:c.bitcoin}),a.createElement(x.H,{color:"green",data:c.ecosystem}),a.createElement(N,{data:c.resources}),a.createElement(y.J,null))};const k=e=>{var t;const n=(null===(t=e.data.page)||void 0===t?void 0:t.seo)||{};return a.createElement(l.A,{title:null==n?void 0:n.title,description:null==n?void 0:n.metaDesc})}}}]);
2//# sourceMappingURL=component---src-templates-use-js-625a66cdbe03ddde9a10.js.map