{"id":584,"date":"2025-11-30T22:15:35","date_gmt":"2025-11-30T22:15:35","guid":{"rendered":"https:\/\/massagehealthpoint.com\/website\/?page_id=584"},"modified":"2025-12-01T19:38:58","modified_gmt":"2025-12-01T19:38:58","slug":"cadeaubonnen","status":"publish","type":"page","link":"https:\/\/massagehealthpoint.com\/website\/cadeaubonnen\/","title":{"rendered":"Cadeaubonnen"},"content":{"rendered":"\n\n\t<section class=\"section\" id=\"section_1149278483\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"slider-wrapper relative\" id=\"slider-398800871\" >\n    <div class=\"slider slider-nav-circle slider-nav-large slider-nav-light slider-style-normal\"\n        data-flickity-options='{\n            \"cellAlign\": \"center\",\n            \"imagesLoaded\": true,\n            \"lazyLoad\": 1,\n            \"freeScroll\": false,\n            \"wrapAround\": true,\n            \"autoPlay\": 6000,\n            \"pauseAutoPlayOnHover\" : true,\n            \"prevNextButtons\": true,\n            \"contain\" : true,\n            \"adaptiveHeight\" : true,\n            \"dragThreshold\" : 10,\n            \"percentPosition\": true,\n            \"pageDots\": true,\n            \"rightToLeft\": false,\n            \"draggable\": true,\n            \"selectedAttraction\": 0.1,\n            \"parallax\" : 0,\n            \"friction\": 0.6        }'\n        >\n        \n\n\n  <div class=\"banner has-hover\" id=\"banner-1864496956\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"680\" src=\"https:\/\/massagehealthpoint.com\/website\/wp-content\/uploads\/2025\/11\/pexels-george-dolgikh-551816-1666065-1-1200x800.jpg\" class=\"bg attachment-large size-large\" alt=\"Cadeaubon\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-897857013\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-3686626618\" class=\"text\">\n\t\t\n\n<h3 class=\"uppercase\"><span data-text-bg=\"alert\"><strong>cadeaubon<\/strong><\/span><\/h3>\n<p><span data-text-bg=\"alert\"><strong>&gt; Vier de feestdagen in ontspanning\u00a0<br \/><\/strong><strong>&gt; Het warmste cadeau van deze winter<br \/><\/strong><strong>&gt; Geef rust met de feestdagen <br \/><\/strong><strong>&gt; Laat de stress van het jaar verdwijnen. <br \/><\/strong><strong>&gt; Feestdagen vol ontspanning beginnen<\/strong><\/span><\/p>\n\t\t\n<style>\n#text-3686626618 {\n  font-size: 1.1rem;\n}\n<\/style>\n\t<\/div>\n\t\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-897857013 {\n  width: 60%;\n}\n#text-box-897857013 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1864496956 {\n  padding-top: 500px;\n}\n<\/style>\n  <\/div>\n\n\n\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n\t<\/div>\n\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1149278483 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(255,255,255);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_961474934\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<p style=\"text-align: center;\"><div class=\"bookly-gift-cards-wrapper\" style=\"max-width: 800px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\">\n    \n    <!-- Header -->\n    <div style=\"text-align: center; padding: 30px 20px; background: linear-gradient(135deg, #10b981, #059669); border-radius: 12px; margin-bottom: 30px; color: white;\">\n        <h1 style=\"margin: 0 0 10px 0; font-size: 32px;\">\ud83c\udf81 Cadeaubonnen<\/h1>\n        <p style=\"margin: 0; font-size: 16px; opacity: 0.9;\">Geef het cadeau van ontspanning<\/p>\n    <\/div>\n    \n    <!-- Steps Progress -->\n    <div class=\"gift-steps\" style=\"display: flex; justify-content: center; gap: 20px; margin-bottom: 30px;\">\n        <div class=\"gift-step active\" data-step=\"1\" style=\"display: flex; align-items: center; gap: 8px;\">\n            <span class=\"step-num\" style=\"width: 30px; height: 30px; border-radius: 50%; background: #10b981; color: white; display: flex; align-items: center; justify-content: center; font-weight: bold;\">1<\/span>\n            <span>Kies behandeling<\/span>\n        <\/div>\n        <div class=\"gift-step\" data-step=\"2\" style=\"display: flex; align-items: center; gap: 8px; opacity: 0.5;\">\n            <span class=\"step-num\" style=\"width: 30px; height: 30px; border-radius: 50%; background: #d1d5db; color: #6b7280; display: flex; align-items: center; justify-content: center; font-weight: bold;\">2<\/span>\n            <span>Gegevens<\/span>\n        <\/div>\n        <div class=\"gift-step\" data-step=\"3\" style=\"display: flex; align-items: center; gap: 8px; opacity: 0.5;\">\n            <span class=\"step-num\" style=\"width: 30px; height: 30px; border-radius: 50%; background: #d1d5db; color: #6b7280; display: flex; align-items: center; justify-content: center; font-weight: bold;\">3<\/span>\n            <span>Betaling<\/span>\n        <\/div>\n    <\/div>\n    \n    <!-- Step 1: Select Service -->\n    <div class=\"gift-card-step\" id=\"gift-step-1\">\n        <h2 style=\"margin-bottom: 20px; color: #1f2937;\">Kies een behandeling<\/h2>\n        \n                <div class=\"category-filter\" style=\"margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 10px;\">\n            <button type=\"button\" class=\"cat-btn active\" data-category=\"all\" style=\"padding: 8px 16px; border: 1px solid #d1d5db; background: #10b981; color: white; border-radius: 20px; cursor: pointer;\">Alle<\/button>\n                        <button type=\"button\" class=\"cat-btn\" data-category=\"Madero Therapie\" style=\"padding: 8px 16px; border: 1px solid #d1d5db; background: white; border-radius: 20px; cursor: pointer;\">Madero Therapie<\/button>\n                        <button type=\"button\" class=\"cat-btn\" data-category=\"Massage Therapie\" style=\"padding: 8px 16px; border: 1px solid #d1d5db; background: white; border-radius: 20px; cursor: pointer;\">Massage Therapie<\/button>\n                        <button type=\"button\" class=\"cat-btn\" data-category=\"OET (Orthomoleculair Epigenetische Therapie)\" style=\"padding: 8px 16px; border: 1px solid #d1d5db; background: white; border-radius: 20px; cursor: pointer;\">OET (Orthomoleculair Epigenetische Therapie)<\/button>\n                        <button type=\"button\" class=\"cat-btn\" data-category=\"Tanita wegen\" style=\"padding: 8px 16px; border: 1px solid #d1d5db; background: white; border-radius: 20px; cursor: pointer;\">Tanita wegen<\/button>\n                        <button type=\"button\" class=\"cat-btn\" data-category=\"Workshops\" style=\"padding: 8px 16px; border: 1px solid #d1d5db; background: white; border-radius: 20px; cursor: pointer;\">Workshops<\/button>\n                    <\/div>\n                \n        <div class=\"services-grid\" style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 15px;\">\n                        <div class=\"gift-service-card\" \n                 data-service-id=\"18\" \n                 data-service-name=\"Madero Therapie Combi\"\n                 data-service-price=\"70.00\"\n                 data-category=\"Madero Therapie\"\n                 style=\"background: white; border: 2px solid #e5e7eb; border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.2s;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;\">\n                    <h3 style=\"margin: 0; font-size: 16px; color: #1f2937;\">Madero Therapie Combi<\/h3>\n                    <span style=\"background: #10b981; color: white; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 14px;\">\u20ac70,00<\/span>\n                <\/div>\n                                <p style=\"margin: 0 0 10px 0; font-size: 13px; color: #6b7280;\">Losse sessie: 60 min: 30 min massage + 30 min Madero<\/p>\n                                <div style=\"font-size: 12px; color: #9ca3af;\">\n                    \u23f1 60 minuten\n                                        &bull; Madero Therapie                                    <\/div>\n            <\/div>\n                        <div class=\"gift-service-card\" \n                 data-service-id=\"19\" \n                 data-service-name=\"Madero Therapie Combi 5 sessies\"\n                 data-service-price=\"325.00\"\n                 data-category=\"Madero Therapie\"\n                 style=\"background: white; border: 2px solid #e5e7eb; border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.2s;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;\">\n                    <h3 style=\"margin: 0; font-size: 16px; color: #1f2937;\">Madero Therapie Combi 5 sessies<\/h3>\n                    <span style=\"background: #10b981; color: white; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 14px;\">\u20ac325,00<\/span>\n                <\/div>\n                                <p style=\"margin: 0 0 10px 0; font-size: 13px; color: #6b7280;\">5 sessies va 60 minuten = 30 min massage + 30 minuten Madero<\/p>\n                                <div style=\"font-size: 12px; color: #9ca3af;\">\n                    \u23f1 60 minuten\n                                        &bull; Madero Therapie                                    <\/div>\n            <\/div>\n                        <div class=\"gift-service-card\" \n                 data-service-id=\"16\" \n                 data-service-name=\"Madero Therapie II 5 sessies\"\n                 data-service-price=\"365.00\"\n                 data-category=\"Madero Therapie\"\n                 style=\"background: white; border: 2px solid #e5e7eb; border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.2s;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;\">\n                    <h3 style=\"margin: 0; font-size: 16px; color: #1f2937;\">Madero Therapie II 5 sessies<\/h3>\n                    <span style=\"background: #10b981; color: white; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 14px;\">\u20ac365,00<\/span>\n                <\/div>\n                                <p style=\"margin: 0 0 10px 0; font-size: 13px; color: #6b7280;\">Kuur: 5 sessies van 60 minuten<\/p>\n                                <div style=\"font-size: 12px; color: #9ca3af;\">\n                    \u23f1 60 minuten\n                                        &bull; Madero Therapie                                    <\/div>\n            <\/div>\n                        <div class=\"gift-service-card\" \n                 data-service-id=\"15\" \n                 data-service-name=\"Madero Therapie II losse sessies\"\n                 data-service-price=\"75.00\"\n                 data-category=\"Madero Therapie\"\n                 style=\"background: white; border: 2px solid #e5e7eb; border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.2s;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;\">\n                    <h3 style=\"margin: 0; font-size: 16px; color: #1f2937;\">Madero Therapie II losse sessies<\/h3>\n                    <span style=\"background: #10b981; color: white; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 14px;\">\u20ac75,00<\/span>\n                <\/div>\n                                <p style=\"margin: 0 0 10px 0; font-size: 13px; color: #6b7280;\">Losse sessies van 60 min<\/p>\n                                <div style=\"font-size: 12px; color: #9ca3af;\">\n                    \u23f1 60 minuten\n                                        &bull; Madero Therapie                                    <\/div>\n            <\/div>\n                        <div class=\"gift-service-card\" \n                 data-service-id=\"6\" \n                 data-service-name=\"Massagebehandeling 120 Min\"\n                 data-service-price=\"120.00\"\n                 data-category=\"Massage Therapie\"\n                 style=\"background: white; border: 2px solid #e5e7eb; border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.2s;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;\">\n                    <h3 style=\"margin: 0; font-size: 16px; color: #1f2937;\">Massagebehandeling 120 Min<\/h3>\n                    <span style=\"background: #10b981; color: white; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 14px;\">\u20ac120,00<\/span>\n                <\/div>\n                                <p style=\"margin: 0 0 10px 0; font-size: 13px; color: #6b7280;\">Massage Behandeling van 120 Min<\/p>\n                                <div style=\"font-size: 12px; color: #9ca3af;\">\n                    \u23f1 120 minuten\n                                        &bull; Massage Therapie                                    <\/div>\n            <\/div>\n                        <div class=\"gift-service-card\" \n                 data-service-id=\"5\" \n                 data-service-name=\"Massagebehandeling 60 Min\"\n                 data-service-price=\"65.00\"\n                 data-category=\"Massage Therapie\"\n                 style=\"background: white; border: 2px solid #e5e7eb; border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.2s;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;\">\n                    <h3 style=\"margin: 0; font-size: 16px; color: #1f2937;\">Massagebehandeling 60 Min<\/h3>\n                    <span style=\"background: #10b981; color: white; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 14px;\">\u20ac65,00<\/span>\n                <\/div>\n                                <p style=\"margin: 0 0 10px 0; font-size: 13px; color: #6b7280;\">Massage Behandeling van 60 minuten<\/p>\n                                <div style=\"font-size: 12px; color: #9ca3af;\">\n                    \u23f1 60 minuten\n                                        &bull; Massage Therapie                                    <\/div>\n            <\/div>\n                        <div class=\"gift-service-card\" \n                 data-service-id=\"21\" \n                 data-service-name=\"Massagebehandeling 90 Min\"\n                 data-service-price=\"95.00\"\n                 data-category=\"Massage Therapie\"\n                 style=\"background: white; border: 2px solid #e5e7eb; border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.2s;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;\">\n                    <h3 style=\"margin: 0; font-size: 16px; color: #1f2937;\">Massagebehandeling 90 Min<\/h3>\n                    <span style=\"background: #10b981; color: white; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 14px;\">\u20ac95,00<\/span>\n                <\/div>\n                                <p style=\"margin: 0 0 10px 0; font-size: 13px; color: #6b7280;\">Massagebehandeling 90 Min<\/p>\n                                <div style=\"font-size: 12px; color: #9ca3af;\">\n                    \u23f1 90 minuten\n                                        &bull; Massage Therapie                                    <\/div>\n            <\/div>\n                        <div class=\"gift-service-card\" \n                 data-service-id=\"7\" \n                 data-service-name=\"Intake OET consult\"\n                 data-service-price=\"95.00\"\n                 data-category=\"OET (Orthomoleculair Epigenetische Therapie)\"\n                 style=\"background: white; border: 2px solid #e5e7eb; border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.2s;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;\">\n                    <h3 style=\"margin: 0; font-size: 16px; color: #1f2937;\">Intake OET consult<\/h3>\n                    <span style=\"background: #10b981; color: white; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 14px;\">\u20ac95,00<\/span>\n                <\/div>\n                                <p style=\"margin: 0 0 10px 0; font-size: 13px; color: #6b7280;\">Intakeformulier, voedingsschema en behandelplan<\/p>\n                                <div style=\"font-size: 12px; color: #9ca3af;\">\n                    \u23f1 60 minuten\n                                        &bull; OET (Orthomoleculair Epigenetische Therapie)                                    <\/div>\n            <\/div>\n                        <div class=\"gift-service-card\" \n                 data-service-id=\"9\" \n                 data-service-name=\"Telefonisch consult\"\n                 data-service-price=\"35.00\"\n                 data-category=\"OET (Orthomoleculair Epigenetische Therapie)\"\n                 style=\"background: white; border: 2px solid #e5e7eb; border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.2s;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;\">\n                    <h3 style=\"margin: 0; font-size: 16px; color: #1f2937;\">Telefonisch consult<\/h3>\n                    <span style=\"background: #10b981; color: white; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 14px;\">\u20ac35,00<\/span>\n                <\/div>\n                                <p style=\"margin: 0 0 10px 0; font-size: 13px; color: #6b7280;\">Telefonisch consult<\/p>\n                                <div style=\"font-size: 12px; color: #9ca3af;\">\n                    \u23f1 30 minuten\n                                        &bull; OET (Orthomoleculair Epigenetische Therapie)                                    <\/div>\n            <\/div>\n                        <div class=\"gift-service-card\" \n                 data-service-id=\"8\" \n                 data-service-name=\"Vervolgconsult\"\n                 data-service-price=\"80.00\"\n                 data-category=\"OET (Orthomoleculair Epigenetische Therapie)\"\n                 style=\"background: white; border: 2px solid #e5e7eb; border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.2s;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;\">\n                    <h3 style=\"margin: 0; font-size: 16px; color: #1f2937;\">Vervolgconsult<\/h3>\n                    <span style=\"background: #10b981; color: white; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 14px;\">\u20ac80,00<\/span>\n                <\/div>\n                                <p style=\"margin: 0 0 10px 0; font-size: 13px; color: #6b7280;\">wegen, weegkaart uitleg<\/p>\n                                <div style=\"font-size: 12px; color: #9ca3af;\">\n                    \u23f1 60 minuten\n                                        &bull; OET (Orthomoleculair Epigenetische Therapie)                                    <\/div>\n            <\/div>\n                        <div class=\"gift-service-card\" \n                 data-service-id=\"11\" \n                 data-service-name=\"voedingssupplementen aanbieding\"\n                 data-service-price=\"95.00\"\n                 data-category=\"OET (Orthomoleculair Epigenetische Therapie)\"\n                 style=\"background: white; border: 2px solid #e5e7eb; border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.2s;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;\">\n                    <h3 style=\"margin: 0; font-size: 16px; color: #1f2937;\">voedingssupplementen aanbieding<\/h3>\n                    <span style=\"background: #10b981; color: white; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 14px;\">\u20ac95,00<\/span>\n                <\/div>\n                                <p style=\"margin: 0 0 10px 0; font-size: 13px; color: #6b7280;\">10% korting bij een OET Consul<\/p>\n                                <div style=\"font-size: 12px; color: #9ca3af;\">\n                    \u23f1 15 minuten\n                                        &bull; OET (Orthomoleculair Epigenetische Therapie)                                    <\/div>\n            <\/div>\n                        <div class=\"gift-service-card\" \n                 data-service-id=\"10\" \n                 data-service-name=\"Tanita wegen\"\n                 data-service-price=\"15.00\"\n                 data-category=\"Tanita wegen\"\n                 style=\"background: white; border: 2px solid #e5e7eb; border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.2s;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;\">\n                    <h3 style=\"margin: 0; font-size: 16px; color: #1f2937;\">Tanita wegen<\/h3>\n                    <span style=\"background: #10b981; color: white; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 14px;\">\u20ac15,00<\/span>\n                <\/div>\n                                <p style=\"margin: 0 0 10px 0; font-size: 13px; color: #6b7280;\">Tanita wegen<\/p>\n                                <div style=\"font-size: 12px; color: #9ca3af;\">\n                    \u23f1 30 minuten\n                                        &bull; Tanita wegen                                    <\/div>\n            <\/div>\n                        <div class=\"gift-service-card\" \n                 data-service-id=\"22\" \n                 data-service-name=\"Workshop Sportverzorging\"\n                 data-service-price=\"250.00\"\n                 data-category=\"Workshops\"\n                 style=\"background: white; border: 2px solid #e5e7eb; border-radius: 10px; padding: 20px; cursor: pointer; transition: all 0.2s;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;\">\n                    <h3 style=\"margin: 0; font-size: 16px; color: #1f2937;\">Workshop Sportverzorging<\/h3>\n                    <span style=\"background: #10b981; color: white; padding: 4px 12px; border-radius: 15px; font-weight: bold; font-size: 14px;\">\u20ac250,00<\/span>\n                <\/div>\n                                <p style=\"margin: 0 0 10px 0; font-size: 13px; color: #6b7280;\">Voor sporters of ge\u00efnteresseerden in sportmassage. Gericht op spierverzorging, herstel en preventie...<\/p>\n                                <div style=\"font-size: 12px; color: #9ca3af;\">\n                    \u23f1 240 minuten\n                                        &bull; Workshops                                    <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n    \n    <!-- Step 2: Details -->\n    <div class=\"gift-card-step\" id=\"gift-step-2\" style=\"display: none;\">\n        <h2 style=\"margin-bottom: 20px; color: #1f2937;\">Vul de gegevens in<\/h2>\n        \n        <!-- Selected service summary -->\n        <div id=\"selected-service-summary\" style=\"background: #f0fdf4; border: 1px solid #10b981; border-radius: 8px; padding: 15px; margin-bottom: 25px;\">\n            <div style=\"display: flex; justify-content: space-between; align-items: center;\">\n                <div>\n                    <strong id=\"summary-service-name\"><\/strong>\n                    <span id=\"summary-duration\" style=\"color: #6b7280; margin-left: 10px;\"><\/span>\n                <\/div>\n                <span id=\"summary-price\" style=\"font-size: 20px; font-weight: bold; color: #10b981;\"><\/span>\n            <\/div>\n        <\/div>\n        \n        <form id=\"gift-card-form\">\n            <input type=\"hidden\" name=\"service_id\" id=\"selected-service-id\">\n            \n            <!-- Buyer info -->\n            <div style=\"background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 20px;\">\n                <h3 style=\"margin: 0 0 15px 0; font-size: 16px; color: #374151;\">\ud83d\udc64 Jouw gegevens<\/h3>\n                \n                <div style=\"display: grid; gap: 15px;\">\n                    <div>\n                        <label style=\"display: block; margin-bottom: 5px; font-size: 14px; font-weight: 500;\">Naam *<\/label>\n                        <input type=\"text\" name=\"buyer_name\" required style=\"width: 100%; padding: 12px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 14px;\">\n                    <\/div>\n                    <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px;\">\n                        <div>\n                            <label style=\"display: block; margin-bottom: 5px; font-size: 14px; font-weight: 500;\">Email *<\/label>\n                            <input type=\"email\" name=\"buyer_email\" required style=\"width: 100%; padding: 12px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 14px;\">\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; margin-bottom: 5px; font-size: 14px; font-weight: 500;\">Telefoon<\/label>\n                            <input type=\"tel\" name=\"buyer_phone\" style=\"width: 100%; padding: 12px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 14px;\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Recipient info -->\n            <div style=\"background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 20px;\">\n                <h3 style=\"margin: 0 0 5px 0; font-size: 16px; color: #374151;\">\ud83c\udf81 Ontvanger (optioneel)<\/h3>\n                <p style=\"margin: 0 0 15px 0; font-size: 13px; color: #6b7280;\">Laat leeg als je de cadeaubon zelf wilt ontvangen.<\/p>\n                \n                <div style=\"display: grid; gap: 15px;\">\n                    <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px;\">\n                        <div>\n                            <label style=\"display: block; margin-bottom: 5px; font-size: 14px; font-weight: 500;\">Naam ontvanger<\/label>\n                            <input type=\"text\" name=\"recipient_name\" style=\"width: 100%; padding: 12px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 14px;\">\n                        <\/div>\n                        <div>\n                            <label style=\"display: block; margin-bottom: 5px; font-size: 14px; font-weight: 500;\">Email ontvanger<\/label>\n                            <input type=\"email\" name=\"recipient_email\" style=\"width: 100%; padding: 12px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 14px;\">\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <label style=\"display: block; margin-bottom: 5px; font-size: 14px; font-weight: 500;\">Persoonlijk bericht<\/label>\n                        <textarea name=\"personal_message\" rows=\"2\" style=\"width: 100%; padding: 12px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 14px; resize: vertical;\" placeholder=\"Bijv. Gefeliciteerd met je verjaardag!\"><\/textarea>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Navigation -->\n            <div style=\"display: flex; justify-content: space-between; margin-top: 20px;\">\n                <button type=\"button\" id=\"btn-back-step1\" style=\"padding: 12px 30px; background: white; border: 1px solid #d1d5db; border-radius: 6px; cursor: pointer; font-size: 14px;\">\u2190 Terug<\/button>\n                <button type=\"button\" id=\"btn-to-step3\" style=\"padding: 12px 30px; background: #10b981; color: white; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 500;\">Naar betaling \u2192<\/button>\n            <\/div>\n        <\/form>\n    <\/div>\n    \n    <!-- Step 3: Payment -->\n    <div class=\"gift-card-step\" id=\"gift-step-3\" style=\"display: none;\">\n        <h2 style=\"margin-bottom: 20px; color: #1f2937;\">Kies betaalmethode<\/h2>\n        \n        <!-- Order summary -->\n        <div style=\"background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 25px;\">\n            <h3 style=\"margin: 0 0 15px 0; font-size: 16px; color: #374151;\">\ud83d\udccb Overzicht<\/h3>\n            <div id=\"order-summary\">\n                <div style=\"display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #f3f4f6;\">\n                    <span>Behandeling:<\/span>\n                    <strong id=\"order-service\"><\/strong>\n                <\/div>\n                <div style=\"display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #f3f4f6;\">\n                    <span>Geldig tot:<\/span>\n                    <span id=\"order-expiry\"><\/span>\n                <\/div>\n                <div style=\"display: flex; justify-content: space-between; padding: 15px 0; font-size: 20px;\">\n                    <strong>Totaal:<\/strong>\n                    <strong id=\"order-total\" style=\"color: #10b981;\"><\/strong>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Payment methods -->\n        <div style=\"display: grid; gap: 15px; margin-bottom: 25px;\">\n            <!-- Tikkie \/ Manual -->\n            <div class=\"payment-option\" data-method=\"manual\" style=\"background: white; border: 2px solid #e5e7eb; border-radius: 8px; padding: 20px; cursor: pointer; transition: all 0.2s;\">\n                <div style=\"display: flex; align-items: center; gap: 15px;\">\n                    <div style=\"width: 50px; height: 50px; background: #f0fdf4; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 24px;\">\ud83d\udcb3<\/div>\n                    <div>\n                        <strong style=\"display: block; margin-bottom: 3px;\">Tikkie \/ Overschrijving<\/strong>\n                        <span style=\"font-size: 13px; color: #6b7280;\">Je ontvangt betaalinstructies per email<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Stripe -->\n                    <\/div>\n        \n        <!-- Stripe payment form (hidden initially) -->\n        <div id=\"stripe-payment-section\" style=\"display: none; background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 20px;\">\n            <div id=\"stripe-card-element\" style=\"padding: 15px; border: 1px solid #d1d5db; border-radius: 6px;\"><\/div>\n            <div id=\"stripe-card-errors\" style=\"color: #dc2626; margin-top: 10px; font-size: 14px;\"><\/div>\n        <\/div>\n        \n        <!-- Navigation -->\n        <div style=\"display: flex; justify-content: space-between; margin-top: 20px;\">\n            <button type=\"button\" id=\"btn-back-step2\" style=\"padding: 12px 30px; background: white; border: 1px solid #d1d5db; border-radius: 6px; cursor: pointer; font-size: 14px;\">\u2190 Terug<\/button>\n            <button type=\"button\" id=\"btn-complete-purchase\" disabled style=\"padding: 12px 30px; background: #10b981; color: white; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 500; opacity: 0.5;\">Bestellen<\/button>\n        <\/div>\n    <\/div>\n    \n    <!-- Success message -->\n    <div id=\"gift-success\" style=\"display: none; text-align: center; padding: 50px 20px;\">\n        <div style=\"font-size: 64px; margin-bottom: 20px;\">\ud83c\udf89<\/div>\n        <h2 style=\"color: #10b981; margin-bottom: 15px;\">Bedankt voor je bestelling!<\/h2>\n        <p id=\"success-message\" style=\"color: #6b7280; font-size: 16px;\"><\/p>\n        \n        <div style=\"background: #fef3c7; border: 1px solid #f59e0b; padding: 15px; border-radius: 8px; margin: 20px auto; max-width: 400px; text-align: left;\">\n            <strong>\ud83d\udce7 Let op:<\/strong><br>\n            De cadeaubon wordt per email verstuurd. Controleer ook je <strong>spam\/ongewenste mail<\/strong> folder als je de email niet ontvangt!\n        <\/div>\n        \n        <a href=\"https:\/\/massagehealthpoint.com\/website\" style=\"display: inline-block; margin-top: 20px; padding: 12px 30px; background: #10b981; color: white; text-decoration: none; border-radius: 6px;\">Terug naar home<\/a>\n    <\/div>\n    \n<\/div>\n\n<style>\n.gift-service-card:hover {\n    border-color: #10b981 !important;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.15);\n}\n.gift-service-card.selected {\n    border-color: #10b981 !important;\n    background: #f0fdf4 !important;\n}\n.payment-option:hover {\n    border-color: #10b981 !important;\n}\n.payment-option.selected {\n    border-color: #10b981 !important;\n    background: #f0fdf4 !important;\n}\n.cat-btn:hover {\n    background: #f3f4f6 !important;\n}\n.cat-btn.active {\n    background: #10b981 !important;\n    color: white !important;\n    border-color: #10b981 !important;\n}\n.gift-step.active .step-num {\n    background: #10b981 !important;\n    color: white !important;\n}\n.gift-step.completed .step-num {\n    background: #10b981 !important;\n    color: white !important;\n}\n.gift-step.active, .gift-step.completed {\n    opacity: 1 !important;\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_961474934 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(255,255,255);\n}\n<\/style>\n\t<\/section>\n\t\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":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-584","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/massagehealthpoint.com\/website\/wp-json\/wp\/v2\/pages\/584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/massagehealthpoint.com\/website\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/massagehealthpoint.com\/website\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/massagehealthpoint.com\/website\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/massagehealthpoint.com\/website\/wp-json\/wp\/v2\/comments?post=584"}],"version-history":[{"count":6,"href":"https:\/\/massagehealthpoint.com\/website\/wp-json\/wp\/v2\/pages\/584\/revisions"}],"predecessor-version":[{"id":626,"href":"https:\/\/massagehealthpoint.com\/website\/wp-json\/wp\/v2\/pages\/584\/revisions\/626"}],"wp:attachment":[{"href":"https:\/\/massagehealthpoint.com\/website\/wp-json\/wp\/v2\/media?parent=584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}