{"id":8,"date":"2026-06-20T02:23:40","date_gmt":"2026-06-20T02:23:40","guid":{"rendered":"https:\/\/lumiere.devlux.studio\/?page_id=8"},"modified":"2026-06-20T02:23:40","modified_gmt":"2026-06-20T02:23:40","slug":"book-a-session","status":"publish","type":"page","link":"https:\/\/lumiere.devlux.studio\/?page_id=8","title":{"rendered":"Book a Session"},"content":{"rendered":"        <div class=\"lbp-booking-wizard\"\n             data-preselect-service=\"0\"\n             data-preselect-photographer=\"0\">\n\n            <!-- Progress bar -->\n            <div class=\"lbp-progress\">\n                <div class=\"lbp-progress-step active\" data-step=\"1\">\n                    <div class=\"lbp-step-circle\">1<\/div>\n                    <span>Session Type<\/span>\n                <\/div>\n                <div class=\"lbp-progress-line\"><\/div>\n                <div class=\"lbp-progress-step\" data-step=\"2\">\n                    <div class=\"lbp-step-circle\">2<\/div>\n                    <span>Photographer & Time<\/span>\n                <\/div>\n                <div class=\"lbp-progress-line\"><\/div>\n                <div class=\"lbp-progress-step\" data-step=\"3\">\n                    <div class=\"lbp-step-circle\">3<\/div>\n                    <span>Your Details<\/span>\n                <\/div>\n                <div class=\"lbp-progress-line\"><\/div>\n                <div class=\"lbp-progress-step\" data-step=\"4\">\n                    <div class=\"lbp-step-circle\">4<\/div>\n                    <span>Confirm<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Step 1: Session Type -->\n            <div class=\"lbp-step lbp-step-1 active\">\n                <h3>Choose Your Session Type<\/h3>\n                <div class=\"lbp-cards\" id=\"lbp-service-cards\">\n                                        <div class=\"lbp-card\"\n                         data-value=\"2\"\n                         data-name=\"Baby Shower\"\n                         data-price=\"300.00\"\n                         data-duration=\"120\"\n                         style=\"--lbp-color:#c9957a;\">\n                        <div class=\"lbp-card-color-bar\"><\/div>\n                        <strong>Baby Shower<\/strong>\n                                                <div class=\"lbp-card-meta\"><span class=\"lbp-price-tag\">$300<\/span><span class=\"lbp-dur-tag\">\u23f1 120 min<\/span><\/div>\n                    <\/div>\n                                        <div class=\"lbp-card\"\n                         data-value=\"1\"\n                         data-name=\"Wedding Photography\"\n                         data-price=\"2800.00\"\n                         data-duration=\"480\"\n                         style=\"--lbp-color:#c9957a;\">\n                        <div class=\"lbp-card-color-bar\"><\/div>\n                        <strong>Wedding Photography<\/strong>\n                                                <div class=\"lbp-card-meta\"><span class=\"lbp-price-tag\">$2,800<\/span><span class=\"lbp-dur-tag\">\u23f1 480 min<\/span><\/div>\n                    <\/div>\n                                    <\/div>\n                <div class=\"lbp-actions\">\n                    <button class=\"lbp-btn lbp-btn-next\" data-next=\"2\" disabled>Next \u2192<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Step 2: Photographer + Date + Time -->\n            <div class=\"lbp-step lbp-step-2\">\n                <h3>Choose Your Photographer & Date<\/h3>\n\n                <div class=\"lbp-field\">\n                    <label>Photographer<\/label>\n                    <div class=\"lbp-cards\" id=\"lbp-photographer-cards\"><\/div>\n                <\/div>\n\n                <div class=\"lbp-field\" id=\"lbp-calendar-field\" style=\"display:none;\">\n                    <label>Date<\/label>\n                    <div class=\"lbp-calendar-nav\">\n                        <button class=\"lbp-cal-prev\">&#8249;<\/button>\n                        <span class=\"lbp-cal-month-label\"><\/span>\n                        <button class=\"lbp-cal-next\">&#8250;<\/button>\n                    <\/div>\n                    <div class=\"lbp-calendar\" id=\"lbp-calendar\"><\/div>\n                <\/div>\n\n                <div class=\"lbp-field\" id=\"lbp-slots-field\" style=\"display:none;\">\n                    <label>Available Times<\/label>\n                    <div class=\"lbp-slots\" id=\"lbp-time-slots\"><\/div>\n                <\/div>\n\n                <div class=\"lbp-actions\">\n                    <button class=\"lbp-btn lbp-btn-back\" data-back=\"1\">\u2190 Back<\/button>\n                    <button class=\"lbp-btn lbp-btn-next\" data-next=\"3\" disabled>Next \u2192<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Step 3: Client Details -->\n            <div class=\"lbp-step lbp-step-3\">\n                <h3>Your Details<\/h3>\n                <div class=\"lbp-form-grid\">\n                    <div class=\"lbp-field\">\n                        <label for=\"lbp-name\">Full Name <span class=\"lbp-req\">*<\/span><\/label>\n                        <input type=\"text\" id=\"lbp-name\" placeholder=\"Jane Smith\">\n                    <\/div>\n                    <div class=\"lbp-field\">\n                        <label for=\"lbp-email\">Email <span class=\"lbp-req\">*<\/span><\/label>\n                        <input type=\"email\" id=\"lbp-email\" placeholder=\"jane@example.com\">\n                    <\/div>\n                    <div class=\"lbp-field\">\n                        <label for=\"lbp-phone\">Phone<\/label>\n                        <input type=\"tel\" id=\"lbp-phone\" placeholder=\"+1 555 000 0000\">\n                    <\/div>\n                    <div class=\"lbp-field lbp-field-full\">\n                        <label for=\"lbp-notes\">Tell us about your vision<\/label>\n                        <textarea id=\"lbp-notes\" rows=\"3\" placeholder=\"Location, mood, special requests\u2026\"><\/textarea>\n                    <\/div>\n                <\/div>\n                <div class=\"lbp-actions\">\n                    <button class=\"lbp-btn lbp-btn-back\" data-back=\"2\">\u2190 Back<\/button>\n                    <button class=\"lbp-btn lbp-btn-next\" data-next=\"4\">Review Booking \u2192<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Step 4: Review + Confirm -->\n            <div class=\"lbp-step lbp-step-4\">\n                <h3>Review Your Booking<\/h3>\n                <div class=\"lbp-summary\" id=\"lbp-summary\"><\/div>\n\n                <!-- Payment method -->\n                <div id=\"lbp-payment-choice\" style=\"display:none;margin-bottom:20px;\">\n                    <div class=\"lbp-field-label\">How would you like to pay?<\/div>\n                    <div class=\"lbp-payment-options\">\n                                                <label class=\"lbp-payment-option\">\n                            <input type=\"radio\" name=\"lbp_payment_method\" value=\"online\" checked>\n                            <div class=\"lbp-payment-option-inner\">\n                                <div class=\"lbp-payment-icon\">\ud83d\udcb3<\/div>\n                                <div>\n                                    <div class=\"lbp-payment-title\">Pay now online<\/div>\n                                    <div class=\"lbp-payment-desc\">Secure payment at checkout. Confirms your spot instantly.<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/label>\n                                                                        <label class=\"lbp-payment-option\">\n                            <input type=\"radio\" name=\"lbp_payment_method\" value=\"inperson\" >\n                            <div class=\"lbp-payment-option-inner\">\n                                <div class=\"lbp-payment-icon\">\ud83e\udd1d<\/div>\n                                <div>\n                                    <div class=\"lbp-payment-title\">Pay on the day<\/div>\n                                    <div class=\"lbp-payment-desc\">Pay at the session. We'll hold your booking.<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/label>\n                                            <\/div>\n                <\/div>\n\n                <div id=\"lbp-free-notice\" style=\"display:none;margin-bottom:20px;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:10px;padding:14px 16px;font-size:0.85rem;color:#065F46;\">\n                    \u2713 This session is complimentary \u2014 no payment required.                <\/div>\n\n                <div class=\"lbp-actions\">\n                    <button class=\"lbp-btn lbp-btn-back\" data-back=\"3\">\u2190 Back<\/button>\n                    <button class=\"lbp-btn lbp-btn-primary\" id=\"lbp-confirm-btn\">Confirm Booking<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Step 5: Success -->\n            <div class=\"lbp-step lbp-step-5\">\n                <div class=\"lbp-success\">\n                    <div class=\"lbp-success-icon\">\u2726<\/div>\n                    <h3 id=\"lbp-success-title\">You're all booked!<\/h3>\n                    <p id=\"lbp-success-message\"><\/p>\n                    <div class=\"lbp-booking-ref-wrap\" id=\"lbp-ref-wrap\" style=\"display:none;\">\n                        <span class=\"lbp-ref-label\">Booking Reference<\/span>\n                        <span class=\"lbp-ref-code\" id=\"lbp-booking-ref\"><\/span>\n                    <\/div>\n                    <div id=\"lbp-success-inperson-note\" style=\"display:none;background:#FEF3C7;border:1px solid #FCD34D;border-radius:8px;padding:12px 16px;margin:16px 0;font-size:0.85rem;color:#92400E;\">\n                        \ud83d\udcb0 Please remember to bring payment on the day of your session.                    <\/div>\n                    <button class=\"lbp-btn lbp-btn-primary\" id=\"lbp-book-another\">Book Another Session<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Loading \/ Error -->\n            <div class=\"lbp-loading\" id=\"lbp-loading\" style=\"display:none;\"><div class=\"lbp-spinner\"><\/div><\/div>\n            <div class=\"lbp-error-banner\" id=\"lbp-error-banner\" style=\"display:none;\"><\/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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lumiere.devlux.studio\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lumiere.devlux.studio\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lumiere.devlux.studio\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lumiere.devlux.studio\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lumiere.devlux.studio\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":0,"href":"https:\/\/lumiere.devlux.studio\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/lumiere.devlux.studio\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}