Update index.html

index.html

@@ -377,32 +377,44 @@
       easing: 'ease', // Easing option
       once: true // Only animate elements once
     });
-document.addEventListener("DOMContentLoaded", function() {
-    const contactForm = document.getElementById("contactForm");
 
-    contactForm.addEventListener("submit", function(event) {
-        event.preventDefault(); // Prevent the default form submission
-
-        // Retrieve form data
-        const name = document.getElementById("name").value;
-        const email = document.getElementById("email").value;
-        const message = document.getElementById("message").value;
-
-        // Construct the email body
-        const emailBody = `Name: ${name}\nEmail: ${email}\nMessage:\n${message}`;
-
-        // Send the email using Gmail API (configure your credentials)
-        // Replace with your actual Gmail API code
-
-        // Example: Log the form data (replace with Gmail API code)
-        console.log("Name:", name);
-        console.log("Email:", email);
-        console.log("Message:", message);
-
-        // Optionally, display a success message to the user
-        alert("Thank you! Your message has been sent.");
+const form = document.querySelector('form');
+
+form.addEventListener('submit', (event) => {
+  event.preventDefault(); // Prevent default form submission
+
+  const name = document.getElementById('name').value;
+  const email = document.getElementById('email').value;
+  const message = document.getElementById('message').value;
+
+  // Construct email content
+  const body = `
+    Name: ${name}\n
+    Email: ${email}\n
+    Message:\n
+    ${message}
+  `;
+
+  // Optional: Add validation for name, email, and message
+
+  // Send email using a dedicated library or service
+  // Example using a hypothetical library:
+  sendEmail({
+    to: '[email protected]',
+    subject: 'New Contact Form Submission',
+    body: body,
+  })
+    .then(() => {
+      // Clear form fields and display a success message
+      form.reset();
+      alert('Message sent successfully!');
+    })
+    .catch((error) => {
+      console.error('Error sending email:', error);
+      alert('An error occurred while sending the message. Please try again.');
     });
 });
+
   </script>  
 </body>
 </html>