Book a Massage - Active Flex Massage<\/title>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 500;\r\n background-color: #000000;\r\n min-height: 100vh;\r\n padding: 40px 20px;\r\n }\r\n \r\n .container {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n background-color: #000000;\r\n border: 1px solid #b78f00;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n }\r\n \r\n .header {\r\n background-color: #000000;\r\n border-bottom: 2px solid #b78f00;\r\n padding: 30px;\r\n text-align: center;\r\n }\r\n \r\n .header h1 {\r\n color: #b78f00;\r\n font-size: 28px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .header p {\r\n color: #ffffff;\r\n font-weight: 400;\r\n font-size: 14px;\r\n opacity: 0.8;\r\n }\r\n \r\n .form-section {\r\n padding: 30px;\r\n }\r\n \r\n .section-title {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #b78f00;\r\n margin: 24px 0 16px 0;\r\n padding-bottom: 8px;\r\n border-bottom: 1px solid #b78f00;\r\n }\r\n \r\n .section-title:first-of-type {\r\n margin-top: 0;\r\n }\r\n \r\n .service-card {\r\n border: 1px solid #333333;\r\n border-radius: 8px;\r\n padding: 16px;\r\n margin-bottom: 12px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n background-color: #000000;\r\n }\r\n \r\n .service-card:hover {\r\n border-color: #b78f00;\r\n background-color: #0a0a0a;\r\n }\r\n \r\n .service-card.selected {\r\n border-color: #b78f00;\r\n background-color: #0a0a0a;\r\n }\r\n \r\n .service-title {\r\n font-weight: 600;\r\n font-size: 18px;\r\n color: #ffffff;\r\n margin-bottom: 6px;\r\n }\r\n \r\n .service-desc {\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #aaaaaa;\r\n margin-bottom: 8px;\r\n line-height: 1.4;\r\n }\r\n \r\n .service-price {\r\n font-weight: 600;\r\n color: #b78f00;\r\n font-size: 16px;\r\n }\r\n \r\n .service-duration {\r\n color: #888888;\r\n font-size: 13px;\r\n font-weight: 400;\r\n margin-left: 10px;\r\n }\r\n \r\n .package-card {\r\n border: 1px solid #333333;\r\n border-radius: 8px;\r\n padding: 16px;\r\n margin-bottom: 12px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n background-color: #000000;\r\n }\r\n \r\n .package-card:hover {\r\n border-color: #b78f00;\r\n background-color: #0a0a0a;\r\n }\r\n \r\n .package-card.selected {\r\n border-color: #b78f00;\r\n background-color: #0a0a0a;\r\n }\r\n \r\n .package-title {\r\n font-weight: 600;\r\n font-size: 18px;\r\n color: #b78f00;\r\n margin-bottom: 6px;\r\n }\r\n \r\n .package-details {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 8px;\r\n font-size: 13px;\r\n font-weight: 400;\r\n }\r\n \r\n .package-details span {\r\n color: #ffffff;\r\n }\r\n \r\n .savings {\r\n color: #b78f00;\r\n font-weight: 600;\r\n }\r\n \r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n \r\n label {\r\n display: block;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 8px;\r\n font-size: 14px;\r\n }\r\n \r\n .required:after {\r\n content: \" *\";\r\n color: #b78f00;\r\n }\r\n \r\n input, select, textarea {\r\n width: 100%;\r\n padding: 12px 15px;\r\n background-color: #111111;\r\n border: 1px solid #333333;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 400;\r\n color: #ffffff;\r\n transition: border-color 0.2s;\r\n }\r\n \r\n input:focus, select:focus, textarea:focus {\r\n outline: none;\r\n border-color: #b78f00;\r\n }\r\n \r\n input::placeholder, textarea::placeholder {\r\n color: #666666;\r\n }\r\n \r\n .radio-group {\r\n display: flex;\r\n gap: 24px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.radio-option {\r\n display: flex;\r\n align-items: center;\r\n cursor: pointer;\r\n color: #ffffff;\r\n font-weight: 400;\r\n font-size: 14px;\r\n}\r\n\r\n.radio-option input {\r\n width: 16px;\r\n height: 16px;\r\n margin-right: 8px;\r\n accent-color: #b78f00;\r\n cursor: pointer;\r\n}\r\n \r\n .toggle-group {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background-color: #111111;\r\n padding: 15px;\r\n border-radius: 6px;\r\n border: 1px solid #333333;\r\n }\r\n \r\n .toggle-group label {\r\n margin-bottom: 0;\r\n font-weight: 400;\r\n }\r\n \r\n .toggle-switch {\r\n position: relative;\r\n display: inline-block;\r\n width: 52px;\r\n height: 26px;\r\n }\r\n \r\n .toggle-switch input {\r\n opacity: 0;\r\n width: 0;\r\n height: 0;\r\n }\r\n \r\n .toggle-slider {\r\n position: absolute;\r\n cursor: pointer;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: #333333;\r\n transition: 0.2s;\r\n border-radius: 26px;\r\n }\r\n \r\n .toggle-slider:before {\r\n position: absolute;\r\n content: \"\";\r\n height: 20px;\r\n width: 20px;\r\n left: 3px;\r\n bottom: 3px;\r\n background-color: #ffffff;\r\n transition: 0.2s;\r\n border-radius: 50%;\r\n }\r\n \r\n input:checked + .toggle-slider {\r\n background-color: #b78f00;\r\n }\r\n \r\n input:checked + .toggle-slider:before {\r\n transform: translateX(26px);\r\n }\r\n \r\n button {\r\n width: 100%;\r\n padding: 14px;\r\n background-color: #b78f00;\r\n color: #ffffff;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 600;\r\n font-size: 16px;\r\n border: none;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n transition: opacity 0.2s;\r\n margin-top: 10px;\r\n letter-spacing: 0.5px;\r\n }\r\n \r\n button:hover {\r\n opacity: 0.85;\r\n }\r\n \r\n button:active {\r\n opacity: 0.7;\r\n }\r\n \r\n .message {\r\n padding: 15px;\r\n margin-top: 20px;\r\n border-radius: 6px;\r\n display: none;\r\n font-weight: 500;\r\n font-size: 14px;\r\n }\r\n \r\n .success {\r\n background-color: #0a2a1a;\r\n color: #b78f00;\r\n border: 1px solid #b78f00;\r\n }\r\n \r\n .error {\r\n background-color: #2a0a0a;\r\n color: #ff6666;\r\n border: 1px solid #ff6666;\r\n }\r\n \r\n hr {\r\n margin: 24px 0;\r\n border: none;\r\n border-top: 1px solid #333333;\r\n }\r\n \r\n .note {\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #888888;\r\n margin-top: 5px;\r\n }\r\n \r\n .price-row {\r\n margin-top: 8px;\r\n }\r\n \/* Radio button hover effect *\/\r\n.radio-option:hover {\r\n color: #b78f00;\r\n transition: color 0.2s ease;\r\n}\r\n\r\n.radio-option input:hover {\r\n transform: scale(1.1);\r\n transition: transform 0.2s ease;\r\n}\r\n\r\n\/* Service card hover and border *\/\r\n.service-card, .package-card {\r\n border: 1px solid #333333;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.service-card:hover, .package-card:hover {\r\n border-color: #b78f00;\r\n transform: translateY(-2px);\r\n background-color: #111111;\r\n}\r\n\r\n.service-card.selected, .package-card.selected {\r\n border-color: #b78f00;\r\n background-color: #111111;\r\n}\r\n\r\n\/* Button hover *\/\r\nbutton:hover {\r\n background-color: #d4a000;\r\n transform: translateY(-1px);\r\n transition: all 0.2s ease;\r\n}\r\n\r\n\/* Toggle hover *\/\r\n.toggle-group:hover {\r\n border-color: #b78f00;\r\n transition: border-color 0.2s ease;\r\n}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n \r\n <p>Targeted, Results-driven massage to resolve the physical stress of high-performance work<\/p>\r\n <\/div>\r\n \r\n <div class=\"form-section\">\r\n <form id=\"bookingForm\">\r\n \r\n <div class=\"section-title\">CONTACT INFORMATION<\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"required\">Full Name<\/label>\r\n <input type=\"text\" id=\"name\" placeholder=\"name\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"required\">Email Address<\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"active@example.com\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"required\">Phone Number<\/label>\r\n <input type=\"tel\" id=\"phone\" placeholder=\"(702) 444-7777\" required>\r\n <div class=\"note\">We will text or email to confirm your appointment and get your exact address<\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"section-title\">LOCATION TYPE<\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"required\">Where will the massage take place?<\/label>\r\n <div class=\"radio-group\">\r\n <label class=\"radio-option\">\r\n <input type=\"radio\" name=\"locationType\" value=\"home\" required> Home\r\n <\/label>\r\n <label class=\"radio-option\">\r\n <input type=\"radio\" name=\"locationType\" value=\"office\"> Office\r\n <\/label>\r\n <label class=\"radio-option\">\r\n <input type=\"radio\" name=\"locationType\" value=\"event\"> Event\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"section-title\">SELECT SERVICE<\/div>\r\n \r\n <div id=\"serviceOptions\">\r\n <div class=\"service-card\" data-service=\"Targeted Reset\" data-duration=\"45\" data-price=\"95\">\r\n <div class=\"service-title\">The Targeted Reset<\/div>\r\n <div class=\"service-desc\">Ideal for focused relief and mobilization before a key meeting or during a demanding day: Neck & Shoulders or Low Back and Hips<\/div>\r\n <div class=\"price-row\"><span class=\"service-price\">$95<\/span><span class=\"service-duration\">(45 min)<\/span><\/div>\r\n <\/div>\r\n \r\n <div class=\"service-card\" data-service=\"Performance Protocol\" data-duration=\"60\" data-price=\"120\">\r\n <div class=\"service-title\">The Performance Protocol<\/div>\r\n <div class=\"service-desc\">The optimal balance. A full-body session to release tension, improve posture, and boost recovery.<\/div>\r\n <div class=\"price-row\"><span class=\"service-price\">$120<\/span><span class=\"service-duration\">(60 min)<\/span><\/div>\r\n <\/div>\r\n \r\n <div class=\"service-card\" data-service=\"Deep Recalibration\" data-duration=\"90\" data-price=\"170\">\r\n <div class=\"service-title\">The Deep Recalibration<\/div>\r\n <div class=\"service-desc\">Comprehensive solution for deep, chronic issues. Ample time for a full-body reset plus detailed work on your problem areas.<\/div>\r\n <div class=\"price-row\"><span class=\"service-price\">$170<\/span><span class=\"service-duration\">(90 min)<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"section-title\">OR SAVE WITH A PACKAGE<\/div>\r\n \r\n <div id=\"packageOptions\">\r\n <div class=\"package-card\" data-package=\"Starter Pack\" data-sessions=\"5\" data-total=\"550\" data-savings=\"50\">\r\n <div class=\"package-title\">Starter Pack<\/div>\r\n <div class=\"package-details\">\r\n <span>5 sessions<\/span>\r\n <span>Total: $550<\/span>\r\n <span>Per session: $110<\/span>\r\n <span class=\"savings\">Save $50 ($10\/session)<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"package-card\" data-package=\"Commitment Pack\" data-sessions=\"10\" data-total=\"1050\" data-savings=\"150\">\r\n <div class=\"package-title\">Commitment Pack<\/div>\r\n <div class=\"package-details\">\r\n <span>10 sessions<\/span>\r\n <span>Total: $1,050<\/span>\r\n <span>Per session: $105<\/span>\r\n <span class=\"savings\">Save $150 ($15\/session)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"section-title\">SCHEDULE APPOINTMENT<\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"required\">Preferred Date<\/label>\r\n <input type=\"date\" id=\"date\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"required\">Preferred Time<\/label>\r\n <input type=\"time\" id=\"time\" required>\r\n <\/div>\r\n \r\n \r\n <div class=\"form-group\">\r\n <label>Special Requests \/ Focus Areas<\/label>\r\n <textarea id=\"notes\" rows=\"3\" placeholder=\"Any specific areas to focus on? Injuries? Health concerns?\"><\/textarea>\r\n <\/div>\r\n \r\n \r\n <div class=\"section-title\">STAY CONNECTED<\/div>\r\n \r\n <div class=\"toggle-group\">\r\n <label>Receive special offers and wellness tips<\/label>\r\n <label class=\"toggle-switch\">\r\n <input type=\"checkbox\" id=\"marketingOptIn\" checked>\r\n <span class=\"toggle-slider\"><\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"note\">We will only send occasional updates, discounts, and wellness content. Unsubscribe anytime.<\/div>\r\n \r\n <hr>\r\n \r\n <button type=\"submit\">REQUEST BOOKING<\/button>\r\n <\/form>\r\n \r\n <div id=\"message\" class=\"message\"><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <script>\r\n \/\/ Service selection\r\n let selectedService = null;\r\n let selectedPackage = null;\r\n \r\n document.querySelectorAll('.service-card').forEach(card => {\r\n card.addEventListener('click', () => {\r\n document.querySelectorAll('.service-card').forEach(c => c.classList.remove('selected'));\r\n card.classList.add('selected');\r\n \r\n if (selectedPackage) {\r\n document.querySelectorAll('.package-card').forEach(p => p.classList.remove('selected'));\r\n selectedPackage = null;\r\n }\r\n \r\n selectedService = {\r\n name: card.dataset.service,\r\n duration: parseInt(card.dataset.duration),\r\n price: parseInt(card.dataset.price),\r\n type: 'single'\r\n };\r\n });\r\n });\r\n \r\n document.querySelectorAll('.package-card').forEach(card => {\r\n card.addEventListener('click', () => {\r\n document.querySelectorAll('.package-card').forEach(p => p.classList.remove('selected'));\r\n card.classList.add('selected');\r\n \r\n if (selectedService) {\r\n document.querySelectorAll('.service-card').forEach(c => c.classList.remove('selected'));\r\n selectedService = null;\r\n }\r\n \r\n selectedPackage = {\r\n name: card.dataset.package,\r\n sessions: parseInt(card.dataset.sessions),\r\n total: parseInt(card.dataset.total),\r\n savings: parseInt(card.dataset.savings),\r\n type: 'package'\r\n };\r\n });\r\n });\r\n \r\n document.getElementById('bookingForm').onsubmit = async function(e) {\r\n e.preventDefault();\r\n \r\n if (!selectedService && !selectedPackage) {\r\n alert('Please select a service or package');\r\n return;\r\n }\r\n \r\n const locationType = document.querySelector('input[name=\"locationType\"]:checked');\r\n if (!locationType) {\r\n alert('Please select location type (Home, Office, or Event)');\r\n return;\r\n }\r\n \r\n const formData = {\r\n name: document.getElementById('name').value,\r\n email: document.getElementById('email').value,\r\n phone: document.getElementById('phone').value,\r\n location_type: locationType.value,\r\n date: document.getElementById('date').value,\r\n time: document.getElementById('time').value,\r\n notes: document.getElementById('notes').value,\r\n marketing_opt_in: document.getElementById('marketingOptIn').checked\r\n };\r\n \r\n if (selectedService) {\r\n formData.service = selectedService.name;\r\n formData.duration = selectedService.duration;\r\n formData.price = selectedService.price;\r\n formData.booking_type = 'single';\r\n } else if (selectedPackage) {\r\n formData.package = selectedPackage.name;\r\n formData.sessions = selectedPackage.sessions;\r\n formData.total_price = selectedPackage.total;\r\n formData.savings = selectedPackage.savings;\r\n formData.booking_type = 'package';\r\n formData.service = 'First session of package';\r\n formData.duration = 60;\r\n }\r\n \r\n let message = `${formData.booking_type === 'package' ? formData.package + ' package (' + formData.sessions + ' sessions)' : formData.duration + ' minute ' + formData.service} massage on ${formData.date} at ${formData.time} for ${formData.name}. Phone: ${formData.phone}, Email: ${formData.email}. Location: ${formData.location_type}. `;\r\n if (formData.notes) message += `Notes: ${formData.notes}. `;\r\n if (formData.marketing_opt_in) message += `Client opted in for marketing emails.`;\r\n \r\n const messageDiv = document.getElementById('message');\r\n messageDiv.style.display = 'block';\r\n messageDiv.className = 'message';\r\n messageDiv.textContent = 'Sending your request...';\r\n \r\n try {\r\n const response = await fetch('https:\/\/n8n-production-a8d4.up.railway.app\/webhook-test\/Massage - Booking', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({ message: message })\r\n });\r\n \r\n const result = await response.json();\r\n messageDiv.className = 'message success';\r\n messageDiv.textContent = 'Booking request sent! Check your email for confirmation within minutes.';\r\n document.getElementById('bookingForm').reset();\r\n document.querySelectorAll('.service-card, .package-card').forEach(c => c.classList.remove('selected'));\r\n selectedService = null;\r\n selectedPackage = null;\r\n } catch (error) {\r\n messageDiv.className = 'message error';\r\n messageDiv.textContent = 'Error sending request. Please call or text (702) 606-2559 to book directly.';\r\n }\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Book a Massage – Active Flex Massage Targeted, Results-driven massage to resolve the physical stress of high-performance work CONTACT INFORMATION Full Name Email Address Phone Number We will text or email to confirm your appointment and get your exact address LOCATION TYPE Where will the massage take place? Home Office Event SELECT SERVICE The Targeted […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","hide_page_title":"","footnotes":""},"class_list":["post-284","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=\/wp\/v2\/pages\/284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=284"}],"version-history":[{"count":26,"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=\/wp\/v2\/pages\/284\/revisions"}],"predecessor-version":[{"id":320,"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=\/wp\/v2\/pages\/284\/revisions\/320"}],"wp:attachment":[{"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n Book a Massage - Active Flex Massage<\/title>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 500;\r\n background-color: #000000;\r\n min-height: 100vh;\r\n padding: 40px 20px;\r\n }\r\n \r\n .container {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n background-color: #000000;\r\n border: 1px solid #b78f00;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n }\r\n \r\n .header {\r\n background-color: #000000;\r\n border-bottom: 2px solid #b78f00;\r\n padding: 30px;\r\n text-align: center;\r\n }\r\n \r\n .header h1 {\r\n color: #b78f00;\r\n font-size: 28px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .header p {\r\n color: #ffffff;\r\n font-weight: 400;\r\n font-size: 14px;\r\n opacity: 0.8;\r\n }\r\n \r\n .form-section {\r\n padding: 30px;\r\n }\r\n \r\n .section-title {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #b78f00;\r\n margin: 24px 0 16px 0;\r\n padding-bottom: 8px;\r\n border-bottom: 1px solid #b78f00;\r\n }\r\n \r\n .section-title:first-of-type {\r\n margin-top: 0;\r\n }\r\n \r\n .service-card {\r\n border: 1px solid #333333;\r\n border-radius: 8px;\r\n padding: 16px;\r\n margin-bottom: 12px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n background-color: #000000;\r\n }\r\n \r\n .service-card:hover {\r\n border-color: #b78f00;\r\n background-color: #0a0a0a;\r\n }\r\n \r\n .service-card.selected {\r\n border-color: #b78f00;\r\n background-color: #0a0a0a;\r\n }\r\n \r\n .service-title {\r\n font-weight: 600;\r\n font-size: 18px;\r\n color: #ffffff;\r\n margin-bottom: 6px;\r\n }\r\n \r\n .service-desc {\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #aaaaaa;\r\n margin-bottom: 8px;\r\n line-height: 1.4;\r\n }\r\n \r\n .service-price {\r\n font-weight: 600;\r\n color: #b78f00;\r\n font-size: 16px;\r\n }\r\n \r\n .service-duration {\r\n color: #888888;\r\n font-size: 13px;\r\n font-weight: 400;\r\n margin-left: 10px;\r\n }\r\n \r\n .package-card {\r\n border: 1px solid #333333;\r\n border-radius: 8px;\r\n padding: 16px;\r\n margin-bottom: 12px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n background-color: #000000;\r\n }\r\n \r\n .package-card:hover {\r\n border-color: #b78f00;\r\n background-color: #0a0a0a;\r\n }\r\n \r\n .package-card.selected {\r\n border-color: #b78f00;\r\n background-color: #0a0a0a;\r\n }\r\n \r\n .package-title {\r\n font-weight: 600;\r\n font-size: 18px;\r\n color: #b78f00;\r\n margin-bottom: 6px;\r\n }\r\n \r\n .package-details {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-top: 8px;\r\n font-size: 13px;\r\n font-weight: 400;\r\n }\r\n \r\n .package-details span {\r\n color: #ffffff;\r\n }\r\n \r\n .savings {\r\n color: #b78f00;\r\n font-weight: 600;\r\n }\r\n \r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n \r\n label {\r\n display: block;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 8px;\r\n font-size: 14px;\r\n }\r\n \r\n .required:after {\r\n content: \" *\";\r\n color: #b78f00;\r\n }\r\n \r\n input, select, textarea {\r\n width: 100%;\r\n padding: 12px 15px;\r\n background-color: #111111;\r\n border: 1px solid #333333;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 400;\r\n color: #ffffff;\r\n transition: border-color 0.2s;\r\n }\r\n \r\n input:focus, select:focus, textarea:focus {\r\n outline: none;\r\n border-color: #b78f00;\r\n }\r\n \r\n input::placeholder, textarea::placeholder {\r\n color: #666666;\r\n }\r\n \r\n .radio-group {\r\n display: flex;\r\n gap: 24px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.radio-option {\r\n display: flex;\r\n align-items: center;\r\n cursor: pointer;\r\n color: #ffffff;\r\n font-weight: 400;\r\n font-size: 14px;\r\n}\r\n\r\n.radio-option input {\r\n width: 16px;\r\n height: 16px;\r\n margin-right: 8px;\r\n accent-color: #b78f00;\r\n cursor: pointer;\r\n}\r\n \r\n .toggle-group {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background-color: #111111;\r\n padding: 15px;\r\n border-radius: 6px;\r\n border: 1px solid #333333;\r\n }\r\n \r\n .toggle-group label {\r\n margin-bottom: 0;\r\n font-weight: 400;\r\n }\r\n \r\n .toggle-switch {\r\n position: relative;\r\n display: inline-block;\r\n width: 52px;\r\n height: 26px;\r\n }\r\n \r\n .toggle-switch input {\r\n opacity: 0;\r\n width: 0;\r\n height: 0;\r\n }\r\n \r\n .toggle-slider {\r\n position: absolute;\r\n cursor: pointer;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: #333333;\r\n transition: 0.2s;\r\n border-radius: 26px;\r\n }\r\n \r\n .toggle-slider:before {\r\n position: absolute;\r\n content: \"\";\r\n height: 20px;\r\n width: 20px;\r\n left: 3px;\r\n bottom: 3px;\r\n background-color: #ffffff;\r\n transition: 0.2s;\r\n border-radius: 50%;\r\n }\r\n \r\n input:checked + .toggle-slider {\r\n background-color: #b78f00;\r\n }\r\n \r\n input:checked + .toggle-slider:before {\r\n transform: translateX(26px);\r\n }\r\n \r\n button {\r\n width: 100%;\r\n padding: 14px;\r\n background-color: #b78f00;\r\n color: #ffffff;\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 600;\r\n font-size: 16px;\r\n border: none;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n transition: opacity 0.2s;\r\n margin-top: 10px;\r\n letter-spacing: 0.5px;\r\n }\r\n \r\n button:hover {\r\n opacity: 0.85;\r\n }\r\n \r\n button:active {\r\n opacity: 0.7;\r\n }\r\n \r\n .message {\r\n padding: 15px;\r\n margin-top: 20px;\r\n border-radius: 6px;\r\n display: none;\r\n font-weight: 500;\r\n font-size: 14px;\r\n }\r\n \r\n .success {\r\n background-color: #0a2a1a;\r\n color: #b78f00;\r\n border: 1px solid #b78f00;\r\n }\r\n \r\n .error {\r\n background-color: #2a0a0a;\r\n color: #ff6666;\r\n border: 1px solid #ff6666;\r\n }\r\n \r\n hr {\r\n margin: 24px 0;\r\n border: none;\r\n border-top: 1px solid #333333;\r\n }\r\n \r\n .note {\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #888888;\r\n margin-top: 5px;\r\n }\r\n \r\n .price-row {\r\n margin-top: 8px;\r\n }\r\n \/* Radio button hover effect *\/\r\n.radio-option:hover {\r\n color: #b78f00;\r\n transition: color 0.2s ease;\r\n}\r\n\r\n.radio-option input:hover {\r\n transform: scale(1.1);\r\n transition: transform 0.2s ease;\r\n}\r\n\r\n\/* Service card hover and border *\/\r\n.service-card, .package-card {\r\n border: 1px solid #333333;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.service-card:hover, .package-card:hover {\r\n border-color: #b78f00;\r\n transform: translateY(-2px);\r\n background-color: #111111;\r\n}\r\n\r\n.service-card.selected, .package-card.selected {\r\n border-color: #b78f00;\r\n background-color: #111111;\r\n}\r\n\r\n\/* Button hover *\/\r\nbutton:hover {\r\n background-color: #d4a000;\r\n transform: translateY(-1px);\r\n transition: all 0.2s ease;\r\n}\r\n\r\n\/* Toggle hover *\/\r\n.toggle-group:hover {\r\n border-color: #b78f00;\r\n transition: border-color 0.2s ease;\r\n}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"header\">\r\n \r\n <p>Targeted, Results-driven massage to resolve the physical stress of high-performance work<\/p>\r\n <\/div>\r\n \r\n <div class=\"form-section\">\r\n <form id=\"bookingForm\">\r\n \r\n <div class=\"section-title\">CONTACT INFORMATION<\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"required\">Full Name<\/label>\r\n <input type=\"text\" id=\"name\" placeholder=\"name\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"required\">Email Address<\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"active@example.com\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"required\">Phone Number<\/label>\r\n <input type=\"tel\" id=\"phone\" placeholder=\"(702) 444-7777\" required>\r\n <div class=\"note\">We will text or email to confirm your appointment and get your exact address<\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"section-title\">LOCATION TYPE<\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"required\">Where will the massage take place?<\/label>\r\n <div class=\"radio-group\">\r\n <label class=\"radio-option\">\r\n <input type=\"radio\" name=\"locationType\" value=\"home\" required> Home\r\n <\/label>\r\n <label class=\"radio-option\">\r\n <input type=\"radio\" name=\"locationType\" value=\"office\"> Office\r\n <\/label>\r\n <label class=\"radio-option\">\r\n <input type=\"radio\" name=\"locationType\" value=\"event\"> Event\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"section-title\">SELECT SERVICE<\/div>\r\n \r\n <div id=\"serviceOptions\">\r\n <div class=\"service-card\" data-service=\"Targeted Reset\" data-duration=\"45\" data-price=\"95\">\r\n <div class=\"service-title\">The Targeted Reset<\/div>\r\n <div class=\"service-desc\">Ideal for focused relief and mobilization before a key meeting or during a demanding day: Neck & Shoulders or Low Back and Hips<\/div>\r\n <div class=\"price-row\"><span class=\"service-price\">$95<\/span><span class=\"service-duration\">(45 min)<\/span><\/div>\r\n <\/div>\r\n \r\n <div class=\"service-card\" data-service=\"Performance Protocol\" data-duration=\"60\" data-price=\"120\">\r\n <div class=\"service-title\">The Performance Protocol<\/div>\r\n <div class=\"service-desc\">The optimal balance. A full-body session to release tension, improve posture, and boost recovery.<\/div>\r\n <div class=\"price-row\"><span class=\"service-price\">$120<\/span><span class=\"service-duration\">(60 min)<\/span><\/div>\r\n <\/div>\r\n \r\n <div class=\"service-card\" data-service=\"Deep Recalibration\" data-duration=\"90\" data-price=\"170\">\r\n <div class=\"service-title\">The Deep Recalibration<\/div>\r\n <div class=\"service-desc\">Comprehensive solution for deep, chronic issues. Ample time for a full-body reset plus detailed work on your problem areas.<\/div>\r\n <div class=\"price-row\"><span class=\"service-price\">$170<\/span><span class=\"service-duration\">(90 min)<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"section-title\">OR SAVE WITH A PACKAGE<\/div>\r\n \r\n <div id=\"packageOptions\">\r\n <div class=\"package-card\" data-package=\"Starter Pack\" data-sessions=\"5\" data-total=\"550\" data-savings=\"50\">\r\n <div class=\"package-title\">Starter Pack<\/div>\r\n <div class=\"package-details\">\r\n <span>5 sessions<\/span>\r\n <span>Total: $550<\/span>\r\n <span>Per session: $110<\/span>\r\n <span class=\"savings\">Save $50 ($10\/session)<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"package-card\" data-package=\"Commitment Pack\" data-sessions=\"10\" data-total=\"1050\" data-savings=\"150\">\r\n <div class=\"package-title\">Commitment Pack<\/div>\r\n <div class=\"package-details\">\r\n <span>10 sessions<\/span>\r\n <span>Total: $1,050<\/span>\r\n <span>Per session: $105<\/span>\r\n <span class=\"savings\">Save $150 ($15\/session)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"section-title\">SCHEDULE APPOINTMENT<\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"required\">Preferred Date<\/label>\r\n <input type=\"date\" id=\"date\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label class=\"required\">Preferred Time<\/label>\r\n <input type=\"time\" id=\"time\" required>\r\n <\/div>\r\n \r\n \r\n <div class=\"form-group\">\r\n <label>Special Requests \/ Focus Areas<\/label>\r\n <textarea id=\"notes\" rows=\"3\" placeholder=\"Any specific areas to focus on? Injuries? Health concerns?\"><\/textarea>\r\n <\/div>\r\n \r\n \r\n <div class=\"section-title\">STAY CONNECTED<\/div>\r\n \r\n <div class=\"toggle-group\">\r\n <label>Receive special offers and wellness tips<\/label>\r\n <label class=\"toggle-switch\">\r\n <input type=\"checkbox\" id=\"marketingOptIn\" checked>\r\n <span class=\"toggle-slider\"><\/span>\r\n <\/label>\r\n <\/div>\r\n <div class=\"note\">We will only send occasional updates, discounts, and wellness content. Unsubscribe anytime.<\/div>\r\n \r\n <hr>\r\n \r\n <button type=\"submit\">REQUEST BOOKING<\/button>\r\n <\/form>\r\n \r\n <div id=\"message\" class=\"message\"><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <script>\r\n \/\/ Service selection\r\n let selectedService = null;\r\n let selectedPackage = null;\r\n \r\n document.querySelectorAll('.service-card').forEach(card => {\r\n card.addEventListener('click', () => {\r\n document.querySelectorAll('.service-card').forEach(c => c.classList.remove('selected'));\r\n card.classList.add('selected');\r\n \r\n if (selectedPackage) {\r\n document.querySelectorAll('.package-card').forEach(p => p.classList.remove('selected'));\r\n selectedPackage = null;\r\n }\r\n \r\n selectedService = {\r\n name: card.dataset.service,\r\n duration: parseInt(card.dataset.duration),\r\n price: parseInt(card.dataset.price),\r\n type: 'single'\r\n };\r\n });\r\n });\r\n \r\n document.querySelectorAll('.package-card').forEach(card => {\r\n card.addEventListener('click', () => {\r\n document.querySelectorAll('.package-card').forEach(p => p.classList.remove('selected'));\r\n card.classList.add('selected');\r\n \r\n if (selectedService) {\r\n document.querySelectorAll('.service-card').forEach(c => c.classList.remove('selected'));\r\n selectedService = null;\r\n }\r\n \r\n selectedPackage = {\r\n name: card.dataset.package,\r\n sessions: parseInt(card.dataset.sessions),\r\n total: parseInt(card.dataset.total),\r\n savings: parseInt(card.dataset.savings),\r\n type: 'package'\r\n };\r\n });\r\n });\r\n \r\n document.getElementById('bookingForm').onsubmit = async function(e) {\r\n e.preventDefault();\r\n \r\n if (!selectedService && !selectedPackage) {\r\n alert('Please select a service or package');\r\n return;\r\n }\r\n \r\n const locationType = document.querySelector('input[name=\"locationType\"]:checked');\r\n if (!locationType) {\r\n alert('Please select location type (Home, Office, or Event)');\r\n return;\r\n }\r\n \r\n const formData = {\r\n name: document.getElementById('name').value,\r\n email: document.getElementById('email').value,\r\n phone: document.getElementById('phone').value,\r\n location_type: locationType.value,\r\n date: document.getElementById('date').value,\r\n time: document.getElementById('time').value,\r\n notes: document.getElementById('notes').value,\r\n marketing_opt_in: document.getElementById('marketingOptIn').checked\r\n };\r\n \r\n if (selectedService) {\r\n formData.service = selectedService.name;\r\n formData.duration = selectedService.duration;\r\n formData.price = selectedService.price;\r\n formData.booking_type = 'single';\r\n } else if (selectedPackage) {\r\n formData.package = selectedPackage.name;\r\n formData.sessions = selectedPackage.sessions;\r\n formData.total_price = selectedPackage.total;\r\n formData.savings = selectedPackage.savings;\r\n formData.booking_type = 'package';\r\n formData.service = 'First session of package';\r\n formData.duration = 60;\r\n }\r\n \r\n let message = `${formData.booking_type === 'package' ? formData.package + ' package (' + formData.sessions + ' sessions)' : formData.duration + ' minute ' + formData.service} massage on ${formData.date} at ${formData.time} for ${formData.name}. Phone: ${formData.phone}, Email: ${formData.email}. Location: ${formData.location_type}. `;\r\n if (formData.notes) message += `Notes: ${formData.notes}. `;\r\n if (formData.marketing_opt_in) message += `Client opted in for marketing emails.`;\r\n \r\n const messageDiv = document.getElementById('message');\r\n messageDiv.style.display = 'block';\r\n messageDiv.className = 'message';\r\n messageDiv.textContent = 'Sending your request...';\r\n \r\n try {\r\n const response = await fetch('https:\/\/n8n-production-a8d4.up.railway.app\/webhook-test\/Massage - Booking', {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({ message: message })\r\n });\r\n \r\n const result = await response.json();\r\n messageDiv.className = 'message success';\r\n messageDiv.textContent = 'Booking request sent! Check your email for confirmation within minutes.';\r\n document.getElementById('bookingForm').reset();\r\n document.querySelectorAll('.service-card, .package-card').forEach(c => c.classList.remove('selected'));\r\n selectedService = null;\r\n selectedPackage = null;\r\n } catch (error) {\r\n messageDiv.className = 'message error';\r\n messageDiv.textContent = 'Error sending request. Please call or text (702) 606-2559 to book directly.';\r\n }\r\n };\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Book a Massage – Active Flex Massage Targeted, Results-driven massage to resolve the physical stress of high-performance work CONTACT INFORMATION Full Name Email Address Phone Number We will text or email to confirm your appointment and get your exact address LOCATION TYPE Where will the massage take place? Home Office Event SELECT SERVICE The Targeted […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","hide_page_title":"","footnotes":""},"class_list":["post-284","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=\/wp\/v2\/pages\/284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=284"}],"version-history":[{"count":26,"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=\/wp\/v2\/pages\/284\/revisions"}],"predecessor-version":[{"id":320,"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=\/wp\/v2\/pages\/284\/revisions\/320"}],"wp:attachment":[{"href":"https:\/\/activeflexmassage.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}