Update index.html

index.html

@@ -378,9 +378,9 @@
       once: true // Only animate elements once
     });
 document.addEventListener("DOMContentLoaded", function() {
-    const submitButton = document.getElementById("submitBtn");
+    const contactForm = document.getElementById("contactForm");
 
-    submitButton.addEventListener("click", function(event) {
+    contactForm.addEventListener("submit", function(event) {
         event.preventDefault(); // Prevent the default form submission
 
         // Retrieve form data
@@ -388,14 +388,19 @@ document.addEventListener("DOMContentLoaded", function() {
         const email = document.getElementById("email").value;
         const message = document.getElementById("message").value;
 
-        // Use Gmail API (configure your credentials)
-        // Compose the email with form data
-        // Send the email to your Gmail account
+        // 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.");
     });
 });
   </script>