{"id":3532,"date":"2025-11-02T20:56:48","date_gmt":"2025-11-02T20:56:48","guid":{"rendered":"https:\/\/bgveranda.nl\/?page_id=3532"},"modified":"2025-12-22T20:48:36","modified_gmt":"2025-12-22T20:48:36","slug":"quotation-3-2","status":"publish","type":"page","link":"https:\/\/bgveranda.nl\/?page_id=3532","title":{"rendered":"Offerte"},"content":{"rendered":"\n<div class=\"alignfull wp-block-ugb-container ugb-container ugb-99980c4 ugb-container--v2 ugb-container--design-plain ugb-main-block ugb-main-block--inner-center ugb--has-block-background ugb--has-background-overlay\"><style>.ugb-99980c4 .ugb-inner-block{text-align:center}.ugb-99980c4.ugb-container{background-color:#000000;background-image:url(https:\/\/bgveranda.nl\/wp-content\/uploads\/2025\/10\/IMG-20250902-WA0071-1-edited.jpg)}.ugb-99980c4.ugb-container:before{background-color:#000000;opacity:0.4}@media screen and (min-width:768px){.ugb-99980c4.ugb-container{padding-top:330px !important;padding-right:35px !important;padding-bottom:280px !important;padding-left:35px !important}}@media screen and (min-width:768px) and (max-width:1025px){.ugb-99980c4.ugb-container{padding-top:230px !important;padding-bottom:200px !important}}@media screen and (max-width:768px){.ugb-99980c4.ugb-container{padding-top:180px !important;padding-right:18px !important;padding-bottom:150px !important;padding-left:18px !important}}<\/style><div class=\"ugb-inner-block ugb-inner-block--center\"><div class=\"ugb-block-content\"><div class=\"ugb-container__wrapper ugb-99980c4-wrapper\"><div class=\"ugb-container__side\"><div class=\"ugb-container__content-wrapper ugb-99980c4-content-wrapper\">\n\n\n\n<div class=\"wp-block-ugb-heading ugb-heading ugb-09c5d88 ugb-main-block\"><style>.ugb-09c5d88 .ugb-heading__title{color:#ffffff;font-size:100px !important;line-height:1.3em !important;text-align:center;margin-bottom:0px !important}.ugb-09c5d88 .ugb-inner-block{text-align:center}@media screen and (min-width:768px){.ugb-09c5d88.ugb-heading{margin-bottom:0px !important}}@media screen and (max-width:1025px){.ugb-09c5d88 .ugb-heading__title{font-size:70px !important}}@media screen and (max-width:768px){.ugb-09c5d88 .ugb-heading__title{font-size:40px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><h2 class=\"ugb-heading__title\">Quotation<\/h2><\/div><\/div><\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-spacer ugb-spacer ugb-30e83b5 ugb-spacer--v2 ugb-main-block\"><style>@media screen and (min-width:768px){.ugb-30e83b5.ugb-spacer{height:100px !important}}@media screen and (min-width:768px) and (max-width:1025px){.ugb-30e83b5.ugb-spacer{height:50px !important}}@media screen and (max-width:768px){.ugb-30e83b5.ugb-spacer{height:30px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-spacer--inner\"><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-heading ugb-heading ugb-a68d63c ugb-main-block\"><style>.ugb-a68d63c .ugb-heading__title{font-size:45px !important;margin-bottom:5px !important}.ugb-a68d63c .ugb-heading__subtitle{margin-bottom:0px !important}@media screen and (min-width:768px){.ugb-a68d63c.ugb-heading{margin-bottom:40px !important}}@media screen and (max-width:1025px){.ugb-a68d63c .ugb-heading__title{font-size:35px !important;text-align:center}.ugb-a68d63c .ugb-inner-block{text-align:center}}@media screen and (min-width:768px) and (max-width:1025px){.ugb-a68d63c.ugb-heading{margin-bottom:0px !important}}@media screen and (max-width:768px){.ugb-a68d63c .ugb-heading__title{font-size:30px !important}.ugb-a68d63c.ugb-heading{margin-bottom:0px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-spacer ugb-spacer ugb-58cddee ugb-spacer--v2 ugb-main-block\"><style>@media screen and (min-width:768px){.ugb-58cddee.ugb-spacer{height:100px !important}}@media screen and (min-width:768px) and (max-width:1025px){.ugb-58cddee.ugb-spacer{height:50px !important}}@media screen and (max-width:768px){.ugb-58cddee.ugb-spacer{height:30px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-spacer--inner\"><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"alignfull wp-block-ugb-container ugb-container ugb-4fbfb17 ugb-container--v2 ugb-container--design-basic ugb-main-block ugb-main-block--inner-center ugb--has-block-background ugb--has-background-overlay\"><style>.ugb-4fbfb17-wrapper.ugb-container__wrapper{border-radius:0px !important}.ugb-4fbfb17 .ugb-inner-block{text-align:left}.ugb-4fbfb17.ugb-container{background-image:url(https:\/\/bgveranda.nl\/wp-content\/uploads\/2021\/07\/flower-decoration-2.svg);background-position:bottom right;background-repeat:no-repeat;background-size:700px !important}.ugb-4fbfb17{padding:0 !important}.ugb-4fbfb17.ugb-container:before{opacity:0.5}@media screen and (min-width:768px){.ugb-4fbfb17.ugb-container{padding-right:35px !important;padding-left:35px !important}}@media screen and (min-width:768px){.ugb-4fbfb17 > .ugb-inner-block > .ugb-block-content > *{padding-top:8% !important;padding-bottom:8% !important;padding-right:20% !important;padding-left:20% !important}}@media screen and (min-width:768px) and (max-width:1025px){.ugb-4fbfb17 > .ugb-inner-block > .ugb-block-content > *{padding-top:8% !important;padding-right:8% !important;padding-bottom:8% !important;padding-left:8% !important}}@media screen and (max-width:768px){.ugb-4fbfb17 > .ugb-inner-block > .ugb-block-content > *{padding-top:10% !important;padding-right:10% !important;padding-bottom:10% !important;padding-left:10% !important}}<\/style><div class=\"ugb-inner-block ugb-inner-block--center\"><div class=\"ugb-block-content\"><div class=\"ugb-container__wrapper ugb-4fbfb17-wrapper ugb--shadow-6\"><div class=\"ugb-container__side\"><div class=\"ugb-container__content-wrapper ugb-4fbfb17-content-wrapper\">\n<div class=\"wp-block-ugb-heading ugb-heading ugb-764d603 ugb-main-block ugb--has-custom-content-width ugb--has-custom-content-width-tablet\"><style>.ugb-764d603 .ugb-heading__title{font-size:45px !important;text-align:center;margin-bottom:0px !important}.ugb-764d603 .ugb-inner-block{text-align:center}.ugb-764d603.ugb-heading > .ugb-inner-block{max-width:480px !important}@media screen and (min-width:768px){.ugb-764d603.ugb-heading{margin-bottom:50px !important}}@media screen and (max-width:1025px){.ugb-764d603 .ugb-heading__title{font-size:35px !important}.ugb-764d603.ugb-heading > .ugb-inner-block{max-width:100% !important}}@media screen and (max-width:768px){.ugb-764d603 .ugb-heading__title{font-size:30px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><h2 class=\"ugb-heading__title\">Let\u2019s go<\/h2><\/div><\/div><\/div>\n\n\n\t\t<div style=\"--primary-bg: #ffffff; --primary-text: #4c4c4c; --accent-bg: #2689f2; --accent-text: #ffffff; --hover-bg: #f2f2f2; --hover-text: #4c4c4c; --primary-headings: #333333; --primary-desc: #f5f5f5\" class=\"front-end wp-block-lwn-quote-master-new-offer-props\"   x-data=\"window.lwnQuoteMasterInit()\" >\n    <form\n    x-show=\"visibility.showForm\"\n    id=\"lwn-quote-master-main-form\"\n    class=\"form lwn-quote-master-main-form\"\n    method=\"POST\"\n    :data-single-prop-page=\"visibility.showOptionalPropValues ? 'yes' : 'no'\"\n\n>\n    <input type=\"hidden\" id=\"lwn_quote_master_main_form_nonce\" name=\"lwn_quote_master_main_form_nonce\" value=\"594cb62e88\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F3532\" \/>\n    <!-- Product Header -->\n    <div class=\"product-header\" x-show=\"visibility.showProductHeader\">\n\t<\/div>\n\n\n        <div x-show=\"visibility.showRequiredProps\" class=\"container container-props required\">\n            <\/div>\n\n        <!-- Grouped Items -->\n    <div x-show=\"visibility.showOptionalProps\" class=\"container container-props optional\">\n            <\/div>\n\n    <!-- Optional Product Header -->\n    <div  x-show=\"visibility.showSubmitButton\" class=\"form-group submit\">\n\t<button type=\"button\" class=\"btn btn-submit\" @click.prevent=\"submitSelection\">\n\t\t<span>Quote<\/span>\n\t\t<img\n\t\t\theight=\"12px\"\n\t\t\twidth=\"12px\"\n\t\t\tclass=\"icon plus\"\n\t\t\tsrc=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/plus.svg\"\n\t\t\talt=\"add icon\"\n\t\t\/>\n\t<\/button>\n<\/div>\n<\/form>\n\n\t\t<div\n    x-show=\"visibility.showCart\"\n    id=\"lwn-quote-master-cart-overview\"\n    class=\"cart lwn-quote-master-cart-overview\"\n>\n    <div class=\"cart-header\">\n        <button class=\"back-btn\" @click.prevent=\"goBackToForm\">\n            <img decoding=\"async\"\n                class=\"icon back-icon\"\n                src=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/arrow-left-2.svg\"\n                alt=\"arrow left icon\"\n            \/>\n        <\/button>\n        <h2>Cart Overview<\/h2>\n        <div><\/div>\n    <\/div>\n\n    <div class=\"cart-body\">\n        <div class=\"cart-product-wrapper\">\n            <template x-if=\"cartMainProps.length === 0\">\n               <div class=\"empty-cart\">\n                  <p>\n                     No Items in cart                  <\/p>\n                   <button class=\"new-btn success\" @click.prevent=\"resetAllForm()\">\n                     Add Products                   <\/button>\n                 <\/div>\n             <\/template>\n           <template x-if=\"cartMainProps.length !== 0\">\n            <div class=\"cart-product\">\n                <div class=\"cart-product-title\">\n                    <h2>Offerte<\/h2>\n                <\/div>\n                <div class=\"cart-product-details\">\n                    <ul class=\"cart-product-props\">\n                        <template x-for=\"prop in cartMainProps\" :key=\"prop.id\">\n                            <li class=\"cart-product-prop\">\n                                <span :data-prop-id=\"prop.id\" x-text=\"prop.title\"><\/span>:\n                                <span :data-prop-value-id=\"prop.selectedValueId\" x-text=\"prop.selectedValue\"><\/span>\n                            <\/li>\n                        <\/template>\n                    <\/ul>\n                    <div class=\"cart-product-thumbnail\">\n                                            <\/div>\n                <\/div>\n            <!--  Main product actions -->\n            <div class=\"main-product-actions\">\n              <button class=\"btn edit\" @click=\"goBackToForm()\">\n                <img decoding=\"async\"\n                    class=\"icon edit-icon\"\n                    src=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/edit.svg\"\n                    alt=\"edit icon\"\n                \/>\n                  <\/button>\n              <button class=\"btn delete\" @click.prevent=\"deleteAllItemsInCart()\">\n                <img decoding=\"async\"\n                    class=\"icon delete-icon\"\n                    src=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/trash.svg\"\n                    alt=\"delete icon\"\n                \/>\n              <\/button>\n            <\/div>\n        <\/template>\n        <!-- Add On Products here -->\n\n        <ul class=\"optional-props-list\">\n            <template x-for=\"item in cartOptionalProps\" :key=\"item.id\">\n                <li class=\"cart-product-prop\" :data-item-id=\"item.id\">\n                    <div class=\"cart-product-wrapper optional\">\n                        <div class=\"cart-product-optional\">\n\n                            <div class=\"cart-product-details\">\n                              <div class=\"props-and-actions\">\n                            <div class=\"cart-product-title\">\n                                <h2 x-text=\"item.title\"><\/h2>\n                            <\/div>\n                                <ul class=\"cart-product-props\">\n                                    <template x-for=\"prop in item.selectedVals\" :key=\"prop.id\">\n                                        <li class=\"cart-product-prop\">\n                                            <span :data-prop-id=\"prop.id\" x-text=\"prop.title\"><\/span>:\n                                            <span :data-prop-value-id=\"prop.selectedSubValue.id\" x-text=\"prop.selectedSubValue.title\"><\/span>\n                                        <\/li>\n                                    <\/template>\n                                <\/ul>\n                            <!-- product actions -->\n                            <div class=\"addon-actions\">\n                                    <button class=\"btn edit\" @click=\"editItemInCart(item.id)\">\n                                        <img decoding=\"async\"\n                                            class=\"icon edit-icon\"\n                                            src=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/edit.svg\"\n                                            alt=\"edit icon\"\n                                        \/>\n                                    <\/button>\n                                <button class=\"btn delete\" @click.prevent=\"deleteItemFromCart(item.group.id)\">\n                                    <img decoding=\"async\"\n                                        class=\"icon delete-icon\"\n                                        src=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/trash.svg\"\n                                        alt=\"delete icon\"\n                                    \/>\n                                <\/button>\n                            <\/div>\n<\/div>\n                                <div class=\"cart-product-thumbnail\">\n                                    <template x-if=\"item.image && item.image.url\">\n                                        <img\n                                            width=\"100px\"\n                                            height=\"60px\"\n                                            :src=\"item.image.url\"\n                                            alt=\"addon thumbnail\"\n                                        \/>\n                                    <\/template>\n                                    <template x-if=\"!(item.image && item.image.url)\">\n                                        <div>No Image Available<\/div>\n                                    <\/template>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/li>\n            <\/template>\n        <\/ul>\n    <\/div>\n    <\/template>\n   <template x-if=\"cartMainProps.length !== 0\">\n    <div class=\"cart-footer\">\n        <div  class=\"cart-submit\">\n          <button type=\"button\" class=\"submit-cart-btn\" @click.prevent=\"submitAndMoveToPersonalData\">\n            <span>Continue<\/span>\n            <img decoding=\"async\"\n              height=\"12px\"\n              width=\"12px\"\n              class=\"icon arrow-right\"\n              src=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/arrow-right-cart.svg\"\n              alt=\"add icon\"\n            \/>\n          <\/button>\n        <\/div>\n    <\/div>\n   <\/template>\n<\/div>\n<\/div>\n\n\t\t<div\n    x-show=\"visibility.showPersonalData\"\n    id=\"lwn-quote-master-personal-data\"\n    class=\"personal-data lwn-quote-master-personal-data\"\n>\n    <div class=\"personal-data-header\">\n        <button class=\"back-btn\" @click.prevent=\"goBackToCart\">\n            <img decoding=\"async\"\n                class=\"icon back-icon\"\n                src=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/arrow-left-2.svg\"\n                alt=\"arrow left icon\"\n            \/>\n        <\/button>\n        <h2>Personal Data<\/h2>\n        <div><\/div>\n    <\/div>\n    \n\n    <!-- Body -->\n    <div class=\"personal-data-body\">\n             <div class=\"section server-error\" x-show=\"serverErrorMessage\">\n                 <p x-text=\"serverErrorMessage\"><\/p>\n             <\/div>\n        <div class=\"section\">\n            <div class=\"section-header\">\n                <h3>Contact Details<\/h3>\n            <\/div>\n            <div class=\"section-items\">\n                <div id=\"section-input-email\" >\n                    <label class=\"label\" for=\"user-email\">Email<\/label>\n                    <input\n                        id=\"user-email\"\n                        class=\"input\"\n                        type=\"email\"\n                        name=\"email\"\n                        x-model=\"userData.email\"\n                        placeholder=\"E-mailadres\"\n                    \/>\n                    <p class=\"error\" x-show=\"!userDataValidation['email']\">\n                        This field is required, and it must be a valid email field.                    <\/p>\n                <\/div>\n                <div id=\"section-input-phone\" >\n                    <label for=\"user-phone\" class=\"label\">Phone Number<\/label>\n                    <input\n                        id=\"user-phone\"\n                        class=\"input user-phone-input\"\n                        type=\"tel\"\n                        name=\"phone\"\n                        x-model=\"userData.phone\"\n                    \/>\n                    <p class=\"error\" x-show=\"!userDataValidation['phone']\">\n                        This field is required, and it must be a valid phone number.                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"section\">\n            <div class=\"section-header\">\n                <h3>Address Details<\/h3>\n            <\/div>\n            <div class=\"section-items\">\n                <div id=\"section-input-country\" >\n                    <label class=\"label\" for=\"user-country\">Country<\/label>\n                    <select id=\"user-country\" class=\"input\" name=\"userCountry\" x-model=\"userData.country\">\n                        <option value=\"netherlands\">Netherlands<\/option>\n                        <option value=\"belgium\">Belgium<\/option>\n                        <option value=\"germany\">Germany<\/option>\n                        <option value=\"other\">Other<\/option>\n                    <\/select>\n                    <p class=\"helper-text\">\n                        Is your country not listed? Select &#039;Other&#039;.                    <\/p>\n                    <p x-show=\"!userDataValidation['country']\" class=\"error\">Please select a country from the list.<\/p>\n                <\/div>\n                <div class=\"grid-two-columns\">\n                <div id=\"section-input-firstName\" >\n                        <label class=\"label\" for=\"user-first-name\">First Name<\/label>\n                        <input\n                            id=\"user-first-name\"\n                            class=\"input\"\n                            type=\"text\"\n                            name=\"firstName\"\n                            x-model=\"userData.firstName\"\n                            placeholder=\"First Name\"\n                        \/>\n                        <p class=\"error\" x-show=\"!userDataValidation['firstName']\">\n                            This field is required and must contain at least 2 characters.                        <\/p>\n                    <\/div>\n                <div id=\"section-input-lastName\" >\n                        <label class=\"label\" for=\"user-last-name\">Last Name<\/label>\n                        <input\n                            id=\"user-last-name\"\n                            class=\"input\"\n                            type=\"text\"\n                            name=\"lastName\"\n                            x-model=\"userData.lastName\"\n                            placeholder=\"Last Name\"\n                        \/>\n                        <p class=\"error\" x-show=\"!userDataValidation['lastName']\">\n                            This field is required and must contain at least 2 characters.                        <\/p>\n                    <\/div>\n                <div id=\"section-input-postalCode\" >\n                        <label class=\"label\" for=\"user-postal-code\">Postal Code<\/label>\n                        <input\n                            id=\"user-postal-code\"\n                            class=\"input\"\n                            type=\"text\"\n                            name=\"postalCode\"\n                            x-model=\"userData.postalCode\"\n                            placeholder=\"Postal Code\"\n                        \/>\n                        <p class=\"error\" x-show=\"!userDataValidation['postalCode']\">\n                            This field is required and must contain at least 2 characters.                        <\/p>\n                    <\/div>\n                <div id=\"section-input-houseNumber\" >\n                        <label class=\"label\" for=\"user-house-number\">House Number<\/label>\n                        <input\n                            id=\"user-house-number\"\n                            class=\"input\"\n                            type=\"text\"\n                            name=\"houseNumber\"\n                            x-model=\"userData.houseNumber\"\n                            placeholder=\"House Number\"\n                        \/>\n                        <p class=\"error\" x-show=\"!userDataValidation['houseNumber']\">\n                            This field is required.                        <\/p>\n                    <\/div>\n                <div id=\"section-input-city\" >\n                        <label class=\"label\" for=\"user-city\">City\/Town<\/label>\n                        <input\n                            id=\"user-city\"\n                            class=\"input\"\n                            type=\"text\"\n                            name=\"city\"\n                            x-model=\"userData.city\"\n                            placeholder=\"City\"\n                        \/>\n                        <p class=\"error\" x-show=\"!userDataValidation['city']\">\n                            This field is required and must contain at least 2 characters.                        <\/p>\n                    <\/div>\n                <div id=\"section-input-streetName\" >\n                        <label class=\"label\" for=\"street-name\">Street Name<\/label>\n                        <input\n                            id=\"street-name\"\n                            class=\"input\"\n                            type=\"text\"\n                            name=\"streetName\"\n                            x-model=\"userData.streetName\"\n                            placeholder=\"Street Name\"\n                        \/>\n                        <p class=\"error\" x-show=\"!userDataValidation['streetName']\">\n                            This field is required and must contain at least 2 characters.                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n  \n        <!-- additional notes section -->\n        <div class=\"section\">\n             <div class=\"add-comment-tab\" >\n                 <button  @click.prevent=\"showAddComment = !showAddComment\"  class=\"add-comment-btn\" role=\"tab\">\n                      <h3> Additional Notes  <\/h3>\n                        <img decoding=\"async\"\n                           x-show=\"!showAddComment\"\n                            class=\"icon plus\"\n                            src=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/plus-dark.svg\"\n                            alt=\"add icon\"\n                        \/>\n                        <img decoding=\"async\"\n                           x-show=\"showAddComment\"\n                            class=\"icon plus\"\n                            class=\"icon plus\"\n                            src=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/minus.svg\"\n                            alt=\"minus icon\"\n                        \/>\n                <\/button>\n             <\/div>\n                <div x-show=\"showAddComment\" class=\"add-comment-panel\">\n                    <div id=\"section-textarea-comments\" >\n                            <label class=\"label\" for=\"additional-comments\">Additional Comments<\/label>\n                            <textarea\n                                id=\"additional-comments\"\n                                class=\"textarea\"\n                                type=\"text\"\n                                name=\"additionalComments\"\n                                x-model=\"additionalComments\"\n                                placeholder=\"Do you have any additional notes for us?\"\n                            >\n                             <\/textarea>\n                            <p class=\"helper-text font-size-small\"\n                            :class=\"{'error-text': additionalCommentsExceedsLimit}\"\n                             >\n                            <span>\n                                Character Count:                              <\/span>\n                             <span class=\"helper-text\" x-text=\"additionalComments.length + ' \/ ' + 500\"><\/span>\n                            <\/p>\n                            <p class=\"helper-text\">\n                                If you have any additional notes for us, please feel free to share them here. Kindly keep them within 500 characters or less.                            <\/p>\n                        <\/div>\n                        <div id=\"section-attach-image\" class=\"section-attach-image\" >\n                          <!-- Hidden file input -->\n                          <input hidden  type=\"file\" x-ref=\"additionalImageInput\" @change=\"handleAdditionalImageUpload\" class=\"hidden\" \/>\n\n                            <button x-show=\"!additionalImage\" @click.prevent=\"$refs.additionalImageInput.click()\" class=\"attach-image-btn\" role=\"tab\">\n                            <img decoding=\"async\"\n                                class=\"icon attach\"\n                                src=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/attach.svg\"\n                                alt=\"attach icon\"\n                            \/>\n                               <span>\n                                   Attach Image                             <\/span>\n                            <\/button>\n                          <!-- Display validation error -->\n                          <p x-show=\"additionalImageError\" class=\"error-text\" x-text=\"additionalImageError\"><\/p>\n\n                          <!-- Show preview if the image is valid -->\n                           <img class=\"additional-image-preview\" x-show=\"additionalImageUrl\" :src=\"additionalImageUrl\" alt=\"Image Preview\" \/>\n                                <button x-show=\"additionalImageUrl\" class=\"delete-image-btn\" @click.prevent=\"additionalImage = null;additionalImageUrl = ''\">\n                                    <img decoding=\"async\"\n                                        class=\"icon delete-icon\"\n                                        src=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/trash.svg\"\n                                        alt=\"delete icon\"\n                                    \/>\n                                    Delete Image                                <\/button>\n                                <\/div>\n                    <\/div>\n            <\/div>\n  \n    <\/div>\n\n    <div class=\"personal-data-footer\">\n        <p class=\"footer-note\">\n          <small>\n            By pressing the button below you agree that your data will be processed according to our             <a href=\"\" target=\"_blank\">\n              Privacy Policy            <\/a>.\n          <\/small>\n        <\/p>\n\n        <div class=\"personal-data-submit\">\n            <button :disabled=\"loading\" type=\"button\" class=\"submit-personal-data-btn\" @click.prevent=\"submitUserData\">\n                <span x-show=\"!loading\">Send Request Now<\/span>\n                <img decoding=\"async\"\n                   x-show=\"!loading\"\n                    height=\"12px\"\n                    width=\"12px\"\n                    class=\"icon arrow-right\"\n                    src=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/arrow-right-cart.svg\"\n                    alt=\"add icon\"\n                \/>\n                <img decoding=\"async\"\n                   x-show=\"loading\"\n                    class=\"icon loading\"\n                    src=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/loading.svg\"\n                    alt=\"loading icon\"\n                \/>\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n\t\t<div\n    x-show=\"visibility.showSuccessPage\"\n    id=\"lwn-quote-master-success-page\"\n    class=\"success-page lwn-quote-master-success-page\"\n>\n    <div class=\"success-page-header\">\n        <h2>Request Added<\/h2>\n        <div><\/div>\n    <\/div>\n\n    <!-- Body -->\n    <div class=\"success-page-body\">\n\n        <div class=\"success-heading\">\n            <img decoding=\"async\"\n                class=\"icon tick\"\n                src=\"https:\/\/bgveranda.nl\/wp-content\/plugins\/lwn-quote-master\/blocks\/new-offer-props\/icons\/tick.svg\"\n                alt=\"tick icon\"\n            \/>\n        <h3>Success<\/h3>\n        <\/div>\n        <p>Thank you for your request! We&#039;re working to send the offer as quickly as possible.<\/p>\n\n       <button @click.prevent=\"resetAllForm\" class=\"btn reset\">\n               Submit another request      <\/button>\n     \n    <\/div>\n\n<\/div>\n\n   <\/div>\n\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-spacer ugb-spacer ugb-16bdc10 ugb-spacer--v2 ugb-main-block\"><style>@media screen and (min-width:768px){.ugb-16bdc10.ugb-spacer{height:130px !important}}@media screen and (min-width:768px) and (max-width:1025px){.ugb-16bdc10.ugb-spacer{height:80px !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-spacer--inner\"><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Quotation Let\u2019s go<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"qubely_global_settings":"","qubely_interactions":"","pgc_sgb_lightbox_settings":"","footnotes":""},"class_list":["post-3532","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"page_title_panel":"","has_hero_section":"disabled","600b7d1d44b3edc5784ea7d2306b1b07":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"439422957bdcf3df6175fcce654515a4":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","c9b7fce26900c1aa4915f9642301d44b":"","hero_structure":"narrow","41d4260e40911582deb6635bf4a8283e":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"parallax":{"desktop":false,"tablet":false,"mobile":false},"149a8b1dc7b63c8c0e44f8fc3d2aaee6":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":{"desktop":"32px","tablet":"30px","mobile":"25px"},"line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"3ac9e5d821e53ae5a3e995a1e35cfcc2":"","pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"7bd8e807d4f0d9592c2fadcaca74207e":"","pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"b4c551ae58c4df1df706090eb9e03a93":"","breadcrumbsFont":{"family":"Default","variation":"n6","size":"12px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"e7c755c6794f02c36e2252b24389493f":"","pageTitleOverlay":{"default":{"color":"CT_CSS_SKIP_RULE"}},"86b3a98fe645163fb547aa507657b6b8":"","pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"85b7e5189c0d004903bb9cd7b94c26b1":"","pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"8cd86b5532f0f0d7a85705fa73ea0caf":"","page_structure_type":"default","7442a7f7c50ea630e1864026f78d9495":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"no-repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"55de7a4b43fcec75101039380c4ae755":"","disable_featured_image":"no","disable_header":"no","disable_footer":"yes"},"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","qubely_landscape":"","qubely_portrait":"","qubely_thumbnail":""},"post_excerpt_stackable_v2":"<p>Quotation Let\u2019s go<\/p>\n","category_list_v2":"","author_info_v2":{"name":"","url":"https:\/\/bgveranda.nl\/?author=1"},"comments_num_v2":"0 comments","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Offerte - Bgveranda<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bgveranda.nl\/?page_id=3532\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Offerte - Bgveranda\" \/>\n<meta property=\"og:description\" content=\"Quotation Let\u2019s go\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bgveranda.nl\/?page_id=3532\" \/>\n<meta property=\"og:site_name\" content=\"Bgveranda\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-22T20:48:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bgveranda.nl\/wp-content\/uploads\/2025\/09\/bg.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bgveranda.nl\/?page_id=3532\",\"url\":\"https:\/\/bgveranda.nl\/?page_id=3532\",\"name\":\"Offerte - Bgveranda\",\"isPartOf\":{\"@id\":\"https:\/\/bgveranda.nl\/#website\"},\"datePublished\":\"2025-11-02T20:56:48+00:00\",\"dateModified\":\"2025-12-22T20:48:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/bgveranda.nl\/?page_id=3532#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bgveranda.nl\/?page_id=3532\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bgveranda.nl\/?page_id=3532#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bgveranda.nl\/?lang=nl\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Offerte\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bgveranda.nl\/#website\",\"url\":\"https:\/\/bgveranda.nl\/\",\"name\":\"Bgveranda\",\"description\":\"En nog een WordPress site\",\"publisher\":{\"@id\":\"https:\/\/bgveranda.nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bgveranda.nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bgveranda.nl\/#organization\",\"name\":\"Bgveranda\",\"url\":\"https:\/\/bgveranda.nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bgveranda.nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bgveranda.nl\/wp-content\/uploads\/2025\/09\/bg-1.png\",\"contentUrl\":\"https:\/\/bgveranda.nl\/wp-content\/uploads\/2025\/09\/bg-1.png\",\"width\":1024,\"height\":1024,\"caption\":\"Bgveranda\"},\"image\":{\"@id\":\"https:\/\/bgveranda.nl\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Offerte - Bgveranda","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bgveranda.nl\/?page_id=3532","og_locale":"en_US","og_type":"article","og_title":"Offerte - Bgveranda","og_description":"Quotation Let\u2019s go","og_url":"https:\/\/bgveranda.nl\/?page_id=3532","og_site_name":"Bgveranda","article_modified_time":"2025-12-22T20:48:36+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/bgveranda.nl\/wp-content\/uploads\/2025\/09\/bg.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bgveranda.nl\/?page_id=3532","url":"https:\/\/bgveranda.nl\/?page_id=3532","name":"Offerte - Bgveranda","isPartOf":{"@id":"https:\/\/bgveranda.nl\/#website"},"datePublished":"2025-11-02T20:56:48+00:00","dateModified":"2025-12-22T20:48:36+00:00","breadcrumb":{"@id":"https:\/\/bgveranda.nl\/?page_id=3532#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bgveranda.nl\/?page_id=3532"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bgveranda.nl\/?page_id=3532#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bgveranda.nl\/?lang=nl"},{"@type":"ListItem","position":2,"name":"Offerte"}]},{"@type":"WebSite","@id":"https:\/\/bgveranda.nl\/#website","url":"https:\/\/bgveranda.nl\/","name":"Bgveranda","description":"En nog een WordPress site","publisher":{"@id":"https:\/\/bgveranda.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bgveranda.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bgveranda.nl\/#organization","name":"Bgveranda","url":"https:\/\/bgveranda.nl\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bgveranda.nl\/#\/schema\/logo\/image\/","url":"https:\/\/bgveranda.nl\/wp-content\/uploads\/2025\/09\/bg-1.png","contentUrl":"https:\/\/bgveranda.nl\/wp-content\/uploads\/2025\/09\/bg-1.png","width":1024,"height":1024,"caption":"Bgveranda"},"image":{"@id":"https:\/\/bgveranda.nl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/bgveranda.nl\/index.php?rest_route=\/wp\/v2\/pages\/3532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bgveranda.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bgveranda.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bgveranda.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bgveranda.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3532"}],"version-history":[{"count":2,"href":"https:\/\/bgveranda.nl\/index.php?rest_route=\/wp\/v2\/pages\/3532\/revisions"}],"predecessor-version":[{"id":3749,"href":"https:\/\/bgveranda.nl\/index.php?rest_route=\/wp\/v2\/pages\/3532\/revisions\/3749"}],"wp:attachment":[{"href":"https:\/\/bgveranda.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}