if (typeof window !== 'undefined') { document.getElementById('contact-form')?.addEventListener('submit', async (e) => { e.preventDefault(); const form = e.target; const statusDiv = document.getElementById('form-status'); const submitButton = form.querySelector('button[type="submit"]'); // Disable submit button submitButton.disabled = true; submitButton.innerHTML = 'Sending...'; const formData = new FormData(form); const data = Object.fromEntries(formData); try { const response = await fetch('/api/contact', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }); const result = await response.json(); if (response.ok) { statusDiv.className = 'p-4 bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200 rounded-lg border border-green-300 dark:border-green-700'; statusDiv.textContent = result.message || 'Thank you! Your message has been sent successfully. We\'ll get back to you soon.'; form.reset(); } else { throw new Error(result.error || 'Failed to send message'); } } catch (error) { statusDiv.className = 'p-4 bg-red-100 dark:bg-red-900 text-red-800 dark:text-red-200 rounded-lg border border-red-300 dark:border-red-700'; statusDiv.textContent = 'Oops! Something went wrong. Please try again or email us directly at support@etsytitle.com'; } finally { statusDiv.classList.remove('hidden'); submitButton.disabled = false; submitButton.innerHTML = 'Send Message'; // Scroll to status message setTimeout(() => statusDiv.scrollIntoView({ behavior: 'smooth', block: 'nearest' }), 100); } }); }

Get in Touch

Send us a Message

Response Time

Email Us

Location

Quick Help