https://rootstock.io/component---src-templates-brand-js-1faec7395998a3bc783b.js

1"use strict";(self.webpackChunkrsk=self.webpackChunkrsk||[]).push([[4119],{3876:function(e,t,l){var a=l(6540),n=l(1469),r=l(947),s=l(3586),m=l(6203);t.A=e=>{let{children:t,translations:l}=e;return a.createElement(m.p,null,a.createElement(n.Y,{translations:l}),a.createElement("main",null,t),a.createElement(r.w,null),a.createElement(s.I,null))}},4045:function(e,t,l){l.r(t),l.d(t,{Head:function(){return f},default:function(){return g}});var a=l(6540),n=l(5032),r=l(3876),s=l(4087),m=l.p+"static/brand-figure-43560ff56cd2b4af84df893bc8f545e4.svg",c=l(2902);const i=e=>{const t=e.data||{},l=(0,a.useRef)(null),{0:n,1:r}=(0,a.useState)(null),i=(0,a.useRef)(null),o={showCursor:!1,typeSpeed:30};let d=[{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 u=()=>a.createElement(s.N,{classes:"d-none d-md-block",start:d[2].ref,end:l,color:"#79C600"});return(0,a.useEffect)((()=>{let e=0;return d.forEach(((t,l)=>{0!==l&&(e+=d[l-1].text.length*o.typeSpeed),t.typed.current=new c.A(t.ref.current,{...o,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=>{l===d.length-1&&(r(a.createElement(u,null)),i.current.classList.remove("opacity-0"))}})})),()=>{d.forEach(((e,t)=>{e.typed.current.destroy()}))}}),[]),a.createElement("section",{className:"pt-14-rem  pb-md-11 pb-lg-18 pb-11 overflow-hidden"},a.createElement("div",{className:"container"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col-12 col-md-10 col-lg-12 col-xl-10 position-relative mb-5 mb-md-21 mb-lg-16"},a.createElement("h1",{className:"mb-0 d-inline-flex flex-wrap align-items-start h2 position-relative"},a.createElement("span",{className:"zg-text-bg opacity-0 bg-orange mb-1 mb-md-2 me-1 me-md-2",ref:d[0].ref}),a.createElement("span",{className:"zg-label bg-orange me-2 opacity-0",ref:d[0].suptext},t.suptext1),a.createElement("span",{className:"zg-text-bg opacity-0 bg-white mb-1 me-1 me-md-2 mb-md-2",ref:d[1].ref}),a.createElement("span",{className:"zg-text-bg opacity-0 bg-green me-1 me-md-2 mb-1 mb-md-2",ref:d[2].ref}),a.createElement("span",{className:"zg-label bg-green opacity-0",ref:d[2].suptext},t.suptext3)))),a.createElement("div",{className:"row align-items-lg-start align-items-md-center opacity-0 transition-opacity",ref:i},a.createElement("div",{className:"col-12 col-md-6 col-lg-5"},a.createElement("img",{src:m,className:"d-block ms-md-n5 mt-md-n16 mt-lg-n8 mx-lg-auto mb-8 mb-md-0",alt:"Brand",width:"408",height:"392",loading:"lazy"})),a.createElement("div",{className:"col-10 offset-2 offset-md-0 col-md-6 col-lg-4 col-xl-3 offset-lg-1 position-relative"},a.createElement("span",{ref:l,className:"zg-label bg-green position-absolute end-100 top-0 me-lg-2"},t.number),t.text&&a.createElement("p",{className:"zg-text-lg mb-4 mb-md-5"},t.text),t.text&&a.createElement("p",{className:"zg-text-sm mb-6 mb-md-8 mb-lg-10"},t.text2),a.createElement("div",{className:"d-flex flex-column flex-md-row align-items-start"},t.link&&t.link.url&&a.createElement("a",{className:"btn text-nowrap btn-outline-white btn-outline-white--alt me-3 d-inline-flex align-items-center zg-text-sm",target:t.link.target,rel:"_blank"===t.link.target?"noreferrer":null,href:t.link.url},t.link.title,a.createElement("svg",{className:"ms-1",width:"16",height:"16"},a.createElement("use",{xlinkHref:"#icon-external"}))),a.createElement("a",{className:"btn text-nowrap btn-outline-white mt-3 mt-md-0 btn-outline-white--alt d-inline-flex align-items-center zg-text-sm",target:"_blank",rel:"noreferrer",href:"https://drive.google.com/drive/folders/1IBqsZeIOEhyrdH51noo4sK2c_VPjauzW"},"Download the files",a.createElement("svg",{className:"ms-1",width:"16",height:"16"},a.createElement("use",{xlinkHref:"#icon-external"})))))),n))},o=e=>{const t=e.data||{};return null!=t&&t.url?a.createElement("section",null,a.createElement("div",{className:"container"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col-12 col-xl-10 offset-xl-1"},t.url&&a.createElement("div",{className:"ratio ratio-16x9 border rounded-32 overflow-hidden"},a.createElement("iframe",{loading:"lazy",src:`${t.url}#toolbar=0`,title:"Events"})))))):""};var d=l(7221);const u=e=>{var t,l;const n=e.data||{};return a.createElement("section",{className:"pt-lg-16 pb-lg-16 pt-md-21 pb-md-13 pt-18 pb-11"},a.createElement("div",{className:"container"},a.createElement("div",{className:"row"},a.createElement("div",{className:"col-12 col-xl-10 offset-xl-1"},a.createElement("div",{className:"mb-4 mb-md-6 d-flex"},a.createElement("span",{className:"zg-label bg-green me-2"},n.number),a.createElement("span",{className:"zg-label bg-green"},n.subtitle))),a.createElement("div",{className:"col-12 col-md-7 col

1-xl-5 offset-xl-1"},a.createElement("h2",{className:"h3 mb-6 mb-md-0",dangerouslySetInnerHTML:{__html:n.title}})),a.createElement("div",{className:"col-12 col-md-4 col-lg-4 offset-lg-0 offset-md-1 col-xl-4"},n.text&&a.createElement("p",{className:"mb-6 mb-lg-8 zg-text-sm",dangerouslySetInnerHTML:{__html:n.text}}),(null===(t=n.link)||void 0===t?void 0:t.url)&&(null===(l=n.link)||void 0===l?void 0:l.title)&&a.createElement(d.$,{title:n.link.title,url:n.link.url,classes:"btn-lg",external:"_blank"===n.link.target})))))};var g=e=>{var t,l,n;const s=(null===(t=e.data.page.template)||void 0===t?void 0:t.brandPageACF)||{},m=(null==e||null===(l=e.data)||void 0===l||null===(n=l.page)||void 0===n?void 0:n.translations)||{};return a.createElement(r.A,{translations:m},a.createElement(i,{data:s.intro||{}}),a.createElement(o,{data:s.figma||{}}),a.createElement(u,{data:s.join||{}}))};const f=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-brand-js-1faec7395998a3bc783b.js.map