// Complete list of countries with codes and flags const countries = [ { name: "Afghanistan", code: "AF", dial_code: "+93", flag: "🇦🇫" }, { name: "Albania", code: "AL", dial_code: "+355", flag: "🇦🇱" }, { name: "Algeria", code: "DZ", dial_code: "+213", flag: "🇩🇿" }, { name: "Andorra", code: "AD", dial_code: "+376", flag: "🇦🇩" }, { name: "Angola", code: "AO", dial_code: "+244", flag: "🇦🇴" }, { name: "Antigua and Barbuda", code: "AG", dial_code: "+1268", flag: "🇦🇬" }, { name: "Argentina", code: "AR", dial_code: "+54", flag: "🇦🇷" }, { name: "Armenia", code: "AM", dial_code: "+374", flag: "🇦🇲" }, { name: "Australia", code: "AU", dial_code: "+61", flag: "🇦🇺" }, { name: "Austria", code: "AT", dial_code: "+43", flag: "🇦🇹" }, { name: "Azerbaijan", code: "AZ", dial_code: "+994", flag: "🇦🇿" }, { name: "Bahamas", code: "BS", dial_code: "+1242", flag: "🇧🇸" }, { name: "Bahrain", code: "BH", dial_code: "+973", flag: "🇧🇭" }, { name: "Bangladesh", code: "BD", dial_code: "+880", flag: "🇧🇩" }, { name: "Barbados", code: "BB", dial_code: "+1246", flag: "🇧🇧" }, { name: "Belarus", code: "BY", dial_code: "+375", flag: "🇧🇾" }, { name: "Belgium", code: "BE", dial_code: "+32", flag: "🇧🇪" }, { name: "Belize", code: "BZ", dial_code: "+501", flag: "🇧🇿" }, { name: "Benin", code: "BJ", dial_code: "+229", flag: "🇧🇯" }, { name: "Bhutan", code: "BT", dial_code: "+975", flag: "🇧🇹" }, { name: "Bolivia", code: "BO", dial_code: "+591", flag: "🇧🇴" }, { name: "Brazil", code: "BR", dial_code: "+55", flag: "🇧🇷" }, { name: "Brunei", code: "BN", dial_code: "+673", flag: "🇧🇳" }, { name: "Bulgaria", code: "BG", dial_code: "+359", flag: "🇧🇬" }, { name: "Cambodia", code: "KH", dial_code: "+855", flag: "🇰🇭" }, { name: "Cameroon", code: "CM", dial_code: "+237", flag: "🇨🇲" }, { name: "Canada", code: "CA", dial_code: "+1", flag: "🇨🇦" }, { name: "Chile", code: "CL", dial_code: "+56", flag: "🇨🇱" }, { name: "China", code: "CN", dial_code: "+86", flag: "🇨🇳" }, { name: "Colombia", code: "CO", dial_code: "+57", flag: "🇨🇴" }, { name: "Costa Rica", code: "CR", dial_code: "+506", flag: "🇨🇷" }, { name: "Croatia", code: "HR", dial_code: "+385", flag: "🇭🇷" }, { name: "Cuba", code: "CU", dial_code: "+53", flag: "🇨🇺" }, { name: "Cyprus", code: "CY", dial_code: "+357", flag: "🇨🇾" }, { name: "Czech Republic", code: "CZ", dial_code: "+420", flag: "🇨🇿" }, { name: "Denmark", code: "DK", dial_code: "+45", flag: "🇩🇰" }, { name: "Egypt", code: "EG", dial_code: "+20", flag: "🇪🇬" }, { name: "Estonia", code: "EE", dial_code: "+372", flag: "🇪🇪" }, { name: "Ethiopia", code: "ET", dial_code: "+251", flag: "🇪🇹" }, { name: "Fiji", code: "FJ", dial_code: "+679", flag: "🇫🇯" }, { name: "Finland", code: "FI", dial_code: "+358", flag: "🇫🇮" }, { name: "France", code: "FR", dial_code: "+33", flag: "🇫🇷" }, { name: "Germany", code: "DE", dial_code: "+49", flag: "🇩🇪" }, { name: "Ghana", code: "GH", dial_code: "+233", flag: "🇬🇭" }, { name: "Greece", code: "GR", dial_code: "+30", flag: "🇬🇷" }, { name: "Hungary", code: "HU", dial_code: "+36", flag: "🇭🇺" }, { name: "Iceland", code: "IS", dial_code: "+354", flag: "🇮🇸" }, { name: "India", code: "IN", dial_code: "+91", flag: "🇮🇳" }, { name: "Indonesia", code: "ID", dial_code: "+62", flag: "🇮🇩" }, { name: "Iran", code: "IR", dial_code: "+98", flag: "🇮🇷" }, { name: "Iraq", code: "IQ", dial_code: "+964", flag: "🇮🇶" }, { name: "Ireland", code: "IE", dial_code: "+353", flag: "🇮🇪" }, { name: "Israel", code: "IL", dial_code: "+972", flag: "🇮🇱" }, { name: "Italy", code: "IT", dial_code: "+39", flag: "🇮🇹" }, { name: "Jamaica", code: "JM", dial_code: "+1876", flag: "🇯🇲" }, { name: "Japan", code: "JP", dial_code: "+81", flag: "🇯🇵" }, { name: "Jordan", code: "JO", dial_code: "+962", flag: "🇯🇴" }, { name: "Kazakhstan", code: "KZ", dial_code: "+7", flag: "🇰🇿" }, { name: "Kenya", code: "KE", dial_code: "+254", flag: "🇰🇪" }, { name: "Kuwait", code: "KW", dial_code: "+965", flag: "🇰🇼" }, { name: "Malaysia", code: "MY", dial_code: "+60", flag: "🇲🇾" }, { name: "Maldives", code: "MV", dial_code: "+960", flag: "🇲🇻" }, { name: "Mexico", code: "MX", dial_code: "+52", flag: "🇲🇽" }, { name: "Morocco", code: "MA", dial_code: "+212", flag: "🇲🇦" }, { name: "Nepal", code: "NP", dial_code: "+977", flag: "🇳🇵" }, { name: "Netherlands", code: "NL", dial_code: "+31", flag: "🇳🇱" }, { name: "New Zealand", code: "NZ", dial_code: "+64", flag: "🇳🇿" }, { name: "Nigeria", code: "NG", dial_code: "+234", flag: "🇳🇬" }, { name: "Norway", code: "NO", dial_code: "+47", flag: "🇳🇴" }, { name: "Pakistan", code: "PK", dial_code: "+92", flag: "🇵🇰" }, { name: "Panama", code: "PA", dial_code: "+507", flag: "🇵🇦" }, { name: "Peru", code: "PE", dial_code: "+51", flag: "🇵🇪" }, { name: "Philippines", code: "PH", dial_code: "+63", flag: "🇵🇭" }, { name: "Poland", code: "PL", dial_code: "+48", flag: "🇵🇱" }, { name: "Portugal", code: "PT", dial_code: "+351", flag: "🇵🇹" }, { name: "Qatar", code: "QA", dial_code: "+974", flag: "🇶🇦" }, { name: "Romania", code: "RO", dial_code: "+40", flag: "🇷🇴" }, { name: "Russia", code: "RU", dial_code: "+7", flag: "🇷🇺" }, { name: "Saudi Arabia", code: "SA", dial_code: "+966", flag: "🇸🇦" }, { name: "Singapore", code: "SG", dial_code: "+65", flag: "🇸🇬" }, { name: "South Africa", code: "ZA", dial_code: "+27", flag: "🇿🇦" }, { name: "South Korea", code: "KR", dial_code: "+82", flag: "🇰🇷" }, { name: "Spain", code: "ES", dial_code: "+34", flag: "🇪🇸" }, { name: "Sri Lanka", code: "LK", dial_code: "+94", flag: "🇱🇰" }, { name: "Sweden", code: "SE", dial_code: "+46", flag: "🇸🇪" }, { name: "Switzerland", code: "CH", dial_code: "+41", flag: "🇨🇭" }, { name: "Taiwan", code: "TW", dial_code: "+886", flag: "🇹🇼" }, { name: "Thailand", code: "TH", dial_code: "+66", flag: "🇹🇭" }, { name: "Turkey", code: "TR", dial_code: "+90", flag: "🇹🇷" }, { name: "Ukraine", code: "UA", dial_code: "+380", flag: "🇺🇦" }, { name: "United Arab Emirates", code: "AE", dial_code: "+971", flag: "🇦🇪" }, { name: "United Kingdom", code: "GB", dial_code: "+44", flag: "🇬🇧" }, { name: "United States", code: "US", dial_code: "+1", flag: "🇺🇸" }, { name: "Uruguay", code: "UY", dial_code: "+598", flag: "🇺🇾" }, { name: "Venezuela", code: "VE", dial_code: "+58", flag: "🇻🇪" }, { name: "Vietnam", code: "VN", dial_code: "+84", flag: "🇻🇳" } ]; // Set up the country selector functionality document.addEventListener('DOMContentLoaded', function() { // Set form start time for timing validation document.getElementById('formStartTime').value = Date.now(); // Country dropdown code - only run if elements exist const selectedFlag = document.getElementById('selected-flag'); const countryDropdown = document.getElementById('country-dropdown'); const countryList = document.getElementById('country-list'); const countrySearch = document.getElementById('country-search'); const countryCodeInput = document.getElementById('country-code'); const contactInput = document.getElementById('contact'); if (selectedFlag && countryDropdown && countryList && countrySearch && countryCodeInput && contactInput) { // Format phone number with spaces function formatPhoneNumber(number) { // Remove all non-digits const digits = number.replace(/\D/g, ''); // Take only first 10 digits const limitedDigits = digits.slice(0, 10); // Format with spaces (XXX XXXX XXX) if (limitedDigits.length <= 3) { return limitedDigits; } else if (limitedDigits.length <= 7) { return `${limitedDigits.slice(0, 3)} ${limitedDigits.slice(3)}`; } else { return `${limitedDigits.slice(0, 3)} ${limitedDigits.slice(3, 7)} ${limitedDigits.slice(7)}`; } } // Populate country list function populateCountryList(countryArray) { countryList.innerHTML = ''; countryArray.forEach(country => { const countryItem = document.createElement('div'); countryItem.className = 'country-item'; countryItem.dataset.dialCode = country.dial_code; countryItem.dataset.code = country.code; countryItem.innerHTML = `

