{"code":"_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[20],{LwQR:function(e,t,r){e.exports={\"__next-prerender-indicator\":\"OnBoarding___next-prerender-indicator__17rEw\",container:\"OnBoarding_container__2FqG-\",onBoarding:\"OnBoarding_onBoarding__zG4gu\",logo:\"OnBoarding_logo__2VAMh\",centered:\"OnBoarding_centered__2h17o\",baseline:\"OnBoarding_baseline__bQp2g\",pics:\"OnBoarding_pics__1FKRf\",pic:\"OnBoarding_pic__1xnXk\",strips:\"OnBoarding_strips__2sdyP\"}},ODXe:function(e,t,r){\"use strict\";function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if(\"undefined\"!==typeof Symbol&&Symbol.iterator in Object(e)){var r=[],n=!0,i=!1,o=void 0;try{for(var a,s=e[Symbol.iterator]();!(n=(a=s.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(c){i=!0,o=c}finally{try{n||null==s.return||s.return()}finally{if(i)throw o}}return r}}(e,t)||function(e,t){if(e){if(\"string\"===typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return\"Object\"===r&&e.constructor&&(r=e.constructor.name),\"Map\"===r||\"Set\"===r?Array.from(e):\"Arguments\"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}(e,t)||function(){throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\")}()}r.d(t,\"a\",(function(){return i}))},Qetd:function(e,t,r){\"use strict\";var n=Object.assign.bind(Object);e.exports=n,e.exports.default=e.exports},RXBc:function(e,t,r){\"use strict\";function n(e){if(null==e)throw new TypeError(\"Cannot destructure undefined\")}r.r(t),r.d(t,\"__N_SSG\",(function(){return h}));var i=r(\"nKUr\"),o=r(\"q1tI\"),a=r(\"TSYQ\"),s=r.n(a),c=r(\"z/o8\"),l=r(\"y4Rg\"),u=r(\"LwQR\"),d=r.n(u),f=r(\"ODXe\"),p=r(\"uszH\"),m=r.n(p),g=r(\"TUwZ\"),j=Object(o.forwardRef)((function(e,t){var r=e.color,n=e.title,a=e.active,l=e.onMouseEvent,u=e.noneOpen,d=Object(o.useState)(!1),p=d[0],j=d[1],b=Object(g.a)(t),v=Object(f.a)(b,2),O=(v[0],v[1]),h=O.onMouseEnter,w=O.onMouseLeave,_=Object(o.useState)(c.a.timeline({paused:!0}))[0],y=Object(o.useRef)(),x=Object(o.useRef)(),R=Object(o.useRef)(),S=Object(o.useRef)();h((function(){a&&j(!0)})),w((function(){j(!1)})),Object(o.useEffect)((function(){console.log(\"Strip.js::30 noneOpen\",u),l(p),_.clear();var e=0;_.to(t.current,{duration:.8,ease:\"power3.out\",flex:p?2:u?1:0}),console.log(\"Strip.js::48 titleContainerRef.current.innerHeight\",y.current.offsetHeight),_.to(y.current,{duration:.6,ease:\"power3.out\",y:p?.5*-window.innerHeight+y.current.offsetHeight+20:u?0:.5*-window.innerHeight,x:u||p?0:20,scale:p?1.5:1,rotation:u||p?0:90,transformOrigin:\"bottom left\"},0),e+=p?.2:0,_.to(R.current,{duration:.5,ease:\"power3.out\",opacity:p?1:0,y:p?0:30},e),e+=.05,_.to(S.current,{duration:.5,ease:\"power3.out\",y:p?0:10},e),e=p?.3:0,_.to(x.current,{duration:p?.6:.2,ease:\"power3.out\",y:p?0:30,opacity:p?1:0},e),_.play()}),[p,u]);var N=n.split(\"\\n\");return Object(i.jsxs)(\"div\",{ref:t,className:s()(m.a.strip),style:{backgroundColor:r},children:[Object(i.jsx)(\"div\",{ref:y,className:s()(m.a.title),children:N.map((function(e,t){return Object(i.jsx)(\"span\",{className:s()(m.a.titleLine),children:e},t)}))}),Object(i.jsx)(\"div\",{ref:x,className:s()(m.a.content),children:Object(i.jsx)(\"p\",{children:\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis vestibulum maecenas aliquam magnis. Ultrices quis venenatis, ultricies tempus commodo commodo ultricies tellus lectus. Fringilla eu duis vel elementum turpis elementum ultricies senectus. Scelerisque ut vel in convallis id aliquet urna. Nibh commodo vel id elementum eu ultrices. Convallis aliquet quis egestas sit integer quam. A, auctor duis et aliquet tellus leo sodales purus. Ut consectetur dignissim commodo sagittis. Aliquam suspendisse sapien, ultricies iaculis. Leo odio pellentesque convallis ullamcorper felis elit. Quam aliquet leo fringilla aliquet convallis dolor, dolor enim, posuere. Dolor non eu sed tincidunt non eu at massa dictumst. Volutpat sed pellentesque massa facilisi sed nam tristique et ridiculus. Luctus tristique lacus, eu nam lobortis. Vel scelerisque.\"})}),Object(i.jsxs)(\"div\",{ref:R,className:s()(m.a.discover),children:[Object(i.jsx)(\"span\",{children:\"d\\xe9couvrir l'\\xe9cosystem\"}),Object(i.jsx)(\"div\",{ref:S,className:s()(m.a.arrowDown)})]})]},r)})),b=\"power3\",v=function(e){n(e);var t=Object(o.useRef)(),r=Object(o.useRef)(),a=[{ref:Object(o.useRef)(),delta:.1,src:\"https://www.colivingfactory.com/assets/coresider/images/2.png\"},{ref:Object(o.useRef)(),delta:.37,src:\"https://www.colivingfactory.com/assets/coresider/images/3.png\"},{ref:Object(o.useRef)(),delta:.14,src:\"https://www.colivingfactory.com/assets/coresider/images/4.png\"},{ref:Object(o.useRef)(),delta:.05,src:\"https://www.colivingfactory.com/assets/coresider/images/5.png\"},{ref:Object(o.useRef)(),delta:.3,src:\"https://www.colivingfactory.com/assets/coresider/images/6.png\"},{ref:Object(o.useRef)(),delta:.23,src:\"https://www.colivingfactory.com/assets/coresider/images/7.png\"}],u=Object(o.useRef)(),f=[{ref:Object(o.useRef)(),delta:.55,color:\"#DD4F13\",title:\"Bien aborder et bien vivre\\nles moments de transition.\\n\\xa0\"},{ref:Object(o.useRef)(),delta:1,color:\"#BCC8CC\",title:\"Faciliter et am\\xe9liorer\\nle quotidien de chaque\\npersonne.\"},{ref:Object(o.useRef)(),delta:0,color:\"#F1CDCD\",title:\"Cr\\xe9er des nouveau liens\\npour rompre l\\u2019isolement et\\ns\\u2019epanouir avec les autres.\"},{ref:Object(o.useRef)(),delta:.45,color:\"#8E95BD\",title:\"Manifeste.\\n\\xa0\\n\\xa0\"}],p=Object(o.useState)(!1),m=p[0],g=p[1];Object(o.useEffect)((function(){r.current.style.opacity=0;var e=window.innerWidth,n=window.innerHeight,i=0,o=c.a.timeline();o.to(t.current,{delay:.1,duration:1.5,ease:b+\".in\",opacity:0,y:-50}),o.fromTo(r.current,{opacity:0,y:50},{duration:1.5,ease:b+\".out\",opacity:1,y:0}),o.to(r.current,{delay:.1,duration:1.5,ease:b+\".in\",opacity:0,y:-50}),i+=o.duration()-1.5*.3;for(var s=c.a.timeline({delay:i}),l=0;l<a.length;l++){var u=a[l],d=u.ref.current;s.fromTo(d,{x:10+l/a.length*(e-d.width)+50*Math.random(),y:n+100+250*Math.random()},{duration:1.5*1.3+.2*Math.random(),ease:b+\".in\",y:-d.height-100-250*Math.random()},2*u.delta)}i+=.78*s.duration();for(var p=c.a.timeline({delay:i,onComplete:function(){g(!0)}}),m=0;m<f.length;m++){var j=f[m],v=j.ref.current;p.fromTo(v,{y:100+50*j.delta+\"%\"},{duration:1.5*.8,ease:b+\".out\",y:0},.08*j.delta)}}),[]);var v=Object(o.useState)(-1),O=v[0],h=v[1];return Object(i.jsx)(\"div\",{className:s()(d.a.container),children:Object(i.jsxs)(\"section\",{className:s()(d.a.onBoarding),children:[Object(i.jsx)(\"div\",{className:s()(d.a.centered),ref:t,children:Object(i.jsx)(l.a,{className:d.a.logo})}),Object(i.jsx)(\"div\",{className:s()(d.a.centered),ref:r,children:Object(i.jsx)(\"span\",{className:s()(d.a.baseline),children:\"un nouveau mode d\\u2019habitat\"})}),Object(i.jsx)(\"div\",{className:s()(d.a.pics),children:a.map((function(e){return Object(i.jsx)(\"img\",{ref:e.ref,src:e.src,className:s()(d.a.pic)},e.src)}))}),Object(i.jsx)(\"div\",{className:s()(d.a.strips),ref:u,children:f.map((function(e,t){return Object(i.jsx)(j,{ref:e.ref,color:e.color,title:e.title,active:m,onMouseEvent:function(e){return function(e,t){console.log(\"index.js::134 onMouseEventOnStrip index\",O,e,t),e!=O||t?e!=O&&t&&h(e):h(-1)}(t,e)},noneOpen:-1==O},e.color)}))})]})})},O=r(\"tXEv\"),h=!0;t.default=function(e){n(e);var t=Object(o.useState)(void 0),r=t[0],a=t[1];return Object(o.useEffect)((function(){var e=navigator.languages&&navigator.languages.length?navigator.languages[0]:navigator.language;e=e.split(\"-\")[0].toLowerCase(),-1==O.c.indexOf(e)&&(e=\"fr\"),a(e)})),r?Object(i.jsx)(i.Fragment,{children:Object(i.jsx)(v,{language:r})}):null}},uszH:function(e,t,r){e.exports={\"__next-prerender-indicator\":\"Strip___next-prerender-indicator__1CX-T\",strip:\"Strip_strip__3xSmK\",title:\"Strip_title___kHkX\",titleLine:\"Strip_titleLine__3eIaU\",content:\"Strip_content__7Zv8V\",discover:\"Strip_discover__1yZkN\"}},vlRD:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push([\"/\",function(){return r(\"RXBc\")}])},y4Rg:function(e,t,r){\"use strict\";var n=r(\"rePB\"),i=r(\"nKUr\");r(\"q1tI\");function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){Object(n.a)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=function(e){return Object(i.jsx)(\"svg\",a(a({},e),{},{children:Object(i.jsx)(\"path\",{d:\"M31.257 0a18.75 18.75 0 0 0-18.75 18.747v6.216h12.434v-6.216a6.253 6.253 0 0 1 10.676-4.422 6.253 6.253 0 0 1 1.832 4.422v6.216h12.433v-6.216A18.746 18.746 0 0 0 31.257 0zM0 31.253a6.253 6.253 0 0 0 12.508 0v-6.216H0v6.216zM25.003 37.506l6.254 6.24 6.242-6.24V25H25.003v12.506zM63.41 20.898c0-2.81 1.541-4.451 3.94-4.451a3.27 3.27 0 0 1 3.52 2.946h-1.418a1.952 1.952 0 0 0-2.101-1.703c-1.691 0-2.487 1.169-2.487 3.145 0 1.977.87 3.133 2.487 3.133a2.027 2.027 0 0 0 2.138-1.877h1.38a3.356 3.356 0 0 1-3.605 3.12c-2.338 0-3.854-1.504-3.854-4.313zM72.958 20.835a3.989 3.989 0 0 1 4.053-4.388 3.93 3.93 0 0 1 3.98 4.314 4.077 4.077 0 0 1-4.03 4.45 3.991 3.991 0 0 1-4.003-4.376zm6.54-.074c0-1.89-.92-3.07-2.487-3.07-1.566 0-2.486 1.242-2.486 3.144 0 1.902.957 3.133 2.486 3.133 1.53 0 2.487-1.318 2.487-3.207zM95.002 19.281V25H93.51v-5.706a1.367 1.367 0 0 0-1.43-1.554c-.97 0-2.039.584-2.039 2.735V25H88.55v-5.706a1.368 1.368 0 0 0-1.43-1.554c-.97 0-2.038.671-2.038 2.81V25h-1.492v-8.342h1.43l-.075 1.243a2.785 2.785 0 0 1 2.486-1.442 2.288 2.288 0 0 1 2.313 1.455 2.847 2.847 0 0 1 2.66-1.455c1.68-.012 2.6.945 2.6 2.822zM105.272 20.637c0 2.585-1.392 4.537-3.655 4.537a3.048 3.048 0 0 1-2.487-1.243v4.314h-1.467V16.658h1.243v1.343a2.997 2.997 0 0 1 2.723-1.517c2.176 0 3.643 1.629 3.643 4.152zm-1.492 0c0-1.902-.87-2.872-2.312-2.872-1.443 0-2.4.994-2.4 2.97 0 1.978 1.02 3.171 2.4 3.171s2.312-1.33 2.312-3.27zM106.926 20.835a3.982 3.982 0 0 1 1.039-3.106 3.994 3.994 0 0 1 3.014-1.282 3.931 3.931 0 0 1 3.979 4.314 4.08 4.08 0 0 1-4.029 4.45 3.994 3.994 0 0 1-3.817-2.727 3.99 3.99 0 0 1-.186-1.649zm6.54-.074c0-1.89-.92-3.07-2.487-3.07-1.567 0-2.487 1.242-2.487 3.144 0 1.902.945 3.133 2.487 3.133 1.542 0 2.449-1.318 2.449-3.207h.038zM116.935 22.377h1.429c.15 1.169.846 1.653 2.114 1.653 1.268 0 1.989-.522 1.989-1.317 0-.796-.435-1.032-1.243-1.244l-1.741-.335c-1.616-.336-2.312-1.082-2.312-2.263 0-1.454 1.044-2.4 3.096-2.4 2.051 0 3.183.821 3.394 2.612h-1.467c-.162-.97-.796-1.442-1.977-1.442s-1.679.36-1.679 1.106c0 .535.311.907 1.244 1.119l1.616.348c1.728.385 2.487 1.144 2.487 2.362 0 1.628-1.244 2.635-3.469 2.635-2.226 0-3.283-.932-3.481-2.834zM133.62 21.134h-6.217c0 1.877 1.02 2.797 2.487 2.797a2.252 2.252 0 0 0 2.313-1.554l1.355.162a3.735 3.735 0 0 1-3.73 2.722c-2.487 0-3.954-1.827-3.954-4.4 0-2.574 1.43-4.327 3.929-4.327 2.499 0 3.804 1.566 3.804 4.165l.013.435zm-6.217-1.07h4.849c-.199-1.578-1.057-2.486-2.412-2.486a2.344 2.344 0 0 0-1.797.715 2.34 2.34 0 0 0-.652 1.821l.012-.05z\",fill:\"#000\"})}))};s.defaultProps={width:\"135\",height:\"50\",viewBox:\"0 0 135 50\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\"};t.a=function(e){var t=e.className;return Object(i.jsx)(s,{className:t,title:\"logo\",style:{paddingTop:\"8px\"}})}}},[[\"vlRD\",0,1,3,7]]]);","extractedComments":[]}