{ "pageData": { "category": null, "featureControls": [ { "id": "4abd4c97-aa05-4380-b7e2-a1169ff5f285", "type": "Block", "visible": true, "templateName": null, "customBlockBellow": null, "customBlockAbove": null, "configurations": null, "block": { "html": "

Contact US

", "css": "* { box-sizing: border-box; } body {margin: 0;}#i3l4{padding:150px 0px 150px 0px;background-repeat:repeat, repeat;background-position:left top, left center;background-attachment:scroll, scroll;background-size:auto, cover;background-image:linear-gradient(to right, #082245a1 0%, #082245e8 0%), url('https://boniii.b-cdn.net/out-look/laughing-woman-talking-texting-phone-isolated-white-background.jpg');}#ipe4{margin:0px 0 0 0;text-align:center;color:#ffffff;}.dm-serif-regular{font-size:70px;}@media (max-width: 768px){#i3l4{padding:100px 0px 100px 0px;}.dm-serif-regular{font-size:50px;}}", "js": "", "components": "https://boniii.b-cdn.net/out-look/system/pagedata/contact-us/block/4abd4c97-aa05-4380-b7e2-a1169ff5f285_MAIN.json", "visible": true, "mediaId": 244 } }, { "id": "061b540e-c870-4e18-a8c1-e0fd726d8b06", "type": "Block", "visible": true, "templateName": null, "customBlockBellow": null, "customBlockAbove": null, "configurations": null, "block": { "html": "

", "css": "* { box-sizing: border-box; } body {margin: 0;}#ietm5{max-width:600px;margin:0 auto;padding:20px;border-radius:8px;}#ihj0r{margin-bottom:20px;}#is6mf{margin-bottom:15px;}#iifzf{display:block;margin-bottom:5px;}#ijtjq{width:100%;padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:4px;}#ilfdr{display:none;color:red;}#irdgi{margin-bottom:15px;}#ieenq{display:block;margin-bottom:5px;}#i03pa{width:100%;padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:4px;}#icq11{margin-bottom:15px;}#iihen{display:block;margin-bottom:5px;}#idar8{width:100%;padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:4px;}#ia8vk{display:none;color:red;}#i8s4l{margin-bottom:15px;}#i4ypk{display:block;margin-bottom:5px;}#ihoek{width:100%;padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:4px;}#ih2gf{display:none;color:red;}#iey5s{padding:10px 20px;background:#082147;color:white;border:none;border-radius:4px;margin-top:20px;width:100%;height:50px;font-size:16px;}#ipv7o{color:red;margin-top:20px;}#i192l{color:green;margin-top:20px;}.form-wrapper{box-shadow:unset;}#izcbr{height:100%;width:100%;border-radius:10px 10px 10px 10px;}#ij6a{padding:50px 0px 50px 0px;}", "js": "var items = document.querySelectorAll('#ivdqf, #i93vc');\n for (var i = 0, len = items.length; i < len; i++) {\n (function(){\nlet t=this,e=t.querySelectorAll(\".step\"),n=t.querySelectorAll(\".step-circle\"),o=0,i=this.querySelectorAll(\"input, select, textarea\"),a=t=>{if((t.parentElement?.querySelectorAll(\".validation-message\")||[]).forEach((t=>t.style.display=\"none\")),!t.validity.valid){let e=e=>{let n=t.parentElement?.querySelector(`[data-val-type=\"${e}\"]`);n&&(n.style.display=\"block\")};t.validity.valueMissing&&e(\"required\"),t.validity.patternMismatch&&e(\"pattern\"),t.validity.tooShort&&e(\"minlength\"),t.validity.tooLong&&e(\"maxlength\"),t.validity.rangeUnderflow&&e(\"min\"),t.validity.rangeOverflow&&e(\"max\")}};function r(t){e.forEach(((e,n)=>{e.style.display=n===t?\"block\":\"none\"})),n.forEach(((e,n)=>{n===t?(e.classList.add(\"active\"),e.style.backgroundColor=\"#cce5ff\"):(e.classList.remove(\"active\"),e.style.backgroundColor=\"#eee\")})),o=t}i.forEach((t=>{t.addEventListener(\"blur\",(()=>a(t)))})),e.length&&(r(o),t.querySelectorAll(\".nextBtn\").forEach((t=>{t?.addEventListener(\"click\",(()=>{o{t?.addEventListener(\"click\",(()=>{o>0&&(o--,r(o))}))})),n.forEach(((t,e)=>{t.addEventListener(\"click\",(()=>{r(e)}))}))),t.addEventListener(\"submit\",(e=>{e.preventDefault();let n=!1;if(i.forEach((t=>{a(t),t.checkValidity()||(n=!0)})),n)return;let o=t.querySelector(\"[data-schema-id]\"),r=t.querySelector(\"[data-schema-properties]\"),s=o?parseInt(o.getAttribute(\"data-schema-id\")):0,l=r?.getAttribute(\"data-schema-properties\"),c=l?JSON.parse(l):{},d=new FormData(t),p={};t.addEventListener(\"input\",(()=>{let e=t.querySelector(\".form-success\");e&&(e.innerHTML=\"\")}),{once:!0}),d.forEach(((t,e)=>{let n=!1;for(let o in c){let i=(c[o]?.properties||{})[e];if(i){let a=i?.type,r=Array.isArray(a)?a:[a],s=t.toString();p[o]||(p[o]={}),t instanceof File?p[o][e]=t.name:r.includes(\"number\")?p[o][e]=\"\"!==s?parseFloat(s):null:r.includes(\"boolean\")?p[o][e]=\"true\"===s||\"on\"===s||\"1\"===s:r.includes(\"string\")?\"email\"===i?.format&&(p[o][e]=s||null):p[o][e]=s,n=!0;break}}if(!n&&c[e]){let o=c[e],i=o?.type,a=Array.isArray(i)?i:[i],r=t.toString();t instanceof File?p[e]=t.name:a.includes(\"number\")?p[e]=\"\"!==r?parseFloat(r):null:a.includes(\"boolean\")?p[e]=\"true\"===r||\"on\"===r||\"1\"===r:a.includes(\"string\")?\"email\"===o?.format&&(p[e]=r||null):p[e]=r,n=!0}n||(p[e]=t.toString())}));let u={schemaId:s,data:JSON.stringify(p)},m=t.getAttribute(\"data-api-url\");fetch(m,{method:\"POST\",headers:{\"Content-Type\":\"application/json\"},body:JSON.stringify(u)}).then((t=>t.json())).then((e=>{let n=t.querySelector(\".form-errors\"),o=t.querySelector(\".form-success-message\");if(Array.isArray(e.errors)&&e.errors.length>0)n.innerHTML=e.errors.map((t=>`

${t.message}

`)).join(\"\"),n.style.display=\"block\",o.innerHTML=\"\",setTimeout((()=>{n.innerHTML=\"\",n.style.display=\"none\"}),5e3);else{n.innerHTML=\"\",o.innerHTML=\"

Your form has been submitted successfully!

\",o.style.display=\"block\",t.reset(),setTimeout((()=>{o.style.display=\"none\",o.innerHTML=\"\"}),1e4);let e=()=>{o.style.display=\"none\",o.innerHTML=\"\",t.removeEventListener(\"input\",e)};t.addEventListener(\"input\",e)}})).catch((t=>{}))}))\n}.bind(items[i]))();\n }", "components": "https://boniii.b-cdn.net/out-look/system/pagedata/contact-us/block/061b540e-c870-4e18-a8c1-e0fd726d8b06_MAIN.json", "visible": true, "mediaId": 239 } } ] } }