https://www.twinbru.com/component---src-pages-vlogs-index-tsx-f243453346b0c3af4229.js

1"use strict";(self.webpackChunktwinbru_v2=self.webpackChunktwinbru_v2||[]).push([[933],{449:function(e,t,i){var n=i(6540);t.A=()=>n.createElement("svg",{viewBox:"0 0 56 56",xmlns:"http://www.w3.org/2000/svg"},n.createElement("g",null,n.createElement("path",{d:"M44.13,14.42c0-3.4,.02-6.76,.02-9.29h0c7.17,5.08,11.85,13.44,11.85,22.88,0,15.46-12.53,27.99-28,27.99-5.62,0-11.1-1.68-15.74-4.84-3.38-2.3-6.21-5.31-8.31-8.81-2.51-4.2-3.95-9.11-3.95-14.35C0,16.89,6.48,7.29,15.86,2.75,19,1.25,22.4,.34,25.87,.08c.7-.05,1.41-.08,2.11-.08,3.65,0,7.12,.61,10.3,2.1,6.71,3.4,2.05,13.22-4.44,10.65-.05-.01-.09-.03-.13-.04-.04-.01-.08-.03-.13-.04-.4-.13-.88-.26-.88-.26-1.53-.49-3.15-.74-4.84-.74-7.59,0-13.96,5.21-15.73,12.24-.16,.64-.28,1.29-.36,1.95l-.02,.22c-.04,.28-.07,.57-.08,.85v.07c-.03,.29-.03,.59-.03,.89,0,8.96,7.27,16.22,16.23,16.22,2.23,0,4.44-.46,6.49-1.36h.02c.29-.13,.58-.27,.86-.41,5.01-2.57,8.51-7.64,8.83-13.58,.03-.08,.03-.17,.03-.26,0-.43,0-1.14,0-2.07,0-1.71,.01-4.13,.01-6.82,0-1.67,0-3.43,.01-5.19Zm-6.43,13.58c0,5.32-4.34,9.64-9.7,9.64s-9.7-4.31-9.7-9.64,4.34-9.64,9.7-9.64,9.7,4.31,9.7,9.64Z",fill:"#fff",id:"Logo"})))},3469:function(e,t,i){i.r(t);var n=i(9922),o=i(6540),r=i(4562),l=i(2654),a=i(9847),s=i(7011),d=i(8793);t.default=()=>o.createElement(o.Fragment,null,o.createElement(a.A,{description:"With our services and research & development, we help you future-proofing your business",title:"Vlogs"}),o.createElement(l.A,null),o.createElement("div",null,o.createElement(n.t4,{body:(0,d.t)("page.vlogs.head1.body"),cls:"pt-34 pt-md-40 pt-xl-48",subtitle:(0,d.t)("page.vlogs.head1.subTitle"),title:(0,d.t)("page.vlogs.head1.title")}),o.createElement("div",{className:"container-fluid py-16"},o.createElement("div",{className:"row justify-content-center"},[{title:"Expert tips for 3D furniture visualisation",videoId:"geFin3nxfw0",thumbnail:"vlog/videos/FurnitureMarketingWith3DVisualisation.jpg"},{title:"Furniture marketing with 3D visualisation",videoId:"mRrbb_JGkug",thumbnail:"vlog/videos/SustainablePowerOfDigitalPrototyping.jpg"},{title:"The sustainable power of digital prototyping",videoId:"jf_4TMXJbDw",thumbnail:"vlog/videos/ExpertTipsFor3DFurnitureVisualisation.jpg"},{title:"Benefits of 3D fabric textures for interior design",videoId:"nbZCAoJfhNY",thumbnail:"vlog/videos/BenefitsOf3DFabricTexturesForInteriorDesign.jpg"},{title:"How 3D renders can boost your business",videoId:"re-WPhn8_L8",thumbnail:"vlog/videos/How3dRendersCanGrowBusiness.jpg"},{title:"3D renders bringing interior design to life",videoId:"HhHKfo9NxEg",thumbnail:"vlog/videos/3DRendersBringInteriorDesignToLife.png"},{title:"Collaborative 3D design with NVIDIA Omniverse",videoId:"PxfMFHHp-Yo",thumbnail:"vlog/videos/CollaborativeDesignWithNvidia.png"},{title:"Five benefits of digital fabric catalogues",videoId:"fkEEyUwWVeU",thumbnail:"vlog/videos/BenefitsOfDigitalFabricCatalogues.png"},{title:"How fabric digital twins can boost sustainability in the textile industry",videoId:"qnX3a3JSXQM",thumbnail:"vlog/videos/HowDigitalTwinsCanBoostSustainability.jpg"},{title:"A digital partnership for better customer experiences",videoId:"YPDNf-Lx7Vk",thumbnail:"vlog/videos/BetterCustomerExperience.jpg"},{title:"Creating a utopia with digital fabrics for the metaverse",videoId:"1ou8EJapTfE",thumbnail:"vlog/videos/CreatingForTheMetaverse.jpg"},{title:"Twinbru explores digital solutions to future-proof your business",videoId:"RgCb0L-uMUU",thumbnail:"vlog/videos/DigitalSolutionsToFutureproofBusiness.jpg"},{title:"The best digitisation technique for fabrics",videoId:"dtr6ac66N5o",thumbnail:"vlog/videos/DigitalTwinsFromPhysicalF.jpg"},{title:"Creating realistic looking velvet fabric renders",videoId:"OVW6fy-POYI",thumbnail:"vlog/videos/RealisticLookingVelvetFabricRenders.jpg"},{title:"Hot colour trends in 2022",videoId:"6nKAYZ6nwdI",thumbnail:"vlog/videos/ColourTrend2022.jpg"},{title:"Creating digital twins from physical fabrics",videoId:"Nn_s1eBC9Kw",thumbnail:"vlog/videos/DigitalTwinsFromPhysicalFabrics.jpg"},{title:"Digital twins will change the future of interior design",videoId:"uC3tPyQRh08",thumbnail:"vlog/videos/DigitalTwinsWillChangeFuture.jpg"}

1,{title:"How interior designers will work in the near future",videoId:"B2432V5aXW4",thumbnail:"vlog/videos/HowInteriorDesignersWillWork.jpg"}].map(((e,t)=>o.createElement("div",{className:"col mt-8 col-12 col-md-6 col-lg-4",key:`vlog-video-${t}`},o.createElement(s.A,{elementId:`vlog-video-${t}`,thumbnail:e.thumbnail,title:e.title,videoId:e.videoId}))))))),o.createElement(r.A,null))},7011:function(e,t,i){i.d(t,{A:function(){return C}});var n=i(8607),o=i(6540);let r=function(e){return e[e.Unstarted=-1]="Unstarted",e[e.Ended=0]="Ended",e[e.Playing=1]="Playing",e[e.Paused=2]="Paused",e[e.Buffering=3]="Buffering",e[e.VideoCued=5]="VideoCued",e}({});const l=e=>!0===e?1:!1===e?0:void 0;let a=function(){function e(){this.players=[],this.onStateChange=e=>{if(e.data==r.Playing&&!e.target.isMuted())for(const t of this.players)t!=e.target&&(t.getPlayerState()!=r.Playing||t.isMuted()||t.pauseVideo())}}var t=e.prototype;return t.register=function(e){this.players.push(e),e.addEventListener("onStateChange",this.onStateChange)},t.unregister=function(e){const t=this.players.findIndex((t=>t==e));e.removeEventListener("onStateChange",this.onStateChange),-1!=t&&this.players.splice(t,1)},e}(),s=function(){function e(){this.callbacks=[],this.loaded=!1}var t=e.prototype;return t.registerLoadCallback=function(e){this.callbacks.push(e),window.onYouTubeIframeAPIReady=()=>{this.loaded=!0;for(const e of this.callbacks)e();this.callbacks=[]}},t.loadScript=function(){return new Promise((e=>{if(!(document.querySelector("#youtube-sdk")instanceof HTMLScriptElement)){const e=document.getElementsByName("script")[0],t=document.createElement("script");t.id="youtube-sdk",t.src="https://www.youtube.com/iframe_api",e?document.insertBefore(e,t):document.head.append(t)}this.loaded?e():this.registerLoadCallback(e)}))},t.createPlayer=function(e,t){return new Promise((i=>{new YT.Player(e,{videoId:t.videoId,width:t.width,height:t.height,playerVars:{enablejsapi:l(!0),muted:l(t.muted),autoplay:l(t.autoplay),modestbranding:l(t.modestBranding),playsinline:l(t.playsInline),controls:l(t.controls)},events:{onReady:e=>{i(e.target)}}})}))},t.load=async function(e,t){return await this.loadScript(),await this.createPlayer(e,t)},e}(),d=function(){function e(){}return e.load=async function(e,t){return this.sdkLoader.load(e,t)},e.register=function(e){this.playerManager.register(e)},e.unregister=function(e){this.playerManager.unregister(e)},e}();d.playerManager=new a,d.sdkLoader=new s;var u=e=>{const{0:t,1:i}=(0,o.useState)(!1);return(0,o.useEffect)((()=>{if(!e)return;let t=-1;const n=e=>{clearTimeout(t),e?i(!0):t=window.setTimeout((()=>{i(e)}),150)},o=e=>{switch(e){case r.Playing:n(!0);break;case r.Paused:case r.Ended:case r.Unstarted:case r.VideoCued:n(!1);break;case r.Buffering:clearTimeout(t)}},l=e=>{o(e.data)};return o(e.getPlayerState()),e.addEventListener("onStateChange",l),()=>{clearTimeout(t),e.removeEventListener("onStateChange",l)}})),t};var c=(e,t)=>{const{0:i,1:n}=(0,o.useState)();return(0,o.useEffect)((()=>{d.load(e,t).then(n)}),[e,t.videoId]),(0,o.useEffect)((()=>{if(i)return d.register(i),()=>{d.unregister(i),i.destroy()}}),[i,n]),i};var g=e=>{let{elementId:t,onPlayerReady:i,options:n}=e;const r=c(t,n);return(0,o.useEffect)((()=>{r&&i(r)}),[r,i]),o.createElement("div",{id:t})};var f=e=>{(0,o.useEffect)((()=>{const t=document.scrollingElement;if(!(t instanceof HTMLElement))return;const i=getComputedStyle(t).overflow;return t.style.overflow=e?"hidden":i,()=>{t.style.overflow=i}}))},p=i(1500);var h=(e,t,i,n)=>{(0,o.useEffect)((()=>{const o=e.current;if(!o)return;const r={duration:i,ease:n},l="blur(0px)",a="blur(4px)",s="rgba(0, 0, 0, 0)",d="rgba(0, 0, 0, .7)";if(t){o.style.display="initial";const e=p.os.fromTo(o,{backgroundColor:s,backdropFilter:l},{...r,backgroundColor:d,backdropFilter:a});return()=>{e.kill()}}{const e=p.os.fromTo(o,{backgroundColor:d,backdropFilter:a},{...r,backgroundColor:s,backdropFilter:l,onComplete:()=>{o.style.display="none"}});return()=>{e.kill()}}}),[e,t,i,n])};var v=(e,t,i,n,r)=>{(0,o.useEffect)((()=>{const o=e.current;if(!o)return;const l=o.getBoundingClientRect(),a=o.parentElement.getBoundingClientRect(),s={duration:n,ease:r};if(t){o.style.position="fixed",o.style.willChange="top",o.style.width=`${l.width}px`,o.style.top=`${l.top}px`,o.style.left=`${l.left}px`,o.style.zIndex="999";const e=window.innerWidth>i?.8*window.innerWidth:window.innerWidth,t=window.innerWidth/2-e/2,n=e*(l.height/l.width),r=p.os.fromTo(o,{left:`${l.left}px`,top:`${l.top}px`,width:`${l.width}px`},{...s,left:`${t}px`,top:""+(window.innerHeight/2-n/2),width:`${e}px`}),a=()=>{r.kill();const e=window.innerWidth>i?.8*window.innerWidth:window.innerWidth,t=window.innerWidth/2-e/2,n=e*(l.height/l.width),a=window.innerHeight/2-n/2;o.style.left=`${t}px`,o.style.top=`${a}px`,o.style.width=`${e}px`};return window.addEventListener("resize",a),()=>{r.kill(),window.removeEventListener("resize",a)}}{const e=p.os.fromTo(o,{left:`${l.left}px`,top:`${l.top}px`,width:`${l.width}px`},{...s,left:`${a.left}px`,top:`${a.top}px`,width:`${a.width}px`,onComplete:()=>{o.style.position="initial",o.style.width="inherit",o.style.aspectRatio="inherit",o.style.left="initial",o.style.top="initial",o.style.transform="initial",o.style.zIndex="initial"}});return()=>{e.kill()}}}),[e,t,i,n,r])};var m=e=>{let{children:t,fullWidth:i,breakpoint:n,duration:r,ease:l,onPause:a,...s}=e;const d=(0,o.useRef)(),u=(0,o.useRef)();

1return v(d,i,n,r,l),h(u,i,r,l),f(i),o.createElement("div",s,o.createElement("div",{className:"backdrop",onClick:a,ref:u,style:{position:"fixed",top:"0",left:"0",width:"100%",height:"100%",display:"none",cursor:"pointer",zIndex:998}}),o.createElement("div",{ref:d,style:{width:"inherit",height:"inherit",aspectRatio:"inherit"}},t))},w=i(9922),y=i(2485),b=i.n(y);var E=()=>o.createElement("div",{style:{borderRadius:"100%",border:"0.0625rem solid #fff",padding:"1.5rem"}},o.createElement("div",{style:{width:"1.25rem",height:"1.25rem",display:"flex",justifyContent:"center"}},o.createElement("svg",{fill:"none",viewBox:"0 0 22 25",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{d:"M22 12.4998L0.587235 24.8624L0.587236 0.137119L22 12.4998Z",fill:"#fff"})))),I=i(449);var k=()=>o.createElement("div",{className:b()("d-inline-block text-white w-12 md:w-16 h-12 md:h-16 transition-sm","PageLoader-module--loading-spinner--fc318")},o.createElement(I.A,null));var x=e=>{let{className:t,src:i,isPlaying:n,isReady:r,...l}=e;return o.createElement("div",Object.assign({className:b()(t,n?"opacity-0 pointer-events-none":"opacity-100"),style:{aspectRatio:""+16/9,transition:"opacity 500ms ease-in-out"}},l),o.createElement("div",{className:"position-relative w-full h-full"},o.createElement(w.E9,{className:"w-full h-full",style:{objectFit:"cover"},url:i}),o.createElement("div",{className:"icon-test position-absolute text-white",style:{top:"50%",left:"50%",transform:"translate(-50%, -50%)"}},r?o.createElement(E,null):o.createElement(k,null))))};var C=e=>{let{elementId:t,videoId:i,title:r,thumbnail:l,aspectRatio:a,inline:s}=e;const{0:d,1:c}=(0,o.useState)(),f=u(d),p=s?"div":m;return o.createElement("div",null,o.createElement(p,{breakpoint:1024,duration:.6,ease:n.FL.easeInOut,fullWidth:f,onPause:()=>{d&&d.pauseVideo()},style:{aspectRatio:null!=a?a:""+16/9}},o.createElement("div",{className:"position-relative w-full h-full"},o.createElement(g,{elementId:t,onPlayerReady:c,options:{width:"100%",height:"100%",controls:!1,modestBranding:!0,playsInline:!0,videoId:i}}),o.createElement(x,{className:"position-absolute top-0 left-0 w-full h-full cursor-pointer",isPlaying:f,isReady:!!d,onClick:()=>{d&&(d.hideVideoInfo(),d.playVideo())},src:l}))),r&&o.createElement("h6",{className:"pt-2"},r))}}}]);
2//# sourceMappingURL=component---src-pages-vlogs-index-tsx-f243453346b0c3af4229.js.map