{"id":452,"date":"2022-07-16T15:10:45","date_gmt":"2022-07-16T15:10:45","guid":{"rendered":"http:\/\/www.waveswash.com\/2\/?page_id=452"},"modified":"2025-10-29T06:41:45","modified_gmt":"2025-10-29T06:41:45","slug":"unlimited-membership","status":"publish","type":"page","link":"https:\/\/www.waveswash.com\/2\/unlimited-membership\/","title":{"rendered":"Unlimited Membership"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"452\" class=\"elementor elementor-452\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0245884 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0245884\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8391d22\" data-id=\"8391d22\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-84d9967 elementor-widget elementor-widget-button\" data-id=\"84d9967\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.waveswash.com\/2\/home-page\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-alt-circle-left\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Back<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fdc312d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fdc312d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a45cdfd\" data-id=\"a45cdfd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e344399 elementor-widget elementor-widget-heading\" data-id=\"e344399\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">$5 First Month Unlimited Washes<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e69f66 elementor-widget elementor-widget-text-editor\" data-id=\"6e69f66\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Sign up today and save big on your first month \u2014 available for new customers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6bf9312 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6bf9312\" data-element_type=\"section\" id=\"#locations-hours\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9cd327c\" data-id=\"9cd327c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa3844a elementor-widget elementor-widget-html\" data-id=\"fa3844a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* Layout *\/\r\n  .wash-picker {\r\n    display: grid;\r\n    gap: 35px;\r\n    grid-template-columns: repeat(2, minmax(200px, 1fr)); \/* desktop *\/\r\n    margin-bottom: 35px;\r\n  }\r\n  @media (max-width: 600px) {\r\n    .wash-picker { grid-template-columns: 1fr; } \/* stack on mobile *\/\r\n  }\r\n\r\n  \/* Reset + base look *\/\r\n  #wash-app .package {\r\n    all: unset;                       \/* removes default button styles *\/\r\n    display: block;\r\n    cursor: pointer;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    -webkit-tap-highlight-color: transparent;\r\n    box-shadow: 0 0 0 2px rgba(255,255,255,0.25) !important;\r\n    transition: box-shadow .15s ease;\r\n  }\r\n\r\n  \/* Hover \/ selected white ring *\/\r\n  #wash-app .package:hover,\r\n  #wash-app .package.active,\r\n  #wash-app .package[aria-selected=\"true\"],\r\n  #wash-app .package:focus,\r\n  #wash-app .package:focus-visible {\r\n    box-shadow: 0 0 0 5px #fff !important;\r\n    outline: none !important;\r\n  }\r\n\r\n  \/* Remove any global Elementor focus color *\/\r\n  #wash-app *:focus,\r\n  #wash-app *:focus-visible,\r\n  #wash-app :where(*):focus-visible {\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  \/* Image inside the card *\/\r\n  #wash-app .package-img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    border: 0 !important;\r\n    outline: 0 !important;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  \/* Iframe area *\/\r\n  .form-wrap iframe {\r\n    width: 100%;\r\n    height: min(80vh, 600px);\r\n    border: 0;\r\n  }\r\n  \/* Fade animation for the iframe *\/\r\n.form-wrap { position: relative; }\r\n#wash-app #wash-iframe {\r\n  opacity: 1;\r\n  transition: opacity .25s ease;\r\n}\r\n\/* During swap *\/\r\n#wash-app #wash-iframe.is-fading {\r\n  opacity: 0;\r\n}\r\n\r\n\/* Respect reduced motion *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  #wash-app #wash-iframe { transition: none; }\r\n}\r\n\r\n\/* allow image to grow outside card *\/\r\n#wash-app .package {\r\n  position: relative;\r\n  overflow: visible !important;  \/* let the image expand beyond the border *\/\r\n}\r\n\r\n\/* lift image above background but under glow *\/\r\n#wash-app .package-img {\r\n  position: relative;\r\n  z-index: 1;\r\n  transition: transform 0.25s ease;\r\n  transform-origin: center center;\r\n}\r\n\r\n\/* zoom outward *\/\r\n#wash-app .package:hover .package-img,\r\n#wash-app .package:focus-visible .package-img {\r\n  transform: scale(1.03); \/* slightly larger pop-out *\/\r\n}\r\n\r\n\/* optional: keep zoom on selected *\/\r\n#wash-app .package.active .package-img {\r\n  transform: scale(1.0);\r\n}\r\n\r\n\/* keep the animated glow layer on top *\/\r\n#wash-app .package::after {\r\n  z-index: 2;\r\n}\r\n\r\n\/* Light background box around the iframe *\/\r\n#wash-app .iframe-box {\r\n  background-color: #f5f7fa;\r\n  padding: 40px 25px 0 25px;   \/* top 40, left\/right 25, bottom 0 *\/\r\n  border-radius: 10px;\r\n}\r\n\r\n\/* keep iframe full width inside *\/\r\n#wash-app .iframe-box iframe {\r\n  width: 100%;\r\n  height: min(80vh, 500px);\r\n  border: none;\r\n  display: block;\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n<div id=\"wash-app\" data-default-plan=\"basic\">\r\n  <div class=\"wash-picker\" role=\"tablist\" aria-label=\"Choose your wash\">\r\n    <!-- Package 1 -->\r\n    <div class=\"package active\"\r\n         role=\"button\" tabindex=\"0\"\r\n         aria-selected=\"true\" aria-controls=\"wash-iframe\"\r\n         data-plan=\"ultimate\"\r\n         data-src=\"https:\/\/app.flexwash.com\/sign-up-portal?organizationId=267&carWashId=271&packageId=5259&promotionId=984\"\r\n         title=\"Select Ultimate Wash\">\r\n      <img decoding=\"async\" class=\"package-img\"\r\n           src=\"https:\/\/www.waveswash.com\/2\/wp-content\/uploads\/2025\/10\/ultimate-unlimited.png\"\r\n           alt=\"Ultimate Wash\">\r\n    <\/div>\r\n\r\n    <!-- Package 2 -->\r\n    <div class=\"package\"\r\n         role=\"button\" tabindex=\"0\"\r\n         aria-selected=\"false\" aria-controls=\"wash-iframe\"\r\n         data-plan=\"extreme\"\r\n         data-src=\"https:\/\/app.flexwash.com\/sign-up-portal?organizationId=267&carWashId=271&packageId=5255&promotionId=982\"\r\n         title=\"Select Extreme Wash\">\r\n      <img decoding=\"async\" class=\"package-img\"\r\n           src=\"https:\/\/www.waveswash.com\/2\/wp-content\/uploads\/2025\/10\/extreme-unlimited.png\"\r\n           alt=\"Extreme Wash\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n<div class=\"form-wrap\">\r\n  <div class=\"iframe-box\">\r\n    <iframe id=\"wash-iframe\" title=\"Wash package form\" loading=\"lazy\" src=\"\"\r\n            referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n  <\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(() => {\r\n  const root = document.getElementById('wash-app');\r\n  const buttons = Array.from(root.querySelectorAll('.package'));\r\n  const iframe = document.getElementById('wash-iframe');\r\n\r\n  function setPlan(plan, pushState = true) {\r\n    const btn = buttons.find(b => b.dataset.plan === plan) || buttons[0];\r\n    buttons.forEach(b => {\r\n      const isActive = b === btn;\r\n      b.classList.toggle('active', isActive);\r\n      b.setAttribute('aria-selected', String(isActive));\r\n      b.tabIndex = isActive ? 0 : -1;\r\n    });\r\n    const url = btn.dataset.src;\r\nif (url && iframe.src !== url) {\r\n  \/\/ Fade out\r\n  iframe.classList.add('is-fading');\r\n\r\n  \/\/ When new content finishes loading, fade back in\r\n  const onLoad = () => {\r\n    iframe.classList.remove('is-fading');\r\n    iframe.removeEventListener('load', onLoad);\r\n  };\r\n  iframe.addEventListener('load', onLoad, { once: true });\r\n\r\n  \/\/ Set the new URL after a tiny tick so the CSS transition kicks in\r\n  setTimeout(() => { iframe.src = url; }, 30);\r\n}\r\n\r\n\r\n    if (pushState && history.replaceState) {\r\n      const usp = new URLSearchParams(window.location.search);\r\n      usp.set('plan', plan);\r\n      history.replaceState(null, '', `${window.location.pathname}?${usp}${window.location.hash}`);\r\n    }\r\n  }\r\n\r\n  root.addEventListener('click', e => {\r\n    const btn = e.target.closest('.package');\r\n    if (!btn) return;\r\n    setPlan(btn.dataset.plan);\r\n  });\r\n\r\n  root.addEventListener('keydown', e => {\r\n    const current = buttons.findIndex(b => b.classList.contains('active'));\r\n    if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\r\n      e.preventDefault();\r\n      const dir = e.key === 'ArrowRight' ? 1 : -1;\r\n      const next = buttons[(current + dir + buttons.length) % buttons.length];\r\n      next.focus();\r\n      setPlan(next.dataset.plan);\r\n    }\r\n  });\r\n\r\n  const params = new URLSearchParams(window.location.search);\r\n  const initial = params.get('plan') || root.dataset.defaultPlan || buttons[0].dataset.plan;\r\n  setPlan(initial, false);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Back $5 First Month Unlimited Washes Sign up today and save big on your first month \u2014 available for new customers.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-452","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.waveswash.com\/2\/wp-json\/wp\/v2\/pages\/452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.waveswash.com\/2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.waveswash.com\/2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.waveswash.com\/2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.waveswash.com\/2\/wp-json\/wp\/v2\/comments?post=452"}],"version-history":[{"count":0,"href":"https:\/\/www.waveswash.com\/2\/wp-json\/wp\/v2\/pages\/452\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.waveswash.com\/2\/wp-json\/wp\/v2\/media?parent=452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}