function validateForm() {
        var firstName = document.getElementById('first-name').value;
        var lastName = document.getElementById('last-name').value;
        var email = document.getElementById('email').value;
        var subject = document.getElementById('subject').value;
        var message = document.getElementById('contact-message').value;
        var errorMessage = document.getElementById('errorMessage');

        // Reset previous error messages and hide the error div
        errorMessage.innerHTML = '';
        errorMessage.style.display = 'none';

        // Check if required fields are empty
        if (firstName.trim() === '') {
            errorMessage.innerHTML += '
First Name is required.
';
        }
        if (lastName.trim() === '') {
            errorMessage.innerHTML += '
Last Name is required.
';
        }
        if (email.trim() === '') {
            errorMessage.innerHTML += '
Email is required.
';
        }
        if (message.trim() === '') {
            errorMessage.innerHTML += '
Message is required.
';
        }

        // Validate email using regex
        var emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        if (!emailRegex.test(email)) {
            errorMessage.innerHTML += '
Please enter a valid email address.
';
        }

        // If there are error messages, display the error div
        if (errorMessage.innerHTML !== '') {
            errorMessage.style.display = 'block';
            return false;
        }

        // Form submitted successfully
        return true;
    }
        
    

            
    const dynamicText = document.querySelector(".dynamic-txts li span");
    const words = ["Violeta Last", "Creative", "Designer", "Developer"];

    let wordIndex = 0;
    let charIndex = 1;
    let isDeleting = false;

    const typeEffect = () => {
        const currentWord = words[wordIndex];
        const currentChar = currentWord.substring(0, charIndex);
        dynamicText.textContent = currentChar;
        dynamicText.classList.add("stop-blinking");

        if (!isDeleting && charIndex  0) {
            charIndex--;
            setTimeout(typeEffect, 100);

        } else {
            isDeleting = !isDeleting;
            dynamicText.classList.remove("stop-blinking");
            wordIndex = !isDeleting ? (wordIndex + 1) % words.length : wordIndex;
            setTimeout(typeEffect, 1200);
        }
    }

    document.addEventListener("DOMContentLoaded", typeEffect);