{"id":672,"date":"2024-09-20T13:45:21","date_gmt":"2024-09-20T13:45:21","guid":{"rendered":"http:\/\/34.65.15.116\/?page_id=672"},"modified":"2024-09-20T13:48:49","modified_gmt":"2024-09-20T13:48:49","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/newwebsite.badvisor.io\/?page_id=672","title":{"rendered":"Contact Us"},"content":{"rendered":"\n\t<section class=\"section\" id=\"section_373265620\">\n\t\t<div class=\"bg section-bg fill bg-fill  \" >\n\n\t\t\t\n\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=\"row\"  id=\"row-387289680\">\n\n\n\t<div id=\"col-1308012923\" class=\"col medium-7 small-12 large-7\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-809132191\" class=\"col medium-5 small-12 large-5\"  >\n\t\t\t\t<div class=\"col-inner\" style=\"background-color:rgb(255,255,255);\" >\n\t\t\t\n\t\t\t\n\n<h3>Let&#8217;s Connect!<\/h3>\n<p>Learn how Threedium innovation is shaping the future of Immersive Commerce<\/p>\n\n\n<style>\n      .error {\n        color: red;\n      }\n      .contact-form {\n        max-width: 400px;\n        margin: auto;\n        padding: 2em;\n        border: solid 1px;\n        border-radius: 30px;\n      }\n\n      .contact-form input[type=\"text\"],\n      .contact-form input[type=\"email\"],\n      .contact-form input[type=\"tel\"],\n      .contact-form input[type=\"text\"],\n      .contact-form textarea {\n        display: block;\n        width: 100%;\n        min-height: 2em;\n        margin-bottom: 0.5em;\n      }\n\n      .contact-form button {\n        background-color: #bada55;\n        border: none;\n        height: 3em;\n        border-radius: 3em;\n        padding: 0 2em;\n        margin-top: 1em;\n        width: 100%;\n        cursor: pointer;\n      }\n\n      .hidden {\n        display: none;\n      }\n    <\/style>\n    <div class=\"contact-form\">\n      <form id=\"form\">\n        <div>\n          <label for=\"email\">Email:<\/label>\n          <input type=\"email\" name=\"email\" id=\"email\" required=\"\">\n          <span class=\"msg-error\"><\/span>\n        <\/div>\n        <div>\n          <label for=\"first_name\">First Name:<\/label>\n          <input type=\"text\" name=\"first_name\" id=\"first_name\" required=\"\">\n          <span class=\"msg-error\"><\/span>\n        <\/div>\n        <div>\n          <label for=\"last_name\">Last Name:<\/label>\n          <input type=\"text\" name=\"last_name\" id=\"last_name\" required=\"\">\n          <span class=\"msg-error\"><\/span>\n        <\/div>\n        <div>\n          <label for=\"organization_name\">Organization Name:<\/label>\n          <input type=\"text\" name=\"organization_name\" id=\"organization_name\" required=\"\">\n          <span class=\"msg-error\"><\/span>\n        <\/div>\n        <div>\n          <label for=\"phone\">Phone:<\/label>\n          <input type=\"tel\" name=\"phone\" id=\"phone\" required=\"\">\n          <span class=\"msg-error\"><\/span>\n        <\/div>\n        <div>\n          <label for=\"message\">Message:<\/label>\n          <textarea name=\"message\" id=\"message\" required=\"\"><\/textarea>\n          <span class=\"msg-error\"><\/span>\n        <\/div>\n        <div>\n          <label>\n            <input type=\"checkbox\" name=\"agree_receive_communications\" id=\"agree_receive_communications\">\n            I agree to receive communications\n          <\/label>\n        <\/div>\n        <div>\n          <button type=\"submit\" id=\"submit-button\">Submit<\/button>\n        <\/div>\n      <\/form>\n      <div id=\"success-message\" class=\"hidden\">\n        Thank you! Your message has been sent successfully.\n      <\/div>\n    <\/div>\n\n    <script type=\"text\/javascript\">\n      var config = {\n        container: \".contact-form\",\n        selectors: {\n          error: \"error\",\n          messageError: \"msg-error\",\n        },\n        messages: {\n          required: \"Required\",\n          email: \"Invalid email\",\n          maxLength: \"Max 500 chars\",\n          pattern: \"Invalid data\",\n        },\n        onFormSubmit: function (container) {\n          function formatDateToYYYYMMDD() {\n            const now = new Date();\n            const year = now.getFullYear();\n            const month = String(now.getMonth() + 1).padStart(2, \"0\");\n            const day = String(now.getDate()).padStart(2, \"0\");\n            return `${year}-${month}-${day}`;\n          }\n\n          var isChecked =\n            container.querySelector(\n              'input[name=\"agree_receive_communications\"]:checked'\n            ) !== null;\n\n          const columnValues = {\n            person: \"francesca@badvisor.io\",\n            date4: formatDateToYYYYMMDD(),\n            email: container.querySelector('input[name=\"email\"]').value,\n            testo: container.querySelector('input[name=\"first_name\"]').value,\n            testo6: container.querySelector('input[name=\"last_name\"]').value,\n            testo3: container.querySelector('input[name=\"organization_name\"]')\n              .value,\n            testo1: container.querySelector('input[name=\"phone\"]').value,\n            message: container.querySelector(\"textarea\").value,\n          };\n\n          console.log(columnValues);\n\n          const mondayAPIKey =\n            \"eyJhbGciOiJIUzI1NiJ9.eyJ0aWQiOjMxNzU5NDAwNSwiYWFpIjoxMSwidWlkIjo1NTQ1MDUwNSwiaWFkIjoiMjAyNC0wMi0wNVQwODo0OTozNy41MDJaIiwicGVyIjoibWU6d3JpdGUiLCJhY3RpZCI6MjEwMzQ0MjgsInJnbiI6ImV1YzEifQ.DgA4wzgAyRRBS23Df6cSI7U9tGOBZqEgSlNMqD3fSxc\";\n          const boardId = 1386110941;\n\n          async function upsertItem(itemName, columnValues) {\n            const headers = {\n              Authorization: mondayAPIKey,\n              \"Content-Type\": \"application\/json\",\n            };\n\n            let queryUpsert = `mutation {\n                    create_item(board_id: ${boardId}, item_name: \"${itemName}\", column_values: ${JSON.stringify(\n              JSON.stringify(columnValues)\n            )}) {\n                        id\n                    }\n                }`;\n\n            const upsertResponse = await fetch(\"https:\/\/api.monday.com\/v2\", {\n              method: \"POST\",\n              headers: headers,\n              body: JSON.stringify({ query: queryUpsert }),\n            });\n\n            const upsertResult = await upsertResponse.json();\n            return upsertResult;\n          }\n\n          \/\/ Disable the submit button\n          const submitButton = document.getElementById(\"submit-button\");\n          submitButton.disabled = true;\n          submitButton.innerText = \"Sending...\";\n\n          upsertItem(columnValues.email, columnValues)\n            .then((result) => {\n              console.log(result);\n              \/\/ Hide the form and show the success message\n              document.getElementById(\"form\").classList.add(\"hidden\");\n              document\n                .getElementById(\"success-message\")\n                .classList.remove(\"hidden\");\n            })\n            .catch((error) => {\n              console.error(error);\n              submitButton.disabled = false;\n              submitButton.innerText = \"Submit\";\n            });\n        },\n      };\n\n      document\n        .getElementById(\"form\")\n        .addEventListener(\"submit\", function (event) {\n          event.preventDefault();\n          const container = document.querySelector(config.container);\n          config.onFormSubmit(container);\n        });\n    <\/script>\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-809132191 > .col-inner {\n  padding: 30px 30px 30px 30px;\n  border-radius: 30px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_373265620 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(0,0,0);\n}\n#section_373265620 .section-bg.bg-loaded {\n  background-image: url(https:\/\/newwebsite.badvisor.io\/wp-content\/uploads\/2024\/09\/1.webp);\n}\n#section_373265620 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_373265620 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\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":"page-blank.php","meta":{"footnotes":""},"class_list":["post-672","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newwebsite.badvisor.io\/index.php?rest_route=\/wp\/v2\/pages\/672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newwebsite.badvisor.io\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newwebsite.badvisor.io\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newwebsite.badvisor.io\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newwebsite.badvisor.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=672"}],"version-history":[{"count":3,"href":"https:\/\/newwebsite.badvisor.io\/index.php?rest_route=\/wp\/v2\/pages\/672\/revisions"}],"predecessor-version":[{"id":675,"href":"https:\/\/newwebsite.badvisor.io\/index.php?rest_route=\/wp\/v2\/pages\/672\/revisions\/675"}],"wp:attachment":[{"href":"https:\/\/newwebsite.badvisor.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}