<video autoplay="" loop="" playsinline="" class="auth-sidebar__globe"><source src="https://hrcdn.net/fcore/assets/onboarding/globe-5fdfa9a0f4.mp4" type="video/mp4"></video>
##############################################################
<!-- EmailJS SDK -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
<script>
// Initialize EmailJS
(function() {
emailjs.init("zWQOlYQ4bciwnArBJ"); // Replace with your EmailJS public key
})();
document.getElementById('contactForm').addEventListener('submit', function(e) {
e.preventDefault();
const submitBtn = document.getElementById('submitBtn');
const btnText = document.getElementById('btnText');
const btnLoading = document.getElementById('btnLoading');
const formStatus = document.getElementById('formStatus');
// Show loading state
submitBtn.disabled = true;
btnText.style.display = 'none';
btnLoading.style.display = 'inline';
formStatus.style.display = 'none';
// Send email using EmailJS
emailjs.sendForm('service_ab51tgi', 'template_o1giwpf', this)
.then(function() {
formStatus.innerHTML = '<div class="alert alert-success"><i class="fas fa-check-circle"></i> Message sent successfully! We\'ll get back to you soon.</div>';
formStatus.style.display = 'block';
document.getElementById('contactForm').reset();
}, function(error) {
formStatus.innerHTML = '<div class="alert alert-danger"><i class="fas fa-exclamation-circle"></i> Sorry, there was an error. Please try again.</div>';
formStatus.style.display = 'block';
})
.finally(() => {
// Reset button state
submitBtn.disabled = false;
btnText.style.display = 'inline';
btnLoading.style.display = 'none';
});
});
</script>
################
<button type="submit" class="primary-btn" id="submitBtn">
<span id="btnText">Send Message</span>
<span id="btnLoading" style="display: none;">
<i class="fas fa-spinner fa-spin"></i> Sending...
</span>
</button>