{"id":1570,"date":"2025-10-28T13:30:06","date_gmt":"2025-10-28T13:30:06","guid":{"rendered":"https:\/\/www.waveswash.com\/2\/?page_id=1570"},"modified":"2026-03-13T10:06:38","modified_gmt":"2026-03-13T10:06:38","slug":"enroll-in-unlimited","status":"publish","type":"page","link":"https:\/\/www.waveswash.com\/2\/enroll-in-unlimited\/","title":{"rendered":"Enroll in Unlimited"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1570\" class=\"elementor elementor-1570\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b4ed572 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b4ed572\" 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-8303dff animated-fast elementor-invisible\" data-id=\"8303dff\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\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-c3c1e67 elementor-widget elementor-widget-heading\" data-id=\"c3c1e67\" 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<h2 class=\"elementor-heading-title elementor-size-default\">$5 First Month Unlimited Washess<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eecf37e elementor-widget elementor-widget-heading\" data-id=\"eecf37e\" 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<h2 class=\"elementor-heading-title elementor-size-default\">Sign up today and save big on your first month \u2014 available for new customers.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac17f28 elementor-widget elementor-widget-html\" data-id=\"ac17f28\" 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));\r\n    margin-bottom: 35px;\r\n  }\r\n  @media (max-width: 600px) {\r\n    .wash-picker { grid-template-columns: 1fr; }\r\n  }\r\n\r\n  \/* Reset + base look *\/\r\n  #wash-app .package {\r\n    all: unset;\r\n    display: block;\r\n    cursor: pointer;\r\n    border-radius: 12px;\r\n    overflow: visible !important;\r\n    -webkit-tap-highlight-color: transparent;\r\n    position: relative;\r\n    box-shadow: none !important; \/* moved to image *\/\r\n    transition: box-shadow .15s ease;\r\n  }\r\n\r\n  \/* Remove Elementor focus *\/\r\n  #wash-app *:focus,\r\n  #wash-app *: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-radius: 12px;\r\n    position: relative;\r\n    z-index: 1;\r\n\r\n    transform-origin: center center;\r\n    transition: transform .25s ease, box-shadow .15s ease;\r\n\r\n    \/* subtle passive ring *\/\r\n    box-shadow: 0 0 0 2px rgba(24,24,24,0.25) !important;\r\n  }\r\n\r\n  \/* Hover zoom *\/\r\n  #wash-app .package:hover .package-img,\r\n  #wash-app .package:focus-visible .package-img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* ACTIVE + HOVER outline (#181818) *\/\r\n  #wash-app .package:hover .package-img,\r\n  #wash-app .package.active .package-img,\r\n  #wash-app .package[aria-selected=\"true\"] .package-img,\r\n  #wash-app .package:focus .package-img,\r\n  #wash-app .package:focus-visible .package-img {\r\n    box-shadow: 0 0 0 5px #181818 !important;\r\n  }\r\n\r\n  \/* Iframe fade *\/\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  #wash-app #wash-iframe.is-fading {\r\n    opacity: 0;\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #wash-app #wash-iframe { transition: none; }\r\n  }\r\n\r\n  \/* Light background box *\/\r\n  #wash-app .iframe-box {\r\n    background-color: #f5f7fa;\r\n    padding: 20px 0px 0 0px;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  #wash-app .iframe-box iframe {\r\n    width: 100%;\r\n    height: min(100vh, 800px);\r\n    border: none;\r\n    display: block;\r\n  }\r\n#wash-app .selection-sub {\r\n  text-align: center;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  color: #6D7985;\r\n  margin: 5px 0 0 0;\r\n}\r\n\r\n<\/style>\r\n\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=\"basic\"\r\n         data-src=\"https:\/\/app.flexwash.com\/sign-up-portal?organizationId=267&carWashId=271&packageId=5259&promotionId=1237\"\r\n         title=\"Select Ultimate Unlimited\">\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 Unlimited\">\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=\"premium\"\r\n         data-src=\"https:\/\/app.flexwash.com\/sign-up-portal?organizationId=267&carWashId=271&packageId=5255&promotionId=1236\"\r\n         title=\"Select Extreme Unlimited\">\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 Unlimited\">\r\n    <\/div>\r\n  <\/div>\r\n<div class=\"selection-sub\" id=\"wash-unlimited-selection-sub\">\r\n  Please fill out the form below to proceed\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>$5 First Month Unlimited Washess Sign up today and save big on your first month \u2014 available for new customers. Please fill out the form below to proceed<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1570","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.waveswash.com\/2\/wp-json\/wp\/v2\/pages\/1570","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=1570"}],"version-history":[{"count":3,"href":"https:\/\/www.waveswash.com\/2\/wp-json\/wp\/v2\/pages\/1570\/revisions"}],"predecessor-version":[{"id":2246,"href":"https:\/\/www.waveswash.com\/2\/wp-json\/wp\/v2\/pages\/1570\/revisions\/2246"}],"wp:attachment":[{"href":"https:\/\/www.waveswash.com\/2\/wp-json\/wp\/v2\/media?parent=1570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}