contact.js

    // for handling form submission
    document.addEventListener('DOMContentLoaded', function () {
      
      const contactForm = document.getElementById('contact-form');
      const contactSubmit = document.getElementById('contact-submit');
      contactForm.addEventListener('submit', async function (event) {
        event.preventDefault();
          // sending data back to API
        const response = await fetch('https://xceedesigns-backend.vercel.app/contact', {
          method: 'POST',
          body: JSON.stringify({
            name: document.getElementById('name').value,
            email: document.getElementById('email').value,
            message: document.getElementById('message').value
          }),
          headers: {
            'Content-Type': 'application/json'
          }
        });

        const parsedResponse = await response.text();

        // modal info
        const modalBody = document.querySelector('.modal-body');
        const modalTitle = document.querySelector('.modal-title');
        modalTitle.textContent = 'XceeDesigns LLC.';
        modalTitle.style.fontWeight = 'bold';
        modalBody.textContent = "Thank you for contacting us. We'll get back to you soon!";
        // modalBody.style.color = '#04aa6d';
        $('#myModal').modal('show');

        //reset form
        document.getElementById('contact-form').reset();
        //log status
        console.log(response.status);
      });
    });