Ami du corps Davinci BFB-8210EU

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <style> .scrolling-promotion{display:flex;align-items:center;overflow:hidden}.scrolling-promotion .promotion{flex:0 0 auto;display:flex;align-items:center}.scrolling-promotion .promotion img,.scrolling-promotion .promotion svg{max-width:100%;width:auto;height:calc(var(--image-height) * .75)}.scrolling-promotion .promotion--animated{animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--duration);animation-play-state:running;width:max-content;will-change:transform,width}.scrolling-promotion--left .promotion--animated{animation-name:scrolling-left}.scrolling-promotion--right .promotion--animated{animation-name:scrolling-right}@media screen and (hover: hover){.scrolling-promotion:hover .promotion--animated{animation-play-state:paused}}.scrolling-promotion--paused .promotion--animated{animation-play-state:paused}.scrolling-promotion .promotion__item{margin:0 1.5rem;display:flex;align-items:center;flex-direction:column;row-gap:1rem;--icon-height: 2.6rem}.scrolling-promotion .promotion-icon--small{--icon-height: 2rem}.scrolling-promotion .promotion-icon--large{--icon-height: 3.2rem}.scrolling-promotion .promotion__text{color:inherit;line-height:1;white-space:nowrap;font-size:calc(var(--font-size) * .75)}@media screen and (min-width: 750px){.scrolling-promotion .promotion img,.scrolling-promotion .promotion svg{max-width:100%;height:var(--image-height)}.scrolling-promotion .promotion__item{margin:0 2.5rem}.scrolling-promotion .promotion__text{font-size:var(--font-size)}}.scrolling-promotion .promotion__link{color:rgb(var(--color-link));text-decoration:none}.scrolling-promotion .media-wrapper:not(.loading){background-color:transparent}@keyframes scrolling-left{0%{transform:translateZ(0);visibility:visible}to{transform:translate3d(-100%,0,0)}}@keyframes scrolling-right{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.scrolling-promotion .promotion__icon{display:inline-flex;line-height:0}.promotion-icon--colored .promotion__icon{width:calc(var(--icon-height) + 3rem);height:calc(var(--icon-height) + 3rem);border-radius:50%;align-items:center;justify-content:center;background-color:rgb(var(--color-icon))}.scrolling-promotion .promotion__icon svg,.scrolling-promotion .promotion__icon img{width:auto;height:var(--icon-height);max-width:var(--icon-height);fill:currentColor} * { box-sizing: border-box; } .advantage-custom { justify-content: center; } .videoCover button { color: rgb(33, 35, 38); background-color: rgba(255, 255, 255, .9); box-shadow: 0 0 4rem rgba(33, 35, 38, .2); border-radius: 0.8rem; display: flex; align-items: center; justify-content: center; transition: transform .25s ease; z-index: 2; width: 64px; height: 64px; padding: 0; border: 0; min-width: 64px; cursor: pointer; } .videoCover { position: absolute; display: flex; align-items: center; justify-content: center; width: 100%; left: 0; z-index: 1; height: 100%; top: 0; } .shopify-sections img { max-width: 100%; width: 100%; } .videoCover img { position: absolute; height: 100%; top: 0; left: 0; } .first-section-here p { font-size: 42px; text-align: center; margin: 30px 0; } .videoWrapper { position: relative; } .videoWrapper video { display: block; width: 100%; } .videoCover button::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; } .design-quote-holder { position: relative; width: 100%; max-width: 100%; margin: 50px 0; } .design-quote-holder .background-image { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .design-quote-content-holder { position: relative; z-index: 1; } .design-quote-holder .background-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .design-quote-content-holder { max-width: 1235px; margin: 0 auto; padding: 60px 20px 60px 20px; color: #fff; display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; } .design-quote-content-holder .quote-content { font-size: 16px; line-height: 24px; letter-spacing: 0px; text-align: center; } .design-quote-content-holder .quote-icon img { max-width: 30px; } .design-quote-content-holder .quote-info { display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; margin-top: 30px; } .design-quote-content-holder .quote-info .quote-info-item { margin-bottom: 20px; } .design-quote-content-holder .quote-info .quote-info-item img { max-width: 326px; max-height: 44px; } .design-quote-content-holder .quote-info .design-img:nth-child(3) img { max-width: 136px; } .design-quote-content-holder .quote-info .design-text { letter-spacing: 0px; font-size: 15px; line-height: 28px; text-transform: uppercase; margin-bottom: 30px; text-align: center; } .theimagewrapper { position: relative; padding-bottom: 50%; } .theimagewrapper>div { width: 100%; position: absolute; height: 100%; top: 0; left: 0; } .theimagewrapper>div img { width: 100%; height: 100%; object-fit: cover; } .mulicolum-grid-item .h3 { font-size: 28px; margin: 20px 0; display: block; } .scrolling-promotion { display: flex; align-items: center; overflow: hidden; color: rgb(33, 35, 38); background: #f2f2f2; background-color: rgb(242, 242, 242); } .scrolling-promotion .promotion { flex: 0 0 auto; display: flex; align-items: center } .scrolling-promotion .promotion img, .scrolling-promotion .promotion svg { max-width: 100%; width: auto; height: calc(var(--image-height) * .75) } .scrolling-promotion .promotion--animated { animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: var(--duration); animation-play-state: running; width: max-content; will-change: transform, width } .scrolling-promotion--left .promotion--animated { animation-name: scrolling-left } .scrolling-promotion--right .promotion--animated { animation-name: scrolling-right } @media screen and (hover: hover) { .scrolling-promotion:hover .promotion--animated { animation-play-state: paused } } .scrolling-promotion--paused .promotion--animated { animation-play-state: paused } .scrolling-promotion .promotion__item { margin: 0 1.5rem; display: flex; align-items: center; flex-direction: column; row-gap: 1rem; --icon-height: 2.6rem } .scrolling-promotion .promotion-icon--small { --icon-height: 2rem } .scrolling-promotion .promotion-icon--large { --icon-height: 3.2rem } .scrolling-promotion .promotion__text { color: inherit; line-height: 1; white-space: nowrap; font-size: calc(var(--font-size) * .75) } @media screen and (min-width: 750px) { .scrolling-promotion .promotion img, .scrolling-promotion .promotion svg { max-width: 100%; height: var(--image-height) } .scrolling-promotion .promotion__item { margin: 0 2.5rem } .scrolling-promotion .promotion__text { font-size: var(--font-size) } } .scrolling-promotion .promotion__link { color: rgb(var(--color-link)); text-decoration: none } .scrolling-promotion .media-wrapper:not(.loading) { background-color: transparent } @keyframes scrolling-left { 0% { transform: translateZ(0); visibility: visible } to { transform: translate3d(-100%, 0, 0) } } @keyframes scrolling-right { 0% { transform: translate3d(-100%, 0, 0); visibility: visible } to { transform: translateZ(0) } } .scrolling-promotion .promotion__icon { display: inline-flex; line-height: 0 } .promotion-icon--colored .promotion__icon { width: calc(var(--icon-height) + 3rem); height: calc(var(--icon-height) + 3rem); border-radius: 50%; align-items: center; justify-content: center; background-color: rgb(var(--color-icon)) } .scrolling-promotion .promotion__icon svg, .scrolling-promotion .promotion__icon img { width: auto; height: var(--icon-height); max-width: var(--icon-height); fill: currentColor } .scrolling-promotion-wrapper h2 { margin: 30px 0; text-align: center; font-size: 42px; } .scrolling-promotion { padding: 20px 0; } .scrolling-promotion-wrapper { overflow: hidden; } @media screen and (max-width: 750px) {} @media screen and (min-width: 900px) { .design-quote-content-holder .quote-content { font-size: 20px; line-height: 32px; } .design-quote-content-holder { padding: 80px 20px 80px 20px; } .design-quote-content-holder .quote-info .design-text { font-size: 17px; line-height: 32px; } } @media screen and (min-width: 1200px) { .design-quote-content-holder { padding: 120px 20px 100px 20px; } .design-quote-content-holder .quote-content { font-size: 26px; line-height: 39px; } .design-quote-content-holder .quote-info { margin-top: 50px; } } @media screen and (min-width: 1440px) { .design-quote-content-holder { padding: 160px 20px 120px 20px; } } .shopify-sections.fourth-section.mulicolum { display: flex; gap: 50px; margin: 50px 0; } .mulicolum-grid-item { flex: 1; } .img-box.cover-image img { max-width: 100%; height: 100%; } .float-text { padding: 50px 30px; background: #000000; } .float-text p, .float-text h3 { color: #ffffff; } .float-text h3 { font-size: 32px; margin: 0; margin-bottom: 30px; } .float-text p { font-size: 22px; line-height: 30px; letter-spacing: 0px; } .video-section__media.no-video { padding-bottom: 0 !important; } .custom-video-bg { background-color: transparent; } .float-text-title h3 { } .banner-video-layered { position: relative; } .third-section-shopify h2 { font-size: 42px; text-align: center; margin: 30px 0; } @media screen and (min-width: 990px) { .custom-video-bg>.img-box { min-height: 550px; } } @media screen and (min-width: 1200px) { .video-text-section { position: relative; display: flex; justify-content: flex-end; } .video-text-section.flex-start { justify-content: flex-start; } .float-text { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); width: 45%; padding: 100px 50px; } .video-text-section.flex-start .float-text { left: auto; right: 50px; } .video-text-section .video-section__media { width: 75%; } } @media screen and (min-width: 1440px) { .float-text { padding:70px 50px; } } .features-custom{ padding:40px 0; display:flex; position: relative; overflow: hidden; justify-content: center; } .video-holder{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .video-holder video{ width:100%; height:100%; object-fit:cover; } .features-custom-holder{ color:#ffffff; max-width:1580px; padding:0 30px; position: relative; z-index:2; } .h2-title h2{ color:#ffffff; font-size:28px; text-align:center; } .h2-title:after{ display:block; content:''; width:150px; height:1px; background: #ffffff; margin: 0 auto; } .features-list-holder{ padding-top:45px; position: relative; } .features-list svg path{ fill:#ffffff; } .features-list{ display:flex; flex-wrap: wrap; justify-content: flex-start; position: relative; z-index: 1; } .features-list .item{ width: calc(50% - 20px); font-size:16px; display: flex; align-items: center; margin-bottom:30px; text-transform: uppercase; margin:0px 10px 15px; } .features-list .item svg{ flex-basis:30px; width:30px; height:auto; margin-right:15px; } .design-quote-holder-2 .background-image::before { content: ""; background: rgba(0,0,0,0.48); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .design-quote-holder-2.design-quote-holder .background-image { position: static; } .design-quote-holder-2 .design-quote-content-holder { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; max-width: 90%; margin: 0 auto; right: 0; align-items: flex-start; justify-content: center; } .design-quote-holder-2 .design-quote-content-holder > div { padding: 40px 60px; max-width: 50%; } .design-quote-holder-2 .design-quote-content-holder p { text-align: left; } .design-quote-holder-2 .design-quote-content-holder .h3 { font-size: 30px; } .design-quote-holder-2 .design-quote-content-holder .h3::after { content: ""; width: 70px; height: 1px; background: #fff; display: block; margin-top: 40px; margin-bottom: 40px; } .design-quote-holder-2.design-quote-holder .background-image img { display: block; } @media screen and (max-width: 900px){ .features-list .item svg{ min-width:25px; flex-basis:25px; width:25px; } } @media screen and (max-width: 600px) { .video-holder{ display:none; } .features-custom-holder{ padding:0 15px; } .features-list .item{ align-items: flex-start; width: 100%; font-size:12px; } } @media screen and (min-width: 990px){ .features-list-holder{ margin-top:90px; padding-top:15px; padding-bottom:30px; position: relative; } .features-list .item{ width: calc(50% - 60px); font-size:18px; } .features-custom-holder{ padding:0 60px; } .features-custom{ padding:80px 0; } .h2-title h2{ font-size:42px; margin-bottom:100px; } .center-bg{ background: rgba(0, 0, 0, calc(36 / 100)); display:block !important; position: absolute; left:0; right:0; top:0; bottom:0; z-index: 0; } } @media screen and (min-width: 1440px){ .features-list .item{ width: calc(33.33% - 60px); margin:0px 30px 15px; } } .advantage-custom{ background:#000000; padding:40px 0 80px; display:flex; } .advantage-custom-holder{ color:#ffffff; max-width:1320px; } .h2-title h2{ color:#ffffff; font-size:28px; text-align:center; } .h2-title:after{ display:block; content:''; width:150px; height:1px; background: #ffffff; margin: 0 auto; } .advantage-list-holder{ padding-top:45px; position: relative; padding-left: 60px; padding-right: 60px; } .advantage-list svg path{ fill:#ffffff; } .advantage-list{ display:flex; flex-wrap: wrap; justify-content: center; position: relative; z-index: 1; } .advantage-list .item-title{ font-size:16px; flex:1; text-align:center; margin-bottom:30px; text-transform: uppercase; opacity:0.29; cursor:pointer; padding: 0 10px; } .advantage-list .item-title.active{ opacity:1; } .advantage-list .item svg{ flex-basis:30px; width:30px; height:auto; margin-right:15px; } .desc h3{ font-size:26px; color:#fff; text-align:center; } .item-content-detail .desc{ margin:30px 0px; } .diff-box{ display: flex; justify-content: center; align-items: center; } .diff-box>div{ margin:0 45px; } .diff-box .img-box{ min-height:146px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-end; } .diff-box img{ max-width:100%; } .diff-box .diff-title{ font-size:18px; text-transform: uppercase; } .diff-box .diff-title.center{ text-align:center; } .item-content-detail{ display:none; } .item-content-detail.active{ display:block; } @media screen and (max-width: 750px){ .diff-box{ flex-direction: column; } } @media screen and (min-width: 990px){ .item-content-detail .desc{ min-height:102px; margin:60px 0 120px; } .advantage-list-holder{ margin-top:90px; padding-top:45px; position: relative; } .advantage-list .item-title{ font-size:20px; } .advantage-custom-holder{ } .advantage-custom{ padding:80px 0 150px; } .h2-title h2{ font-size:42px; margin-bottom:80px; } } .item-content-detail .video-box .video{ width:100%; } .item-content-detail:nth-child(1) .video-box{ max-width:261px; } .item-content-detail:nth-child(1) .img-box{ max-width:261px; } .item-content-detail:nth-child(2) .video-box{ max-width:570px; } .item-content-detail:nth-child(3) .video-box{ max-width:570px; } .diff-box.desktop{ /* display:none; */ } .image-with-text-hover.shopify-sections { display: flex; } .image-with-text-hover.shopify-sections > div { flex: 1; } .theItems_hover > div { max-width: 580px; margin: 0 auto; padding: 0 50px; display: flex; gap: 50px; min-height: 205px; flex-direction: column; } .tab-hover { font-size: 18px; line-height: 32px; cursor: pointer; } .tab-hover:not(.active) { opacity: 0.5; } .tab-hover-content:not(.active) { display: none; } img.tab-hover-image:not(.active) { display: none; } .image-with-text-hover.shopify-sections { margin: 30px 0; } .theItems_hover { min-height: 205px; display: flex;align-items: center;justify-content: center; } .tab-hover + .tab-hover { margin-top: 10px; } .image-with-text-hover.shopify-sections > div img { width: 100%; height: 100%; object-fit: cover; } /* MEDIA */ @media screen and (max-width: 768px){ .diff-box.desktop{ display:none; } .shopify-sections.fourth-section.mulicolum {flex-direction: column;} .theItems_hover > div { padding: 30px 15px; } .image-with-text-hover.shopify-sections { flex-direction: column; } .design-quote-holder-2 .design-quote-content-holder { position: static; padding: 0; max-width: 100%; } .design-quote-holder-2.design-quote-holder .background-image { position: relative; } .design-quote-holder-2 .design-quote-content-holder > div { padding: 20px 0px; max-width: 100%; } .design-quote-holder-2 .design-quote-content-holder .h3 { color: #000; } .design-quote-holder-2 .design-quote-content-holder .quote-content p { color: #000; } .design-quote-holder-2 .design-quote-content-holder .h3::after { background: #000; margin: 20px 0; } .video-holder { display: block; } .video-holder video { height: 100%; object-fit: cover; } .float-text { padding: 20px; } .advantage-list .item-title { width: 100%; } .advantage-list { flex-direction: column; } .item-content { padding: 15px; } .desc h3 { font-size: 20px; } } @media screen and (min-width: 768px){ .diff-box.mobile{ display:none; } } </style> <section class="first-section-here shopify-sections"> <p>Design innovant, essence luxueuse</p> <div class="videoWrapper"> <div class="videoCover"> <button type="button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon icon-play" fill="none" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.277 12.927V7.07l4.649 2.927-4.649 2.93zm-.134-7.235a.595.595 0 00-.32-.092c-.344 0-.623.292-.623.653v7.492c0 .119.03.235.089.337.177.309.56.41.855.224l5.954-3.747a.638.638 0 00.214-.224.673.673 0 00-.214-.897L8.144 5.691z" fill="currentColor"></path> </svg></button> <img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/davinci2.webp"> </div> <video class="banner-video video" playsinline="playsinline" controls="controls" controlslist="nodownload" preload="auto" aria-label=""> <source src="https://cdn.shopify.com/videos/c/o/v/e85d3fd69a6c4c91b6ca6c3c27a84390.mp4" type="video/mp4"> <img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/davinci2.webp"></video> </div> </section> <div class="design-quote-holder shopify-sections"> <div class="background-image"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/QuoteImage.webp"></div> <div class="design-quote-content-holder"> <div class="quote-icon"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/Quote.webp"></div> <div class="quote-content"> <p><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">"DaVinci était un projet ambitieux. Il nous a poussé à exprimer pleinement notre expérience dans la conception de technologies avec cohérence et équilibre. Compact, iconique, rationnel et distinctif, DaVinci a un effet "cocooning" évident, une coque enveloppante et protectrice à l'ergonomie élégante, pour se détendre et surtout profiter des multiples fonctions dont DaVinci est équipé. La palette de couleurs utilisée pour DaVinci fait référence au monde médical, avec le bleu, la couleur de la plomberie et du bien-être, et le blanc, la couleur idéale. "</span> </span></p> </div> <div class="quote-info"> <div class="design-img quote-info-item"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//Massimo.webp"></div> <div class="design-text quote-info-item"><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">DESIGNER INDUSTRIEL SENIOR ITALDESIGN</span> </span></div> <div class="design-img quote-info-item"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//ItalDesign.webp"></div> </div> </div> </div> <div class="section--padding third-section-shopify shopify-sections"> <h2>La voie rapide pour se reposer</h2> <div class="video-section page-width video-text-section flex-start"> <div class="video-section__media custom-video-bg no-video deferred-media no-js-hidden media-wrapper media-wrapper--large" style="padding-bottom: 56.23028391167192%;"> <div class="img-box cover-image"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/06.webp"></div> </div> <div class="float-text"> <div class="text-holder"> <div class="float-text-title"> <h3><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Analyse de la composition corporelle</span> </span></h3> </div> <div class="content"> <p><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">L'IA Health Scanner de DaVinci révolutionne le bien-être personnalisé en mesurant et en signalant avec précision la composition corporelle et en identifiant les points de fatigue. Cela garantit que chaque massage est adapté aux besoins optimaux de votre corps. </span> </span><br><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Détente et santé sont adaptées à vous. </span> </span></p> </div> </div> </div> </div> </div> <div class="shopify-sections fourth-section mulicolum"> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//002_ee76fecd-71ba-4147-981f-626d00d9e27e.webp"></div> </div> <div> <span class="h3">Le luxe à plein régime</span> <p>Plongez dans les capacités inégalées de la technologie des quads DaVinci, propulsés par des moteurs puissants à couple élevé. Conçu pour une expérience de massage exaltante qui reflète la puissance d'une voiture de course à grande vitesse, DaVinci offre à la fois une puissance inégalée et une précision méticuleuse.</p> </div> </div> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//003_0a436897-1a1b-4669-9b83-cb61e49fd5ac.webp"></div> </div> <div> <span class="h3">Immersion mélodique dans les sens </span> <p>Embarquez pour une odyssée sensorielle avec les programmes de massage synchronisés avec la musique de DaVinci. Cette chaise combine magistralement le son et les sensations tactiles, orchestrant une symphonie de relaxation pour une retraite multisensorielle dans la paix.</p> </div> </div> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//004_1e002abd-a794-4879-8d04-2ac739bde39f.webp"></div> </div> <div> <span class="h3"> Thérapie par longueur d'onde LED </span> <p>DaVinci utilise la puissance d'émetteurs LED spéciaux qui émettent des longueurs d'onde spécifiques pour optimiser la santé des articulations, en particulier des mains et des poignets. Cette luminothérapie précise, complétée par des éléments thermiques apaisants, offre un soulagement ciblé et une efficacité thérapeutique accrue.</p> </div> </div> </div> <div class="section--padding shopify-sections fifth-section-shopify"> <div class="video-section page-width video-text-section flex-start"> <div class="title-wrapper title-wrapper--no-heading center"> <h2 class="title h1"><br></h2> <br> </div> <noscript> <div class="video-section__media" style="padding-bottom: 53.86378519973805%;"> <a href="" class="video-section__poster media media--transparent media--landscape"> <img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//001_cca4cd53-10ef-4e7c-a1e4-204be4032640.webp" alt="Load video: "> </a> </div> </noscript> <div class="video-section__media custom-video-bg no-video deferred-media no-js-hidden media-wrapper media-wrapper--large" data-media-id="" style="padding-bottom: 53.86378519973805%;"> <div class="img-box cover-image"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//001_cca4cd53-10ef-4e7c-a1e4-204be4032640.webp" alt="Charger la vidéo :"></div> </div> <div class="float-text"> <div class="text-holder"> <div class="float-text-title"> <h3><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Télécommande de divertissement tout-en-un</span> </span></h3> </div> <div class="content"> <p><br><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Avec la télécommande innovante de DaVinci, vous pouvez surfer sur Internet, regarder Netflix, passer des appels téléphoniques et même prendre des photos depuis le confort de votre fauteuil de massage. Il n'existe aucune télécommande comparable qui transforme votre temps de détente en une expérience de divertissement interactive et diversifiée.</span> </span></p> </div> </div> </div> </div> </div> <div class="shopify-sections fourth-section mulicolum"> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//006_69f9f8b4-ea1a-44f0-b74e-06010083361d.webp"></div> </div> <div> <span class="h3">Plongez dans la détente </span> <p>DaVinci propose une gamme de techniques de massage - pétrissage, tapotements, hachages, acupression, tapotements à bascule et combinaisons - chacune savamment conçue pour vous faire passer d'un effet énergique à une relaxation profonde et apaisante.</p> </div> </div> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//007.webp"></div> </div> <div> <span class="h3">Croisière en paix </span> <p>Embarquez pour un voyage paisible avec les programmes de méditation dédiés de DaVinci. Conçu pour une relaxation profonde et une pleine conscience. Laissez-vous guider en douceur vers un état calme et méditatif qui vous enveloppera de paix et de tranquillité.</p> </div> </div> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//008_cc79a557-8386-4a65-8996-a6494fcf4587.webp"></div> </div> <div> <span class="h3"> Design innovant, essence luxueuse </span> <p>DaVinci va au-delà de l'ordinaire et allie un design sophistiqué à une innovation de pointe. Plus qu'un simple fauteuil de massage, c'est un témoignage de luxe et de style, transformant n'importe quelle pièce avec sa présence saisissante tout en offrant un confort inégalé.</p> </div> </div> </div> <div class="scrolling-promotion-wrapper"> <h2>Vos styles de massage préférés, transformés</h2> <scrolling-promotion data-speed="4.8" class="scrolling-promotion color-scheme-3 gradient scrolling-promotion--left section--padding promotion-icon--colored hidden" style="--duration: 25.29s;"> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Pétrir</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Vibrations</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Rouleaux</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Shiatsu</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Frapper</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;" class="">Étirement</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Acupression</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Tissus profonds</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Réflexologie</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Frotter</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Compression</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Tambours</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">-</span> </span> </div> </div> </div> </scrolling-promotion> </div> <div class="features-custom"> <div class="features-custom-holder"> <div class="h2-title"> <h2><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Vivez l'extraordinaire dans le confort de tous les jours</span></span></h2> </div> <div class="features-list-holder"> <div class="features-list"> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Rouleaux quadruples avancés 4D</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">L'apesanteur</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Musique avec son surround</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Thérapie thermique complète</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Télécommande à écran tactile transparente</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Conception peu encombrante</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Rail SL flexible</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Moteurs sans balais puissants</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Scan corporel précis</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Repose-pieds extensible automatiquement</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Compression du mollet 3D</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Contrôleur de touches de raccourci</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Technologie Serene Aircell</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Réflexologie plantaire dynamique</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Un bercement harmonieux</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Télécommande de divertissement</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Programmes automatiques personnalisables</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Propulsé par l'IA</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Étirement ergonomique</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Finition composite haut de gamme</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Oreillers moelleux adoucissants</span></span></span> </div> </div> </div> </div> <div class="video-holder"><video id="video-background" autoplay="autoplay" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/5b29f94b53c24af78af6c80fa9c02882.mp4" type="video/mp4"></video></div> <script> window.addEventListener('DOMContentLoaded', function() { var video = document.getElementById('video-background'); video.play(); }); </script> </div> <div class="design-quote-holder design-quote-holder-2 shopify-sections"> <div class="background-image"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//Davinci_e0685938-1430-475b-9bde-d9529309b29d.jpg"></div> <div class="design-quote-content-holder"> <div> <span class="h3">L'art sous toutes ses formes </span> <div class="quote-content"> <p>Disponible en finition Pearl Blue avec une coque composite qui accentue les belles courbes de DaVinci. Ce n'est pas seulement une chaise ; C'est un symbole du style de vie que vous appréciez - un point focal époustouflant qui transforme votre espace de vie en un sanctuaire de bien-être pour tous.</p> </div> </div> </div> </div> <div class="advantage-custom shopify-sections"> <div class="advantage-custom-holder"> <div class="h2-title"> <h2><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">L'avantage DaVinci</span></span></h2> </div> <div class="advantage-list-holder"> <div class="advantage-list"> <div class="item-title active"><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">TECHNOLOGIE CELLULAIRE</span></span></span></div> <div class="item-title"><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">CONTRÔLE DU COUPLE</span></span></span></div> <div class="item-title"><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">AVANCÉES DE L'IA</span></span></span></div> </div> <div class="item-content"> <div class="item-content-detail active"> <div class="desc"> <h3><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Libérez une vague de confort grâce à la technologie sensible Aircell. Une plage PSI plus large garantit une pression sur mesure, garantissant une expérience de massage exquise optimisée pour vos besoins.</span></span></h3> </div> <div class="diff-box mobile"> <div class="left-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/air_pressure-olympia.svg?v=1689204331"></div> <p class="diff-title center"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">DAVINCI</span></span></p> </div> <div class="right-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/Air_Pressure_-_Industry.webp"></div> <p class="diff-title center"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">MOYENNE DU SECTEUR</span></span></p> </div> </div> <div class="diff-box desktop"> <div class="left-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/ea0333e0c47b46e5981a774f5677c95c.mp4" type="video/mp4"></video></div> </div> <div class="right-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/9056f9ea1a394d359885c1b635baeda1.mp4" type="video/mp4"></video></div> </div> </div> </div> <div class="item-content-detail"> <div class="desc"> <h3><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Notre contrôle actif du couple est soigneusement calibré pour équilibrer force et subtilité. Grâce à sa large gamme de services, DaVinci peut prodiguer soit un massage puissant des tissus profonds, soit des effleurages doux et apaisants, selon vos besoins de confort.</span></span></h3> </div> <div class="diff-box mobile"> <div class="left-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/torque_range-olympia.svg?v=1689204543"></div> <p class="diff-title"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">DAVINCI</span></span></p> </div> <div class="right-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/Torque_Range_-_Industry.webp?v=1693821659"></div> <p class="diff-title"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">MOYENNE DU SECTEUR</span></span></p> </div> </div> <div class="diff-box desktop"> <div class="left-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/0922998367694c64ba535d4d3d31dc27.mp4" type="video/mp4"></video></div> </div> <div class="right-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/8952206ce49e40a3846009b8d5f406f9.mp4" type="video/mp4"></video></div> </div> </div> </div> <div class="item-content-detail"> <div class="desc"> <h3><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">Conçue spécifiquement pour vos besoins individuels, l'IA garantit que votre expérience de massage est aussi individuelle que vous. Conçu à l’aide de données biométriques pour garantir que votre massage soit aussi apaisant qu’agréable.</span></span></h3> </div> <div class="diff-box mobile"> <div class="left-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/software_ai-olympia.svg?v=1689204556"></div> <p class="diff-title"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">DAVINCI</span></span></p> </div> <div class="right-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/software_ai-industry_average.svg?v=1689204560"></div> <p class="diff-title"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">MOYENNE DU SECTEUR</span></span></p> </div> </div> <div class="diff-box desktop"> <div class="left-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/ae22d3b261f5477cb158ba12a5ade3ea.mp4" type="video/mp4"></video></div> </div> <div class="right-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/da43f6a5653242018d6eace40e2a1c1d.mp4" type="video/mp4"></video></div> </div> </div> </div> </div> </div> </div> </div> <div class="image-with-text-hover shopify-sections"> <div class="theItems_hover"> <div> <div> <div class="tab-hover active" data-id="1">ALIMENTÉ PAR LA PUCE INTELLIGENTE XEUS</div> <div class="tab-hover" data-id="2">CONÇU POUR L'EXCELLENCE</div> </div> <div class="tab-hover-content active" data-id="1">La Xeus Smart Chip est le cœur puissant du DaVinci. Grâce à des processus avancés d'intelligence artificielle, la Xeus Smart Chip offre des massages personnalisés adaptés aux contours uniques de votre corps. La puce intelligente Xeus est la première du genre, faisant du DaVinci un dispositif médical inégalé pour la nouvelle ère.</div> <div class="tab-hover-content" data-id="2">Les capacités du Xeus Smart Chip peuvent être expérimentées à travers une infrastructure technique digne d’une voiture de sport. Doté de moteurs à contrôle actif de couple qui permettent une large gamme de précision de puissance et d'une isolation acoustique avancée qui garantit que toute la puissance est fournie presque silencieusement.</div> </div> </div> <div> <img class="tab-hover-image active" src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//shutterstock_1382571053_e809b7f3-209d-4ea3-bc61-befeff1f961b.webp" data-id="1"> <img class="tab-hover-image" src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//shutterstock_1118433347_b9c48bb2-2e96-44c3-952e-83808524e74b.webp" data-id="2"> </div> </div> <script> $(".tab-hover").on("mouseover",function () { let id = $(this).data("id"); $(this).addClass("active").siblings(".tab-hover").removeClass("active"); $(`.tab-hover-content[data-id="${id}"]`).addClass("active").siblings(".tab-hover-content").removeClass("active"); $(`.tab-hover-image[data-id="${id}"]`).addClass("active").siblings(".tab-hover-image").removeClass("active"); }) $(function(){ $('.advantage-list .item-title').eq(0).addClass('active'); $('.item-content .item-content-detail').eq(0).addClass('active'); var pageWidth = parseInt(window.innerWidth); $('.advantage-list .item-title').click(function(){ $(this).addClass('active').siblings().removeClass('active'); var index = $(this).index(); $('.item-content .item-content-detail').eq(index).addClass('active').siblings().removeClass('active'); if(pageWidth >= 768){ var video = $('.item-content .item-content-detail').eq(index).find('.video'); video.each(function() { this.play(); }); var other_video = $('.item-content .item-content-detail').eq(index).siblings().find('.video'); other_video.each(function() { this.currentTime = 0; this.pause(); }); } }) var top = $('.advantage-custom').offset().top -80; $(window).scroll(function(e){ if(pageWidth >= 768){ var h = $(this).scrollTop(); var index = $('.advantage-list .item-title.active').index(); //console.log(index); var video = $('.item-content .item-content-detail').eq(index).find('.video'); if( h> top){ //$('.item-content .item-content-detail').eq(0).find('.video')[0].play(); video.each(function() { this.play(); }); }else{ video.each(function() { this.currentTime = 0; this.pause(); }); } } }); }) </script> <script> let theme = {}; theme.initWhenVisible = function (options) { const threshold = options.threshold ? options.threshold : 0; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { if (typeof options.callback === 'function') { options.callback(); observer.unobserve(entry.target); } } }); }, { rootMargin: `0px 0px ${threshold}px 0px` }); observer.observe(options.element); }; class ScrollingPromotion extends HTMLElement { constructor() { super(); this.config = { moveTime: parseFloat(this.dataset.speed), // 100px going to move for space: 100, // 100px }; this.promotion = this.querySelector('.promotion'); theme.initWhenVisible({ element: this, callback: this.init.bind(this), threshold: 600 }); } init() { if (this.childElementCount === 1) { this.promotion.classList.add('promotion--animated'); for (let index = 0; index < 10; index++) { this.clone = this.promotion.cloneNode(true); this.clone.setAttribute('aria-hidden', true); this.appendChild(this.clone); const imageWrapper = this.clone.querySelector('.media-wrapper'); if (imageWrapper) { imageWrapper.classList.remove('loading'); } } const animationTimeFrame = (this.promotion.clientWidth / this.config.space) * this.config .moveTime; this.style.setProperty('--duration', `${animationTimeFrame}s`); // pause when out of view const observer = new IntersectionObserver((entries, _observer) => { entries.forEach(entry => { if (entry.isIntersecting) { this.scrollingPlay(); } else { this.scrollingPause(); } }); }, { rootMargin: '0px 0px 50px 0px' }); observer.observe(this); } } scrollingPlay() { this.classList.remove('scrolling-promotion--paused'); } scrollingPause() { this.classList.add('scrolling-promotion--paused'); } } customElements.define('scrolling-promotion', ScrollingPromotion); $(".videoCover button").click(function(){ $(".videoCover").hide(); let vid = document.querySelector(".videoWrapper .banner-video"); vid.play(); }) </script>