1(this["webpackJsonpbasic-demo"]=this["webpackJsonpbasic-demo"]||[]).push([[11],{154:function(e,t,a){},162:function(e,t,a){"use strict";a.r(t),a.d(t,"default",(function(){return l}));var s=a(11),o=a(18),n=a(0),c=(a(13),a(154),a(130)),i=a(12),r=a(1);function l(){var e=Object(n.useRef)(),t=Object(n.useRef)(),a=Object(n.useRef)(),l=Object(n.useRef)(),u=Object(n.useState)("Axel"),d=Object(s.a)(u,2),h=d[0],m=d[1],f=Object(n.useState)("Thomas"),p=Object(s.a)(f,2),j=p[0],y=p[1];var b=o.a.timeline({delay:.6}),x="",O="",v="",k="",g="";Object(n.useEffect)((function(){document.querySelector(".vid01"),x=document.querySelector(".vid02"),O=document.querySelector(".vid03"),v=document.querySelector(".vid04"),k=document.querySelector(".vid05"),g=document.querySelector(".vid06");var e=document.querySelector(".checkmarkStroke"),t=document.querySelector(".checkmarkStroke"),a=e.getTotalLength(),s=t.getTotalLength();o.a.set(".checkmarkStroke",{strokeDasharray:a}),o.a.set(".checkmark",{strokeDasharray:s}),b.fromTo(".checkmark",{strokeDashoffset:s},{strokeDashoffset:0,duration:1.3,ease:"Power1.easeOut"}).fromTo(".checkmarkStroke",{strokeDashoffset:a},{strokeDashoffset:0,duration:1.3,ease:"Power1.easeOut"})}));return Object(r.jsx)("div",{className:"section-input show-f3",children:Object(r.jsxs)("div",{id:"section-input",children:[Object(r.jsxs)("div",{className:"form01 form-style",children:[Object(r.jsx)("span",{className:"label",children:"Let's start with your name"}),Object(r.jsx)("input",{onChange:function(e){m(e.target.value)},ref:e,placeholder:"Type your name",type:"text",id:"fname",name:"fname"}),Object(r.jsx)("button",{id:"first-step",onClick:function(){o.a.to(".hide-f2",{opacity:0,duration:.6}),o.a.to(".form01",{opacity:0,y:-50,duration:.6,stagger:.3}),o.a.to(".form02",{opacity:1,y:-24,duration:.6,delay:.5}),o.a.to("#second-step",{className:"+= isActive"}),o.a.to("#first-step",{className:"+= "}),o.a.to("#section-input",{className:"+=f2"})},children:"Next step"})]}),Object(r.jsxs)("div",{className:"form02 form-style hide-f3",children:[Object(r.jsxs)("span",{className:"label",children:[Object(r.jsx)("span",{className:"highlight",children:h}),", who do you want to recommend?"]}),Object(r.jsx)("input",{onChange:function(e){y(e.target.value)},ref:t,placeholder:"Type friends name",type:"text",id:"ffname",name:"ffname"}),Object(r.jsx)("button",{id:"second-step",onClick:function(){o.a.to("#section-input",{className:"+=f3"}),o.a.to(".hide-f3",{opacity:0,duration:.6,y:-50}),o.a.to(".show-f4",{opacity:1,duration:.6,y:-24,delay:.5}),v.play(),i.a.uSwapTexture.value=i.a.uTextureImg03.value,o.a.to(i.a.uScaleEasyTransition,{value:1,duration:.7,ease:"Power1.easeInOut",onComplete:function(){x.pause(),x.currentTime=0}})},children:"Next step"})]}),Object(r.jsxs)("div",{className:"form03 form-style show-f4",children:[Object(r.jsxs)("span",{className:"label",children:["What makes ",Object(r.jsx)("span",{className:"highlight",children:j})," a decerning traveler?"]}),Object(r.jsx)("textarea",{className:"short",ref:a,placeholder:"For instance: "+j+" loves collecting unique antiques and is knowledgable in asian vegation.",type:"text",id:"ffffffname",name:"fname"}),Object(r.jsx)("button",{id:"third-step",onClick:function(){o.a.to("#section-input",{className:"+=f4"}),o.a.to(".show-f4",{opacity:0,duration:.6,y:-50}),o.a.to(".show-f5",{opacity:1,duration:.6,delay:.4,y:-24}),v.play(),i.a.uTextureVideo.value=i.a.uTextureImg03.value,o.a.to(i.a.uScaleEasyTransition,{value:0,duration:.7,ease:"Power1.easeInOut",onComplete:function(){O.pause(),O.currentTime=0}})},children:"Next step"})]}),Object(r.jsxs)("div",{className:"form04 form-style show-f5",children:[Object(r.jsxs)("span",{className:"label",children:["Which destinations has ",Object(r.jsx)("span",{className:"highlight",children:j})," already explored?"]}),Object(r.jsx)("input",{ref:a,placeholder:"Tell us more about "+j,type:"text",id:"fffname",name:"fffname"}),Object(r.jsx)("button",{id:"fourth-step",onClick:function(){o.a.to("#section-input",{className:"+=f6"}),o.a.to(".show-f5",{opacity:0,duration:.6,y:-50}),o.a.to(".show-f7",{opacity:1,duration:.6,delay:.4,y:-24}),k.play(),i.a.uSwapTexture.value=i.a.uTextureImg04.value,o.a.to(i.a.uScaleEasyTransition,{value:1,duration:.7,ease:"Power1.easeInOut",onComplete:function(){v.pause(),v.currentTime=0}})},children:"Next step"})]}),Object(r.jsxs)("div",{className:"form06 form-style show-f7",children:[Object(r.jsxs)("span",{className:"label",children:["How can we contact ",Object(r.jsx)("span",{className:"highlight",children:j}),"?"]}),Object(r.jsx)("input",{ref:l,placeholder:"E-Mail or Phone No",type:"text",id:"fname",name:"fname"}),Object(r.jsx)("button",{id:"sixth-step",onClick:function(){o.a.to("#section-input",{className:"+=f7"}),o.a.to(".show-f7",{opacity:0,duration:.6,y:-50}),o.a.to(".show-f8",{opacity:1,duration:.6,delay:.4,y:-24}),g.play(),i.a.uTextureVideo.value=i.a.uTextureImg05.value,o.a.to(i.a.uScaleEasyTransition,{value:0,duration:.7,ease:"Power1.easeInOut",onComplete:function(){k.pause(),k.currentTime=0}}),b.restart(),b.play()},children:"Next step"})]}),Object(r.jsxs)("div",{className:"form07 form-style show-f8",children:[Object(r.jsx)(c.a,{}
1),Object(r.jsxs)("h1",{children:["Thank you, ",Object(r.jsx)("span",{className:"highlight",children:h})]}),Object(r.jsxs)("h2",{children:["If eligible, we will contact ",Object(r.jsx)("span",{className:"highlight",children:j})," and invite him to our exclusive membership. Meanwhile, you may want to log-in or recommend more friends."]}),Object(r.jsx)("button",{id:"sixth-step",onClick:function(){location.reload()},children:"Invite more friends"})]})]})})}}}]); 2//# sourceMappingURL=11.42af0690.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.