diff --git a/contact/index.html b/contact/index.html
index 55011b3..aabb766 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -440,6 +440,37 @@
 				</div>
 			</div>
 		</form>
+		<div id="form-success" style="display:none;padding:20px;margin-top:15px;background:#2ecc71;color:#fff;border-radius:4px;text-align:center;">Thank you! Your message has been sent successfully.</div>
+		<div id="form-error" style="display:none;padding:20px;margin-top:15px;background:#e74c3c;color:#fff;border-radius:4px;text-align:center;">Something went wrong. Please try again or email us directly at work-orders@seahaven.com</div>
+		<script>
+		(function(){
+		  var form = document.querySelector('.elementor-form');
+		  form.addEventListener('submit', function(e){
+		    e.preventDefault();
+		    var btn = form.querySelector('button[type="submit"]');
+		    btn.disabled = true;
+		    btn.querySelector('.elementor-button-text').textContent = 'Sending...';
+		    fetch(form.action, {
+		      method: 'POST',
+		      body: new FormData(form),
+		      headers: {'Accept': 'application/json'}
+		    }).then(function(r){
+		      if(r.ok){
+		        form.reset();
+		        form.style.display = 'none';
+		        document.getElementById('form-success').style.display = 'block';
+		      } else {
+		        document.getElementById('form-error').style.display = 'block';
+		      }
+		    }).catch(function(){
+		      document.getElementById('form-error').style.display = 'block';
+		    }).finally(function(){
+		      btn.disabled = false;
+		      btn.querySelector('.elementor-button-text').textContent = 'Submit';
+		    });
+		  });
+		})();
+		</script>
 						</div>
 				</div>
 				</div>