(function() { var STRAPI_URL = window.__STRAPI_URL || ''; function ensureToastContainer() { var c = document.getElementById('upcodo-toast-container'); if (c) return c; c = document.createElement('div'); c.id = 'upcodo-toast-container'; c.style.cssText = 'position:fixed;top:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none;font-family:Sora,system-ui,sans-serif;'; document.body.appendChild(c); return c; } function showToast(message, type) { var c = ensureToastContainer(); var t = document.createElement('div'); var isError = type === 'error'; t.style.cssText = 'min-width:280px;max-width:380px;padding:14px 18px;border-radius:12px;color:#fff;font-size:14px;font-weight:500;line-height:1.4;box-shadow:0 12px 30px rgba(0,0,0,.22);opacity:0;transform:translateY(-8px);transition:opacity .25s ease, transform .25s ease;pointer-events:auto;display:flex;align-items:flex-start;gap:10px;background:' + (isError ? 'linear-gradient(135deg,#dc2626,#991b1b)' : 'linear-gradient(135deg,#16a34a,#0f7a3a)'); var icon = document.createElement('span'); icon.style.cssText = 'flex:none;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;'; icon.innerHTML = isError ? '' : ''; var text = document.createElement('span'); text.textContent = message; t.appendChild(icon); t.appendChild(text); c.appendChild(t); requestAnimationFrame(function() { t.style.opacity = '1'; t.style.transform = 'translateY(0)'; }); setTimeout(function() { t.style.opacity = '0'; t.style.transform = 'translateY(-8px)'; setTimeout(function() { if (t.parentNode) t.parentNode.removeChild(t); }, 280); }, 3800); } function waitFor(predicate, cb, tries) { tries = tries || 0; if (predicate()) { cb(); return; } if (tries > 60) { cb(); return; } setTimeout(function(){ waitFor(predicate, cb, tries + 1); }, 100); } waitFor( function() { return !!window.intlTelInput; }, function() { var mobileLengthRules = { ae:[9],au:[9],bd:[10],br:[10,11],ca:[10],cn:[11],de:[10,11], es:[9],fr:[9],gb:[10],id:[9,10,11,12],"in":[10],it:[9,10], jp:[10,11],kr:[10,11],lk:[9],mx:[10],my:[9,10],nl:[9],np:[10], nz:[8,9,10],ph:[10],pk:[10],ru:[10],sa:[9],sg:[8],us:[10],za:[9] }; function bindForm(formId, prefix) { var form = document.getElementById(formId); var phoneInput = document.getElementById(prefix + 'phone'); if (!form || !phoneInput || phoneInput.dataset.itiBound) return; phoneInput.dataset.itiBound = '1'; // Skip intl-tel-input binding when the field is already controlled by react-phone-input-2 var isReactPhoneInput = !!phoneInput.closest('.react-tel-input'); var iti = null; if (window.intlTelInput && !isReactPhoneInput) { iti = window.intlTelInput(phoneInput, { initialCountry: 'auto', geoIpLookup: function(cb) { fetch('https://ipapi.co/json').then(function(r){return r.json();}) .then(function(d){cb(d.country_code);}).catch(function(){cb('in');}); }, utilsScript: 'https://cdn.jsdelivr.net/npm/intl-tel-input@24.3.4/build/js/utils.js', separateDialCode: true, autoPlaceholder: 'aggressive', placeholderNumberType: 'MOBILE', customPlaceholder: function(p) { phoneInput.dataset.phoneMaxLength = p.replace(/\D/g,'').length; return p.replace(/\d/g,'X'); } }); } function getIso() { if (!iti) return ''; var d = iti.getSelectedCountryData(); return d && d.iso2 ? d.iso2.toLowerCase() : ''; } function allowedLens() { var iso = getIso(); if (iso && mobileLengthRules[iso]) return mobileLengthRules[iso]; var n = parseInt(phoneInput.dataset.phoneMaxLength, 10); return Number.isFinite(n) && n > 0 ? [n] : [15]; } function maxLen() { return Math.max.apply(null, allowedLens()); } function clamp() { var prev = phoneInput.value; phoneInput.value = phoneInput.value.replace(/\D/g,'').slice(0, maxLen()); if (phoneInput.value !== prev) { phoneInput.setSelectionRange(phoneInput.value.length, phoneInput.value.length); } } function validLen() { return allowedLens().indexOf(phoneInput.value.replace(/\D/g,'').length) !== -1; } function sync() { phoneInput.maxLength = maxLen(); clamp(); } if (!isReactPhoneInput) { phoneInput.addEventListener('input', clamp); phoneInput.addEventListener('countrychange', sync); sync(); } function showError(input, msg) { var c = input.closest('.form-group'); if (!c) return; c.querySelector('input, select, textarea').classList.add('error'); var em = c.querySelector('.error-message'); if (em) em.innerText = msg; } function clearError(input) { var c = input.closest('.form-group'); if (!c) return; c.querySelector('input, select, textarea').classList.remove('error'); var em = c.querySelector('.error-message'); if (em) em.innerText = ''; } form.addEventListener('submit', function(e) { e.preventDefault(); var isValid = true; var fields = [ { input: document.getElementById(prefix + 'name'), msg: 'Full name is required' }, { input: document.getElementById(prefix + 'email'), msg: 'Email is required' }, { input: phoneInput, msg: 'Valid phone number is required' }, { input: document.getElementById(prefix + 'service'), msg: 'Please select a service' }, { input: document.getElementById(prefix + 'message'), msg: 'Project details are required' } ]; fields.forEach(function(f) { if (!f.input) return; if (f.input.value.trim() === '') { showError(f.input, f.msg); isValid = false; } }); var email = document.getElementById(prefix + 'email'); var re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (email && email.value.trim() && !re.test(email.value.trim())) { showError(email, 'Enter valid email address'); isValid = false; } if (phoneInput.value.trim() && iti && (!validLen() || !iti.isValidNumber())) { showError(phoneInput, 'Enter a valid phone number'); isValid = false; } else if (isReactPhoneInput) { var digits = phoneInput.value.replace(/\D/g, ''); if (digits.length < 7) { showError(phoneInput, 'Enter a valid phone number'); isValid = false; } } if (!isValid) return; var submitBtn = form.querySelector('.form-submit'); if (submitBtn) { submitBtn.innerHTML = 'Submitting...'; submitBtn.disabled = true; } var phoneValue = iti ? iti.getNumber() : (isReactPhoneInput && phoneInput.value.trim() ? '+' + phoneInput.value.replace(/\D/g, '') : phoneInput.value.trim()); fetch('https://api.ipify.org?format=json') .then(function(r){ return r.ok ? r.json() : {}; }) .catch(function(){ return {}; }) .then(function(ipData){ var payload = { data: { name: document.getElementById(prefix + 'name').value.trim(), email: document.getElementById(prefix + 'email').value.trim(), phone: phoneValue, message: document.getElementById(prefix + 'message').value.trim(), serviceType: document.getElementById(prefix + 'service').value.trim(), ipAddress: (ipData && ipData.ip) ? ipData.ip : '' } }; return fetch(STRAPI_URL + '/api/enquiries', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }); }) .then(function(res) { if (!res.ok) throw new Error('Request failed'); return res.json().catch(function(){ return {}; }); }) .then(function() { window.location.href = '/top-mobile-app-development-company/thank-you/'; }) .catch(function(err) { console.error(err); showToast('Failed to submit. Please try again.', 'error'); if (submitBtn) { submitBtn.innerHTML = 'Submit'; submitBtn.disabled = false; } }); }); form.querySelectorAll('input, select, textarea').forEach(function(field) { field.addEventListener('input', function() { if (field.id === prefix + 'email') { var re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (re.test(field.value.trim())) clearError(field); else showError(field, 'Enter valid email address'); } else if (field.id === prefix + 'phone') { clamp(); if (iti && validLen() && iti.isValidNumber()) clearError(field); else showError(field, 'Enter a valid phone number'); } else if (field.value.trim() !== '') { clearError(field); } }); }); } bindForm('heroForm', 'h-'); bindForm('ctaForm', 'cta-'); } ); })();

Thank You forReaching Out!

While You Wait, Explore Our Work

Thank You for
Reaching Out!