https://www.coloursoftango.com/component---src-pages-video-jsx-2a0fd9db29a7e358fee3.js

1"use strict";(self.webpackChunkstarter_gatsby_tailwind=self.webpackChunkstarter_gatsby_tailwind||[]).push([[900],{5809:function(e,t,a){a.r(t),a.d(t,{default:function(){return g}});var l=a(7294),i=a(8032),n=a(8903),s=a(2738),c=a(8187),r=a(454),o=a(4835),d=a(4480),m=a(9119);var u=e=>{let{setShowModal:t,title:a,thumbnail:i,id:n}=e;const[s,c]=(0,d.FV)(m.Xf),u=e=>{t(!0),c(e)};return l.createElement("div",{className:"overflow-hidden"},l.createElement("div",{className:"group relative grid place-items-center w-full h-full transition duration-200 hover:scale-[1.02] cursor-pointer z-10",onClick:()=>u(n),onKeyDown:()=>((e,t)=>{13===e.keyCode&&u(t)})(n),role:"button",tabIndex:"0"},l.createElement("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"},l.createElement(o.Z,{content:l.createElement(r.RJH,{className:" ml-1 text-white"})})),l.createElement("img",{src:i,alt:a,className:"w-[120%] h-full"})))},f=a(9416);var p=e=>{let{setShowModal:t,item:a}=e;return l.createElement(c.E.div,{className:"grid grid-cols-1 sm:grid-cols-2 gap-8",initial:{opacity:0}

1,animate:{opacity:1},viewport:{once:!0},variants:a,transition:{delay:2,staggerChildren:.1,delayChildren:.5}},f.K.map(((e,i)=>l.createElement(c.E.div,{key:i,variants:a},l.createElement(u,{setShowModal:t,title:e.title,thumbnail:e.thumbnail,id:i})))))},h=a(5434),b=a(6310);var w=e=>{let{setShowModal:t}=e;const{0:a}=(0,l.useState)(!1),[i]=(0,d.FV)(m.Xf),n=(0,s.Z)("(min-width: 768px)");return l.createElement("div",{className:"pages fixed top-0 left-0 w-full h-screen grid place-items-center bg-black/95 z-[500]"},!n&&l.createElement("div",{className:"absolute scale-75 bottom-2 left-1/2 -translate-x-1/2 z-[800] text-lg opacity-60 hover:opacity-90 transition duration-200"},l.createElement(o.Z,{content:l.createElement(h.FU5,null),handleClick:()=>t(!1)})),n&&l.createElement("div",{className:"absolute sm:flex sm:justify-end sm:scale-100 sm:top-10 sm:right-[5%] z-[800] text-lg opacity-60 hover:opacity-90 transition duration-200"},l.createElement(o.Z,{content:l.createElement(h.FU5,null),handleClick:()=>t(!1)})),l.createElement("div",{className:"w-full sm:w-[75vw] h-auto"},l.createElement("div",{className:"relative pt-[56.25%] w-full mx-auto"},l.createElement(b.Z,{url:f.K[i].url,width:"100%",height:"100%",style:{position:"absolute",top:"0",left:"0"},playing:!0,playsInline:!0,muted:a,controls:!0}))))},v=a(5889);var g=()=>{(0,l.useEffect)((()=>{(async()=>{new(0,(await a.e(686).then(a.bind(a,1686))).default)})()}),[]);const e=(0,s.Z)("(min-width: 1060px)"),{0:t,1:r}=(0,l.useState)(!1),[o]=(0,d.FV)(m.b6),u="PL"===o?["V","i","d","e","o","s"]:["F","i","l","m","y"],f={hidden:{x:20,opacity:0},visible:{x:0,opacity:1}};return l.createElement("div",{className:"page h-screen relative "+(t&&"overflow-hidden ")},l.createElement(v.Z,null),l.createElement("div",{className:"h-screen w-full fixed left-0 top-0 -z-[2]"},l.createElement(i.S,{src:"../assets/pictures/6513.jpg",alt:"main room",className:"h-screen",objectPosition:e?"right center":"31% 0%",objectFit:"cover",__imageData:a(6771)})),l.createElement(c.E.div,{className:"fixed left-0 top-0 w-full h-screen bg-gradient-layout-darker z-[5]",initial:{opacity:0}

1,animate:{opacity:.8},transition:{ease:"easeInOut",delay:.8,duration:.8}}),l.createElement("section",{className:"w-full sm:max-w-[70vw] flex flex-col mx-auto px-5 lg:px-10 py-20"},l.createElement(c.E.div,{className:"flex justify-end text-4xl md:text-6xl font-bold z-[7] mt-[35vh] sm:mt-[40vh] mb-5 md:mb-10",initial:"hidden",animate:"visible",viewport:{once:!0},variants:{hidden:{},visible:{transition:{staggerChildren:.1,delayChildren:1.3,duration:1,ease:"easeInOut"}}}},u.map(((e,t)=>l.createElement(c.E.div,{key:t,variants:f},e)))),l.createElement(p,{setShowModal:r,item:f}),t&&l.createElement(w,{setShowModal:r})),l.createElement("div",{className:" fixed left-0 top-0 w-full h-[20vh] bg-gradient-to-b from-black z-10"}),l.createElement("div",{className:" fixed left-0 bottom-0 w-full h-[10vh] bg-gradient-to-t from-black z-10"}),l.createElement(n.Z,{title:"Colours of Tango - Videos"}))}},6771:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#080808","images":{"fallback":{"src":"/static/490eddb48595577ad1c2041500afbe4c/add31/6513.jpg","srcSet":"/static/490eddb48595577ad1c2041500afbe4c/afefe/6513.jpg 1680w,\\n/static/490eddb48595577ad1c2041500afbe4c/42579/6513.jpg 3360w,\\n/static/490eddb48595577ad1c2041500afbe4c/add31/6513.jpg 6720w","sizes":"(min-width: 6720px) 6720px, 100vw"},"sources":[{"srcSet":"/static/490eddb48595577ad1c2041500afbe4c/e6382/6513.webp 1680w,\\n/static/490eddb48595577ad1c2041500afbe4c/46619/6513.webp 3360w,\\n/static/490eddb48595577ad1c2041500afbe4c/02e9a/6513.webp 6720w","type":"image/webp","sizes":"(min-width: 6720px) 6720px, 100vw"}]},"width":6720,"height":4480}')}}]);
2//# sourceMappingURL=component---src-pages-video-jsx-2a0fd9db29a7e358fee3.js.map