Lichaamsvriend 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>Innovatief ontwerp, luxueuze essentie</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 was een uitdagend project. Het heeft ons ertoe aangezet om onze ervaring in het ontwerpen van technologieën met consistentie en balans ten volle tot uitdrukking te brengen. Compact, iconisch, rationeel en onderscheidend, DaVinci heeft een duidelijk 'cocooning'-effect, een omhullende en beschermende schaal met elegante ergonomie, om te ontspannen en vooral te profiteren van de vele functies waarmee DaVinci is uitgerust. Het kleurenpalet dat voor DaVinci wordt gebruikt, verwijst naar de medische wereld, met blauw, de kleur voor sanitair en wellness, en wit, de ideale kleur voor de medische wereld. en technische sectoren. De metaalgrijze componenten verwijzen naar onze talrijke auto-onderzoeksprototypes. Over het algemeen is er een expliciete verwijzing naar de autowereld, herkenbaar aan kenmerken als de zijlichtelementen die aangeven welk type massage momenteel is geactiveerd, of de draaiing direct onder de voetsteun.”</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;">ITALDESIGN SENIOR INDUSTRIËLE ONTWERPER</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>De snelle weg om uit te rusten</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 van de lichaamssamenstelling</span> </span></h3> </div> <div class="content"> <p><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">De AI Health Scanner van DaVinci zorgt voor een revolutie in persoonlijk welzijn door de lichaamssamenstelling nauwkeurig te meten en te rapporteren en vermoeidheidspunten te identificeren. Dit zorgt ervoor dat elke massage wordt afgestemd op de optimale behoeften van uw lichaam </span> </span><br><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Ontspanning en gezondheid worden op u afgestemd. </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">Luxe op volle toeren</span> <p>Dompel jezelf onder in de ongeëvenaarde mogelijkheden van de DaVinci quad-scootertechnologie, aangedreven door krachtige motoren met hoog koppel. Ontworpen voor een opwindende massage-ervaring die de kracht van een snelle racewagen weerspiegelt, biedt DaVinci zowel ongeëvenaarde kracht als nauwgezette precisie.</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">Melodieuze onderdompeling in de zintuigen </span> <p>Ga op een zintuiglijke odyssee met DaVinci's muziekgesynchroniseerde massageprogramma's. Deze stoel combineert op meesterlijke wijze geluid met tactiele sensaties en orkestreert een symfonie van ontspanning voor een multi-sensorisch toevluchtsoord in vrede.</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"> LED-golflengtetherapie </span> <p>DaVinci gebruikt de kracht van speciale LED-stralers die specifieke golflengten uitstralen om de gezondheid van de gewrichten, vooral de handen en polsen, te optimaliseren. Deze precieze lichttherapie, aangevuld met rustgevende warmte-elementen, biedt gerichte verlichting en verhoogde therapeutische effectiviteit.</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="Video laden:"></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;">Alles-in-één afstandsbediening voor entertainment</span> </span></h3> </div> <div class="content"> <p><br><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Met de innovatieve afstandsbediening van DaVinci kunt u vanuit uw luie stoel op internet surfen, Netflix kijken, telefoneren en zelfs foto's maken. Er is geen vergelijkbare afstandsbediening die uw ontspanningstijd omzet in een interactieve, gevarieerde entertainmentervaring.</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">Haast je naar ontspanning </span> <p>DaVinci biedt een scala aan massagetechnieken - kneden, tikken, hakken, acupressuur, schommelend tikken en combinaties - elk vakkundig vervaardigd om u van een energieke high naar een diepe, rustgevende ontspanning te brengen.</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">Cruise naar vrede </span> <p>Ga op een vredige reis met de speciale meditatieprogramma's van DaVinci. Ontworpen voor diepe ontspanning en mindfulness. Laat je zachtjes leiden naar een kalme, meditatieve staat die je in vrede en rust zal omhullen.</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"> Innovatief ontwerp, luxueuze essentie </span> <p>DaVinci gaat verder dan het gewone en combineert verfijnd design met baanbrekende innovatie. Het is meer dan alleen een massagestoel: het is een bewijs van luxe en stijl, waarbij het elke kamer transformeert met zijn opvallende aanwezigheid en tegelijkertijd ongeëvenaard comfort biedt.</p> </div> </div> </div> <div class="scrolling-promotion-wrapper"> <h2>Uw favoriete massagestijlen, getransformeerd</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;">Kneed</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;">Trillingen</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;">Rollen</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;">Klop</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="">Rekken</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;">Acupressuur</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;">Diepe weefsels</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;">Reflexologie</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;">Wrijf</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;">Compressie</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;">Trommels</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;">Ervaar het buitengewone in alledaags comfort</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;">4D geavanceerde quad-rollen</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;">Gewichtloze gewichtloosheid</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;">Surround-geluid muziek</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;">Uitgebreide warmtetherapie</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;">Naadloze afstandsbediening met touchscreen</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;">Ruimtebesparend ontwerp</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;">Flexibele SL-rail</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;">Krachtige borstelloze motoren</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;">Nauwkeurige bodyscan</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;">Automatisch uitschuifbare voetensteun</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;">3D kuitcompressie</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;">Sneltoetscontroller</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;">Serene Aircell-technologie</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;">Dynamische voetreflexologie</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;">Harmonieus schommelen</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;">Afstandsbediening voor entertainment</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;">Aanpasbare automatische programma's</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;">Aangedreven door AI</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;">Ergonomisch strekken</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;">Premium composietafwerking</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;">Verzachtende zachte kussens</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">Kunst in alle opzichten </span> <div class="quote-content"> <p>Verkrijgbaar in Pearl Blue-afwerking met een composiet schaal die de prachtige rondingen van DaVinci accentueert. Dit is niet zomaar een stoel; Het is een symbool van de levensstijl die u waardeert - een schitterend middelpunt dat uw leefruimte verandert in een toevluchtsoord van welzijn voor iedereen.</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;">Het DaVinci-voordeel</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;">AIRCELL-TECHNOLOGIE</span></span></span></div> <div class="item-title"><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">KOPPELCONTROLE</span></span></span></div> <div class="item-title"><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">AI-VORDERINGEN</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;">Ontketen een golf van comfort met gevoelige Aircell-technologie. Een breder PSI-bereik zorgt voor op maat gemaakte druk en garandeert een voortreffelijke massage-ervaring die is geoptimaliseerd voor uw behoeften.</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;">INDUSTRIEGEMIDDELD</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;">Onze actieve koppelcontrole is zorgvuldig gekalibreerd om kracht en subtiliteit in evenwicht te brengen. Dankzij het brede scala aan diensten kan DaVinci u een krachtige deep tissue-massage of zachte, rustgevende bewegingen bieden, afhankelijk van uw comfortbehoeften.</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;">INDUSTRIEGEMIDDELD</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;">Speciaal ontworpen voor uw individuele behoeften, zorgt AI ervoor dat uw massage-ervaring net zo individueel is als u. Ontworpen met behulp van biometrische gegevens om ervoor te zorgen dat uw massage even rustgevend als plezierig is.</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;">INDUSTRIEGEMIDDELD</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">AANGEDREVEN DOOR DE XEUS SMART-CHIP</div> <div class="tab-hover" data-id="2">ONTWORPEN VOOR UITMUNTENDHEID</div> </div> <div class="tab-hover-content active" data-id="1">De Xeus Smart Chip is het krachtige hart van de DaVinci. Met behulp van geavanceerde kunstmatige intelligentieprocessen levert de Xeus Smart Chip gepersonaliseerde massages afgestemd op de unieke contouren van uw lichaam. De Xeus Smart Chip is de eerste in zijn soort, waardoor de DaVinci een ongeëvenaard medisch apparaat is voor het nieuwe tijdperk.</div> <div class="tab-hover-content" data-id="2">De mogelijkheden van de Xeus Smart Chip kunnen worden ervaren via een technische infrastructuur die een sportwagen waardig is. Met actieve koppelcontrolemotoren die een breed scala aan vermogensprecisie mogelijk maken, en geavanceerde geluidsisolatie die ervoor zorgt dat al het vermogen vrijwel fluisterstil wordt geleverd.</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>