${country.flag}

${country.name}

${country.dial_code}

`; countryItem.addEventListener('click', function() { selectCountry(country); countryDropdown.classList.remove('open'); }); countryList.appendChild(countryItem); }); } // Initialize with all countries populateCountryList(countries); // Set default country (United States) const defaultCountry = countries.find(c => c.code === 'US'); selectCountry(defaultCountry); // Open/close dropdown selectedFlag.addEventListener('click', function(e) { e.stopPropagation(); countryDropdown.classList.toggle('open'); if (countryDropdown.classList.contains('open')) { countrySearch.focus(); } }); // Close dropdown when clicking outside document.addEventListener('click', function(e) { if (!countryDropdown.contains(e.target)) { countryDropdown.classList.remove('open'); } }); // Filter countries on search countrySearch.addEventListener('input', function() { const query = this.value.toLowerCase(); if (query) { const filtered = countries.filter(country => country.name.toLowerCase().includes(query) || country.dial_code.includes(query) ); populateCountryList(filtered); } else { populateCountryList(countries); } }); // Prevent deletion of country code and maintain space contactInput.addEventListener('input', function(e) { const selectedCountry = countries.find(c => c.dial_code === countryCodeInput.value); if (!selectedCountry) return; const dialCode = selectedCountry.dial_code; const currentValue = this.value.replace(/\s+/g, ' ').trim(); if (!currentValue.startsWith(dialCode)) { // If country code is missing or incorrect, restore it const numberPart = currentValue.replace(/\D/g, ''); this.value = dialCode + ' ' + formatPhoneNumber(numberPart); } else { // Get the number part after country code and format it const parts = currentValue.split(dialCode); const numberPart = parts[1] ? parts[1].replace(/\D/g, '') : ''; this.value = dialCode + ' ' + formatPhoneNumber(numberPart); } // Store cursor position for better user experience const cursorPosition = this.selectionStart; setTimeout(() => { // Calculate new cursor position based on formatting let newPosition = cursorPosition; const valueBeforeCursor = this.value.slice(0, cursorPosition); const spacesBeforeCursor = (valueBeforeCursor.match(/\s/g) || []).length; const newSpacesBeforeCursor = (this.value.slice(0, cursorPosition).match(/\s/g) || []).length; newPosition += newSpacesBeforeCursor - spacesBeforeCursor; // Don't let cursor go into the country code const minPosition = dialCode.length + 1; this.selectionStart = this.selectionEnd = Math.max(newPosition, minPosition); }, 0); }); // Prevent backspace from deleting country code and space contactInput.addEventListener('keydown', function(e) { const selectedCountry = countries.find(c => c.dial_code === countryCodeInput.value); if (!selectedCountry) return; const dialCode = selectedCountry.dial_code; if (e.key === 'Backspace' && this.selectionStart <= dialCode.length + 1) { e.preventDefault(); } }); // Select a country function selectCountry(country) { const flagIcon = selectedFlag.querySelector('.flag-icon'); if (flagIcon) { flagIcon.textContent = country.flag; } countryCodeInput.value = country.dial_code; // Update contact input with country code and space const currentValue = contactInput.value.trim(); if (!currentValue) { contactInput.value = country.dial_code + ' '; } else { const numberPart = currentValue.replace(/^\+\d+\s*/, '').replace(/\D/g, ''); contactInput.value = country.dial_code + ' ' + formatPhoneNumber(numberPart); } // Place cursor at the end setTimeout(() => { contactInput.selectionStart = contactInput.selectionEnd = contactInput.value.length; }, 0); } } // End of country dropdown conditional }); // Form validation and submission const form = document.getElementById('contactForm'); // const servicesGroup = document.getElementById('services-group'); // const servicesError = document.getElementById('services-error'); const calendlyUrl = 'https://calendly.com/designwithpash/30min'; // Load free email domains list for client-side validation let blockedDomains = new Set(); fetch('/free-domains-2.csv') .then(res => res.text()) .then(text => { text.split('\n').forEach(line => { const domain = line.trim().toLowerCase(); if (domain) blockedDomains.add(domain); }); }) .catch(() => {}); // Fail silently - server-side validation is the fallback // Website input processing - COMMENTED OUT (field not in use) // const websiteInput = document.getElementById('website'); // if (websiteInput) { // websiteInput.addEventListener('blur', function() { // let value = this.value.trim(); // if (value && !value.startsWith('http://') && !value.startsWith('https://')) { // if (!value.startsWith('www.')) { // value = 'https://www.' + value; // } else { // value = 'https://' + value; // } // this.value = value; // } // }); // } form.addEventListener('submit', async function(e) { e.preventDefault(); // Anti-spam validation // 1. Check honeypot fields - if filled, it's likely a bot const honeypotFields = ['bot_trap_url', 'bot_trap_mail', 'bot_trap_org', 'bot_trap_msg']; for (const field of honeypotFields) { const honeypotValue = document.querySelector(`[name="${field}"]`).value; if (honeypotValue.trim() !== '') { // Show generic error to user instead of silent failure alert('There was an error processing your form. Please try refreshing the page and submitting again.'); return; } } // 2. Validate budget selection if (!document.getElementById('budget').value.trim()) { alert('Please select a project budget.'); return; } // 3. Timing validation - form filled too quickly (more lenient timing) const formStartTime = parseInt(document.getElementById('formStartTime').value); const currentTime = Date.now(); const timeTaken = currentTime - formStartTime; // Check if form start time was set properly if (isNaN(formStartTime) || formStartTime === 0) { // Set it now for next time, but allow submission to continue document.getElementById('formStartTime').value = Date.now(); } else { // Timing validation if (timeTaken < 300) { // Reduced from 1000ms to 300ms - more lenient for legitimate users alert('Please take a moment to review your information before submitting.'); return; } } // 4. Content validation const name = document.getElementById('name').value.trim(); const email = document.getElementById('email').value.trim(); // Optional fields - commented out // const organization = document.getElementById('org')?.value.trim(); // const message = document.getElementById('message')?.value.trim(); // Check for suspicious patterns const suspiciousPatterns = [ /^[A-Z]{12,}$/, // All caps strings longer than 12 chars (was 8) /^[a-z]{15,}$/, // All lowercase random strings longer than 15 chars (was 8) /^[A-Za-z0-9]{20,}$/, // Random alphanumeric strings longer than 20 chars (was 10) /(.)\1{6,}/, // Repeated characters 7+ times (was 5+) /^(test|spam|bot|fake|xxx|yyy|zzz)/i, // Common spam words ]; // Validate name (more lenient) if (suspiciousPatterns.some(pattern => pattern.test(name)) || name.length < 1) { alert('Please enter a valid name.'); return; } // Validate organization (made optional for mobile) // REMOVE organization spam/content validation // (No validation for organization field) // Check for valid email domain const emailParts = email.split('@'); if (emailParts.length !== 2 || emailParts[1].length < 4 || !emailParts[1].includes('.')) { alert('Please enter a valid email address.'); return; } // Block free email providers const emailDomain = emailParts[1].toLowerCase(); if (blockedDomains.has(emailDomain)) { alert('Please use your business email address. Free email providers (Gmail, Yahoo, Outlook, etc.) are not accepted.'); return; } // Check message for spam patterns if provided - COMMENTED OUT // if (message && (message.length > 1000 || suspiciousPatterns.some(pattern => pattern.test(message)))) { // alert('Please enter a valid message.'); // return; // } // 4. Rate limiting check (basic client-side) const lastSubmission = localStorage.getItem('lastFormSubmission'); if (lastSubmission && (currentTime - parseInt(lastSubmission)) < 30000) { // 30 seconds alert('Please wait before submitting another form.'); return; } // Phone number formatting - COMMENTED OUT // const contactValue = document.getElementById('contact').value; // let formattedContact = contactValue.replace(/\s+/g, ''); // if (formattedContact === '' || formattedContact === '+' || /^\'+\d+$/.test(formattedContact)) { // formattedContact = ''; // } // const countryCode = document.getElementById('country-code').value; // Fetch reCAPTCHA v3 token if configured let recaptchaToken = ''; if (window.RECAPTCHA_SITE_KEY && typeof grecaptcha !== 'undefined') { try { recaptchaToken = await new Promise((resolve, reject) => { grecaptcha.ready(() => { grecaptcha.execute(window.RECAPTCHA_SITE_KEY, { action: 'contact' }) .then(resolve) .catch(reject); }); }); } catch (err) { alert('Security check failed. Please refresh the page and try again.'); return; } } // Create form data object const formData = { name: name, email: email, budget: document.getElementById('budget').value, form_start_time: formStartTime, recaptcha_token: recaptchaToken }; // Include optional fields if they exist // if (document.getElementById('organization')) { // formData.organization = document.getElementById('organization').value; // } // if (document.getElementById('contact')) { // formData.contact = formattedContact; // formData['country-code'] = countryCode; // } // if (document.getElementById('website')) { // formData.website = document.getElementById('website').value; // } if (document.getElementById('message')) { formData.message = document.getElementById('message').value; } // Services collection removed - no longer needed // serviceCheckboxes.forEach(checkbox => { // formData.services.push(checkbox.value); // }); // Send as JSON fetch('/api/contact', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(formData) }) .then(response => { return response.json().then(data => { if (!response.ok) { throw new Error(data.error || 'Form submission failed'); } return data; }); }) .then(data => { if (data.success) { // Store submission timestamp for rate limiting localStorage.setItem('lastFormSubmission', currentTime.toString()); window.location.href = '/thank-you'; // Redirect to thank you page form.reset(); } else { throw new Error(data.error || 'Form submission failed'); } }) .catch(error => { const msg = (error.message || 'Form submission failed').replace(/\.$/, ''); alert('There was an error submitting the form: ' + msg + '. Please try again.'); }); });

Ready to Grow Your Business?