{"id":35800,"date":"2026-02-11T23:10:18","date_gmt":"2026-02-11T23:10:18","guid":{"rendered":"https:\/\/gpt.m2mbeta.com\/?page_id=35800"},"modified":"2026-02-11T23:10:18","modified_gmt":"2026-02-11T23:10:18","slug":"window-cleaning","status":"publish","type":"page","link":"https:\/\/gpt.m2mbeta.com\/?page_id=35800","title":{"rendered":"Window Cleaning"},"content":{"rendered":"        <div class=\"m2m-wc-form-wrapper\">\n            <div class=\"m2m-wc-form\" id=\"m2m-wc-form\">\n\n                <!-- Step 1: Service Type -->\n                <div class=\"m2m-step\" data-step=\"1\">\n                    <div class=\"m2m-step-header\">\n                        <span class=\"m2m-step-number\">1<\/span>\n                        <h3>What type of service?<\/h3>\n                    <\/div>\n                    <div class=\"m2m-options-grid\">\n                                                <button type=\"button\" class=\"m2m-option-card\" data-value=\"residential\">\n                            <div class=\"m2m-option-icon\">\n                                <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n                            <\/div>\n                            <span class=\"m2m-option-label\">Residential<\/span>\n                            <span class=\"m2m-option-desc\">Home window cleaning<\/span>\n                        <\/button>\n                                                                        <button type=\"button\" class=\"m2m-option-card\" data-value=\"commercial\">\n                            <div class=\"m2m-option-icon\">\n                                <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"18\" rx=\"2\"\/><rect x=\"16\" y=\"8\" width=\"7\" height=\"13\" rx=\"1\"\/><line x1=\"5\" y1=\"7\" x2=\"5\" y2=\"7.01\"\/><line x1=\"9\" y1=\"7\" x2=\"9\" y2=\"7.01\"\/><line x1=\"5\" y1=\"11\" x2=\"5\" y2=\"11.01\"\/><line x1=\"9\" y1=\"11\" x2=\"9\" y2=\"11.01\"\/><line x1=\"5\" y1=\"15\" x2=\"5\" y2=\"15.01\"\/><line x1=\"9\" y1=\"15\" x2=\"9\" y2=\"15.01\"\/><line x1=\"19\" y1=\"12\" x2=\"19\" y2=\"12.01\"\/><line x1=\"19\" y1=\"16\" x2=\"19\" y2=\"16.01\"\/><\/svg>\n                            <\/div>\n                            <span class=\"m2m-option-label\">Commercial<\/span>\n                            <span class=\"m2m-option-desc\">Business &amp; office<\/span>\n                        <\/button>\n                                            <\/div>\n                <\/div>\n\n                <!-- Locations Panel (commercial only, shown between step 1 and step 2) -->\n                <div class=\"m2m-locations-panel m2m-hidden\" id=\"m2m-locations-panel\">\n                    <div class=\"m2m-step-header\">\n                        <span class=\"m2m-step-number\">2<\/span>\n                        <h3>How many locations?<\/h3>\n                    <\/div>\n                    <div class=\"m2m-locations-field\">\n                        <div class=\"m2m-locations-counter\">\n                            <button type=\"button\" class=\"m2m-loc-btn\" id=\"m2m-loc-minus\">-<\/button>\n                            <input type=\"number\" id=\"m2m-num-locations\" value=\"1\" min=\"1\" max=\"100\">\n                            <button type=\"button\" class=\"m2m-loc-btn\" id=\"m2m-loc-plus\">+<\/button>\n                        <\/div>\n                        <p class=\"m2m-locations-hint\">Price is per location<\/p>\n                        <button type=\"button\" class=\"m2m-checkout-btn\" id=\"m2m-loc-continue\">\n                            <span class=\"m2m-btn-text\">Continue<\/span>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Step 2: Frequency -->\n                <div class=\"m2m-step m2m-hidden\" data-step=\"2\">\n                    <div class=\"m2m-step-header\">\n                        <span class=\"m2m-step-number\">2<\/span>\n                        <h3>How often?<\/h3>\n                    <\/div>\n                    <div class=\"m2m-options-grid m2m-frequency-options\" id=\"m2m-frequency-options\">\n                        <!-- Populated by JS -->\n                    <\/div>\n                <\/div>\n\n                <!-- Step 3: Coverage (populated by JS based on enabled plans) -->\n                <div class=\"m2m-step m2m-hidden\" data-step=\"3\">\n                    <div class=\"m2m-step-header\">\n                        <span class=\"m2m-step-number\">3<\/span>\n                        <h3>Select an option<\/h3>\n                    <\/div>\n                    <div class=\"m2m-options-grid\" id=\"m2m-coverage-options\">\n                        <!-- Populated by JS -->\n                    <\/div>\n                <\/div>\n\n                <!-- Step 4: Price Display & Customer Details -->\n                <div class=\"m2m-step m2m-hidden\" data-step=\"4\">\n                    <!-- Price Display -->\n                    <div class=\"m2m-price-display\" id=\"m2m-price-display\">\n                        <div class=\"m2m-price-glass\">\n                            <div class=\"m2m-price-summary\" id=\"m2m-price-summary\"><\/div>\n                            <div class=\"m2m-price-label\">Total Cost<\/div>\n                            <div class=\"m2m-price-amount\">\n                                <span class=\"m2m-price-dollar\">$<\/span>\n                                <span class=\"m2m-price-value\" id=\"m2m-price-value\">0<\/span>\n                                <span class=\"m2m-price-period\" id=\"m2m-price-period\"><\/span>\n                            <\/div>\n                            <div class=\"m2m-upsell\" id=\"m2m-upsell\"><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Customer Details -->\n                    <div class=\"m2m-step-header\" style=\"margin-top:32px;\">\n                        <span class=\"m2m-step-number\">4<\/span>\n                        <h3>Your details<\/h3>\n                    <\/div>\n                    <div class=\"m2m-form-fields\">\n                        <div class=\"m2m-field-row\">\n                            <div class=\"m2m-field\">\n                                <label for=\"m2m-name\">Full Name *<\/label>\n                                <input type=\"text\" id=\"m2m-name\" required placeholder=\"John Doe\">\n                            <\/div>\n                            <div class=\"m2m-field\">\n                                <label for=\"m2m-email\">Email *<\/label>\n                                <input type=\"email\" id=\"m2m-email\" required placeholder=\"john@example.com\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"m2m-field-row\">\n                            <div class=\"m2m-field\">\n                                <label for=\"m2m-phone\">Phone *<\/label>\n                                <input type=\"tel\" id=\"m2m-phone\" required placeholder=\"(555) 123-4567\">\n                            <\/div>\n                            <div class=\"m2m-field\">\n                                <label for=\"m2m-address\">Service Address *<\/label>\n                                <input type=\"text\" id=\"m2m-address\" required placeholder=\"123 Main St, City\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <button type=\"button\" class=\"m2m-checkout-btn\" id=\"m2m-checkout-btn\">\n                        <span class=\"m2m-btn-text\">Subscribe &amp; Pay<\/span>\n                        <span class=\"m2m-btn-loader m2m-hidden\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"none\" stroke-dasharray=\"31.4\" stroke-linecap=\"round\"><animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 12 12\" to=\"360 12 12\" dur=\"0.8s\" repeatCount=\"indefinite\"\/><\/circle><\/svg>\n                        <\/span>\n                    <\/button>\n\n                    <div class=\"m2m-error m2m-hidden\" id=\"m2m-error\"><\/div>\n                <\/div>\n\n                <!-- Back button -->\n                <button type=\"button\" class=\"m2m-back-btn m2m-hidden\" id=\"m2m-back-btn\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n                    Back\n                <\/button>\n            <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-35800","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gpt.m2mbeta.com\/index.php?rest_route=\/wp\/v2\/pages\/35800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gpt.m2mbeta.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gpt.m2mbeta.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gpt.m2mbeta.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gpt.m2mbeta.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35800"}],"version-history":[{"count":0,"href":"https:\/\/gpt.m2mbeta.com\/index.php?rest_route=\/wp\/v2\/pages\/35800\/revisions"}],"wp:attachment":[{"href":"https:\/\/gpt.m2mbeta.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}