Bodyfriend 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>Innovative design, luxurious essence</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 a challenging project. It pushed us to fully express our experience in designing technologies with consistency and balance. Compact, iconic, rational and distinctive, DaVinci has a clear "cocooning" effect, an enveloping and protective shell with elegant ergonomics, to relax and, above all, to benefit from the multiple functions with which DaVinci is equipped. The color palette used for DaVinci refers to the medical world, with blue, the color for plumbing and wellness, and white, the ideal color for the medical and technical sectors. The metallic gray components refer to our numerous automotive research prototypes. In general, there is an explicit reference to the automotive world, recognizable in features such as the sidelight elements that indicate which type of massage is currently activated, or the spin directly under the footrest.”</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 INDUSTRIAL DESIGNER</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>The fast lane to rest</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;">Body composition analysis</span> </span></h3> </div> <div class="content"> <p><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">DaVinci's AI Health Scanner revolutionizes personalized wellness by accurately measuring and reporting body composition and identifying fatigue points. This ensures that each massage is tailored to your body's optimal needs </span> </span><br><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">Relaxation and health are tailored to you. </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">Luxury at full throttle</span> <p>Immerse yourself in the unmatched capabilities of DaVinci quad scooter technology, powered by powerful, high-torque motors. Designed for an exhilarating massage experience that mirrors the power of a high-speed racing car, DaVinci offers both unparalleled power and meticulous precision.</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">Melodic immersion in the senses </span> <p>Embark on a sensory odyssey with DaVinci's music-synchronized massage programs. This chair masterfully combines sound with tactile sensations, orchestrating a symphony of relaxation for a multi-sensory retreat into peace.</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 wavelength therapy </span> <p>DaVinci uses the power of special LED emitters that emit specific wavelengths to optimize joint health, especially the hands and wrists. This precise light therapy, complemented by soothing heat elements, offers targeted relief and increased therapeutic effectiveness.</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="Load video:"></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;">All-in-one entertainment remote control</span> </span></h3> </div> <div class="content"> <p><br><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">With DaVinci's innovative remote control, you can surf the Internet, watch Netflix, make phone calls and even take photos from the comfort of your massage chair. There is no comparable remote control that transforms your relaxation time into an interactive, diverse entertainment experience.</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">Rush into relaxation </span> <p>DaVinci offers a range of massage techniques - kneading, tapping, chopping, acupressure, rocking tapping and combinations - each expertly crafted to take you from an energized high to deep, soothing relaxation.</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 into peace </span> <p>Embark on a peaceful journey with DaVinci's dedicated meditation programs. Designed for deep relaxation and mindfulness. Allow yourself to be gently guided into a calm, meditative state that will envelope you in peace and tranquility.</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"> Innovative design, luxurious essence </span> <p>DaVinci goes beyond the ordinary and combines sophisticated design with cutting-edge innovation. More than just a massage chair, it is a testament to luxury and style, transforming any room with its striking presence while providing unparalleled comfort.</p> </div> </div> </div> <div class="scrolling-promotion-wrapper"> <h2>Your favorite massage styles, transformed</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;">Knead</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;">Vibration</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;">Rolls</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;">Knock</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="">Stretching</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;">Acupressure</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;">Deep tissues</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;">Reflexology</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;">Rub</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;">Drums</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;">Experience the extraordinary in everyday 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 Advanced Quad Rollers</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;">Weightless weightlessness</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 sound music</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;">Comprehensive heat therapy</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;">Seamless touchscreen remote control</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;">Space saving design</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;">Flexible 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;">Powerful brushless motors</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;">Precise body scan</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;">Automatically extendable footrest</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 calf compression</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;">Hot key controller</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 technology</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;">Dynamic foot reflexology</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;">Harmonious rocking</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;">Entertainment remote control</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;">Customizable automatic programs</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;">Powered by 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;">Ergonomic stretching</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 composite finish</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;">Softening plush pillows</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">Art in every way </span> <div class="quote-content"> <p>Available in Pearl Blue finish with a composite shell that accentuates DaVinci's beautiful curves. This isn't just a chair; It's a symbol of the lifestyle you value - a stunning focal point that transforms your living space into a sanctuary of well-being for all.</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;">The DaVinci Advantage</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 TECHNOLOGY</span></span></span></div> <div class="item-title"><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">TORQUE CONTROL</span></span></span></div> <div class="item-title"><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">AI ADVANCES</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;">Unleash a wave of comfort with sensitive Aircell technology. A wider PSI range ensures tailored pressure, guaranteeing an exquisite massage experience optimized to your needs.</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;">INDUSTRY AVERAGE</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;">Our active torque control is carefully calibrated to balance strength and subtlety. Thanks to its wide range of services, DaVinci can provide either a powerful deep tissue massage or gentle, soothing strokes, depending on your comfort needs.</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;">INDUSTRY AVERAGE</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;">Designed specifically for your individual needs, AI ensures your massage experience is as individual as you are. Designed using biometric data to ensure your massage is as soothing as it is enjoyable.</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;">INDUSTRY AVERAGE</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">POWERED BY THE XEUS SMART CHIP</div> <div class="tab-hover" data-id="2">DESIGNED FOR EXCELLENCE</div> </div> <div class="tab-hover-content active" data-id="1">The Xeus Smart Chip is the powerful heart of the DaVinci. Using advanced artificial intelligence processes, the Xeus Smart Chip delivers personalized massages tailored to the unique contours of your body. The Xeus Smart Chip is the first of its kind, making the DaVinci an unrivaled medical device for the new age.</div> <div class="tab-hover-content" data-id="2">The capabilities of the Xeus Smart Chip can be experienced through a technical infrastructure worthy of a sports car. Featuring active torque control motors that enable a wide range of power precision, and advanced sound insulation that ensures all power is delivered near whisper quiet.</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>