{"id":780,"date":"2024-08-20T10:20:27","date_gmt":"2024-08-20T10:20:27","guid":{"rendered":"https:\/\/cbwebsitedesign.co.uk\/?page_id=780"},"modified":"2025-07-08T17:05:42","modified_gmt":"2025-07-08T17:05:42","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/www.cbwebsitedesign.co.uk\/contact-us\/","title":{"rendered":"Contact"},"content":{"rendered":"<!-- contact-section --><section class=\"section contact-section inverted\">\r\n  <div class=\"bg bg-dark\">\r\n    <div class=\"oval orange top right\"><\/div>\r\n    <div class=\"oval pink bottom left\"><\/div>\r\n  <\/div>\r\n  <div class=\"cost-calculator-modal inverted\">\r\n    <div class=\"cost-calculator-body multi-step-contact\">\r\n      <div class=\"container\">\r\n        <!-- Progress -->\r\n        <div class=\"cost-calculator-progress\">\r\n          <div class=\"cost-calculator-progress-track\">\r\n            <div class=\"cost-calculator-progress-indicator\">\r\n              <svg viewBox=\"0 0 150 140\">\r\n                <path class=\"default\" transform=\"translate(4,4)\" d=\"M106.106 24.6009C118.606 36.1009 129.806 50.1009 132.806 67.1009C135.706 84.0009 130.506 103.901 117.906 114.801C105.306 125.601 85.4065 127.501 68.1065 124.901C50.7065 122.401 35.9065 115.401 23.4065 104.601C10.9065 93.7009 0.706453 78.9009 1.00645 64.4009C1.20645 49.8009 12.0065 35.6009 24.5065 24.1009C37.0065 12.6009 51.2065 3.90085 65.4065 4.00085C79.5065 4.20085 93.5065 13.2009 106.106 24.6009Z\" \/>\r\n                <path class=\"hover\" d=\"M111.753 22.9935C125.647 33.2836 138.526 45.8276 144.915 62.1937C151.405 78.6577 151.406 98.9438 140.453 109.038C129.399 119.23 107.393 119.23 89.4429 122.268C71.3916 125.306 57.3968 131.382 43.7062 129.716C30.0156 127.952 16.5278 118.25 9.12477 105.51C1.82312 92.7698 0.403353 76.7957 1.01182 59.0577C1.62029 41.3196 4.257 21.8175 15.7165 11.0375C27.1761 0.257458 47.4584 -1.80055 65.2055 1.33546C82.8511 4.37347 97.8601 12.6055 111.753 22.9935Z\" \/>\r\n              <\/svg>\r\n              <div>\r\n                <span>1<\/span>\r\n                <span>2<\/span>\r\n                              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <!-- Form -->\r\n        <form id=\"contact-form\" class=\"cost-calculator-form contact-form\" method=\"POST\" action=\"https:\/\/www.cbwebsitedesign.co.uk\/wp-content\/themes\/cbd\/inc\/form-processing\/form-processing.php\" enctype=\"multipart\/form-data\">\r\n          <!-- Step #1 - Customer Details -->\r\n          <div class=\"cost-calculator-step\">\r\n              <div class=\"w-full lg:w-2\/3\">\r\n                                      <div class=\"subtitle\">\r\n                      <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\"> <use href=\"#dot\"><\/use> <\/svg>\r\n                      Contact Us                    <\/div>\r\n                                                        <h1><p>Interested in discussing a project with us?<\/p>\n<\/h1>    \r\n                                <\/div>\r\n              <div class=\"form-group lg:col-span-1 website-link\" aria-hidden=\"true\">\r\n                <input class=\"form-input\" type=\"text\" name=\"website_link\" tabindex=\"-1\" autocomplete=\"off\" placeholder=\"Your website\">\r\n              <\/div>\r\n              <div class=\"form-group mb-4\">\r\n                  <input class=\"form-input\" type=\"text\" id=\"name\" name=\"clientname\" aria-label=\"What's your name?\" placeholder=\"What\u2019s your name? *\" required>\r\n              <\/div>\r\n              <div class=\"form-group mb-4\">\r\n                  <input class=\"form-input\" type=\"email\" id=\"email\" name=\"email\" aria-label=\"Enter your email\" placeholder=\"Enter your Email *\" required>\r\n              <\/div>\r\n              <div class=\"form-group mb-4\">\r\n                  <input class=\"form-input\" id=\"tel\" name=\"tel\" aria-label=\"Enter your phone\" type=\"tel\" placeholder=\"Enter your Phone\">\r\n              <\/div>\r\n              <p class=\"text-xs\ttext-muted mb-0\">\r\n                  If you begin filling in this form but don\u2019t finish, we may still contact you based on the details you\u2019ve entered so far.\r\n              <\/p>\r\n              <input class=\"hidden\" id=\"step-1\" name=\"step-1\">\r\n              <div class=\"mt-layout-xs\">\r\n                  <button id=\"contact-form-step-1\" class=\"btn btn-outline btn-hover-pink wide\" data-mp data-calc=\"next\">\r\n                    <span class=\"btn-bg\" data-mp-item data-mp-scale=\"1.05\" data-mp-d=\"0.2\"><\/span>\r\n                    <span class=\"btn-label\" data-mp-item>Next Step<\/span>\r\n                  <\/button>\r\n              <\/div>\r\n          <\/div>\r\n          <!-- Step #2 - Practical Details -->\r\n          \r\n                    <!-- Step #3 - Project Details -->\r\n          <div class=\"cost-calculator-step\">\r\n              <div class=\"w-full lg:w-2\/3 mb-2\">\r\n                  <h2>Project Scope<\/h2>\r\n              <\/div>\r\n              \r\n              <!-- Form Group -->\r\n              <h5>You can select multiple services<\/h5>\r\n              <div class=\"form-selectors-group form-col sm:col-4 md:col-4 lg:col-5\">\r\n                <div class=\"form-selector\" data-cursor=\"hover\">\r\n                    <input type=\"checkbox\" id=\"website-design\" name=\"service[]\" value=\"Website Design\">\r\n                    <label for=\"website-design\">Website Design<\/label>\r\n                  <\/div>\r\n                  <div class=\"form-selector\" data-cursor=\"hover\">\r\n                    <input type=\"checkbox\" id=\"e-commerce\" name=\"service[]\" value=\"E-Commerce\">\r\n                    <label for=\"e-commerce\">E-Commerce<\/label>\r\n                  <\/div>\r\n                  <div class=\"form-selector col-span\" data-cursor=\"hover\">\r\n                    <input type=\"checkbox\" id=\"seo\" name=\"service[]\" value=\"SEO\">\r\n                    <label for=\"seo\">SEO<\/label>\r\n                  <\/div>                  \r\n                  <div class=\"form-selector\" data-cursor=\"hover\"> \r\n                    <input type=\"checkbox\" id=\"branding\" name=\"service[]\" value=\"Branding\"> \r\n                    <label for=\"branding\">Branding<\/label>\r\n                  <\/div>\r\n                  <div class=\"form-selector\" data-cursor=\"hover\"> \r\n                    <input type=\"checkbox\" id=\"site-audit\" name=\"service[]\" value=\"Site Audit\">\r\n                    <label for=\"site-audit\">Site Audit<\/label>\r\n                  <\/div>\r\n\r\n                  <div class=\"form-selector col-span\" data-cursor=\"hover\">\r\n                    <input type=\"checkbox\" id=\"hosting-&amp;-support\" name=\"service[]\" value=\"Hosting &amp; Support\">\r\n                    <label for=\"hosting-&amp;-support\">Hosting &amp; Support<\/label>\r\n                  <\/div>\r\n\r\n                  <div class=\"form-selector col-span\" data-cursor=\"hover\">\r\n                    <input type=\"checkbox\" id=\"digital-marketing\" name=\"service[]\" value=\"Digital Marketing\">\r\n                    <label for=\"digital-marketing\">Digital Marketing<\/label>\r\n                  <\/div>   \r\n                  \r\n                  <div class=\"form-selector\" data-cursor=\"hover\">\r\n                    <input type=\"checkbox\" id=\"geo\" name=\"service[]\" value=\"GEO\">\r\n                    <label for=\"geo\">GEO\/AI Marketing<\/label>\r\n                  <\/div>\r\n                               \r\n              <\/div>\r\n              <div class=\"form-group lg:col-span-1 mb-4\">\r\n                <textarea class=\"form-input\" id=\"message\" name=\"message\" aria-label=\"Tell us more about your project\" placeholder=\"Tell us more about your project\" rows=\"6\"><\/textarea>\r\n              <\/div>\r\n              <div class=\"form-group lg:col-span-1\">\r\n                <div class=\"form-upload\">\r\n                  <input\r\n                    type=\"file\"\r\n                    id=\"file\"\r\n                    name=\"clientbrief\"\r\n                    aria-label=\"Brief or project files\"\r\n                    accept=\"image\/png, image\/jpeg, .doc, .docx, .pdf, .ppt, .pptx\" \/>\r\n                  <label class=\"form-upload-label flex items-center justify-start w-full h-full\">\r\n                    <div class=\"form-upload-icon\">\r\n                      <svg class=\"not-selected\">\r\n                        <use href=\"#i-folder\"><\/use>\r\n                      <\/svg>\r\n                      <svg class=\"selected\">\r\n                        <use href=\"#i-folder-full\"><\/use>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <span class=\"flex flex-col\">\r\n                      <span>Send us your brief<\/span>\r\n                      <small>PDF, DOC<\/small>\r\n                    <\/span>\r\n                  <\/label>\r\n                <\/div>\r\n  \r\n                <div class=\"flex flex-col gap-4 mt-4 items-end relative\">\r\n                  <p class=\"text-xs\ttext-muted mb-0\">\r\n                    This form collects your contact information so that we can correspond with you. Check out our <a href=\"\/privacy-notice\/\"><strong>privacy policy<\/strong><\/a> for more information about how we protect and manage your data.\r\n                  <\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"form-group lg:col-span-1 website-link\" aria-hidden=\"true\">\r\n                <input id=\"clientbrief-hubspot\" class=\"form-input\" type=\"text\" name=\"clientbrief-hubspot\" tabindex=\"-1\" autocomplete=\"off\">\r\n                <label for=\"clientbrief-hubspot\">brief<\/label>\r\n              <\/div>\r\n              <div class=\"form-group lg:col-span-1 website-link\" aria-hidden=\"true\">\r\n                <input id=\"budget-hubspot\" class=\"form-input\" type=\"text\" name=\"budget-hubspot\" tabindex=\"-1\" autocomplete=\"off\">\r\n                <label for=\"budget-hubspot\">budget<\/label>\r\n              <\/div>\r\n              <input type=\"hidden\" name=\"url\" value=\"https:\/\/www.cbwebsitedesign.co.uk\/contact-us\/\">\r\n                            <input type=\"hidden\" id=\"form_id\" name=\"form_id\" value=\"Contact Form\" \/>\r\n              <div class=\"mt-layout-xs\">\r\n                <button type=\"submit\" class=\"btn btn-outline btn-hover-pink wide mt-4\" data-mp>\r\n                  <span class=\"btn-bg\" data-mp-item data-mp-scale=\"1.05\" data-mp-d=\"0.2\"><\/span>\r\n                  <span class=\"btn-label\" data-mp-item>Submit Form<\/span>\r\n                <\/button>\r\n                <button class=\"btn btn-link btn-pink\" data-mp data-calc=\"prev\">\r\n                  <span class=\"btn-label\" data-mp-item>return to previous<\/span>\r\n                <\/button>\r\n              <\/div>\r\n          <\/div>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  \r\n  <\/div>\r\n        <\/section>\r\n<scrip>\r\n    <script>\r\n    \/\/CURRENCY HIDE IN UK!\r\n(async () => {\r\n  try {\r\n    const res = await fetch('\/cdn-cgi\/trace', { cache: 'no-store' });\r\n    const text = await res.text();\r\n\r\n    const lines = text.split('\\n');\r\n    let country = '';\r\n\r\n    for (const line of lines) {\r\n      if (line.startsWith('loc=')) {\r\n        country = line.replace('loc=', '').trim().toUpperCase();\r\n        break;\r\n      }\r\n    }\r\n\r\n    \/\/ Hide element if visitor is UK\r\n    if (country === 'GB') {\r\n      const el = document.getElementById('cwcurrentselect');\r\n      if (el) el.style.display = 'none';\r\n    }\r\n\r\n  } catch (e) {\r\n    \/\/ Fail silently \u2013 do nothing\r\n  }\r\n})();\r\n<\/script>\r\n\r\n    \r\n    \r\n<\/scrip>\n\n<!-- offices --><section class=\"section offices\">\n      <div class=\"container\">\n    <div class=\"row justify-evenly\">\n      <div class=\"w-full md:w-1\/3 mb-24 lg:mb-0\">\n                  <div class=\"mb-8\" data-fade-in>\n            <div class=\"text-muted\">Phone number<\/div>\n            <a\n              href=\"tel:02078705794\"\n              target=\"_self\"\n              class=\"link-underline-hover text-phone\">\n              (+44) 0207 870 5794<\/a>\n          <\/div>\n                          <div class=\"mb-8\" data-fade-in>\n            <div class=\"text-muted\">E-mail address<\/div>\n            <a\n              href=\"mailto:info@creativebranddesign.co.uk\"\n              target=\"_self\"\n              class=\"link-underline-hover text-email\">\n              info@creativebranddesign.co.uk<\/a>\n          <\/div>\n                          <div class=\"w-full lg:w-auto\" data-fade-in>\n            <div class=\"text-muted\">Follow us            <\/div>\n            <ul class=\"social large mt-1\">\n                              <li>\n                  <a href=\"https:\/\/www.linkedin.com\/company\/creativeweb-website-design-agency-london\" target=\"_blank\" data-mp>\n                    <div data-mp-item data-mp-d=\"0.2\" data-mp-scale=\"1.25\"><\/div>\n                    <svg>\n                      <use href=\"#i-linkedin\"><\/use>\n                    <\/svg>\n                  <\/a>\n                <\/li>\n                                                          <li>\n                  <a href=\"https:\/\/www.instagram.com\/wearecreativeweb\/\" target=\"_blank\" data-mp>\n                    <div data-mp-item data-mp-d=\"0.2\" data-mp-scale=\"1.25\"><\/div>\n                    <svg>\n                      <use href=\"#i-instagram\"><\/use>\n                    <\/svg>\n                  <\/a>\n                <\/li>\n                                            <li>\n                  <a href=\"https:\/\/www.facebook.com\/WeAreCreativeWeb\/\" target=\"_blank\" data-mp>\n                    <div data-mp-item data-mp-d=\"0.2\" data-mp-scale=\"1.25\"><\/div>\n                    <svg>\n                      <use href=\"#i-facebook-f\"><\/use>\n                    <\/svg>\n                  <\/a>\n                <\/li>\n                          <\/ul>\n          <\/div>\n              <\/div>\n              <div class=\"w-full md:w-5\/12\" data-fade-in-childs>\n                      <a\n                            href=\"mailto:info@creativebranddesign.co.uk?subject=Website Enquiry London\"\n              target=\"_self\"\n              aria-label=\"(+44) 0207 870 5794\"\n                            class=\"arrow-item\">\n              <div class=\"flex justify-between items-center mb-6 lg:mb-8\">\n                                  <h4 class=\"mb-0\">London<\/h4>\n                                                  <p>(+44) 0207 870 5794<\/p>\n                              <\/div>\n                              <div>\n                  <p>77 New Cavendish Street, Fitzrovia, W1W 6XB<\/p>\n                  <div class=\"arrow-indicator\"><\/div>\n                <\/div>\n                          <\/a>\n                      <a\n                            href=\"mailto:info@creativebranddesign.co.uk?subject=Website Enquiry Surrey\"\n              target=\"_self\"\n              aria-label=\"(+44) 01483 277 547\"\n                            class=\"arrow-item\">\n              <div class=\"flex justify-between items-center mb-6 lg:mb-8\">\n                                  <h4 class=\"mb-0\">Surrey<\/h4>\n                                                  <p>(+44) 01483 277 547<\/p>\n                              <\/div>\n                              <div>\n                  <p>41 Smithbrook Kilns, Guildford, GU6 8JJ<\/p>\n                  <div class=\"arrow-indicator\"><\/div>\n                <\/div>\n                          <\/a>\n                      <a\n                            href=\"mailto:info@creativebranddesign.co.uk?subject=Website Enquiry New York\"\n              target=\"_self\"\n              aria-label=\"+1 (212) 372 7640\"\n                            class=\"arrow-item\">\n              <div class=\"flex justify-between items-center mb-6 lg:mb-8\">\n                                  <h4 class=\"mb-0\">New York<\/h4>\n                                                  <p>+1 (212) 372 7640<\/p>\n                              <\/div>\n                              <div>\n                  <p>136 Madison Avenue, Manhattan, NY 10016<\/p>\n                  <div class=\"arrow-indicator\"><\/div>\n                <\/div>\n                          <\/a>\n                  <\/div>\n          <\/div>\n  <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-780","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/pages\/780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/comments?post=780"}],"version-history":[{"count":11,"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/pages\/780\/revisions"}],"predecessor-version":[{"id":10040,"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/pages\/780\/revisions\/10040"}],"wp:attachment":[{"href":"https:\/\/www.cbwebsitedesign.co.uk\/wp-json\/wp\/v2\/media?parent=780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}