1 2 3 4<!DOCTYPE html> 5 6<html lang="en"> 7<head> 8 9 10 11
11<script> 12 console.log = function () { }; 13 </script>
13 14 15
15<script src="/Content/scripts/modules/googleAnalytics.js?v=5.2.7.0"></script>
15 16 <!-- Google Tag Manager PLEASE DO NOT REMOVE FROM THIS POSITION--> 17
17<script>
vendor: 491 bytes, lines 17-25
17 18 (function (w, d, s, l, i) { 19 w[l] = w[l] || []; w[l].push({ 20 'gtm.start': 21 new Date().getTime(), event: 'gtm.js' 22 }); var f = d.getElementsByTagName(s)[0], 23 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 24 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 25 })(window, document, 'script', 'dataLayer', '
25GTM-5GMP8MLN
vendor: 3 bytes, line 25
25');
25</script>
25 26 <!-- End Google Tag Manager --> 27 28 29 <meta charset="utf-8"> 30 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0,user-scalable=yes"> 31 32 33 34 <title>Light into Water â LifeWave XâO - LifeWave</title> 35 36 <!--preconnect to cdn--> 37 <link rel="preconnect" href="https://cdn.sanity.io"> 38 <link rel="preconnect" href="https://cdn.jsdelivr.net"> 39 40
40<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
40 41 42 43 44 45 <!--PRELOAD FONTS--> 46 <link rel="preload" href="/Content/styles/fonts/Gilmer-Light.woff" as="font" type="font/woff2" crossorigin /> 47 <link rel="preload" href="/Content/styles/fonts/Gilmer-Regular.woff" as="font" type="font/woff2" crossorigin /> 48 <link rel="preload" href="/Content/styles/fonts/Gilmer-Bold.woff" as="font" type="font/woff2" crossorigin /> 49 <link rel="preload" href="/Content/styles/fonts/Montserrat-Light.ttf" as="font" type="font/woff2" crossorigin /> 50 <link rel="preload" href="/Content/styles/fonts/Montserrat-Bold.ttf" as="font" type="font/woff2" crossorigin /> 51 <link rel="preload" href="/Content/styles/fonts/Montserrat-Regular.ttf" as="font" type="font/woff2" crossorigin /> 52 53 54 <!--stylesheets--> 55 <link rel="stylesheet" href="/tailwindcss-output.css"> 56 <link href="/Content/styles/vendor/toastr.min.css" rel="stylesheet" /> 57 <link href="/Content/styles/css/bootstrap-modal.css" rel="stylesheet" /> 58 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"> 59 <link href="/Content/styles/vendor/font-awesome.min.css" rel="stylesheet" /> 60 <link rel="stylesheet" href="/Content/cms/public/globals.css"> 61 <link rel="stylesheet" href="/Content/styles/css/pcModal.css"> 62 63 64 <link rel="stylesheet" href="/tailwindcss-output.css"> 65 66 67 <!--PRELOAD HERO IMAGE--> 68 69 70
70<script src="/routejs.axd/811fe3a9dc79d5fbd9f25d2b4e4a899d5cfc84d7/router.min.js"></script>
70 71
71<script src="/app/culture"></script>
71 72
72<script src="/app/resource?name=Resources.Common&path=Common"></script>
72 73
73<script src="/app/resource?name=Resources.Common&path=Common"></script>
73 74
74<script src="/Content/scripts/vendor/require.min.js"></script>
74 75
75<script src="/Content/scripts/CustomerType.js"></script>
75 76 <link href="/Content/styles/vendor/toastr.min.css" rel="stylesheet" async /> 77 <link href="/Content/styles/css/bootstrap-modal.css" rel="stylesheet" /> 78
78<script> 79 require.config({ 80 baseUrl: '/Content/scripts', 81 waitSeconds: 800, 82 paths: { 83 'addresses': 'modules/addresses', 84 'app': 'modules/app', 85 'ajax': 'modules/ajax', 86 'browser': 'modules/browser', 87 'calendars': 'modules/calendars', 88 'console': 'modules/console', 89 'containers': 'modules/containers', 90 'cookies': 'modules/cookies', 91 'debug': 'modules/debug', 92 'encryptions': 'modules/encryptions', 93 'extensions': 'modules/extensions', 94 'forms': 'modules/forms', 95 'guids': 'modules/guids', 96 'kendogrids': 'modules/kendogrids', 97 'passwords': 'modules/passwords', 98 'popups': 'modules/popups', 99 'shopping': 'modules/shopping', 100 'pubsub': 'modules/pubsub', 101 'urls': 'modules/urls', 102 'widgets': 'modules/widgets', 103 'ios-slider': 'vendor/jquery.iosslider', 104 'bootstrap': 'vendor/bootstrap.min', 105 'enquire': 'vendor/enquire.min', 106 'bootstrap-hover-dropdown': 'vendor/bootstrap-hover-dropdown.min', 107 'handlebars': '/bundles/scripts/handlebars?v=VhbqTyDWEM2IvEziJzPY-UwcLG41lGga6iNVGVFky3Q1', 108 'jquery': 'vendor/jquery-3.7.1.min', 109 'jquery-migrate': 'vendor/jquery-migrate-3.4.1.min.js?v=3', 110 'kendo': 'vendor/kendo/scripts/kendo.web.min', 111 'jquery-validate': 'vendor/jquery.validate.min', 112 'jquery-validate-unobtrusive': 'vendor/jquery.validate.unobtrusive.min', 113 'jquery-unobtrusive-custom': 'vendor/jquery.validate.unobtrusive.custom', 114 'jquery-unobtrusive-ajax': 'vendor/jquery.unobtrusive-ajax', 115 'braintree-client': 'vendor/braintree/3.79.1/client.min', 116 'braintree-checkout': 'vendor/braintree/3.79.1/paypal-checkout.min', 117 'moment': 'vendor/moment', 118 'toastr': 'vendor/toastr.min', 119 'hideShowPassword': 'vendor/hideShowPassword', 120 'passwordstrength': 'vendor/jquery.passwordstrength' 121 122 }, 123 bundles: {}, 124 shim: { 125 'bootstrap': { 126 deps: ["jquery"] 127 }, 128 'jquery-migrate': { 129 deps: ['jquery'] 130 }, 131 'jquery-validate-unobtrusive': { 132 deps: ['jquery-validate'] 133 }, 134 'jquery-unobtrusive-ajax': { 135 deps: ['jquery'] 136 } 137 }, 138 deps: ["bootstrap", "extensions", "forms", "jquery-migrate"] 139 }); 140 console.log("require loaded"); 141 142 </script>
142 143
143<script src="/Content/cms/public/Helpers.js"></script>
143 144 145 146 147 148</head> 149<body> 150 <!-- Google Tag Manager (noscript) --> 151 <noscript> 152 <iframe src=https://www.googletagmanager.com/ns.html?id =GTM-5GMP8MLN 153 height="0" width="0" style="display:none;visibility:hidden"></iframe> 154 </noscript> 155 <!-- End Google Tag Manager (noscript) --> 156 <div class="min-h-screen" id="Layout-Layout"> 157 158 <header> 159 <div id="main-menu" class="header-container min-h-[135px]"> 160 </div> 161 </header> 162 163 <main> 164 <div class="2xl:w-[1440px] lg:mx-auto"> 165 <div class="flex flex-1 justify-center md:block mx-[30px] sm:mx-0 my-[30px] md:mb-[30px] md:mt-[15px] md:ml-[165px] caption"> 166 <div class="flex flex-wrap justify-center sm:justify-start items-start relative gap-[5px] breadcrumb-wrapper"> 167 <div class="inline"> 168 <a href="/" class="breadcrumb block text-xs text-left text-anthracite-grey"> 169 LifeWave 170 </a> 171 </div> 172 <div class="inline"> 173 <p class="breadcrumb text-xs font-bold text-left text-anthracite-grey"> 174 Light into Water â LifeWave XâO 175 </p> 176 </div> 177 </div> 178 </div> 179 </div> 180
181<script type="application/ld+json"> 182 { 183 "@context": "https://schema.org", 184 "@type": "BreadcrumbList", 185 "itemListElement": 186 [ 187 188 { 189 "@type": "ListItem", 190 "position": 1, 191 "item": 192 { 193 "@id": "/", 194 "name": "LifeWave" 195 } 196 }, 197 198 199 { 200 "@type": "ListItem", 201 "position": 2, 202 "item": 203 { 204 "@id": "", 205 "name": "Light into Water â LifeWave XâO" 206 } 207 } 208 209 ] 210 } 211</script>
211 212 <div id="main-content"> 213 214 <div class="flex flex-col mb-[50px]"> 215 <div> 216 <p class="heading-2 text-center text-nautical-blue mx-[50px]"> 217 218 </p> 219 220 <div class="lg:w-[730px] mt-[15px] lg:mt-[16px] lg:mx-auto mx-[50px]"> 221 <div class="text-center body-1 text-anthracite-grey"><div class="block-text-wrapper block-text-wrapper-custom"><h3><strong><span style="color:#194f90">LIFEWAVE XâO<sup>â¢</sup>: LIGHT-INFUSED</strong></span><strong><span style="color:#194f90"><sup>â¢</sup></strong></span><strong><span style="color:#194f90"> WATER</strong></span></h3><br /><p>Meet the <strong>first and only water technology system</strong> that infuses water with light, making light available to the body in a completely new way.</p><br /><p><strong><em>You drink it. You feel it. It works from within.</strong></em></p></div></div> 222 </div> 223 224 225 </div> 226 <div class="relative mt-[50px]"> 227 <div> 228 <picture class="componets-image-2"> 229 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/0748fffff0862cfe4fcc20f9abeea3d8600217fd-8571x2500.png?rect=0,331,8571,1980&auto=format" /> 230 <img src="https://cdn.sanity.io/images/abq8rp7f/production/0748fffff0862cfe4fcc20f9abeea3d8600217fd-8571x2500.png?rect=0,0,8571,2500&auto=format" class="object-cover object-center w-full h-full lg:mx-auto header-image h-[500px] lg:h-[403px]" onerror="this.onerror=null;_helpers.handleImageError(this)" /> 231 </picture> 232 </div> 233 </div> 234 235 </div> 236<div class="flex flex-col items-center mb-[80px] mx-[50px] md:mx-auto md:max-w-[730px]"> 237 <div class="body-1 text-center text-anthracite-grey"><div class="block-text-wrapper text-center"><p><a class="btn-primary min-w-[80%] xs:min-w-[220px] px-[18px] py-[11px] md:py-[10px] bg-nautical-blue inline-block text-center" style="text-decoration: none;padding: 8px 9px;" href="https://lifewave.com/lifewaveinc/store/product/LW-X2O-WM-USA"><span class="block" style="font-size: 20px; font-weight: 500; l"><span style="color:#fefefe"><strong>Drink the light</span></strong></span><span class="block" style="font-size: 13px; opacity: 0.9;"><span style="color:#ffffff"><strong>Buy now</span></strong></span></a></p></div></div> 238</div> 239 240<div class="flex items-center justify-center mx-[32px] xl:mx-[260px] mb-[80px]" id=""> 241 <div class="flex flex-col lg:flex-row items-center"> 242 <div class="mb-[30px] lg:mb-auto relative max-w-[600px]"> 243 <picture> 244 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/4e570c33b408bcc1ae124fbd8b9c55deadd274af-1500x844.jpg?rect=3,0,1240,844&auto=format" /> 245 <img src="https://cdn.sanity.io/images/abq8rp7f/production/4e570c33b408bcc1ae124fbd8b9c55deadd274af-1500x844.jpg?rect=3,0,1240,844&auto=format" class="object-cover object-center h-full full-width" onerror="this.onerror=null;_helpers.handleImageError(this)" style="width:100%" /> 246 </picture> 247 <div class="modal video-modal fade hidden w-[100%] h-[100%] left-0 ml-0 !top-[0%] bg-[#212121]" id="videoModelId29a93084a1fe" role="dialog"> 248 <div class="modal-dialog modal-dialog-centered h-[100%] w-[100%] m-0" role="document"> 249 <div class="modal-content h-[100%] w-[100%] bg-[#212121]"> 250 <div class="modal-header w-[100%] border-0"> 251 <button type="button" class="close-button close absolute lg:right-[20px] right-[10px] top-0 text-white hover:text-white text-[20px] lg:text-[50px]" data-dismiss="modal">×</button> 252 </div> 253 <iframe id="iframeVideo" class="lg:mt-[5%] mt-[60%] lg:w-[70%] lg:h-[80%] w-[100%] h-[40%] mx-auto" data-src="https://player.vimeo.com/video/1017643167?h=8f63b89e63&byline=0&portrait=0&autoplay=1&enablejsapi=1" title="Video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 254 </div> 255 </div> 256 </div> 257 <svg width="65" 258 height="65"
259 viewBox="0 0 65 65" 260 data-videoUrl="https://player.vimeo.com/video/1017643167?h=8f63b89e63&byline=0&portrait=0&autoplay=1&enablejsapi=1" 261 fill="none" 262 xmlns="http://www.w3.org/2000/svg" 263 class="playVideoModal w-[65px] h-[65px] absolute inset-0 m-auto cursor-pointer transition duration-300 hover:opacity-[0.8] hover:ease-in" 264 preserveAspectRatio="xMidYMid meet"> 265 <path fill-rule="evenodd" 266 clip-rule="evenodd" 267 d="M32.5 4.78815e-06C14.5508 3.21898e-06 1.20398e-05 14.5507 1.04706e-05 32.5C8.90146e-06 50.4493 14.5508 65 32.5 65C50.4493 65 65 50.4493 65 32.5C65 14.5508 50.4493 6.35733e-06 32.5 4.78815e-06ZM22.6937 47.6937C22.6937 48.2319 22.9821 48.7289 23.4493 48.996C23.9165 49.2631 24.491 49.2594 24.9548 48.9863L50.761 33.7926C51.2189 33.523 51.5 33.0313 51.5 32.5C51.5 31.9687 51.2189 31.477 50.761 31.2074L24.9548 16.0137C24.491 15.7406 23.9165 15.7369 23.4493 16.0041C22.9821 16.2712 22.6937 16.7681 22.6937 17.3063L22.6937 47.6937ZM47.0435 32.5L25.6937 45.0699L25.6937 19.9301L47.0435 32.5Z" 268 fill="white"></path> 269 </svg> 270 </div> 271 <div class="lg:ml-[50px] lg:w-[285px]"> 272 <div> 273 <div class="heading-3 text-center lg:text-left text-nautical-blue"> 274 275 </div> 276 <div class="mt-[10px] subtitle-1 text-center lg:text-left text-nautical-blue"> 277 278 </div> 279 </div> 280 <div class="mt-[15px] body-1 text-center lg:text-left text-anthracite-grey"> 281 <div class="block-text-wrapper block-text-wrapper-custom"><h4><strong><span style="color:#194f90">What if Water Could Go Beyond Hydration?</strong></span></h4><br /><p>Research shows that many adults donât drink enough water, which can contribute to fatigue, poor concentration, and reduced physical performance.</p><br />
281<p>And despite widespread access to drinking water, concerns about water purity, bioavailability, and absorption efficiency persist.</p><br /><p><strong>Until now...</strong></p></div> 282 </div> 283 284 </div> 285 </div> 286</div> 287
288<script type="text/javascript"> 289 require(["jquery"], function ($) { 290 $(document).ready(function () { 291 292 $(".close-button").click(function () { 293 $(this).closest("#videoModal").hide(); 294 $(this).parent().siblings("#iframeVideo").attr('src', ''); 295 }) 296 297 // click event for the play icon 298 $(".playVideoModal").click(function (event) { 299 var iframes = document.getElementsByTagName("iframe"); 300 for (var i = 0; i < iframes.length; i++) { 301 iframes[i].contentWindow.postMessage('{"event":"command","func": "pauseVideo","args":""}', "*"); 302 } 303 event.preventDefault(); 304 305 306 $(this).siblings("#videoModelId29a93084a1fe").find("#iframeVideo").attr('src', 'https://player.vimeo.com/video/1017643167?h=8f63b89e63&byline=0&portrait=0&autoplay=1&enablejsapi=1'); 307 308 $(this).siblings("#videoModelId29a93084a1fe").modal({ 309 fadeDuration: 100 310 }); 311 }) 312 }); 313 }); 314</script>
314<div class="my-[60px] md:my-[80px]"> 315 <picture class="divider-image"> 316 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/bd3fbfeb4b67a47dbd003c86e3c90e61987c1547-544x4.svg?auto=format" /> 317 <img src="https://cdn.sanity.io/images/abq8rp7f/production/bd3fbfeb4b67a47dbd003c86e3c90e61987c1547-544x4.svg?auto=format" class="w-full max-w-[350px] md:max-w-[540px] px-[50px] mx-auto" loading="lazy" onerror="this.onerror=null;_helpers.handleImageError(this)" /> 318 </picture> 319</div><style> 320 321 .centered-container-alt { 322 display: flex; 323 justify-content: center; 324 } 325 326 .imagehover { 327 transform: scale(1); 328 transition: .8s ease-in-out; 329 } 330 331 .imagehover:hover { 332 transform: scale(1.2); 333 } 334 335 .contentPhotoContainer { 336 max-width: 1220px; 337 height: 358px; 338 margin-bottom: 20px 339 } 340 341 .contentPhoto { 342 overflow: hidden; 343 } 344 345 @media (max-width: 1024px) { 346 contentTextContainerLeft { 347 padding: 0; 348 } 349 350 .contentPhotoContainer { 351 height: 500px; 352 } 353 354 .headerTextWraper { 355 margin-top: 2rem; 356 } 357 .contentPhoto { 358 width: 100%; 359 height: auto; 360 } 361 } 362 @media (min-width:1024px){ 363 .contentPhoto { 364 width: 598px; 365 height: 358px; 366 } 367 } 368 369 @media (min-width: 1024px) and (max-width: 1280px) { 370 .contentPhoto { 371 width: 50vw; 372 height: 358px; 373 } 374 } 375 376 @media (min-width: 1024px) { 377 .contentPhotoContainer { 378 height: 358px; 379 align-items: flex-start; 380 width: 1220px; 381 } 382 383 .readMoreTextInner { 384 min-height: 195px; 385 } 386 387 .contentTextContainer { 388 height: 100%; 389 padding: 2.5rem; 390 padding-right: 0; 391 padding-bottom: 0; 392 } 393 394 .contentTextContainerLeft { 395 height: 100%; 396 padding: 2.5rem; 397 padding-Left: 0; 398 padding-bottom: 0; 399 } 400 401 .imagehover { 402 position: absolute; 403 } 404 405 .headerTextWraper { 406 margin-top: 20px; 407 } 408 } 409 410 .readMoreText { 411 overflow: hidden; 412 height: auto; 413 } 414 415 .readmoreButton { 416 color: #5EB3E4; 417 font-weight: 500; 418 cursor: pointer; 419 } 420 421 .readmoreArrow { 422 cursor: pointer; 423 } 424</style> 425 426 427 428 <div class="centered-container-alt mx-auto" > 429 <input type="hidden" id="hiddenOrintatedValueId1ae61687d814" name="hiddenOrintatedValueId1ae61687d814" value="False"> 430 431 <div class="flex flex-col lg:flex-row contentPhotoContainer readMoreText" id="contentLeftPhotoContainer1ae61687d814" style="display: none;"> 432 <!-- Left Section: Image --> 433 <div class="relative contentPhoto"> 434 <img src="https://cdn.sanity.io/images/abq8rp7f/production/5fe02f1ee018b5cefec7075c57c72dff0650ac65-454x256.gif?auto=format" alt="Description" class="w-full h-full object-cover imagehover"> 435 </div> 436 437 <!-- Right Section: Text, reintroducing left padding for the text area --> 438 <div class="flex-1 flex px-4 sm:px-0 flex-col contentTextContainer "> 439 <!-- Header Text --> 440 <p class="text-[32px] font-normal leading-[39.02px] text-center mb-5 lg:mb-10 text-[#194F90] headerTextWraper" role="heading" style="font-family: 'Montserrat', sans-serif;"> 441 442 </p> 443 444 <!-- Text Area, with left padding reintroduced --> 445 <div id="vdTextWrapper1ae61687d814" class="text-base overflow-y-auto" style="padding:0;"> 446 <div class="block-text-wrapper text-center"><h3><span style="color:#194f90"><strong>The Future of Cellular </br>Hydration Is Here</span></strong></h3><br /><p><strong>LifeWave XâO</strong> combines patented light-infusion technology, hydrogen enrichment, and advanced filtration to transform everyday water into an elevated wellness experience.</p></div> 447 </div> 448 449 <!-- Read More Label aligned to the bottom right --> 450 </div> 451 </div> 452 453 454 <div class="flex flex-row-reverse items-start w-[1220px] h-[358px] readMoreText" id="contentRightPhotoContainer1ae61687d814" style="max-width: 1220px; height: 358px; margin-bottom: 20px; display: none;"> 455 <!-- Right Section: Image --> 456 <div class="relative contentPhoto" > 457 <img src="https://cdn.sanity.io/images/abq8rp7f/production/5fe02f1ee018b5cefec7075c57c72dff0650ac65-454x256.gif?auto=format" alt="Description" class="absolute w-full h-full object-cover imagehover"> 458 </div> 459 460 <!-- Left Section: Text, no left padding for the overall container --> 461 <div class="flex-1 flex px-4 sm:px-0 flex-col contentTextContainerLeft"> 462 <!-- Header Text --> 463 <p class="text-[32px] font-normal leading-[39.02px] text-center mb-5 lg:mb-10 text-[#194F90] headerTextWraper" role="heading" style="font-family: 'Montserrat', sans-serif; "> 464 465 </p> 466 467 <!-- Text Area, no left padding --> 468 <div id="vdTextWrapper1ae61687d814" class="text-base overflow-y-auto" style="padding:0;"> 469 <div class="block-text-wrapper text-center"><h3><span style="color:#194f90"><strong>The Future of Cellular </br>Hydration Is Here</span></strong></h3><br /><p><strong>LifeWave XâO</strong> combines patented light-infusion technology, hydrogen enrichment, and advanced filtration to transform everyday water into an elevated wellness experience.</p></div> 470 </div> 471 <!-- Read More Label aligned to the bottom left --> 472 </div> 473 </div> 474 475 476 477 </div> 478 <div class="centered-container-alt mx-auto" > 479 <input type="hidden" id="hiddenOrintatedValueIdaad8607c1bc9" name="hiddenOrintatedValueIdaad8607c1bc9" value="True"> 480 481 <div class="flex flex-col lg:flex-row contentPhotoContainer readMoreText" id="contentLeftPhotoContaineraad8607c1bc9" style="display: none;"> 482 <!-- Left Section: Image --> 483 <div class="relative contentPhoto"> 484 <img src="https://cdn.sanity.io/images/abq8rp7f/production/b4e1b4835a4a0683c08cedea04ee301771d8253a-666x374.gif?auto=format" alt="Description" class="w-full h-full object-cover imagehover"> 485 </div> 486 487 <!-- Right Section: Text, reintroducing left padding for the text area --> 488 <div class="flex-1 flex px-4 sm:px-0 flex-col contentTextContainer "> 489 <!-- Header Text --> 490 <p class="text-[32px] font-normal leading-[39.02px] text-center mb-5 lg:mb-10 text-[#194F90] headerTextWraper" role="heading" style="font-family: 'Montserrat', sans-serif;"> 491 492 </p> 493 494 <!-- Text Area, with left padding reintroduced --> 495 <div id="vdTextWrapperaad8607c1bc9" class="text-base overflow-y-auto" style="padding:0;"> 496 <div class="block-text-wrapper text-center"><h3><span style="color:#194f90"><strong>Better-Tasting Water </span></strong><span style="color:#194f90"><strong>That </br>Is Better for You</span></strong></h3><br /><p>LifeWave XâO is designed to optimize hydration at the cellular level, amplify the benefits of LifeWave patches and supplements, and support whole-body wellness and vitality.</p><br />
496<p>LifeWave XâO isnât just water; it's water reimagined, through the power of light.</p></div> 497 </div> 498 499 <!-- Read More Label aligned to the bottom right --> 500 </div> 501 </div> 502 503 504 <div class="flex flex-row-reverse items-start w-[1220px] h-[358px] readMoreText" id="contentRightPhotoContaineraad8607c1bc9" style="max-width: 1220px; height: 358px; margin-bottom: 20px; display: none;"> 505 <!-- Right Section: Image --> 506 <div class="relative contentPhoto" > 507 <img src="https://cdn.sanity.io/images/abq8rp7f/production/b4e1b4835a4a0683c08cedea04ee301771d8253a-666x374.gif?auto=format" alt="Description" class="absolute w-full h-full object-cover imagehover"> 508 </div> 509 510 <!-- Left Section: Text, no left padding for the overall container --> 511 <div class="flex-1 flex px-4 sm:px-0 flex-col contentTextContainerLeft"> 512 <!-- Header Text --> 513 <p class="text-[32px] font-normal leading-[39.02px] text-center mb-5 lg:mb-10 text-[#194F90] headerTextWraper" role="heading" style="font-family: 'Montserrat', sans-serif; "> 514 515 </p> 516 517 <!-- Text Area, no left padding --> 518 <div id="vdTextWrapperaad8607c1bc9" class="text-base overflow-y-auto" style="padding:0;"> 519 <div class="block-text-wrapper text-center"><h3><span style="color:#194f90"><strong>Better-Tasting Water </span></strong><span style="color:#194f90"><strong>That </br>Is Better for You</span></strong></h3><br /><p>LifeWave XâO is designed to optimize hydration at the cellular level, amplify the benefits of LifeWave patches and supplements, and support whole-body wellness and vitality.</p><br /><p>LifeWave XâO isnât just water; it's water reimagined, through the power of light.</p></div> 520 </div> 521 <!-- Read More Label aligned to the bottom left --> 522 </div> 523 </div> 524 525 526 527 </div> 528 529
530<script type="text/javascript"> 531 532 require(["jquery"], function ($) { 533 $(document).ready(function () { 534 toggleDivVisibility(); // Call on page load 535 $(window).resize(toggleDivVisibility); // Call on window resize 536 }); 537 function toggleDivVisibility() { 538 var itemsArray ='1ae61687d814;aad8607c1bc9'.split(";") 539 for (var i = 0; i < itemsArray.length; i++) { 540 var currentItem = itemsArray[i]; 541 var screenWidth = $(window).width(); 542 if (screenWidth >= 1024) { 543 var leftOrintated = $("#hiddenOrintatedValueId" + currentItem).val(); 544 if (leftOrintated === "True") { 545 $("#contentLeftPhotoContainer" + currentItem).show(); 546 $("#contentRightPhotoContainer" + currentItem).hide(); 547 } 548 else { 549 $("#contentLeftPhotoContainer" + currentItem).hide(); 550 $("#contentRightPhotoContainer" + currentItem).show(); 551 } 552 } else { // Small screens 553 $("#contentLeftPhotoContainer" + currentItem).show(); 554 $("#contentRightPhotoContainer" + currentItem).hide(); 555 } 556 } 557 } 558 }); 559 function ReadMoreClick(index, readMoreButtonText, readLessButtonText, extendedHtml, originalContent) { 560 var textAreas = document.querySelectorAll("#vdTextWrapper" + index); 561 var buttons = document.querySelectorAll("#vdReadMore" + index); // Assuming you add class="vdReadMoreArrow" to both SVG arrows 562 563 var arrows = document.querySelectorAll(".vdReadMoreArrow" + index); // Assuming you add class="vdReadMoreArrow" to both SVG arrows 564 var isExpanded = buttons[0].innerText == readLessButtonText;// Keep track of the text area's state 565 if (!isExpanded) { 566 // Increase the height of the text area by 50% and change to "Read Less" 567 textAreas.forEach(function (textArea) { 568 textArea.innerHTML += extendedHtml; 569 }); 570 571 buttons.forEach(function (button) { 572 button.innerText = readLessButtonText; 573 }); 574 575 // Flip arrows direction 576 arrows.forEach(function (arrow) { 577 arrow.style.transform = "rotate(180deg)"; 578 }); 579 580 } else { 581 textAreas.forEach(function (textArea) { 582 textArea.innerHTML = originalContent; 583 }); 584 buttons.forEach(function (button) { 585 button.innerText = readMoreButtonText; 586 }); 587 588 // Reset arrows direction 589 arrows.forEach(function (arrow) { 590 arrow.style.transform = "rotate(0deg)"; 591 }); 592 593 } 594 }; 595</script>
595 596
596<script> 597 function expandSection(element) { 598 // Find the previous sibling (the <p> tag with the text content) 599 var textContent = element.previousElementSibling; 600 601 // Toggle the height to expand or collapse 602 if (textContent.style.height === "auto") { 603 textContent.style.height = "50%"; // Reset to original height if needed 604 } else { 605 textContent.style.height = "auto"; // Expand the section 606 } 607 } 608 </script>
608 609<div class="my-[60px] md:my-[80px]"> 610 <picture class="divider-image"> 611 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/bd3fbfeb4b67a47dbd003c86e3c90e61987c1547-544x4.svg?auto=format" /> 612 <img src="https://cdn.sanity.io/images/abq8rp7f/production/bd3fbfeb4b67a47dbd003c86e3c90e61987c1547-544x4.svg?auto=format" class="w-full max-w-[350px] md:max-w-[540px] px-[50px] mx-auto" loading="lazy" onerror="this.onerror=null;_helpers.handleImageError(this)" /> 613 </picture> 614</div> <div class="flex flex-col mb-[50px]"> 615 <div> 616 <p class="heading-2 text-center text-nautical-blue mx-[50px]"> 617 618 </p> 619 620 621 622 </div> 623 <div class="relative mt-[50px]"> 624 <div> 625 <picture class="componets-image-2"> 626 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/a25847df2b1137734ac94b79669c935cd28f1054-4689x1250.jpg?rect=1427,0,3262,1250&auto=format" /> 627 <img src="https://cdn.sanity.io/images/abq8rp7f/production/a25847df2b1137734ac94b79669c935cd28f1054-4689x1250.jpg?rect=1427,0,3262,1250&auto=format" class="object-cover object-center w-full h-full lg:mx-auto header-image h-[500px] lg:h-[403px]" onerror="this.onerror=null;_helpers.handleImageError(this)" /> 628 </picture> 629 </div> 630 <div class="overlay-box max-w-[920px] mx-auto absolute inset-0"> 631 <div class="heading-2 flex mx-[50px] text-nautical-blue absolute text-center right-0 left-0 top-[50px] lg:items-center lg:text-left lg:top-0 lg:bottom-0 lg:w-[550px] lg:heading-1 lg:mr-auto lg:pl-0"> 632 <div class="block-text-wrapper text-left"><p><p style="font-size: clamp(22px, 2vw, 23px); line-height: 1.3; font-weight: 400; color:white;"><strong>LifeWave XâO</strong> is the first system designed to trap light in water and deliver it into the body through the water you drink. It goes beyond filtration to energize and optimize hydration from within, with some reporting effects occurring within seconds of consumption.</p></p></div> 633 </div> 634 </div> 635 </div> 636 637 </div> 638 639 640<div class="flex flex-col items-center mb-[60px] md:mb-[80px] px-[15px] mx-[auto] w-[320px] sm:w-[500px] lg:w-[920px]"> 641 <div class="heading-3 text-center text-nautical-blue" id=""> 642 <div class="block-text-wrapper block-text-wrapper-custom"><p><strong>The Science Behind Light-Infused Water</strong></p></div> 643 </div> 644 <div class="body-1 text-center text-anthracite-grey mt-[15px]"><div class="block-text-wrapper text-center"><p>The story of light-infused water begins with one of scienceâs most important questions: <strong>What is light?</br></strong>For centuries, some of the worldâs greatest scientific minds have helped shape our understanding.</p></div></div> 645 </div><style> 646 .swipper-header { 647 font-family: 'Montserrat', sans-serif; 648 font-weight: 400; 649 font-size: 32px; 650 line-height: 39.01px; 651 color: #194F90; 652 margin-bottom: 18px; 653 } 654 655 .swipper-header-emphasised { 656 font-family: 'Montserrat', sans-serif; 657 font-weight: 700; 658 font-size: 32px; 659 line-height: 39.01px; 660 color: #194F90; 661 } 662 663 .swipper-strap { 664 font-family: 'Montserrat', sans-serif; 665 font-weight: 400; 666 font-size: 20px; 667 line-height: 20px; 668 color: #000000; 669 } 670 671 .spotlightSwiper { 672 max-width: 1240px; /* Set the maximum width of the slider */ 673 height: 327px; /* Set the height of the slider */ 674 margin-left: auto; /* Center the slider */ 675 margin-right: auto; /* Center the slider */ 676 margin-bottom: 50px; 677 } 678 679 .gold-horizontal-line { 680 height: 2px; /* Set the height of the line */ 681 background-color: #E2A718; /* Set the color of the line */ 682 width: 1220px; 683 } 684 685 .product-header { 686 color: #194F90; 687 font-size: 30px; 688 font-family: 'Montserrat' 689 } 690 @media (min-width: 1024px) { 691 .product-header { 692 width: 538px; 693 } 694 695 .product-paragraph p { 696 text-align: justify;
697 width: 538px; 698 padding-right: 2rem; 699 } 700 .product-readmore p { 701 padding-right: 5rem; 702 } 703 } 704 705 .product-readmore p { 706 width: 100%; 707 color: #194F90; 708 } 709 710 @media (max-width: 1024px) { 711 .spotlightSwiper { 712 height: auto; 713 justify-content: center; 714 align-items: center; 715 margin-bottom: 25px; 716 padding-bottom: 2rem; 717 } 718 719 .spotlightSwiperText { 720 justify-content: center; 721 } 722 723 .product-header { 724 text-align: center; 725 margin-bottom: 1rem; 726 line-height: 2.5rem; 727 } 728 } 729 @media (max-width: 640px) { 730 .swiper-button-prev, .swiper-button-next { 731 top: 58%; 732 } 733 } 734 .swiper-button-next { 735 right: 0px; 736 left: auto; 737 } 738 739 740 .swiper-button-prev { 741 left: 0px; 742 right: auto; 743 } 744 745 .carousel-spot-pagination { 746 position: absolute; 747 text-align: center; 748 transition: .3s opacity; 749 transform: translate3d(0, 0, 0); 750 z-index: 500; 751 } 752 753 754 @media (max-width: 1024px) { 755 .swiper-button-next img, .swiper-button-prev img { 756 display: none; 757 } 758 } 759 760 @media (min-width: 1024px) { 761 .swiper-button-next img, .swiper-button-prev img { 762 display: inline; 763 } 764 } 765 766</style> 767 768 769<div class="text-center"> 770 <p class="swipper-header" role="heading"></p> 771 <p class="swipper-strap mb-3" role="heading"></p> 772</div> 773 774<div class="swiper spotlightSwiper" id="spotLightMainDiv"> 775 <div class="swiper-wrapper"> 776 777 <div class="swiper-slide flex flex-col lg:flex-row p-4" > 778 779 780 <!-- Left Side: Image --> 781 <div class="relative flex-1 flex justify-center items-center"> 782 <img src="https://cdn.sanity.io/images/abq8rp7f/production/613818ae80e1e66c98e04aa78ac6cb17b0cad211-250x301.jpg?rect=0,8,250,206&mobileRect=21,8,207,173&auto=format" alt="Photo" id="spotlightImageId1" class="w-auto h-auto max-w-none" style="width: 100%; height: auto; max-width:512px"> <!-- Tailwind does not have exact width and height utilities for these dimensions --> 783 </div> 784 785 <!-- Right Side: Label + Text + Bottom Label --> 786 <div class="flex-1 flex flex-col lg:pt-8 spotlightSwiperText" > 787 788 <div class="mt-5 lg:mt-0 lg:ml-5"> 789 <!-- Aligned to the top of the image with 20px left margin --> 790 <p id="spotlightHeadercontainer1" class="text-xl font-semibold product-header">1672, Isaac Newton</p> <!-- Customize font size and weight as needed --> 791 </div> 792 793 <!-- Room for 6 lines of text, 40px below the top label --> 794 <div class="lgmt-5 lg:mt-10 lg:ml-5 lg:mr-5 mx-4 flex-1 product-paragraph" > 795 <!-- Adjust mt- value for exact spacing --> 796 <div id="spotlightcontainer1"> 797 798 <p> 799 <div class="block-text-wrapper block-text-wrapper-custom"><p></br>Isaac Newton described light as streams of tiny particles traveling in straight lines, supporting the idea that light behaves like particles.</p></div> 800 </p> 801 802 </div> 803 </div> 804 805 <!-- Bottom Label, aligned to the bottom right --> 806 807 <div class="lg:ml-5 mx-4 mt-auto product-readmore mb-20"> 808 <a href="" aria-label="Opens in a new tab" target="_blank" rel=""> 809 <p class="font-normal text-left"> </p> 810 </a> 811 </div> 812 813 </div> 814 </div> 815 <div class="swiper-slide flex flex-col lg:flex-row p-4" > 816 817 818 <!-- Left Side: Image --> 819 <div class="relative flex-1 flex justify-center items-center"> 820 <img src="https://cdn.sanity.io/images/abq8rp7f/production/4be647b1f6a83636b25228cf623c59fd5b645619-250x328.jpg?rect=0,25,250,207&mobileRect=0,25,250,199&auto=format" alt="Photo" id="spotlightImageId2" class="w-auto h-auto max-w-none" style="width: 100%; height: auto; max-width:512px"> <!-- Tailwind does not have exact width and height utilities for these dimensions --> 821 </div> 822 823 <!-- Right Side: Label + Text + Bottom Label --> 824 <div class="flex-1 flex flex-col lg:pt-8 spotlightSwiperText" > 825 826 <div class="mt-5 lg:mt-0 lg:ml-5"> 827 <!-- Aligned to the top of the image with 20px left margin --> 828 <p id="spotlightHeadercontainer2" class="text-xl font-semibold product-header">1678, Christian Huygens</p> <!-- Customize font size and weight as needed --> 829 </div> 830 831 <!-- Room for 6 lines of text, 40px below the top label --> 832 <div class="lgmt-5 lg:mt-10 lg:ml-5 lg:mr-5 mx-4 flex-1 product-paragraph" > 833 <!-- Adjust mt- value for exact spacing --> 834 <div id="spotlightcontainer2"> 835 836 <p> 837 <div class="block-text-wrapper block-text-wrapper-custom"><p></br>Christian Huygens proposed that light travels as waves, helping explain phenomena such as reflection and refraction.</p></div> 838 </p> 839 840 </div> 841 </div> 842 843 <!-- Bottom Label, aligned to the bottom right --> 844
845 <div class="lg:ml-5 mx-4 mt-auto product-readmore mb-20"> 846 <a href="" aria-label="Opens in a new tab" target="_blank" rel=""> 847 <p class="font-normal text-left"> </p> 848 </a> 849 </div> 850 851 </div> 852 </div> 853 <div class="swiper-slide flex flex-col lg:flex-row p-4" > 854 855 856 <!-- Left Side: Image --> 857 <div class="relative flex-1 flex justify-center items-center"> 858 <img src="https://cdn.sanity.io/images/abq8rp7f/production/ebd6f5de44c1918e2fd4fd1cd2de463bd217e628-250x319.jpg?rect=0,17,250,207&mobileRect=0,17,250,207&auto=format" alt="Photo" id="spotlightImageId3" class="w-auto h-auto max-w-none" style="width: 100%; height: auto; max-width:512px"> <!-- Tailwind does not have exact width and height utilities for these dimensions --> 859 </div> 860 861 <!-- Right Side: Label + Text + Bottom Label --> 862 <div class="flex-1 flex flex-col lg:pt-8 spotlightSwiperText" > 863 864 <div class="mt-5 lg:mt-0 lg:ml-5"> 865 <!-- Aligned to the top of the image with 20px left margin --> 866 <p id="spotlightHeadercontainer3" class="text-xl font-semibold product-header">1801, Thomas Young</p> <!-- Customize font size and weight as needed --> 867 </div> 868 869 <!-- Room for 6 lines of text, 40px below the top label --> 870 <div class="lgmt-5 lg:mt-10 lg:ml-5 lg:mr-5 mx-4 flex-1 product-paragraph" > 871 <!-- Adjust mt- value for exact spacing --> 872 <div id="spotlightcontainer3"> 873 874 <p> 875 <div class="block-text-wrapper text-left"><p></br>Thomas Young's famous double-slit experiment demonstrated that light behaves like a wave, producing interference patterns through constructive and destructive interference.</p></div> 876 </p> 877 878 </div> 879 </div> 880 881 <!-- Bottom Label, aligned to the bottom right --> 882 883 <div class="lg:ml-5 mx-4 mt-auto product-readmore mb-20"> 884 <a href="" aria-label="Opens in a new tab" target="_blank" rel=""> 885 <p class="font-normal text-left"> </p> 886 </a> 887 </div> 888 889 </div> 890 </div> 891 <div class="swiper-slide flex flex-col lg:flex-row p-4" > 892 893 894 <!-- Left Side: Image --> 895 <div class="relative flex-1 flex justify-center items-center"> 896 <img src="https://cdn.sanity.io/images/abq8rp7f/production/06cc7d4f47654f73e995b8213440f6ac5c803087-491x625.jpg?rect=0,81,491,407&mobileRect=0,81,491,398&auto=format" alt="Photo" id="spotlightImageId4" class="w-auto h-auto max-w-none" style="width: 100%; height: auto; max-width:512px"> <!-- Tailwind does not have exact width and height utilities for these dimensions --> 897 </div> 898 899 <!-- Right Side: Label + Text + Bottom Label --> 900 <div class="flex-1 flex flex-col lg:pt-8 spotlightSwiperText" > 901 902 <div class="mt-5 lg:mt-0 lg:ml-5"> 903 <!-- Aligned to the top of the image with 20px left margin --> 904 <p id="spotlightHeadercontainer4" class="text-xl font-semibold product-header">1860s, James Clerk Maxwell</p> <!-- Customize font size and weight as needed --> 905 </div> 906 907 <!-- Room for 6 lines of text, 40px below the top label --> 908 <div class="lgmt-5 lg:mt-10 lg:ml-5 lg:mr-5 mx-4 flex-1 product-paragraph" > 909 <!-- Adjust mt- value for exact spacing --> 910 <div id="spotlightcontainer4"> 911 912 <p> 913 <div class="block-text-wrapper text-left"><p></br><div class="text-left">James Clerk Maxwell unified electricity and magnetism through Maxwell's equations, revealing that light is an electromagnetic wave and part of the electromagnetic spectrum.</div></p></div> 914 </p> 915 916 </div> 917 </div> 918 919 <!-- Bottom Label, aligned to the bottom right --> 920
921 <div class="lg:ml-5 mx-4 mt-auto product-readmore mb-20"> 922 <a href="" aria-label="Opens in a new tab" target="_blank" rel=""> 923 <p class="font-normal text-left"> </p> 924 </a> 925 </div> 926 927 </div> 928 </div> 929 <div class="swiper-slide flex flex-col lg:flex-row p-4" > 930 931 932 <!-- Left Side: Image --> 933 <div class="relative flex-1 flex justify-center items-center"> 934 <img src="https://cdn.sanity.io/images/abq8rp7f/production/5f9ba80dcd5c04a8e17e5869c4bac01250cbe75f-1269x1239.png?rect=0,0,1269,1054&mobileRect=0,19,1269,1017&auto=format" alt="Photo" id="spotlightImageId5" class="w-auto h-auto max-w-none" style="width: 100%; height: auto; max-width:512px"> <!-- Tailwind does not have exact width and height utilities for these dimensions --> 935 </div> 936 937 <!-- Right Side: Label + Text + Bottom Label --> 938 <div class="flex-1 flex flex-col lg:pt-8 spotlightSwiperText" > 939 940 <div class="mt-5 lg:mt-0 lg:ml-5"> 941 <!-- Aligned to the top of the image with 20px left margin --> 942 <p id="spotlightHeadercontainer5" class="text-xl font-semibold product-header">1905, Albert Einstein</p> <!-- Customize font size and weight as needed --> 943 </div> 944 945 <!-- Room for 6 lines of text, 40px below the top label --> 946 <div class="lgmt-5 lg:mt-10 lg:ml-5 lg:mr-5 mx-4 flex-1 product-paragraph" > 947 <!-- Adjust mt- value for exact spacing --> 948 <div id="spotlightcontainer5"> 949 950 <p> 951 <div class="block-text-wrapper block-text-wrapper-custom"><p></br>Albert Einstein showed that light can also behave as discrete particles, later called photons, helping explain the photoelectric effect.</p></div> 952 </p> 953 954 </div> 955 </div> 956 957 <!-- Bottom Label, aligned to the bottom right --> 958 959 <div class="lg:ml-5 mx-4 mt-auto product-readmore mb-20"> 960 <a href="" aria-label="Opens in a new tab" target="_blank" rel=""> 961 <p class="font-normal text-left"> </p> 962 </a> 963 </div> 964 965 </div> 966 </div> 967 </div> 968 <div class="swiper-button-prev"> 969 <img src="/Content/cms/public/assets/svg/left-arrow.svg" alt="arrow" class="" /> 970 971 </div> 972 <div class="swiper-button-next"> 973 <img src="/Content/cms/public/assets/svg/right-arrow.svg" alt="arrow" class="" /> 974 </div> 975 <div class=""> 976 <div class="swiper-pagination carousel-spot-pagination" role="none"></div> 977 </div> 978</div> 979 980
981<script> 982 require(["jquery"], function ($) { 983 var swiper = new Swiper('.spotlightSwiper', { 984 slidesPerView: 1, 985 spaceBetween: 30, 986 loop: true, 987 pagination: { 988 el: '.carousel-spot-pagination', 989 clickable: true, 990 }, 991 navigation: { 992 nextEl: '.swiper-button-next', 993 prevEl: '.swiper-button-prev', 994 }, 995 }); 996 997 swiper.on('slideChange', function () { 998 console.log("Active INDEX:" + SwiperActiveIndex()); 999 1000 var timelineyearphotodivId = '#spotlightcontainer' + SwiperActiveIndex(); 1001 if ($(timelineyearphotodivId).length) { 1002 $(timelineyearphotodivId).show(); 1003 } 1004 else { 1005 // hide everything 1006 for (var i = 1; i <= 6; i++) { 1007 var timelineyearphotodiv = '#timelineyearphotodiv' + i; 1008 $(timelineyearphotodiv).hide(); 1009 } 1010 } 1011 handleSpotlightResize(); 1012 }); 1013 function SwiperActiveIndex() { 1014 if (swiper.activeIndex == 0) 1015 return 5; 1016 1017 if (swiper.activeIndex == 5+1) 1018 return 1; 1019 1020 return swiper.activeIndex; 1021 } 1022 1023 function isMobileDeviceSpotlight() { 1024 return window.innerWidth <= 1024 1025 } 1026 function isSmallMobileDeviceSpotlight() { 1027 return window.innerWidth <= 284 1028 } 1029 function handleSpotlightResize() { 1030 if (isSmallMobileDeviceSpotlight() || isMobileDeviceSpotlight()) { 1031 var spotlightImageId = "#spotlightImageId" + SwiperActiveIndex(); 1032 var spotlightyearphotoHeadercontainer = "#spotlightHeadercontainer" + SwiperActiveIndex(); 1033 var spotlightyearphotoTextcontainer = "#spotlightcontainer" + SwiperActiveIndex(); 1034 var divHeight = $(spotlightImageId).height() + $(spotlightyearphotoHeadercontainer).height() + $(spotlightyearphotoTextcontainer).height(); 1035 1036 $('#spotLightMainDiv').height(divHeight + 70); 1037 } 1038 else { 1039 var spotlightImageId = "#spotlightImageId" + SwiperActiveIndex(); 1040 var spotlightyearphotoHeadercontainer = "#spotlightHeadercontainer" + SwiperActiveIndex(); 1041 var divHeight = $(spotlightImageId).height() + $(spotlightyearphotoHeadercontainer).height() ; 1042 $('#spotLightMainDiv').height(divHeight); 1043 } 1044 } 1045 $(window).resize(function () { 1046 clearTimeout(window.resizedSpotlightFinished); 1047 window.resizedSpotlightFinished = setTimeout(function () { 1048 handleSpotlightResize(); 1049 }, 100); 1050 }); 1051 $(document).ready(function () { 1052 var spotlightImageId = '#spotlightImageId' + SwiperActiveIndex(); 1053 $(spotlightImageId).on('load', function () { 1054 // Image is loaded, you can perform actions here 1055 handleSpotlightResize() 1056 }); 1057 if ($(spotlightImageId)[0].complete) { 1058 handleSpotlightResize() 1059 } 1060 }); 1061 }); 1062</script>
1062<div class="w-auto mt-[20px] mb-[50px] max-w-[730px] mx-[50px] md:w-full md:mx-auto"> 1063 <div class="flex flex-row items-center justify-center"> 1064 <div class="w-full"> 1065 <p class="heading-2 text-center text-nautical-blue"></p> 1066 </div> 1067 </div> 1068 <div class="flex flex-row items-center justify-center mt-[5px] mb-[30px]"> 1069 <div class="w-full"> 1070 <div class="text-center caption"></div> 1071 </div> 1072 </div> 1073 <div class="flex flex-row items-center justify-center"> 1074 <div class="w-full body-1"> 1075 <div class="block-text-wrapper text-center"><h3><strong><span style="color:#194f90">From Light to Water</strong></span></h3><br /><p>By the 1940s, these ideas were brought together through Quantum Electrodynamics, or QED, developed through the work of scientists including Richard Feynman, Julian Schwinger, Sin-Itiro Tomonaga, and Freeman Dyson.</p><br /><p>QED helped provide a deeper understanding of light, showing that it is more complex than simply being a particle or a wave. In simple terms, light can be understood as electromagnetic activity moving through a field.</p><br /><p></p><h3><strong><span style="color:#194f90">This Is Where Water Becomes Important.</strong></span></h3><br /><p>Water has unique electrical properties. Each water molecule has both a positive and negative side, known as a dipole. Because of this structure, water can interact with electromagnetic fields, including light.</p><br />
1075<p>Scientific research has explored different ways electromagnetic fields may interact with water. While LifeWave XâO uses its own patented process, this broader relationship between water, light, and electromagnetic activity is central to the thinking behind LifeWave XâO.</p></div> 1076 </div> 1077 </div> 1078</div> 1079 1080 1081 <div class="w-auto md:w-full mb-[50px] max-w-[730px] mx-[50px] md:mx-auto"> 1082 <div class="flex flex-col xs:flex-row items-center justify-center mb-[50px]"> 1083 <p class="text-left link-1 text-center text-sanctuary-blue" onclick="showHideAllData(3, true)"> 1084 Expand All 1085 </p> 1086 <div class="hidden xs:block w-[1px] h-[30px] mx-[30px] bg-sanctuary-blue"></div> 1087 <div class="xs:hidden w-[80%] h-[1px] my-[20px] bg-sanctuary-blue"></div> 1088 <p class="text-right link-1 text-center text-sanctuary-blue" onclick="showHideAllData(3, false)"> 1089 Collapse All 1090 </p> 1091 </div> 1092 1093 <div class="flex flex-row items-center justify-center"> 1094 <div class="w-full flex flex-col"> 1095 <div class="w-full h-[1px] bg-[rgba(94,179,228,0.5)] my-[30px]"></div> 1096 <div class="w-full flex flex-row items-center justify-between px-[20px] cursor-pointer" onclick="showHideSingleListItemData(0)"> 1097 <p class="subtitle-1 text-left text-anthracite-grey">Quantum Electrodynamics</p> 1098 <div class="pt-[5px]"> 1099 <img id="list-icon-add-0" class="w-[15px] h-[15px] min-w-[15px] content-end block cursor-pointer" 1100 src="/Content/cms/public/assets/svg/add-svg.svg" alt="add-image" /> 1101 <img id="list-icon-minus-0" class="w-[15px] h-[15px] min-w-[15px] content-end hidden cursor-pointer" 1102 src="/Content/cms/public/assets/svg/minus-svg.svg" alt="minus-image" /> 1103 </div> 1104 </div> 1105 <div class="flex flex-row"> 1106 <div class="w-full break-words body-1 flex flex-col justify-start mt-[30px] px-[20px] hidden" id="list-items+0"> 1107 <div class="block-text-wrapper block-text-wrapper-custom"><p>Quantum Electrodynamics, or QED, helped transform the scientific understanding of light.</br>Developed through the work of Richard Feynman, Julian Schwinger, Sin-Itiro Tomonaga, and Freeman Dyson, QED helped describe light as a quantum object with behavior linked to the electromagnetic field.</p></div> 1108 </div> 1109 </div> 1110 <div class="w-full h-[1px] bg-[rgba(94,179,228,0.5)] my-[30px]"></div> 1111 <div class="w-full flex flex-row items-center justify-between px-[20px] cursor-pointer" onclick="showHideSingleListItemData(1)"> 1112 <p class="subtitle-1 text-left text-anthracite-grey">Water and Electromagnetics</p> 1113 <div class="pt-[5px]"> 1114 <img id="list-icon-add-1" class="w-[15px] h-[15px] min-w-[15px] content-end block cursor-pointer" 1115 src="/Content/cms/public/assets/svg/add-svg.svg" alt="add-image" /> 1116 <img id="list-icon-minus-1" class="w-[15px] h-[15px] min-w-[15px] content-end hidden cursor-pointer" 1117 src="/Content/cms/public/assets/svg/minus-svg.svg" alt="minus-image" /> 1118 </div> 1119 </div> 1120 <div class="flex flex-row"> 1121 <div class="w-full break-words body-1 flex flex-col justify-start mt-[30px] px-[20px] hidden" id="list-items+1"> 1122 <div class="block-text-wrapper block-text-wrapper-custom"><p>Waterâs unique dipole structure means it can respond to electromagnetic fields. This relationship has been explored in areas of physics and biophysics, including research associated with Dr. Luc Montagnier into electromagnetic signals and water.</p><br />
1122<p>While this research is not the LifeWave XâO process, it provides one example of how electromagnetic fields can interact with water under specific conditions. It helps illustrate the broader scientific principle that water can interact with electromagnetic activity.</p><br /><p>LifeWave XâO builds on this broader relationship through a distinct patented process, applying selected wavelengths of light to water in a controlled and highly specific way.</p></div> 1123 </div> 1124 </div> 1125 <div class="w-full h-[1px] bg-[rgba(94,179,228,0.5)] my-[30px]"></div> 1126 <div class="w-full flex flex-row items-center justify-between px-[20px] cursor-pointer" onclick="showHideSingleListItemData(2)"> 1127 <p class="subtitle-1 text-left text-anthracite-grey">Coherent Domains</p> 1128 <div class="pt-[5px]"> 1129 <img id="list-icon-add-2" class="w-[15px] h-[15px] min-w-[15px] content-end block cursor-pointer" 1130 src="/Content/cms/public/assets/svg/add-svg.svg" alt="add-image" /> 1131 <img id="list-icon-minus-2" class="w-[15px] h-[15px] min-w-[15px] content-end hidden cursor-pointer" 1132 src="/Content/cms/public/assets/svg/minus-svg.svg" alt="minus-image" /> 1133 </div> 1134 </div> 1135 <div class="flex flex-row"> 1136 <div class="w-full break-words body-1 flex flex-col justify-start mt-[30px] px-[20px] hidden" id="list-items+2"> 1137 <div class="block-text-wrapper block-text-wrapper-custom"><p>The scientific foundation of LifeWave XâO is based on the idea that, under the right conditions, groups of water molecules can begin to move together in a highly organized way.</p><br /><p>These organized groups are known as coherent domains.</p><br /><p>Inside the LifeWave XâO system, selected wavelengths of light are applied to the water. Because water molecules have a dipole structure, they can interact with these electromagnetic oscillations.</p><br /><p>Under these specific conditions, the water molecules are believed to organize in ways that help form microcavity-like structures within the water. These structures are understood to help hold electromagnetic activity from the selected wavelengths, rather than allowing the light to simply pass through.</p></div> 1138 </div> 1139 </div> 1140 <div class="w-full h-[1px] bg-[rgba(94,179,228,0.5)] my-[30px]"></div> 1141 1142 </div> 1143 </div> 1144 </div> 1145
1145<script> 1146 1147 window.addEventListener('load', (event) => { 1148 if (document.getElementById('list-items+0').style.display == "") { 1149 document.getElementById('list-icon-add-0').style.display = "none"; 1150 document.getElementById('list-icon-minus-0').style.display = "block"; 1151 document.getElementById('list-items+0').style.display = "block"; 1152 } 1153 }); 1154 1155 function showHideAllData(numListItems, expandList) { 1156 for (var i = 0; i < numListItems; i++) { 1157 if (expandList == true) { 1158 document.getElementById('list-icon-add-' + i).style.display = "none"; 1159 document.getElementById('list-icon-minus-' + i).style.display = "block"; 1160 document.getElementById('list-items+' + i).style.display = "block"; 1161 } 1162 else { 1163 document.getElementById('list-icon-add-' + i).style.display = "block"; 1164 document.getElementById('list-icon-minus-' + i).style.display = "none"; 1165 document.getElementById('list-items+' + i).style.display = "none"; 1166 } 1167 1168 } 1169 }; 1170 1171 function showHideSingleListItemData(listId) { 1172 if (document.getElementById('list-items+' + listId).style.display == "block") { 1173 document.getElementById('list-icon-add-' + listId).style.display = "block"; 1174 document.getElementById('list-icon-minus-' + listId).style.display = "none"; 1175 document.getElementById('list-items+' + listId).style.display = "none"; 1176 } 1177 else { 1178 document.getElementById('list-icon-add-' + listId).style.display = "none"; 1179 document.getElementById('list-icon-minus-' + listId).style.display = "block"; 1180 document.getElementById('list-items+' + listId).style.display = "block"; 1181 } 1182 }; 1183 1184 </script>
1184 1185<div class="flex flex-col items-center lg:mb-[80px] mb-[50px] px-[15px] mx-[auto] w-[320px] sm:w-[500px] lg:w-[920px]"> 1186 1187 <div> 1188 <a id="" class="btn-primary w-full xs:min-w-[310px] px-[18px] py-[13px] md:py-[9px] leading-[18px]" href="/lifewaveinc/store/product/LW-X2O-WM-USA" target="_self" rel=""> 1189 Feel the Difference 1190 </a> 1191 1192 </div> 1193</div><div class="my-[60px] md:my-[80px]"> 1194 <picture class="divider-image"> 1195 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/bd3fbfeb4b67a47dbd003c86e3c90e61987c1547-544x4.svg?auto=format" /> 1196 <img src="https://cdn.sanity.io/images/abq8rp7f/production/bd3fbfeb4b67a47dbd003c86e3c90e61987c1547-544x4.svg?auto=format" class="w-full max-w-[350px] md:max-w-[540px] px-[50px] mx-auto" loading="lazy" onerror="this.onerror=null;_helpers.handleImageError(this)" /> 1197 </picture> 1198</div><style> 1199 1200 .centered-container-alt { 1201 display: flex; 1202 justify-content: center; 1203 } 1204 1205 .imagehover { 1206 transform: scale(1); 1207 transition: .8s ease-in-out; 1208 } 1209 1210 .imagehover:hover { 1211 transform: scale(1.2); 1212 } 1213 1214 .contentPhotoContainer { 1215 max-width: 1220px; 1216 height: 358px; 1217 margin-bottom: 20px 1218 } 1219 1220 .contentPhoto { 1221 overflow: hidden; 1222 } 1223 1224 @media (max-width: 1024px) { 1225 contentTextContainerLeft { 1226 padding: 0; 1227 } 1228 1229 .contentPhotoContainer { 1230 height: 500px; 1231 } 1232 1233 .headerTextWraper { 1234 margin-top: 2rem; 1235 } 1236 .contentPhoto { 1237 width: 100%; 1238 height: auto; 1239 } 1240 } 1241 @media (min-width:1024px){ 1242 .contentPhoto { 1243 width: 598px; 1244 height: 358px; 1245 } 1246 } 1247 1248 @media (min-width: 1024px) and (max-width: 1280px) { 1249 .contentPhoto { 1250 width: 50vw; 1251 height: 358px; 1252 } 1253 } 1254 1255 @media (min-width: 1024px) { 1256 .contentPhotoContainer { 1257 height: 358px; 1258 align-items: flex-start; 1259 width: 1220px; 1260 } 1261 1262 .readMoreTextInner { 1263 min-height: 195px; 1264 } 1265 1266 .contentTextContainer { 1267 height: 100%; 1268 padding: 2.5rem; 1269 padding-right: 0; 1270 padding-bottom: 0; 1271 } 1272 1273 .contentTextContainerLeft { 1274 height: 100%; 1275 padding: 2.5rem; 1276 padding-Left: 0; 1277 padding-bottom: 0; 1278 } 1279 1280 .imagehover { 1281 position: absolute; 1282 } 1283 1284 .headerTextWraper { 1285 margin-top: 20px; 1286 } 1287 } 1288 1289 .readMoreText { 1290 overflow: hidden; 1291 height: auto; 1292 } 1293 1294 .readmoreButton { 1295 color: #5EB3E4; 1296 font-weight: 500; 1297 cursor: pointer; 1298 } 1299 1300 .readmoreArrow { 1301 cursor: pointer; 1302 } 1303</style> 1304 1305 1306 1307 <div class="centered-container-alt mx-auto" > 1308 <input type="hidden" id="hiddenOrintatedValueIdb1e647e24005" name="hiddenOrintatedValueIdb1e647e24005" value="True"> 1309 1310 <div class="flex flex-col lg:flex-row contentPhotoContainer readMoreText" id="contentLeftPhotoContainerb1e647e24005" style="display: none;"> 1311 <!-- Left Section: Image --> 1312 <div class="relative contentPhoto"> 1313 <img src="https://cdn.sanity.io/images/abq8rp7f/production/4a4692350625086a8e5a54ca92af8d236acf43d7-15360x8640.png?auto=format" alt="Description" class="w-full h-full object-cover imagehover"> 1314 </div> 1315 1316 <!-- Right Section: Text, reintroducing left padding for the text area --> 1317 <div class="flex-1 flex px-4 sm:px-0 flex-col contentTextContainer "> 1318 <!-- Header Text --> 1319 <p class="text-[32px] font-normal leading-[39.02px] text-center mb-5 lg:mb-10 text-[#194F90] headerTextWraper" role="heading" style="font-family: 'Montserrat', sans-serif;"> 1320 <strong role="heading">LifeWave XâO Key Benefits</strong> 1321 </p> 1322 1323 <!-- Text Area, with left padding reintroduced --> 1324 <div id="vdTextWrapperb1e647e24005" class="text-base overflow-y-auto" style="padding:0;"> 1325 <div class="block-text-wrapper block-text-wrapper-custom"><ul><li><p>LifeWave X2O delivers light into the body through the water you drink</p></li><li><p>Optimize hydration at the cellular level</p></li><li><p>Provide antioxidant properties by infusing water with hydrogen (Hâ), which acts as an antioxidant when dissolved in water, supporting the bodyâs natural defenses*</p></li><li><p>May help reduce oxidative stress</p></li><li><p>Support bioelectrical activity, energy levels, and circulation</p></li><li><p>Support metabolism and nutrient absorption</p></li><li><p>Designed to amplify the benefits of LifeWaveâs non-transdermal patches and Cellergize supplements</p></li></ul></div> 1326 </div> 1327 1328 <!-- Read More Label aligned to the bottom right --> 1329 </div> 1330 </div> 1331 1332 1333 <div class="flex flex-row-reverse items-start w-[1220px] h-[358px] readMoreText" id="contentRightPhotoContainerb1e647e24005" style="max-width: 1220px; height: 358px; margin-bottom: 20px; display: none;"> 1334 <!-- Right Section: Image --> 1335 <div class="relative contentPhoto" > 1336 <img src="https://cdn.sanity.io/images/abq8rp7f/production/4a4692350625086a8e5a54ca92af8d236acf43d7-15360x8640.png?auto=format" alt="Description" class="absolute w-full h-full object-cover imagehover"> 1337 </div> 1338 1339 <!-- Left Section: Text, no left padding for the overall container --> 1340 <div class="flex-1 flex px-4 sm:px-0 flex-col contentTextContainerLeft"> 1341 <!-- Header Text --> 1342 <p class="text-[32px] font-normal leading-[39.02px] text-center mb-5 lg:mb-10 text-[#194F90] headerTextWraper" role="heading" style="font-family: 'Montserrat', sans-serif; "> 1343 <strong role="heading">LifeWave XâO Key Benefits</strong> 1344 </p> 1345 1346 <!-- Text Area, no left padding --> 1347 <div id="vdTextWrapperb1e647e24005" class="text-base overflow-y-auto" style="padding:0;"> 1348 <div class="block-text-wrapper block-text-wrapper-custom"><ul><li><p>LifeWave X2O delivers light into the body through the water you drink</p></li><li><p>Optimize hydration at the cellular level</p></li><li><p>Provide antioxidant properties by infusing water with hydrogen (Hâ), which acts as an antioxidant when dissolved in water, supporting the bodyâs natural defenses*</p></li><li><p>May help reduce oxidative stress</p></li><li><p>Support bioelectrical activity, energy levels, and circulation</p></li><li><p>Support metabolism and nutrient absorption</p></li><li><p>Designed to amplify the benefits of LifeWaveâs non-transdermal patches and Cellergize supplements</p></li></ul></div> 1349 </div> 1350 <!-- Read More Label aligned to the bottom left --> 1351 </div> 1352 </div> 1353 1354 1355 1356 </div> 1357 <div class="centered-container-alt mx-auto" > 1358 <input type="hidden" id="hiddenOrintatedValueId1fcab6f0a256" name="hiddenOrintatedValueId1fcab6f0a256" value="True"> 1359 1360 <div class="flex flex-col lg:flex-row contentPhotoContainer readMoreText" id="contentLeftPhotoContainer1fcab6f0a256" style="display: none;"> 1361 <!-- Left Section: Image --> 1362 <div class="relative contentPhoto"> 1363 <img src="https://cdn.sanity.io/images/abq8rp7f/production/069020258d328a4fad3fa369d38727792db019ba-1536x1024.png?auto=format" alt="Description" class="w-full h-full object-cover imagehover"> 1364 </div> 1365 1366 <!-- Right Section: Text, reintroducing left padding for the text area --> 1367 <div class="flex-1 flex px-4 sm:px-0 flex-col contentTextContainer "> 1368 <!-- Header Text --> 1369 <p class="text-[32px] font-normal leading-[39.02px] text-center mb-5 lg:mb-10 text-[#194F90] headerTextWraper" role="heading" style="font-family: 'Montserrat', sans-serif;"> 1370 <strong role="heading">How LifeWave XâO Infuses Water with Light</strong> 1371 </p> 1372 1373 <!-- Text Area, with left padding reintroduced --> 1374 <div id="vdTextWrapper1fcab6f0a256" class="text-base overflow-y-auto" style="padding:0;"> 1375 <div class="block-text-wrapper block-text-wrapper-custom"><div id='content9326b3d0-c7a2-412d-b941-60a6b9ce33b3' ><p><strong>LifeWave XâO </strong>uses a patented process to treat water with selected wavelengths of light: <strong>550 nm, 630 nm, 710 nm</strong>.<br>Inside the system, water undergoes a 45-minute processing cycle. During this process, light panels infuse the water with a blend of selected wavelengths of light. Light is a form of electromagnetic activity. Because each water molecule has both a positive and negative side, water can interact with electromagnetic fields, including those created by light.<span>...</span><div><a href='#' id='readMore9326b3d0-c7a2-412d-b941-60a6b9ce33b3' class='9326b3d0-c7a2-412d-b941-60a6b9ce33b3ShowHideMore'></a></div></div> 1376
1376<script type="text/javascript"> 1377 require(["jquery"], function ($) { 1378 function registerShowHideMore(readMoreText,readsLessText) { 1379 1380 $('#readMore9326b3d0-c7a2-412d-b941-60a6b9ce33b3').text(readMoreText); 1381 $('#readLess9326b3d0-c7a2-412d-b941-60a6b9ce33b3').text(readsLessText); 1382 $('.9326b3d0-c7a2-412d-b941-60a6b9ce33b3ShowHideMore').on('click', function (event) { 1383 event.preventDefault(); 1384 var fullHtml = ''; 1385 1386 if (event.currentTarget.id.indexOf('readMore') !== -1) { 1387 fullHtml = '<p><strong>LifeWave XâO </strong>uses a patented process to treat water with selected wavelengths of light: <strong>550 nm, 630 nm, 710 nm</strong>.</br>Inside the system, water undergoes a 45-minute processing cycle. During this process, light panels infuse the water with a blend of selected wavelengths of light. Light is a form of electromagnetic activity. Because each water molecule has both a positive and negative side, water can interact with electromagnetic fields, including those created by light.</p><br /><p>As the selected wavelengths move through the water, they interact with the dipole structure of the water molecules. Under these conditions, the water molecules are believed to organize into coherent domains and microcavity-like structures that help hold electromagnetic activity from the selected wavelengths.</br>In simple terms, LifeWave XâO is designed to trap light in water, making it available to the body through the water you drink.</p><br /><p><em>"And God said, 'Let there be Light,' and there was light."</em> Genesis 1:3<div><b><a href='#' id='readLess9326b3d0-c7a2-412d-b941-60a6b9ce33b3' class='9326b3d0-c7a2-412d-b941-60a6b9ce33b3ShowHideMore'></a></b></div></p>'; 1388 } else { 1389 fullHtml = '<p><strong>LifeWave XâO </strong>uses a patented process to treat water with selected wavelengths of light: <strong>550 nm, 630 nm, 710 nm</strong>.<br>Inside the system, water undergoes a 45-minute processing cycle. During this process, light panels infuse the water with a blend of selected wavelengths of light. Light is a form of electromagnetic activity. Because each water molecule has both a positive and negative side, water can interact with electromagnetic fields, including those created by light.<span>...</span><div><a href='#' id='readMore9326b3d0-c7a2-412d-b941-60a6b9ce33b3' class='9326b3d0-c7a2-412d-b941-60a6b9ce33b3ShowHideMore'></a></div>'; 1390 } 1391 var decodedHtml = $('<div/>').html(fullHtml).text(); 1392 1393 $('#content9326b3d0-c7a2-412d-b941-60a6b9ce33b3').html(decodedHtml); 1394 registerShowHideMore(readMoreText,readsLessText); 1395 }); 1396 } 1397 $(window).on('registerShowHideMore', function(event, param1, param2) { 1398 console.log('Custom event triggered with parameters:', param1, param2); 1399 registerShowHideMore(param1,param2); 1400 }); 1401 1402 }); 1403 </script>
1403 1404 </div> 1405 </div> 1406 1407 <!-- Read More Label aligned to the bottom right --> 1408 </div> 1409 </div> 1410 1411 1412 <div class="flex flex-row-reverse items-start w-[1220px] h-[358px] readMoreText" id="contentRightPhotoContainer1fcab6f0a256" style="max-width: 1220px; height: 358px; margin-bottom: 20px; display: none;"> 1413 <!-- Right Section: Image --> 1414 <div class="relative contentPhoto" > 1415 <img src="https://cdn.sanity.io/images/abq8rp7f/production/069020258d328a4fad3fa369d38727792db019ba-1536x1024.png?auto=format" alt="Description" class="absolute w-full h-full object-cover imagehover"> 1416 </div> 1417 1418 <!-- Left Section: Text, no left padding for the overall container --> 1419 <div class="flex-1 flex px-4 sm:px-0 flex-col contentTextContainerLeft"> 1420 <!-- Header Text --> 1421 <p class="text-[32px] font-normal leading-[39.02px] text-center mb-5 lg:mb-10 text-[#194F90] headerTextWraper" role="heading" style="font-family: 'Montserrat', sans-serif; "> 1422 <strong role="heading">How LifeWave XâO Infuses Water with Light</strong> 1423 </p> 1424 1425 <!-- Text Area, no left padding --> 1426 <div id="vdTextWrapper1fcab6f0a256" class="text-base overflow-y-auto" style="padding:0;"> 1427 <div class="block-text-wrapper block-text-wrapper-custom"><div id='contentf0ed8301-33f7-4372-890a-3e4a40e58c4e' ><p><strong>LifeWave XâO </strong>uses a patented process to treat water with selected wavelengths of light: <strong>550 nm, 630 nm, 710 nm</strong>.<br>Inside the system, water undergoes a 45-minute processing cycle. During this process, light panels infuse the water with a blend of selected wavelengths of light. Light is a form of electromagnetic activity. Because each water molecule has both a positive and negative side, water can interact with electromagnetic fields, including those created by light.<span>...</span><div><a href='#' id='readMoref0ed8301-33f7-4372-890a-3e4a40e58c4e' class='f0ed8301-33f7-4372-890a-3e4a40e58c4eShowHideMore'></a></div></div> 1428
1428<script type="text/javascript"> 1429 require(["jquery"], function ($) { 1430 function registerShowHideMore(readMoreText,readsLessText) { 1431 1432 $('#readMoref0ed8301-33f7-4372-890a-3e4a40e58c4e').text(readMoreText); 1433 $('#readLessf0ed8301-33f7-4372-890a-3e4a40e58c4e').text(readsLessText); 1434 $('.f0ed8301-33f7-4372-890a-3e4a40e58c4eShowHideMore').on('click', function (event) { 1435 event.preventDefault(); 1436 var fullHtml = ''; 1437 1438 if (event.currentTarget.id.indexOf('readMore') !== -1) { 1439 fullHtml = '<p><strong>LifeWave XâO </strong>uses a patented process to treat water with selected wavelengths of light: <strong>550 nm, 630 nm, 710 nm</strong>.</br>Inside the system, water undergoes a 45-minute processing cycle. During this process, light panels infuse the water with a blend of selected wavelengths of light. Light is a form of electromagnetic activity. Because each water molecule has both a positive and negative side, water can interact with electromagnetic fields, including those created by light.</p><br /><p>As the selected wavelengths move through the water, they interact with the dipole structure of the water molecules. Under these conditions, the water molecules are believed to organize into coherent domains and microcavity-like structures that help hold electromagnetic activity from the selected wavelengths.</br>In simple terms, LifeWave XâO is designed to trap light in water, making it available to the body through the water you drink.</p><br /><p><em>"And God said, 'Let there be Light,' and there was light."</em> Genesis 1:3<div><b><a href='#' id='readLessf0ed8301-33f7-4372-890a-3e4a40e58c4e' class='f0ed8301-33f7-4372-890a-3e4a40e58c4eShowHideMore'></a></b></div></p>'; 1440 } else { 1441 fullHtml = '<p><strong>LifeWave XâO </strong>uses a patented process to treat water with selected wavelengths of light: <strong>550 nm, 630 nm, 710 nm</strong>.<br>Inside the system, water undergoes a 45-minute processing cycle. During this process, light panels infuse the water with a blend of selected wavelengths of light. Light is a form of electromagnetic activity. Because each water molecule has both a positive and negative side, water can interact with electromagnetic fields, including those created by light.<span>...</span><div><a href='#' id='readMoref0ed8301-33f7-4372-890a-3e4a40e58c4e' class='f0ed8301-33f7-4372-890a-3e4a40e58c4eShowHideMore'></a></div>'; 1442 } 1443 var decodedHtml = $('<div/>').html(fullHtml).text(); 1444 1445 $('#contentf0ed8301-33f7-4372-890a-3e4a40e58c4e').html(decodedHtml); 1446 registerShowHideMore(readMoreText,readsLessText); 1447 }); 1448 } 1449 $(window).on('registerShowHideMore', function(event, param1, param2) { 1450 console.log('Custom event triggered with parameters:', param1, param2); 1451 registerShowHideMore(param1,param2); 1452 }); 1453 1454 }); 1455 </script>
1455 1456 </div> 1457 </div> 1458 <!-- Read More Label aligned to the bottom left --> 1459 </div> 1460 </div> 1461 1462 1463 1464 </div> 1465 1466
1467<script type="text/javascript"> 1468 1469 require(["jquery"], function ($) { 1470 $(document).ready(function () { 1471 toggleDivVisibility(); // Call on page load 1472 $(window).resize(toggleDivVisibility); // Call on window resize 1473 }); 1474 function toggleDivVisibility() { 1475 var itemsArray ='b1e647e24005;1fcab6f0a256'.split(";") 1476 for (var i = 0; i < itemsArray.length; i++) { 1477 var currentItem = itemsArray[i]; 1478 var screenWidth = $(window).width(); 1479 if (screenWidth >= 1024) { 1480 var leftOrintated = $("#hiddenOrintatedValueId" + currentItem).val(); 1481 if (leftOrintated === "True") { 1482 $("#contentLeftPhotoContainer" + currentItem).show(); 1483 $("#contentRightPhotoContainer" + currentItem).hide(); 1484 } 1485 else { 1486 $("#contentLeftPhotoContainer" + currentItem).hide(); 1487 $("#contentRightPhotoContainer" + currentItem).show(); 1488 } 1489 } else { // Small screens 1490 $("#contentLeftPhotoContainer" + currentItem).show(); 1491 $("#contentRightPhotoContainer" + currentItem).hide(); 1492 } 1493 } 1494 } 1495 }); 1496 function ReadMoreClick(index, readMoreButtonText, readLessButtonText, extendedHtml, originalContent) { 1497 var textAreas = document.querySelectorAll("#vdTextWrapper" + index); 1498 var buttons = document.querySelectorAll("#vdReadMore" + index); // Assuming you add class="vdReadMoreArrow" to both SVG arrows 1499 1500 var arrows = document.querySelectorAll(".vdReadMoreArrow" + index); // Assuming you add class="vdReadMoreArrow" to both SVG arrows 1501 var isExpanded = buttons[0].innerText == readLessButtonText;// Keep track of the text area's state 1502 if (!isExpanded) { 1503 // Increase the height of the text area by 50% and change to "Read Less" 1504 textAreas.forEach(function (textArea) { 1505 textArea.innerHTML += extendedHtml; 1506 }); 1507 1508 buttons.forEach(function (button) { 1509 button.innerText = readLessButtonText; 1510 }); 1511 1512 // Flip arrows direction 1513 arrows.forEach(function (arrow) { 1514 arrow.style.transform = "rotate(180deg)"; 1515 }); 1516 1517 } else { 1518 textAreas.forEach(function (textArea) { 1519 textArea.innerHTML = originalContent; 1520 }); 1521 buttons.forEach(function (button) { 1522 button.innerText = readMoreButtonText; 1523 }); 1524 1525 // Reset arrows direction 1526 arrows.forEach(function (arrow) { 1527 arrow.style.transform = "rotate(0deg)"; 1528 }); 1529 1530 } 1531 }; 1532</script>
1532 1533
1533<script> 1534 function expandSection(element) { 1535 // Find the previous sibling (the <p> tag with the text content) 1536 var textContent = element.previousElementSibling; 1537 1538 // Toggle the height to expand or collapse 1539 if (textContent.style.height === "auto") { 1540 textContent.style.height = "50%"; // Reset to original height if needed 1541 } else { 1542 textContent.style.height = "auto"; // Expand the section 1543 } 1544 } 1545 </script>
1545 1546<div class="my-[60px] md:my-[80px]"> 1547 <picture class="divider-image"> 1548 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/bd3fbfeb4b67a47dbd003c86e3c90e61987c1547-544x4.svg?auto=format" /> 1549 <img src="https://cdn.sanity.io/images/abq8rp7f/production/bd3fbfeb4b67a47dbd003c86e3c90e61987c1547-544x4.svg?auto=format" class="w-full max-w-[350px] md:max-w-[540px] px-[50px] mx-auto" loading="lazy" onerror="this.onerror=null;_helpers.handleImageError(this)" /> 1550 </picture> 1551</div> 1552 1553<div class="lg:mb-[100px] md:mx-[50px] mb-[50px]"> 1554 <div> 1555 <div class="text-center mx-[50px] mb-[30px] lg:mb-[40px]" id=""> 1556 <p class="heading-3 text-nautical-blue"> 1557 1558 </p> 1559 1560 <div class="lg:w-[730px] mt-[15px] lg:mt-[16px] lg:mx-auto"> 1561 <div class="body-1 text-center text-anthracite-grey"><div class="block-text-wrapper block-text-wrapper-custom"><h3><span style="color:#194f90"><strong>What Makes LifeWave XâO Different</span></strong></h3><br /></div></div> 1562 </div> 1563 </div> 1564 1565 </div> 1566 <div class="max-w-[920px] grid grid-cols-1 xs:grid-cols-2 mt-[40px] gap-x-[30px] mx-[50px] lg:mx-auto"> 1567 1568 <div class="justify-center first:mb-[30px] xs:first:mb-0 items-center text-center"> 1569 <picture> 1570 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/2f9d0180428dcf83e2bf9da6fdb6ff89e3b2296d-9996x6918.jpg?rect=799,0,8485,6918&auto=format" /> 1571 <img src="https://cdn.sanity.io/images/abq8rp7f/production/2f9d0180428dcf83e2bf9da6fdb6ff89e3b2296d-9996x6918.jpg?rect=523,0,8845,6918&auto=format" class="w-full md:w-[445px] object-cover" loading="lazy" onerror="this.onerror=null;_helpers.handleImageError(this)" /> 1572 </picture> 1573 <p class="subtitle-1 text-center text-nautical-blue mt-[30px]">LifeWave XâO</p> 1574 <div class="caption w-full text-center text-anthracite-grey mx-auto mt-[10px] mb-[15px] lg:w-[315px]"> 1575 <div class="block-text-wrapper text-left"><p><div style="font-size: 16px;"></br><p><strong>Light-Infused⢠Technology</strong></br>Treats water with selected wavelengths of light through a patented light-infusion process.</p></br><p><strong>Hydrogen Enrichment*</strong></br>Adds molecular hydrogen (Hâ) to support antioxidant activity and cellular wellness.</p></br><p><strong>Filtration**</strong></br>Advanced dual-stage filtration that helps remove contaminants for a cleaner drinking experience.</p></br><p><strong>Multi-Source Compatibility</strong></br>Works with tap, spring, distilled, and lite water.</p></br><p><strong>Smart Monitoring</strong></br>Tracks system performance and maintenance needs.</p></br><p><strong>Design & Durability</strong></br>Stainless steel, certified polymers, elegant touchscreen display.</p></br><p><strong>Purpose-Driven Water</strong></br>Designed to support vitality, energy, and the bodyâs natural renewal.</p></br></div></p></div> 1576 </div> 1577 </div> 1578 <div class="justify-center first:mb-[30px] xs:first:mb-0 items-center text-center"> 1579 <picture> 1580 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/1db0a09be
15806988dec9bdb4753133bb0d853acee3e-1402x1122.png?rect=163,20,1171,1088&auto=format" /> 1581 <img src="https://cdn.sanity.io/images/abq8rp7f/production/1db0a09be6988dec9bdb4753133bb0d853acee3e-1402x1122.png?rect=0,7,1402,1101&auto=format" class="w-full md:w-[445px] object-cover" loading="lazy" onerror="this.onerror=null;_helpers.handleImageError(this)" /> 1582 </picture> 1583 <p class="subtitle-1 text-center text-nautical-blue mt-[30px]">Traditional Water Systems</p> 1584 <div class="caption w-full text-center text-anthracite-grey mx-auto mt-[10px] mb-[15px] lg:w-[315px]"> 1585 <div class="block-text-wrapper text-left"><p><div style="font-size: 16px;"></br><p><strong>Light-Infused Technology</strong></br>Not available.</p></br><p><strong>Hydrogen Enrichment</strong></br>Rarely included.</p></br><p><strong>Filtration</strong></br>Single-stage or limited filtration.</p></br><p><strong>Multi-Source Compatibility</strong></br>Limited or requires pre-filtration.</p></br><p><strong>Smart Monitoring</strong></br>Manual or not available.</p></br><p><strong>Design & Durability</strong></br>Plastic-heavy, less durable construction.</p></br><p><strong>Purpose-Driven Water</strong></br>Focused primarily on basic water filtration.</p></br></div></p></div> 1586 </div> 1587 </div> 1588 </div> 1589</div><div class="flex flex-col items-center mb-[80px] mx-[50px] md:mx-auto md:max-w-[730px]"> 1590 <div class="body-1 text-center text-anthracite-grey"><div class="block-text-wrapper block-text-wrapper-custom"><p><em>Comparison for illustrative purposes only. This page references an image of a generic countertop water filtration and treatment system. Such system is not associated with any brand, company, or commercial offering. All comparative visuals are AI-generated and intended solely to demonstrate general concepts.</em></p></div></div> 1591</div><div class="my-[60px] md:my-[80px]"> 1592 <picture class="divider-image"> 1593 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/bd3fbfeb4b67a47dbd003c86e3c90e61987c1547-544x4.svg?auto=format" /> 1594 <img src="https://cdn.sanity.io/images/abq8rp7f/production/bd3fbfeb4b67a47dbd003c86e3c90e61987c1547-544x4.svg?auto=format" class="w-full max-w-[350px] md:max-w-[540px] px-[50px] mx-auto" loading="lazy" onerror="this.onerror=null;_helpers.handleImageError(this)" /> 1595 </picture> 1596</div><style> 1597 1598 .text-center { 1599 text-wrap: unset !important 1600 } 1601 1602 .swipper-header-people { 1603 font-family: 'Montserrat', sans-serif; 1604 font-weight: 400; 1605 font-size: 32px; 1606 line-height: 39.01px; 1607 color: #194F90; 1608 margin-bottom: 20px; 1609 } 1610 1611 1612 1613 .swipper-header-emphasised { 1614 font-family: 'Montserrat', sans-serif; 1615 font-weight: 700; 1616 font-size: 32px; 1617 line-height: 39.01px; 1618 color: #194F90; 1619 } 1620 1621 .swipper-strap-people { 1622 font-family: 'Montserrat'; 1623 font-weight: 400; 1624 font-size: 20px; 1625 line-height: 20px; 1626 color: #000000; 1627 } 1628 1629 .peopleSwiper { 1630 max-width: 1240px; /* Set the maximum width of the slider */ 1631 height: 327px; /* Set the height of the slider */ 1632 margin-left: auto; /* Center the slider */ 1633 margin-right: auto; /* Center the slider */ 1634 margin-bottom: 50px; 1635 } 1636 1637 .gold-horizontal-line { 1638 height: 2px; /* Set the height of the line */ 1639 background-color: #E2A718; /* Set the color of the line */ 1640 width: 1220px; 1641 } 1642 1643 .golden-hr-people { 1644 margin-left: auto; 1645 margin-right: auto; 1646 border-top: 3px solid #E2A718; 1647 } 1648 1649 .quotebytextpeople { 1650 width: 100%; 1651 } 1652 1653 @media (min-width: 1024px) { 1654 .swiper-item-main-text p { 1655 text-align: justify; 1656 padding-right: 1rem; 1657 width: 530px; 1658 } 1659 1660 .quotebytextpeople { 1661 width: 515px; 1662 } 1663 } 1664 1665 @media (min-width: 768px) {
1666 /* For screens wider than 768px (typical desktop screens) */ 1667 .max-w-md { 1668 max-width: 500px; 1669 } 1670 } 1671 1672 @media (max-width: 1024px) { 1673 .peopleSwiper { 1674 height: auto; 1675 justify-content: center; 1676 align-items: center; 1677 margin-bottom: 25px; 1678 } 1679 1680 .peopleSwiperText { 1681 justify-content: center; 1682 align-items: center; 1683 width: 90%; 1684 } 1685 1686 .golden-hr-people { 1687 width: 100%; 1688 } 1689 } 1690 1691 1692 1693 @media (max-width: 640px) { 1694 .swiper-button-prev, .swiper-button-next { 1695 top: 58%; 1696 } 1697 } 1698 1699 .swiper-button-next { 1700 right: 0px; 1701 left: auto; 1702 } 1703 1704 1705 .swiper-button-prev { 1706 left: 0px; 1707 right: auto; 1708 } 1709 1710 @media (max-width: 1024px) { 1711 .carousel-saying-next img, .carousel-saying-prev img { 1712 display: none; 1713 } 1714 } 1715 @media (min-width: 1024px) { 1716 .carousel-saying-next img, .carousel-saying-prev img { 1717 display: inline; 1718 } 1719 } 1720 @media only screen and (max-width: 1023px) { 1721 .carousel-saying-pagination { 1722 bottom: 25px !important; 1723 } 1724 } 1725 1726 @media (max-width: 1024px) { 1727 .subtitle-2 { 1728 font-size: 16px; /* Font size for screens less than 1024px */ 1729 } 1730} 1731</style> 1732 1733 1734<div class="max-w-[1209px] text-center w-full mx-auto mt-[32px] lg:mb-[32px]"> 1735 1736 1737 1738 <div class="text-center"> 1739 1740 <p class="swipper-header-people" id="headerPeople" style="display:none;" role="heading"><strong role="heading">Real People. Real Results.</strong></p> 1741 <p class="swipper-strap-people" role="heading"></p> 1742 1743 </div> 1744 <div class="swiper-custom-navigation mt-4 pb-0 lg:pb-[50px] relative pb-[50px] carousel-69e1a72c-864b-4c1b-a804-e32bcb6fb0a4"> 1745 <div class="swiper carousel-saying"> 1746 <div class="swiper-wrapper"> 1747<div class="swiper-slide flex justify-center"> 1748 <div class="relative"> 1749 <div class="relative"> 1750 <picture> 1751 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/f1730a486bdf8fe73fb90923abc5d9d6a68c019f-1672x941.png?auto=format"/> 1752 <img src="https://cdn.sanity.io/images/abq8rp7f/production/f1730a486bdf8fe73fb90923abc5d9d6a68c019f-1672x941.png?auto=format" class="object-cover object-center h-[400px] min-w-full md:rounded-[15px]" alt="Photo" loading="lazy" onerror="this.onerror=null;_helpers.handleImageError(this)"/> 1753 </picture> 1754 </div> 1755 <div class="absolute top-[32px] left-[32px] lg:top-[0px] lg:bottom-[0] h-fit my-auto lg:left-[50px] hidden lg:block" > 1756 <div class="md:w-[94%] h-auto overflow-auto rounded-[15px] bg-white/[0.86]" > 1757 <div class="p-[50px] body-1 "> 1758 <div class="testimonial-text"> 1759 <div class="block-text-wrapper block-text-wrapper-custom"><p>"The taste of XâO is crisp and clean. I've noticed an improvement in energy since I started drinking the water, and I'm only in week 2!"</p><br /><p><strong><p class="text-left">Wendy Fish</strong><sup><strong>â </strong></sup></p></p></div> 1760 1761 </div> 1762 <div class="mt-[15px]"> 1763 <p class="w-[209px] text-sm text-left text-anthracite-grey"> 1764 <span class="body-2-bold"></span> 1765 <br> 1766 <span class="body-2"></span> 1767 </p> 1768 </div> 1769 1770 </div> 1771 1772 </div> 1773 </div> 1774 <div class="lg:hidden bg-insignia-white overflow-auto pt-[30px] pb-[70px] px-4 lg:px-[50px]"> 1775 1776 <p class="subtitle-1 text-center text-nautical-blue"></p> 1777 <p class="body-2 text-center text-anthracite-grey mt-[5px]"></p> 1778 <div class="subtitle-2 text-center text-anthracite-grey mt-[15px]"> 1779 <div id="vdTextWrapperdd5b2f175873"> 1780 <div class="block-text-wrapper block-text-wrapper-custom"><p>"The taste of XâO is crisp and clean. I've noticed an improvement in energy since I started drinking the water, and I'm only in week 2!"</p><br />
1780<p><strong><p class="text-left">Wendy Fish</strong><sup><strong>â </strong></sup></p></p></div> 1781 </div> 1782 </div> 1783 </div> 1784 </div> 1785 </div> 1786<div class="swiper-slide flex justify-center"> 1787 <div class="relative"> 1788 <div class="relative"> 1789 <picture> 1790 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/f1730a486bdf8fe73fb90923abc5d9d6a68c019f-1672x941.png?auto=format"/> 1791 <img src="https://cdn.sanity.io/images/abq8rp7f/production/f1730a486bdf8fe73fb90923abc5d9d6a68c019f-1672x941.png?auto=format" class="object-cover object-center h-[400px] min-w-full md:rounded-[15px]" alt="Photo" loading="lazy" onerror="this.onerror=null;_helpers.handleImageError(this)"/> 1792 </picture> 1793 </div> 1794 <div class="absolute top-[32px] left-[32px] lg:top-[0px] lg:bottom-[0] h-fit my-auto lg:left-[50px] hidden lg:block" > 1795 <div class="md:w-[94%] h-auto overflow-auto rounded-[15px] bg-white/[0.86]" > 1796 <div class="p-[50px] body-1 "> 1797 <div class="testimonial-text"> 1798 <div class="block-text-wrapper block-text-wrapper-custom"><p>âAfter the first glass, I played singles tennis and did not experience the usual post-tennis fatigue. I am grateful to have this technology and be able to share it with others. Plus, it looks very impressive on my kitchen counter!"</p><br /><p><strong><p class="text-left">Peggy Sealfon</strong><sup><strong>â </strong></sup></p></p></div> 1799 1800 </div> 1801 <div class="mt-[15px]"> 1802 <p class="w-[209px] text-sm text-left text-anthracite-grey"> 1803 <span class="body-2-bold"></span> 1804 <br> 1805 <span class="body-2"></span> 1806 </p> 1807 </div> 1808 1809 </div> 1810 1811 </div> 1812 </div> 1813 <div class="lg:hidden bg-insignia-white overflow-auto pt-[30px] pb-[70px] px-4 lg:px-[50px]"> 1814 1815 <p class="subtitle-1 text-center text-nautical-blue"></p> 1816 <p class="body-2 text-center text-anthracite-grey mt-[5px]"></p> 1817 <div class="subtitle-2 text-center text-anthracite-grey mt-[15px]"> 1818 <div id="vdTextWrapper4bdab4902dd3"> 1819 <div class="block-text-wrapper block-text-wrapper-custom"><p>âAfter the first glass, I played singles tennis and did not experience the usual post-tennis fatigue. I am grateful to have this technology and be able to share it with others. Plus, it looks very impressive on my kitchen counter!"</p><br /><p><strong><p class="text-left">Peggy Sealfon</strong><sup><strong>â </strong></sup></p></p></div> 1820 </div> 1821 </div> 1822 </div> 1823 </div> 1824 </div> 1825<div class="swiper-slide flex justify-center"> 1826 <div class="relative"> 1827 <div class="relative"> 1828 <picture> 1829 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/f1730a486bdf8fe73fb90923abc5d9d6a68c019f-1672x941.png?auto=format"/> 1830 <img src="https://cdn.sanity.io/images/abq8rp7f/production/f1730a486bdf8fe73fb90923abc5d9d6a68c019f-1672x941.png?auto=format" class="object-cover object-center h-[400px] min-w-full md:rounded-[15px]" alt="Photo" loading="lazy" onerror="this.onerror=null;_helpers.handleImageError(this)"/> 1831 </picture> 1832 </div> 1833 <div class="absolute top-[32px] left-[32px] lg:top-[0px] lg:bottom-[0] h-fit my-auto lg:left-[50px] hidden lg:block" > 1834 <div class="md:w-[94%] h-auto overflow-auto rounded-[15p
1834x] bg-white/[0.86]" > 1835 <div class="p-[50px] body-1 "> 1836 <div class="testimonial-text"> 1837 <div class="block-text-wrapper block-text-wrapper-custom"><p>âI definitely feel so much more energized throughout the day. I love it!"</p><br /><p><strong><p class="text-left">Dr. Staci Holweger</strong><sup><strong>â </strong></sup></p></p></div> 1838 1839 </div> 1840 <div class="mt-[15px]"> 1841 <p class="w-[209px] text-sm text-left text-anthracite-grey"> 1842 <span class="body-2-bold"></span> 1843 <br> 1844 <span class="body-2"></span> 1845 </p> 1846 </div> 1847 1848 </div> 1849 1850 </div> 1851 </div> 1852 <div class="lg:hidden bg-insignia-white overflow-auto pt-[30px] pb-[70px] px-4 lg:px-[50px]"> 1853 1854 <p class="subtitle-1 text-center text-nautical-blue"></p> 1855 <p class="body-2 text-center text-anthracite-grey mt-[5px]"></p> 1856 <div class="subtitle-2 text-center text-anthracite-grey mt-[15px]"> 1857 <div id="vdTextWrapperb116c4b89616"> 1858 <div class="block-text-wrapper block-text-wrapper-custom"><p>âI definitely feel so much more energized throughout the day. I love it!"</p><br /><p><strong><p class="text-left">Dr. Staci Holweger</strong><sup><strong>â </strong></sup></p></p></div> 1859 </div> 1860 </div> 1861 </div> 1862 </div> 1863 </div> 1864<div class="swiper-slide flex justify-center"> 1865 <div class="relative"> 1866 <div class="relative"> 1867 <picture> 1868 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/f1730a486bdf8fe73fb90923abc5d9d6a68c019f-1672x941.png?auto=format"/> 1869 <img src="https://cdn.sanity.io/images/abq8rp7f/production/f1730a486bdf8fe73fb90923abc5d9d6a68c019f-1672x941.png?auto=format" class="object-cover object-center h-[400px] min-w-full md:rounded-[15px]" alt="Photo" loading="lazy" onerror="this.onerror=null;_helpers.handleImageError(this)"/> 1870 </picture> 1871 </div> 1872 <div class="absolute top-[32px] left-[32px] lg:top-[0px] lg:bottom-[0] h-fit my-auto lg:left-[50px] hidden lg:block" > 1873 <div class="md:w-[94%] h-auto overflow-auto rounded-[15px] bg-white/[0.86]" > 1874 <div class="p-[50px] body-1 "> 1875 <div class="testimonial-text"> 1876 <div class="block-text-wrapper block-text-wrapper-custom"><p>âOur first impressions? The water tastes incredibly clean and smooth. Itâs now part of our morning routine, and the best part is we no longer rely on caffeine to get going. A week in, and weâre truly loving this water. Weâre excited to see what other benefits unfold as we continue using it.â</p><br /><p><strong><p class="text-left">LaShawn Jackson</strong><sup><strong>â </strong></sup></p></p></div> 1877 1878 </div> 1879 <div class="mt-[15px]"> 1880 <p class="w-[209px] text-sm text-left text-anthracite-grey"> 1881 <span class="body-2-bold"></span> 1882 <br> 1883 <span class="body-2"></span> 1884 </p> 1885 </div> 1886 1887 </div> 1888 1889 </div> 1890 </div> 1891 <div class="lg:hidden bg-insignia-white overflow-auto pt-[30px] pb-[70px] px-4 lg:px-[50px]"> 1892 1893 <p class="subtitle-1 text-center text-nautical-blue"></p> 1894 <p class="body-2 text-center text-anthracite-grey mt-[5px]"></p> 1895 <div class="subtitle-2 text-center text-anthracite-grey mt-[15px]"> 1896 <div id="vdTextWrappera9f7109986a1743ddb57591d8cd399a8"> 1897 <div class="block-text-wrapper block-text-wrapper-custom"><p>âOur first impressions? The water tastes incredibly clean and smooth. Itâs now part of our morning routine, and the best part is we no longer rely on caffeine to get going. A week in, and weâre truly loving this water. Weâre excited to see what other benefits unfold as we continue using it.â</p><br />
1897<p><strong><p class="text-left">LaShawn Jackson</strong><sup><strong>â </strong></sup></p></p></div> 1898 </div> 1899 </div> 1900 </div> 1901 </div> 1902 </div> 1903<div class="swiper-slide flex justify-center"> 1904 <div class="relative"> 1905 <div class="relative"> 1906 <picture> 1907 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/f1730a486bdf8fe73fb90923abc5d9d6a68c019f-1672x941.png?auto=format"/> 1908 <img src="https://cdn.sanity.io/images/abq8rp7f/production/f1730a486bdf8fe73fb90923abc5d9d6a68c019f-1672x941.png?auto=format" class="object-cover object-center h-[400px] min-w-full md:rounded-[15px]" alt="Photo" loading="lazy" onerror="this.onerror=null;_helpers.handleImageError(this)"/> 1909 </picture> 1910 </div> 1911 <div class="absolute top-[32px] left-[32px] lg:top-[0px] lg:bottom-[0] h-fit my-auto lg:left-[50px] hidden lg:block" > 1912 <div class="md:w-[94%] h-auto overflow-auto rounded-[15px] bg-white/[0.86]" > 1913 <div class="p-[50px] body-1 "> 1914 <div class="testimonial-text"> 1915 <div class="block-text-wrapper block-text-wrapper-custom"><p>âThe LifeWave XâO water system has been one of the most surprising and impactful additions to my health routine in years. If these results continue, this may very well be one of the most life-changing health investments Iâve ever made.â </p><br /><p><strong><p class="text-left">Manuel G Ochoa</strong><sup><strong>â </strong></sup></p></p></div> 1916 1917 </div> 1918 <div class="mt-[15px]"> 1919 <p class="w-[209px] text-sm text-left text-anthracite-grey"> 1920 <span class="body-2-bold"></span> 1921 <br> 1922 <span class="body-2"></span> 1923 </p> 1924 </div> 1925 1926 </div> 1927 1928 </div> 1929 </div> 1930 <div class="lg:hidden bg-insignia-white overflow-auto pt-[30px] pb-[70px] px-4 lg:px-[50px]"> 1931 1932 <p class="subtitle-1 text-center text-nautical-blue"></p> 1933 <p class="body-2 text-center text-anthracite-grey mt-[5px]"></p> 1934 <div class="subtitle-2 text-center text-anthracite-grey mt-[15px]"> 1935 <div id="vdTextWrappera2e7d4fb2236e5af32a68c34dc2298ee"> 1936 <div class="block-text-wrapper block-text-wrapper-custom"><p>âThe LifeWave XâO water system has been one of the most surprising and impactful additions to my health routine in years. If these results continue, this may very well be one of the most life-changing health investments Iâve ever made.â </p><br /><p><strong><p class="text-left">Manuel G Ochoa</strong><sup><strong>â </strong></sup></p></p></div> 1937 </div> 1938 </div> 1939 </div> 1940 </div> 1941 </div> 1942 </div> 1943 </div> 1944 <div class="swiper-buttons-outside"> 1945 <div class="swiper-button-prev carousel-saying-prev"> 1946 <img src="/Content/cms/public/assets/svg/left-arrow.svg" class="" alt="photo-image" /> 1947 </div> 1948 <div class="swiper-button-next carousel-saying-next"> 1949 <img src="/Content/cms/public/assets/svg/right-arrow.svg" class="" alt="photo-image" /> 1950 </div> 1951 <div class=""> 1952 <div class="swiper-pagination carousel-saying-pagination" role="none"></div> 1953 </div> 1954 </div> 1955 </div> 1956 1957 1958</div> 1959<br/>
1960<script> 1961 1962 function ReadMoreClickTestimonial(key) { 1963 var textAreas = document.querySelectorAll("#vdTextWrapper" + key); 1964 var buttons = document.querySelectorAll("#vdReadMore" + key); // Assuming you add class="vdReadMoreArrow" to both SVG arrows 1965 1966 var arrows = document.querySelectorAll(".vdReadMoreArrow" + key); // Assuming you add class="vdReadMoreArrow" to both SVG arrows 1967 var hiddenTextID = "#hiddenTextID" + key; 1968 var hiddenExtendedID = "#hiddenExtendedID" + key; 1969 1970 1971 var isExpanded = buttons[0].innerText == '';// Keep track of the text area's state 1972 if (!isExpanded) { 1973 // Increase the height of the text area by 50% and change to "Read Less" 1974 textAreas.forEach(function (textArea) { 1975 textArea.innerHTML += $(hiddenExtendedID).val(); 1976 }); 1977 1978 buttons.forEach(function (button) { 1979 button.innerText = ''; 1980 }); 1981 1982 // Flip arrows direction 1983 arrows.forEach(function (arrow) { 1984 arrow.style.transform = "rotate(180deg)"; 1985 }); 1986 $('.swiper-wrapper').css('height', 'auto'); 1987 1988 } else { 1989 // Decrease the height of the text area by 33.33% (to reverse the 50% increase) and change back to "Read More" 1990 textAreas.forEach(function (textArea) { 1991 textArea.innerHTML = $(hiddenTextID).val(); 1992 }); 1993 buttons.forEach(function (button) { 1994 button.innerText = ''; 1995 }); 1996 1997 $('.swiper-wrapper').css('height', 'auto'); 1998 // Reset arrows direction 1999 arrows.forEach(function (arrow) { 2000 arrow.style.transform = "rotate(0deg)"; 2001 }); 2002 2003 } 2004 } 2005 var options = { 2006 direction: "horizontal", 2007 loop: false, 2008 autoHeight: true, 2009 slidesPerView: 1, 2010 centeredSlides: true, 2011 loop: true, 2012 // If we need pagination 2013 pagination: { 2014 el: "." + 'carousel-69e1a72c-864b-4c1b-a804-e32bcb6fb0a4' + " .carousel-saying-pagination", 2015 clickable: true, 2016 }, 2017 2018 // Navigation arrows 2019 navigation: { 2020 nextEl: "." + 'carousel-69e1a72c-864b-4c1b-a804-e32bcb6fb0a4' + " .carousel-saying-next", 2021 prevEl: "." + 'carousel-69e1a72c-864b-4c1b-a804-e32bcb6fb0a4' + " .carousel-saying-prev", 2022 }, 2023 2024 // And if we need scrollbar 2025 scrollbar: { 2026 el: "." + 'carousel-69e1a72c-864b-4c1b-a804-e32bcb6fb0a4' + " .swiper-scrollbar", 2027 }, 2028 } 2029 2030 2031 if (false) { 2032 options.grabCursor = true; 2033 options.speed = 2000; 2034 options.freeMode = true; 2035 options.autoplay = { 2036 enabled: true, 2037 delay: 3000, 2038 disableOnInteraction: false, 2039 pauseOnMouseEnter: true 2040 }; 2041 } 2042 2043 new Swiper("." + 'carousel-69e1a72c-864b-4c1b-a804-e32bcb6fb0a4' + " .carousel-saying", options); 2044 2045</script>
2045 2046 2047
2047<script type="text/javascript"> 2048 require(["jquery"], function ($) { 2049 2050 2051 $(document).ready(function () { 2052 2053 $(".close-button").click(function () { 2054 $(this).closest("#videoModal").hide(); 2055 $(this).parent().siblings("#iframeVideo").attr('src', ''); 2056 }) 2057 2058 // click event for the play icon 2059 $("." + 'playVideoModal-69e1a72c-864b-4c1b-a804-e32bcb6fb0a4').click(function (event) { 2060 var iframes = document.getElementsByTagName("iframe"); 2061 for (var i = 0; i < iframes.length; i++) { 2062 iframes[i].contentWindow.postMessage('{"event":"command","func": "pauseVideo","args":""}', "*"); 2063 } 2064 var videoUrl = $(this).attr("data-videoUrl"); 2065 2066 $("." + 'videoModal-69e1a72c-864b-4c1b-a804-e32bcb6fb0a4').find("#iframeVideo").attr('src', videoUrl); 2067 2068 $("." + 'videoModal-69e1a72c-864b-4c1b-a804-e32bcb6fb0a4').modal({ 2069 fadeDuration: 100 2070 }); 2071 }) 2072 2073 2074 }); 2075 }); 2076 </script>
2076 2077
2077<script> 2078 require(["jquery"], function ($) { 2079 function isMobileDevicePeople() { 2080 return window.innerWidth <= 1024 2081 } 2082 function handlePeopleResize() { 2083 console.log("handlePeopleResize"); 2084 if (isMobileDevicePeople()) { 2085 $('#headerPeople').html('<strong role="heading">Real People. Real Results.</strong>'); 2086 } 2087 else { 2088 $('#headerPeople').html('<strong role="heading">Real People. Real Results.</strong>'); 2089 } 2090 } 2091 $(window).resize(function () { 2092 clearTimeout(window.resizedPeopleFinished); 2093 window.resizedSpotlightFinished = setTimeout(function () { 2094 handlePeopleResize(); 2095 }, 100); 2096 }); 2097 $(document).ready(function () { 2098 handlePeopleResize(); 2099 $('#headerPeople').show(); 2100 }); 2101 }); 2102 </script>
2102<div class="flex flex-col items-center lg:mb-[80px] mb-[50px] px-[15px] mx-[auto] w-[320px] sm:w-[500px] lg:w-[920px]"> 2103 2104 <div> 2105 <a id="" class="btn-primary w-full xs:min-w-[310px] px-[18px] py-[13px] md:py-[9px] leading-[18px]" href="/lifewaveinc/store/product/LW-X2O-WM-USA" target="_self" rel=""> 2106 Experience the Light 2107 </a> 2108 2109 </div> 2110</div> 2111 2112<div class="flex flex-col items-center mb-[60px] md:mb-[80px] px-[15px] mx-[auto] w-[320px] sm:w-[500px] lg:w-[920px]"> 2113 <div class="heading-3 text-center text-nautical-blue" id=""> 2114 <div class="block-text-wrapper block-text-wrapper-custom"><p><strong>Build Your LifeWave Wellness Routine</strong></p></div> 2115 </div> 2116 </div><style> 2117 .threePanelSummarySubHeader { 2118 margin-bottom: 10px; 2119 margin-top: 20px; 2120 color: #194F90; 2121 } 2122 2123 @media (min-width: 1024px) { 2124 .threePanelSummaryContainer { 2125 width: 1228px; 2126 } 2127 .threePanelSummarySection { 2128 width: 30.333333%; 2129 2130 } 2131 .threePanelSummaryReadMores { 2132 display:none; 2133 } 2134 .threepanelstraplineMobile p { 2135 display: none; 2136 } 2137 2138 2139 } 2140 2141 .quotebytext3panel { 2142 width: 100%; 2143 margin-top: 10px; 2144 } 2145 2146 @media (max-width: 1023px) { 2147 .threePanelSummaryAll { 2148 flex-direction: column; 2149 } 2150 2151 .threePanelSummaryReadMoresRow { 2152 display: none; 2153 } 2154 2155 .threepanelstrapline p { 2156 display: none; 2157 } 2158 2159 } 2160 2161 2162 2163 2164</style> 2165<div class="container mx-auto threePanelSummaryContainer"> 2166 <div class="flex justify-between items-start p-4 lg:pb-0 threePanelSummaryAll"> 2167 <!-- Section 1 --> 2168 <div class="flex flex-col items-center threePanelSummarySection mb-4 lg:mb-0"> 2169 <div class="flex justify-center items-center lg:w-[360px] lg:h-[210px]"> 2170 <img src="https://cdn.sanity.io/images/abq8rp7f/production/6fbd0034d8a5eb5a76576c982cc82017ae8dff4e-14034x10525.jpg?auto=format" class="object-contain max-w-full max-h-full"> 2171 </div> 2172 <h2 class="text-xl font-semibold text-center threePanelSummarySubHeader"></h2> 2173 <div class="text-center threepanelstrapline"> 2174 <p class="text-center"><div class="block-text-wrapper text-center"><p><p style="font-size:22px;"><strong><span style="color:#194f90">ESSENTIAL: LifeWave X39<sup>®<sup></strong></span></p></p><br /><p>Start your day with the X39 patch to help support energy flow, strength, and stamina.</p><br /><p></br><a class="mx-auto btn-primary min-w-[80%] xs:min-w-[220px] px-[18px] py-[13px] md:py-[9px] leading-[18px] bg-nautical-blue" style="width:10%" href="https://Lifewave.com/lifewaveinc/store/product/39000.022.009"><span style="color:#ffffff">Shop X39</span></a></p></div></p> 2175 </div> 2176 2177 <div class="text-center threepanelstraplineMobile"> 2178 <p class="text-center "><div class="block-text-wrapper text-center"><p>Start your day with the X39 patch to help support energy flow, strength, and stamina.</p></div></p> 2179 </div> 2180 2181 2182 </div> 2183 2184 <!-- Section 2 --> 2185 <div class="flex flex-col items-center threePanelSummarySection mb-4 lg:mb-0"> 2186 <div class="flex justify-center items-center lg:w-[360px] lg:h-[210px]"> 2187 <img src="https://cdn.sanity.io/images/abq8rp7f/production/7a1def97a77fa16315d3b0e897591946a3458708-2390x1792.png?auto=format" class="object-contain max-w-full max-h-full"> 2188 </div> 2189 <h2 class="text-xl font-semibold text-center threePanelSummarySubHeader">ENHANCED: Cellular Performance System</h2> 2190 <div class="text-center threepanelstrapline"> 2191 <p class="text-center "><div class="block-text-wrapper text-center"><p>Incorporate Cellergize Morning<sup>â¢</sup> into your morning routine to activate the power of your stem cellsâ â and support overall vitality.***</br></br><a class="mx-auto btn-primary min-w-[80%] xs:min-w-[220px] px-[18px] py-[13px] md:py-[9px] leading-[18px] bg-nautical-blue" style="width:10%" href="https://Lifewave.com/lifewaveinc/store/product/CELL-PERF-SYS-USA"><span style="color:#ffffff">Shop System</span></a></p><br />
2191<p></p></div></p> 2192 </div> 2193 <div class="text-center threepanelstraplineMobile"> 2194 <p class="text-center "><div class="block-text-wrapper text-center"><p>Incorporate Cellergize Morning into your morning routine to support healthy stem cellâ â activity and overall vitality.***</p></div></p> 2195 </div> 2196 </div> 2197 2198 <!-- Section 3 --> 2199 <div class="flex flex-col items-center threePanelSummarySection mb-4 lg:mb-0"> 2200 <div class="flex justify-center items-center lg:w-[360px] lg:h-[210px]"> 2201 <img src="https://cdn.sanity.io/images/abq8rp7f/production/fa371547b52fc09f057b7d33fa1a59dedb0937eb-1672x941.jpg?rect=68,0,1413,941&mobileRect=68,0,1413,941&auto=format" class="object-contain max-w-full max-h-full"> 2202 </div> 2203 <h2 class="text-xl font-semibold text-center threePanelSummarySubHeader">AMPLIFIED: X39 + Cellergize Morning + LifeWave XâO</h2> 2204 <div class="text-center threepanelstrapline"> 2205 <p class="text-center "><div class="block-text-wrapper block-text-wrapper-custom"><p>Maximize your daily wellness routine by wearing X39 and drinking LifeWave XâO mixed with Cellergize Morning.</br></br><a class="mx-auto btn-primary min-w-[80%] xs:min-w-[220px] px-[18px] py-[13px] md:py-[9px] leading-[18px] bg-nautical-blue" style="width:10%" href="https://lifewave.com/lifewaveinc/store/product/CELL-PERF-SYS-USA"><span style="color:#ffffff">Learn More</span></a></p></div></p> 2206 </div> 2207 <div class="text-center threepanelstraplineMobile"> 2208 <p class="text-center "></p> 2209 </div> 2210 </div> 2211 </div> 2212 <div class="flex justify-between items-start p-4 pt-0 threePanelSummaryAll threePanelSummaryReadMoresRow"> 2213 <div class="flex flex-col items-center threePanelSummarySection mb-4"> 2214 2215 </div> 2216 <div class="flex flex-col items-center threePanelSummarySection mb-4"> 2217 2218 </div> 2219 <div class="flex flex-col items-center threePanelSummarySection mb-4"> 2220 2221 </div> 2222 </div> 2223</div> 2224 2225<div class="my-[60px] md:my-[80px]"> 2226 <picture class="divider-image"> 2227 <source media="(max-width: 500px)" srcset="https://cdn.sanity.io/images/abq8rp7f/production/bd3fbfeb4b67a47dbd003c86e3c90e61987c1547-544x4.svg?auto=format" /> 2228 <img src="https://cdn.sanity.io/images/abq8rp7f/production/bd3fbfeb4b67a47dbd003c86e3c90e61987c1547-544x4.svg?auto=format" class="w-full max-w-[350px] md:max-w-[540px] px-[50px] mx-auto" loading="lazy" onerror="this.onerror=null;_helpers.handleImageError(this)" /> 2229 </picture> 2230</div> 2231 2232<div class="flex flex-col items-center mb-[60px] md:mb-[80px] px-[15px] mx-[auto] w-[320px] sm:w-[500px] lg:w-[920px]"> 2233 <div class="heading-3 text-center text-nautical-blue" id=""> 2234 <div class="block-text-wrapper block-text-wrapper-custom"><p><strong>Disclaimers</strong></p></div> 2235 </div> 2236 <div class="body-1 text-center text-anthracite-grey mt-[15px]"><div class="block-text-wrapper block-text-wrapper-custom"><p>*There are potential benefits of hydrogen-rich water on various aspects of health, including exercise capacity, physical endurance, and oxidative stress. While the initial research looks promising, more studies are needed to fully understand the extent of these benefits and the mechanisms behind them.</p><br />
2236<p>**Our Primary Filter technology is currently undergoing accredited laboratory testing, state registrations, and full NSF certification. The Primary Filter was previously tested to remove all major water contaminants. In order for us to make formal written claims, the filter requires additional testing in our product configuration. We have selected this premium filter to best integrate with our technology, as well as with the secondary filtration and Hydrogen stages. This filter forms the core of LifeWave XâOâs contaminant-reduction system. Created from a powerful filter system that is designed to reduce a broad range of impurities found in municipal tap water.</p><br /><p>*** This statement has not been evaluated by the Food and Drug Administration. This product is not intended to diagnose, treat, cure, or prevent any disease.</p><br /><p>â These testimonials are given by LifeWave Brand Partners who have a financial interest in promoting the product.</p><br /><p>â â Powered by CyanthOx, featured in Cellergize Morning.</p></div></div> 2237 </div> 2238 </div> 2239 </main> 2240 2241 2242 <footer id="footer" class="sticky top-[100vh] footer-container"> 2243 </footer> 2244 2245 2246
2247<script> 2248 require(["jquery", "cookies", "ajax"], 2249 2250 function ($, cookies, ajax) { 2251 2252 // Settings 2253 var languageExpiration = '9/24/2027', 2254 languageCookieName = 'LifeWaveSelectedLanguage', 2255 countryCookieName = 'LifeWaveSelectedCountry', 2256 setNFRShoppingUrl = '/lifewaveinc/shopping/setnfrshopping', 2257 checkAzureSlotRedirectUrl = '/lifewaveinc/shopping/checkazureslotredirect', 2258 shoppingUrl = "/lifewaveinc/store/products", 2259 isEnrollment = ('False' == "True") ? true : false, 2260 isShopping = ('False' == "True") ? true : false, 2261 expirationDate = '9/24/2027'; 2262 2263 function registerEventHandlers() { 2264 console.log('register events'); 2265 $(".header-container").on("click", '.language-item',function () { 2266 var languageLocale = $(this).data("language-locale"); 2267 var countryCode = $(this).data("country-code"); 2268 2269 actions.checkAzureSlotRedirect(countryCode, languageLocale); 2270 //location.reload(); 2271 }); 2272 2273 $(".header-container").on('click', '.country-item', function () { 2274 const $this = $(this), 2275 languageLocale = $this.data("language-locale"), 2276 countryCode = $this.data("country-code"); 2277 actions.setLanguageCookie(countryCode, languageLocale); 2278 }); 2279 2280 // for mobile 2281 $(".header-container", document).on("click", '.language-select', function () { 2282 const $this = $(this), 2283 languageLocale = $this.data("language-locale"), 2284 countryCode = $this.data("country-code"); 2285 2286 //location.reload(); 2287 actions.checkAzureSlotRedirect(countryCode, languageLocale); 2288 }); 2289 2290 // for mobile 2291 $(".header-container", document).on('click', '.location-select', function () { 2292 const $this = $(this), 2293 languageLocale = $this.data("language-locale"), 2294 countryCode = $this.data("country-code"); 2295 actions.setLanguageCookie(countryCode, languageLocale); 2296 }); 2297 } 2298 2299 var actions = { 2300 2301 setLanguageCookie: function (countryCode, languageLocale) { 2302 2303 var originalCountryCode = cookies.get(countryCookieName); 2304 2305 var options = { 2306 expires: new Date(languageExpiration), 2307 path: "/", 2308 domain: null, // Use null instead of false 2309 secure: true, // Secure must be true when SameSite=None 2310 sameSite: 'None' // Explicitly setting SameSite=None 2311 }; 2312 2313 // Function to set cookies with SameSite=None attribute 2314 function setCookie(name, value, options) { 2315 // Manually setting the Set-Cookie header with SameSite=None 2316 var cookieString = `${name}=${value}; expires=${options.expires.toUTCString()}; path=${options.path}`; 2317 2318 if (options.domain) { 2319 cookieString += `; domain=${options.domain}`; 2320 } 2321 2322 if (options.secure) { 2323 cookieString += '; secure'; 2324 } 2325 2326 if (options.sameSite) { 2327 cookieString += `; SameSite=${options.sameSite}`; 2328 } 2329 2330 document.cookie = cookieString; 2331 } 2332 2333 // Set the cookies with the specified options 2334 setCookie(countryCookieName, countryCode, options);
2335 setCookie(languageCookieName, languageLocale, options); 2336 2337 // Make an AJAX request 2338 ajax.json({ 2339 url: setNFRShoppingUrl, 2340 data: { isNFR: false }, 2341 success: function (response) { 2342 if (response.success) { 2343 if (response.reDirectToUrl) { 2344 window.location = response.redirectUrl; 2345 } 2346 2347 if (response.switchToNewLanguage && response.language) { 2348 setCookie(languageCookieName, response.language, options); 2349 window.location.reload(); 2350 } 2351 2352 if (response.shouldSwitchAzureSlot) { 2353 window.location.reload(); 2354 } 2355 2356 if (isShopping) { 2357 window.location = shoppingUrl; 2358 } else { 2359 var url = window.location.href; 2360 if (countryCode != originalCountryCode) { 2361 url = window.location.origin; 2362 window.location.href = url + '?marketChanged=1'; 2363 } else { 2364 window.location.reload(); 2365 } 2366 } 2367 } 2368 } 2369 }); 2370 2371 2372 }, 2373 2374 checkAzureSlotRedirect: function (countryCode, languageLocale) { 2375 2376 var options = { 2377 expires: new Date(languageExpiration), 2378 path: "/", 2379 domain: null, // Use null instead of false 2380 secure: true, // Secure must be true when SameSite=None 2381 sameSite: 'None' // Explicitly setting SameSite=None 2382 }; 2383 2384 // Function to set cookies with SameSite=None attribute 2385 function setCookie(name, value, options) { 2386 // Manually setting the Set-Cookie header with SameSite=None 2387 var cookieString = `${name}=${value}; expires=${options.expires.toUTCString()}; path=${options.path}`; 2388 2389 if (options.domain) { 2390 cookieString += `; domain=${options.domain}`; 2391 } 2392 2393 if (options.secure) { 2394 cookieString += '; secure'; 2395 } 2396 2397 if (options.sameSite) { 2398 cookieString += `; SameSite=${options.sameSite}`; 2399 } 2400 2401 document.cookie = cookieString; 2402 } 2403 2404 // Set the cookies with the specified options 2405 setCookie(countryCookieName, countryCode, options); 2406 setCookie(languageCookieName, languageLocale, options); 2407 2408 // Make an AJAX request 2409 ajax.json({ 2410 url: checkAzureSlotRedirectUrl, 2411 data: { isNFR: false }, 2412 success: function (response) { 2413 if (response.success) { 2414 // Check if we are on specific pages 2415 var currentUrl = window.location.href; 2416 if (currentUrl.indexOf("/store/product/") > -1 || 2417 currentUrl.indexOf("/login") > -1 || 2418 currentUrl.indexOf("/store/cart") > -1 || 2419 currentUrl.indexOf("/store/checkout") > -1 || 2420 currentUrl.indexOf("/settings") > -1) { 2421 window.location.reload(); 2422 } else { 2423 // Redirect to the homepage if not on the specified pages 2424 var homepageUrl = window.location.origin; 2425 window.location.href = homepageUrl; 2426 } 2427 } 2428 } 2429 }); 2430 2431 } 2432 }; 2433 2434 // Initialization
2435 function init() { 2436 registerEventHandlers(); 2437 } 2438 2439 init(); 2440 }); 2441 2442</script>
2442 2443 2444 2445<input name="__RequestVerificationToken" type="hidden" value="BSYmXsFW6g0f9Bfg8EKCB1_4xCBBO31EW5155CvHoKxy3ZMUZRKObxKi0DavJQR2j3AkoTUwllc7h8ddBQv0GSOii7Y1" /> 2446 2447 2448
2449<script> 2450 require(["jquery", "cookies", "ajax", "toastr", "app", "pubsub", "bootstrap", "extensions" 2451 2452 2453 ], function ($, cookies, ajax, toastr) { 2454 2455 2456 // Settings 2457 var languageExpiration = '9/24/2027', 2458 languageCookieName = 'LifeWaveSelectedLanguage', 2459 countryCookieName = 'LifeWaveSelectedCountry', 2460 additemUrl = "/lifewaveinc/shopping/additemtocart", 2461 quickshopUrl = "/lifewaveinc/shopping/quickshopmodal", 2462 dynamicKitUrl = "/lifewaveinc/shopping/dynamickit", 2463 getcartpreviewUrl = "/lifewaveinc/shopping/fetchcartpreview", 2464 getautoordermodalUrl = "/lifewaveinc/shopping/getautoordermodal", 2465 setNFRShoppingUrl = '/lifewaveinc/shopping/setnfrshopping', 2466 orderItemType = "Order", 2467 isNFR = false, 2468 isEnrollment = ('False' == "True") ? true : false, 2469 isShopping = ('False' == "True") ? true : false, 2470 isSubmittingNFR = false, 2471 shoppingUrl = "/lifewaveinc/store/products", 2472 expirationDate = '9/24/2027'; 2473 2474 // State 2475 var state = { 2476 modalActive: false 2477 }; 2478 //function submitLanguage() 2479 //{ 2480 // var isDisabled = ($("#languageSubmit").attr('disabled') == "disabled"); 2481 // if (!isDisabled) { 2482 // $("#languageSubmit").attr('disabled', true); 2483 // actions.setLanguageCookie(); 2484 // $("#language").modal('hide'); 2485 // } 2486 //} 2487 2488 // Event Handlers 2489 function registerEventHandlers() { 2490 2491 $("#ccname-modal").on('shown.bs.modal', function () { 2492 $(this).modal({ backdrop: true, keyboard: false, show: true }); 2493 $(this).data('bs.modal').options.backdrop = 'static'; 2494 $('#ccname-modal [type=button][name=proceed]').addClass('btn-primary'); 2495 }); 2496 2497 $("#ccname-modal").on('hidden.bs.modal', function () { 2498 $('#ccname-modal [type=button][name=proceed]').removeClass('btn-primary'); 2499 }); 2500 2501 $("#ccname-modal [type='button']").on("click", function (e) { 2502 var data = $("#ccname-modal #data").val(); 2503 if (this.name == 'cancel') { 2504 window.trigger('CCCancel', data); 2505 } 2506 if (this.name == 'proceed') { 2507 window.trigger('CCProceed', data); 2508 } 2509 }); 2510 2511 2512 // Enable click of Shopping Cart link in shopping cart preview (found in header) 2513 $("[data-shoppinglink]").on("click", function () { 2514 window.location = $(this).prop("href"); 2515 }); 2516 2517 // Cart Preview logic 2518 window.on("cart.cartupdated", function () { 2519 // Prevent updating main navigation cart during enrollment 2520 if (!isEnrollment) { 2521 actions.getCartPreview(); 2522 } 2523 }); 2524 window.on("render.cartpreview", function (cart, total) { 2525 // Prevent updating main navigation cart during enrollment 2526 if (!isEnrollment) { 2527 actions.getCartPreview(cart, total); 2528 } 2529 }); 2530 2531 // Auto Order Modal Logic 2532 window.on("cart.showautoordermodal", function (html) { 2533 2534 // If we are passing in the cart html already, we do not need to get it from the server 2535 if (html != null && html.length > 0) { 2536 $("#addtocart-modalcontainer .modal-body").html(""); 2537 $("#addtocart-modalcontainer .modal-body").html(html); 2538 $("#addtocart-modalcontainer .modal").modal("show"); 2539 } else { 2540 ajax.json({ 2541 url: getautoordermodalUrl, 2542 success: function (response) { 2543 if (response.success) { 2544 $("#addtocart-modalcontainer .modal-body").html(""); 2545 $("#addtocart-modalcontainer .modal-body").html(response.html); 2546 $("#addtocart-modalcontainer .modal").modal(); 2547 } else { 2548 console.log("showautoordermodal failed: ", response); 2549 } 2550 }, 2551 error: function (xhr, error, status) { 2552 console.log("showautoordermodal failed: ", xhr); 2553 } 2554 }); 2555 } 2556 2557 }); 2558 $("body").on("click", "a[data-role='item.addtoorder']", function () { 2559 var $this = $(this), 2560 item = $this.parents("#item-fields").serializeObject(); 2561 item.Type = $this.data("type"); 2562 item.IsDynamicKitMaster = $this.data("dynamickit"); 2563 // Trigger the loading button 2564 $this.button('Adding'); 2565 2566 actions.addToCart(item); 2567 }); 2568 $("body").on("mouseenter", "[data-itemcode]", function () { 2569 var itemcode = $(this).data("itemcode"), 2570 $quickshopLink = $("[data-quick-shop='" + itemcode + "']"); 2571 2572 if (!$(this).is(".btn")) { 2573 $quickshopLink.show(); 2574 } 2575 2576 }); 2577 $("body").on("mouseleave", "[data-itemcode]", function () { 2578 var itemcode = $(this).data("itemcode"), 2579 $quickshopLink = $("[data-quick-shop='" + itemcode + "']"); 2580 2581 $quickshopLink.hide(); 2582 }); 2583 $("body").on("click", "[data-quick-shop]", function () { 2584 2585 if (state.modalActive == false) { 2586 state.modalActive = true; 2587 2588 var itemcode = $(this).data("quick-shop"); 2589 2590 var isDynamicKit = $(this).data("dynamickit"); 2591 2592 if (isDynamicKit == false) { 2593 ajax.json({ 2594 url: quickshopUrl, 2595 data: { itemcode: itemcode }, 2596 success: function (response) { 2597 if (response.success) { 2598 $("#addtocart-modalcontainer .modal-body").html(""); 2599 $("#addtocart-modalcontainer .modal-body").html(response.html); 2600 $("#addtocart-modalcontainer .modal").modal(); 2601 } else { 2602 console.log("error fetching quick shop modal", response.message); 2603 } 2604 }, 2605 complete: function () { 2606 $("#addtocart-modalcontainer .modal").on("hide.bs.modal", function () { 2607 state.modalActive = false; 2608 }); 2609 } 2610 }); 2611 } 2612 else { 2613 ajax.json({ 2614 url: dynamicKitUrl, 2615 data: { kitcode: itemcode }, 2616 success: function (response) { 2617 if (response.success) { 2618 $("#addtocart-modalcontainer .modal-body").html(""); 2619 $("#addtocart-modalcontainer .modal-body").html(response.html); 2620 $("#addtocart-modalcontainer .modal").modal(); 2621 } else { 2622 console.log("error fetching quick shop modal", response.message); 2623 } 2624 }, 2625 complete: function () { 2626 $("#addtocart-modalcontainer .modal").on("hide.bs.modal", function () { 2627 state.modalActive = false; 2628 }); 2629 } 2630 }); 2631 } 2632 } 2633 }); 2634 $("body").on("keyup, change", "[name$='Quantity']", function (e) { 2635 var $this = $(this), 2636 allowZero = $(this).hasClass("allow-zero"), 2637 quantity = $this.val(); 2638 2639 2640 if (quantity.indexOf(".") >= 0) { 2641 $this.val(quantity.replace(".", "")); 2642 return; 2643 } 2644 2645 if (quantity < 1 && !allowZero) { 2646 $this.val("1"); 2647 return; 2648 } 2649 if (quantity < 0 && allowZero) { 2650 $this.val("0"); 2651 return; 2652 } 2653 }); 2654 2655 $('[data-action="toggleMenu"]').on("click", function (e) { 2656 $(".sub-menu").toggle(400); 2657 }); 2658 2659 //Scroll to section 2660 $('a.scroll-to-section').click(function () { 2661 var selector = $(this).attr('href'); 2662 var element_top = $(selector).offset().top - 133; 2663 2664 $('html, body').animate({ scrollTop: element_top }, 400, 'linear'); 2665 2666 return false; 2667 }); 2668 2669 2670 function CallBuyNow(detailsTab) { 2671 var link = '/lifewaveinc/store/product/LW-X2O-WM-USA'; 2672 if (detailsTab) { 2673 link = '/lifewaveinc/store/product/LW-X2O-WM-USA' + '#DetailsTab'; 2674 } 2675 var isUsingNFR = false; 2676 if (isUsingNFR) { 2677 SetNFRShopping(false, 2678 function () { 2679 window.location = link; 2680 } 2681 ); 2682 } else { 2683 window.location = link; 2684 } 2685 } 2686 2687 function SetNFRShopping(isNFR, callback) { 2688 ajax.json({ 2689 url: setNFRShoppingUrl, 2690 data: { isNFR: isNFR }, 2691 success: function (response) { 2692 if (response.success) { 2693 callback(); 2694 } 2695 } 2696 }); 2697 } 2698 $('.buynow').on('click', function () { 2699 CallBuyNow(false); 2700 }); 2701 2702 $('.buynowdetails').on('click', function () { 2703 CallBuyNow(true); 2704 }); 2705 2706 $('.nfrselect').on('click', function () { 2707 var isDisabled = ($(".nfrselect").attr('disabled') == "disabled"); 2708 if (!isDisabled) { 2709 $('.nfrselect').attr('disabled', true) 2710 isNFR = (isNFR) ? false : true; 2711 isSubmittingNFR = true; 2712 SetNFRShopping(isNFR, function () 2713 { 2714 window.location = shoppingUrl; 2715 }); 2716 } 2717 }); 2718 2719 $('.nfrpopup').on('click', function () { 2720 $('#nfr-modalcontainer').find('.modal').modal(); 2721 }); 2722 2723 $('a.distributor-search, button.distributor-search').on('click', function () { 2724 $('#distributorSearchModal').modal(); 2725 }); 2726 2727 $('#bp-renewal-expired-modal-close').on('click', function () { 2728 $("#bp-renewal-expired-modal").modal({ backdrop: false }); 2729 $("#bp-renewal-expired-modal").modal('hide'); 2730 localStorage.setItem('bp-renewal-expired-popup', '0'); 2731 }); 2732 2733 //LogRocket 2734 $("#onetrust-consent-sdk button.save-preference-btn-handler, #onetrust-consent-sdk button#accept-recommended-btn-handler, #onetrust-consent-sdk button#onetrust-accept-btn-handler").on("click", function () { 2735 $('[type="text/plain"][data-cookie="logrocket"][src]').each(function () { 2736 const old = this; 2737 const s = document.createElement('script'); 2738 s.type = 'text/javascript'; 2739 s.src = old.src; 2740 2741 // When the external script finishes loading, run inline scripts 2742 s.onload = function () { 2743 activateLogRocketInlineScripts(); 2744 }; 2745 2746 old.parentNode.replaceChild(s, old); 2747 }); 2748 }); 2749 2750 function activateLogRocketInlineScripts() { 2751 $('[type="text/plain"][data-cookie="logrocket"]:not([src])').each(function () { 2752 const old = this; 2753 const s = document.createElement('script'); 2754 s.type = 'text/javascript'; 2755 s.text = old.textContent; 2756 old.parentNode.replaceChild(s, old); 2757 }); 2758 } 2759 } 2760 2761 //prototype - checks if element is visible on the page 2762 $.fn.isInViewport = function () { 2763 var elementTop = $(this).offset().top; 2764 var elementBottom = elementTop + $(this).outerHeight(); 2765 2766 var viewportTop = $(window).scrollTop(); 2767 var viewportBottom = viewportTop + $(window).height(); 2768 2769 return elementBottom > viewportTop && elementTop > viewportTop && elementTop < viewportBottom && elementBottom < viewportBottom; 2770 }; 2771 2772 // Actions 2773 var actions = { 2774 addToCart: function (item) { 2775 if (item.IsDynamicKitMaster) { 2776 ajax.json({ 2777 url: dynamicKitUrl,
2778 data: { kitcode: item.ItemCode, type: item.Type, quantity: item.Quantity }, 2779 success: function (response) { 2780 if (response.success) { 2781 $("#addtocart-modalcontainer .modal-body").html(""); 2782 $("#addtocart-modalcontainer .modal-body").html(response.html); 2783 $("#addtocart-modalcontainer .modal").modal(); 2784 } else { 2785 console.log("error fetching quick shop modal", response.message); 2786 } 2787 }, 2788 complete: function () { 2789 $("#addtocart-modalcontainer .modal").on("hide.bs.modal", function () { 2790 state.modalActive = false; 2791 }); 2792 2793 $("[data-role='item.addtoorder'][data-type='{0}'][data-itemcode='{1}']".format(item.Type, item.ItemCode)).button('reset'); 2794 2795 } 2796 }); 2797 } 2798 else { 2799 ajax.json({ 2800 url: additemUrl, 2801 data: { 2802 item: item 2803 }, 2804 success: function (response) { 2805 if (response.success) { 2806 2807 var itemType = (item.Type == orderItemType) ? Resources.Common.Order : Resources.Common.AutoOrder; 2808 2809 toastr.success(Resources.Common.HasBeenAddedToYour.format(item.description, itemType)); 2810 if (response.count > 0) { 2811 /* $(".my-cart").show();*/ 2812 $(".my-cart").html(response.count); 2813 $(".cart-quantity-mobile").html(response.count); 2814 } 2815 else { 2816 /*$(".my-cart").hide();*/ 2817 } 2818 // Prevent updating main navigation cart during enrollment 2819 if (!isEnrollment) { 2820 actions.getCartPreview(); 2821 } 2822 2823 // Trigger the auto order modal if applicable 2824 if (response.carttype == "autoorder") { 2825 window.trigger("cart.showautoordermodal", response.html); 2826 2827 } 2828 } 2829 }, 2830 complete: function () { 2831 $("[data-role='item.addtoorder'][data-type='{0}'][data-itemcode='{1}']".format(item.Type, item.ItemCode)).button('reset'); 2832 2833 } 2834 }); 2835 2836 } 2837 }, 2838 getCartPreview: function (cart, total) { 2839 var $cartContainer = $(".cart-list"), 2840 $cartContainerMobile = $(".cart-list-mobile"), 2841 $QtyBadge = $(".my-cart"); 2842 $mobileQtyBadge = $(".cart-quantity-mobile"); 2843 $mobileQtyWrapper = $(".cart-quantity-wrapper"); 2844 $mobileFilledCartImage = $(".filled-cart"); 2845 $mobileEmptyCartImage = $(".empty-cart"); 2846 2847 if (cart === undefined) { 2848 $.ajax({
2849 url: getcartpreviewUrl, 2850 cache: false, 2851 success: function (response) { 2852 if (response.success) { 2853 $cartContainer.html(response.cart); 2854 $cartContainerMobile.html(response.cartMobile); 2855 if (response.count > 0) { 2856 /* $mobileQtyBadge.show();*/ 2857 $QtyBadge.html(response.count); 2858 $mobileQtyBadge.html(response.count); 2859 2860 if (response.count > 0) { 2861 $mobileQtyWrapper.show(); 2862 $mobileFilledCartImage.show(); 2863 $mobileEmptyCartImage.hide(); 2864 } else { 2865 $mobileQtyWrapper.hide(); 2866 $mobileFilledCartImage.hide(); 2867 $mobileEmptyCartImage.show(); 2868 } 2869 } 2870 else { 2871 /* $mobileQtyBadge.hide();*/ 2872 } 2873 2874 2875 $('#nfr-modalcontainer').find('.modal-text').html(response.nfrModal); 2876 $('.nfrpopup').html(response.nfrHeader); 2877 isNFR = response.isNFR; 2878 2879 2880 if (isNFR) { 2881 2882 $(".nfrcategory").show(); 2883 $(".regularcategory").hide(); 2884 } 2885 else { 2886 $(".nfrcategory").hide(); 2887 $(".regularcategory").show(); 2888 } 2889 2890 2891 isNFR = response.isNFR; 2892 } else { 2893 console.log("getcartpreview failed", response); 2894 } 2895 }, error: function (xhr, status, error) { 2896 console.log(xhr); 2897 } 2898 }); 2899 } else { 2900 $cartContainer.html(cart); 2901 $priceField.html(total); 2902 } 2903 }, 2904 2905 sendToItemPage: function (url) {
2906 if (!isSubmittingNFR) { 2907 console.log('isnotsubmitting'); 2908 window.location = url; 2909 } 2910 }, 2911 2912 updateItemQuantity: function (item) { 2913 var $this = $(item), 2914 quantity = $this.val(), 2915 $parentContainer = $this.parents("[data-itemcode]").first(), 2916 itemcode = $parentContainer.data("itemcode"), 2917 priceEach = $this.data("price-each"), 2918 $priceDisplayContainer = $parentContainer.find("[data-price-display]"); 2919 2920 if (quantity < 0) { 2921 $this.val("0"); 2922 return; 2923 } 2924 2925 // Set the price display of the items updated 2926 var price = priceEach * quantity; 2927 $priceDisplayContainer.html("$" + price.toFixed(2)); 2928 }, 2929 2930 loadPlaceholderSettingsAsync: function () { 2931 // render HEADER 2932 $.ajax({
2933 url: '/layout/placeholderSettings', 2934 type: 'GET', 2935 cache: false 2936 }) 2937 }, 2938 2939 loadHeaderAsync: function () { 2940 // render HEADER 2941 $.ajax({ 2942 url: '/layout/header', 2943 type: 'GET', 2944 cache: false, 2945 data: { 2946 isCmsPreviewEnabled: 'False', 2947 sanityCountry: 'us', 2948 sanityLanguage: 'en', 2949 selectedCountryCode: 'US', 2950 selectedLanguage: 'en-US', 2951 customerId: '0', 2952 ownerId: '2', 2953 cacheBypass: '638259639126600000', 2954 }, 2955 success: function (response) { 2956 if (response.success) { 2957 console.log(response) 2958 $(".header-container").hide().html(response.header).fadeIn(); 2959 console.log('load header'); 2960 // update cart 2961 actions.getCartPreview(); 2962 } 2963 } 2964 }) 2965 }, 2966 2967 loadFooterAsync: function () { 2968 // render FOOTER 2969 $.ajax({
2970 url: '/layout/footer', 2971 type: 'GET', 2972 cache: false, 2973 data: { 2974 isCmsPreviewEnabled: 'False', 2975 sanityCountry: 'us', 2976 sanityLanguage: 'en', 2977 cacheBypass: '638259639126600000' 2978 }, 2979 success: function (response) { 2980 if (response.success) { 2981 2982 $(".footer-container").hide().html(response.footer).fadeIn(); 2983 } 2984 } 2985 }); 2986 }, 2987 checkAzureSlotRedirect: function (countryCode, languageLocale) { 2988 // Set the cookie options 2989 var options = { 2990 expires: new Date(languageExpiration), 2991 path: "/", 2992 domain: null, // Use null instead of false 2993 secure: true, // Secure must be true when SameSite=None 2994 sameSite: 'None' // Explicitly setting SameSite=None 2995 }; 2996 2997 // Function to set cookies with SameSite=None attribute 2998 function setCookie(name, value, options) { 2999 // Manually setting the Set-Cookie header with SameSite=None 3000 var cookieString = `${name}=${value}; expires=${options.expires.toUTCString()}; path=${options.path}`; 3001 3002 if (options.domain) { 3003 cookieString += `; domain=${options.domain}`; 3004 } 3005 3006 if (options.secure) { 3007 cookieString += '; secure'; 3008 } 3009 3010 if (options.sameSite) { 3011 cookieString += `; SameSite=${options.sameSite}`; 3012 } 3013 3014 document.cookie = cookieString; 3015 } 3016 3017 // Set the cookies with the specified options 3018 setCookie(countryCookieName, countryCode, options); 3019 setCookie(languageCookieName, languageLocale, options); 3020 3021 // Make an AJAX request 3022 ajax.json({ 3023 url: checkAzureSlotRedirectUrl, 3024 data: { isNFR: false }, 3025 success: function (response) { 3026 if (response.success) { 3027 window.location.reload(); 3028 } 3029 } 3030 }); 3031 3032 } 3033 }; 3034 3035 3036 function configureFive9WebChat() { 3037 setTimeout(() => { 3038 var five9TextMinimized = document.getElementsByClassName('five9-text')[0]; 3039 var five9TextMaximized = document.getElementsByClassName('five9-text')[1]; 3040 3041 if (five9TextMinimized != null && five9TextMinimized != undefined) { 3042 five9TextMinimized.innerText = 'Live Chat'; 3043 } 3044 3045 if (five9TextMaximized != null && five9TextMaximized != undefined) { 3046 five9TextMaximized.innerText = "Live Chat"; 3047 } 3048 }, 500); 3049 } 3050 3051 function showBPRenewalPopup() { 3052 var lsRenewalExpiredPopupVal = localStorage.getItem('bp-renewal-expired-popup'); 3053 if (lsRenewalExpiredPopupVal == null || lsRenewalExpiredPopupVal != '0') 3054 { 3055 $("#bp-renewal-expired-modal").modal({ backdrop: 'static' }); 3056 $("#bp-renewal-expired-modal").modal(); 3057 } 3058 } 3059 3060 // Initialization 3061 function init() { 3062 registerEventHandlers(); 3063 actions.loadPlaceholderSettingsAsync(); 3064 actions.loadHeaderAsync(); 3065 actions.loadFooterAsync(); 3066 showBPRenewalPopup(); 3067 configureFive9WebChat(); 3068 } 3069 3070 init(); 3071 }); 3072 3073 function CCNameCheck(firstName, lastName, creditCardHolderName, event, blnEnablePopup, data) { 3074 var regex = new RegExp("^(?=.*\\b" + firstName + "\\b)(?=.*\\b" + lastName + "\\b).*$", "gi"); 3075 $("#ccname-modal #data").val(data); 3076 if (!regex.test(creditCardHolderName)) { 3077 if (event) { event.preventDefault(); } 3078 if (blnEnablePopup) { $("#ccname-modal").modal('show'); } 3079 return false; 3080 } 3081 return true; 3082 } 3083 3084 function togglePasswordVisibility(button) { 3085 var input = button.previousElementSibling; 3086 var icon = button.querySelector('i'); 3087 3088 if (input.type === "password") { 3089 input.type = "text"; 3090 icon.classList.remove('fa-eye-slash'); 3091 icon.classList.add('fa-eye'); 3092 } else { 3093 input.type = "password"; 3094 icon.classList.remove('fa-eye'); 3095 icon.classList.add('fa-eye-slash'); 3096 } 3097 } 3098 3099 function showHideIcon(input) { 3100 var container = input.nextElementSibling; 3101 var icon = container.querySelector('i'); 3102 3103 if (input.value) { 3104 container.style.display = 'inline'; 3105 icon.classList.remove('fa-eye'); 3106 icon.classList.add('fa-eye-slash'); 3107 } else { 3108 container.style.display = 'none'; 3109 } 3110 } 3111 3112 document.addEventListener("DOMContentLoaded", function () { 3113 var loginPasswordInput = document.getElementById('loginPasswordInput'); 3114 3115 if (loginPasswordInput) { 3116 loginPasswordInput.addEventListener('input', function () { 3117 showHideIcon(this); 3118 }); 3119 showHideIcon(loginPasswordInput); // Initial check 3120 } 3121 });
3122 3123 3124</script>
3124 3125 3126
3126<script defer type="text/javascript" src="https://www.zeropartyforms.com/w37htfhcq2/vendor/51a045fa-7466-45e6-8f3d-92498f71209d/lightbox_speed.js"></script>
3126 3127 3128
3128<script src="https://app.five9.com/consoles/SocialWidget/five9-social-widget.min.js"></script>
3128 3129
3129<script> 3130 var five9SocialWidgetOptionsFields = undefined; 3131 if (0 != 0) { 3132 five9SocialWidgetOptionsFields = { 3133 "name": { 3134 "value": "", 3135 "show": true 3136 }, 3137 "email": { 3138 "value": "", 3139 "show": true 3140 }, 3141 "customerId": { 3142 "value": "0", 3143 "show": false 3144 } 3145 }; 3146 } else { 3147 five9SocialWidgetOptionsFields = { 3148 "name": { 3149 "value": "", 3150 "show": true 3151 }, 3152 "email": { 3153 "value": "", 3154 "show": true 3155 } 3156 }; 3157 } 3158 3159 var five9SocialWidgetOptions = { 3160 "rootUrl": "https://app.five9.com/consoles/", 3161 "type": "chat", 3162 "title": 'Live Chat', 3163 "tenant": "Lifewave", 3164 "profiles": 'NA_English', 3165 "showProfiles": false, 3166 "autostart": true, 3167 "theme": "default-theme.css", 3168 "surveyOptions": { 3169 "showComment": true, 3170 "requireComment": false 3171 }, 3172 "fields": five9SocialWidgetOptionsFields, 3173 "playSoundOnMessage": true, 3174 "allowCustomerToControlSoundPlay": false, 3175 "showEmailButton": true, 3176 "hideDuringAfterHours": false, 3177 "useBusinessHours": false, 3178 "showPrintButton": false, 3179 "allowUsabilityMenu": false, 3180 "enableCallback": false, 3181 "callbackList": "", 3182 "allowRequestLiveAgent": false, 3183 "lang": "https://lifewave.com/Content/scripts/vendor/five9webchat/chatLangCallback-en-US.js" 3184 }; 3185 Five9SocialWidget.addWidget(five9SocialWidgetOptions); 3186 </script>
3186 3187 3188 3189 <!-- Page Scripts --> 3190 3191 3192 3193 <input name="__RequestVerificationToken" type="hidden" value="qS--c_1ZUaem1YqvpVvCMLtO4JIFDYQ4UwFaEzswlCBvsfbu8r8wLZzBScTUGv9t7fnybSxp-jYUcaBKyepxpGnqNN01" /> 3194 3195 3196 3197<div id="cross-market-link-modal-mask" class="modal"> 3198 <div id="cross-market-link-modal"> 3199 <div class="modal-heading"> 3200 <div id="cross-market-link-modal-heading" class="heading-4 text-nautical-blue"> 3201 </div> 3202 <button class="crossMarketLinkModalCancel leading-[16px] text-[40px] h-[30px]">×</button> 3203 </div> 3204 3205 <div id="cross-market-link-modal-body" class="font-gilmer-regular text-[16px] text-[#373f41] mb-[15px]"> 3206 </div> 3207 3208 <div class="modal-actions flex flex-col sm:flex-row justify-end mt-[40px]"> 3209 <button class="crossMarketLinkModalCancel btn-secondary sm:mr-[20px] mb-[10px] sm:mb-0 min-w-[220px] sm:min-w-[160px] px-[18px] py-[13px] md:py-[9px] leading-[18px] btn-block"> 3210 Cancel 3211 </button> 3212 3213 <button class="crossMarketLinkModalContinue btn-primary min-w-[220px] sm:min-w-[160px] px-[18px] py-[13px] md:py-[9px] leading-[18px] btn-block"> 3214 Continue 3215 </button> 3216 </div> 3217 </div> 3218</div> 3219
3220<script> 3221 require(["jquery", "ajax", "handlebars", "toastr", "pubsub"], function ($, ajax, Handlebars, toastr) { 3222 3223 // Remember the clicked URL to use when Continue is pressed 3224 let crossMarketLinkModalUrl = ""; 3225 3226 // Cancel Button 3227 $(".crossMarketLinkModalCancel").on("click", () => { 3228 $("#cross-market-link-modal-mask").hide(); 3229 }); 3230 3231 // Continue Button 3232 $(".crossMarketLinkModalContinue").on("click", () => { 3233 $("#cross-market-link-modal-mask").hide(); 3234 document.location.href = crossMarketLinkModalUrl; 3235 }); 3236 3237 // Intercept relevant link clicks 3238 document.addEventListener(`click`, e => { 3239 const origin = e.target.closest(`a`); 3240 if (origin) { 3241 // Parse the target URL 3242 const href = origin.href || ""; 3243 3244 // Are we already showing the target page? 3245 if (document.url != href) { 3246 const urlParams = new URLSearchParams(href.substring(href.indexOf('?'))); 3247 const marketCode = urlParams.get("country"); // "US" 3248 // const languageCode = searchParams.get("language"); // "en-US" 3249 3250 // It's a market link, and is the market different from the current market 3251 if (!!marketCode && marketCode != "US") { 3252 // Remember the requested url, and prevent the click 3253 crossMarketLinkModalUrl = href; 3254 e.preventDefault(); 3255 3256 // Populate the modal content 3257 const marketName = document.querySelector(`[data-country-code='${marketCode}'] .caption`).textContent.trim() 3258 const headingHtml = `{marketName} Version`.replace("{marketName}", marketName); 3259 const bodyHtml = `<div class="block-text-wrapper text-left"><p>The page you are going to contains content that has come from the {marketName} version of the LifeWave site.</p></div>`.replace("{marketName}", marketName); 3260 $("#cross-market-link-modal-heading").html(headingHtml); 3261 $("#cross-market-link-modal-body").html(bodyHtml); 3262 3263 // Show the modal 3264 $("#cross-market-link-modal-mask").css("display", "flex"); 3265 } 3266 } 3267 } 3268 }); 3269 }); 3270</script>
3270 3271 3272<style> 3273 #cross-market-link-modal-mask { 3274 /* display: flex; */ 3275 align-items: center; 3276 justify-content: center; 3277 backdrop-filter: blur(3px); 3278 background-color: #00000020; 3279 } 3280 3281 #cross-market-link-modal { 3282 padding: 30px; 3283 border-style: solid; 3284 border-width: 1.5px; 3285 border-radius: 10px; 3286 border-color: black; 3287 background-color: white; 3288 width: 90%; 3289 max-width: 600px; 3290 } 3291 3292 #cross-market-link-modal .modal-heading { 3293 border-bottom: solid 1px rgb(94 179 228 / 0.5); 3294 margin-bottom: 1rem; 3295 padding-bottom: 1rem; 3296 font-size: x-large; 3297 display: flex; 3298 justify-content: space-between; 3299 } 3300 3301</style>} 3302 </div> 3303 3304 3305
3305<script> 3306 (function () { 3307 var s = document.createElement('script'); 3308 var h = document.querySelector('head') || document.body; 3309 s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; 3310 s.async = true; 3311 s.onload = function () { 3312 acsbJS.init({ 3313 statementLink: '', 3314 footerHtml: '', 3315 hideMobile: false, 3316 hideTrigger: false, 3317 disableBgProcess: false, 3318 language: 'en', 3319 position: 'right', 3320 leadColor: '#146FF8', 3321 triggerColor: '#146FF8', 3322 triggerRadius: '50%', 3323 triggerPositionX: 'right', 3324 triggerPositionY: 'bottom', 3325 triggerIcon: 'people', 3326 triggerSize: 'bottom', 3327 triggerOffsetX: 20, 3328 triggerOffsetY: 20, 3329 mobile: { 3330 triggerSize: 'small', 3331 triggerPositionX: 'right', 3332 triggerPositionY: 'bottom', 3333 triggerOffsetX: 20, 3334 triggerOffsetY: 20, 3335 triggerRadius: '20' 3336 } 3337 }); 3338 }; 3339 h.appendChild(s); 3340 })(); 3341 </script>
3341 3342 <style> 3343 ::part(acsb-trigger) { 3344 z-index: 1 !important; 3345 } 3346 </style> 3347 3348 3349
3349<script> 3350 document.querySelectorAll(".swiper-pagination-bullet").forEach(function (role) { 3351 role.setAttribute('role', 'presentation'); 3352 }); 3353 </script>
3353 3354</body> 3355</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.