diff --git a/assets/js/script.js b/assets/js/script.js
index cfd7d31..f742a3b 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -43,4 +43,33 @@ window.addEventListener("scroll", function () {
     goTopBtn.classList.remove("active");
   }
 
+});
+
+// JavaScript to handle form submission and show success message
+document.getElementById('newsletterForm').addEventListener('submit', function (event) {
+  event.preventDefault(); 
+
+
+  setTimeout(() => {
+   
+    document.querySelector('.input-field').style.display = 'none';
+    document.querySelector('.btn-secondary').style.display = 'none';
+
+
+    const successMessage = document.getElementById('successMessage');
+    successMessage.style.display = 'block';
+
+   
+    setTimeout(() => {
+
+      document.getElementById('newsletterForm').reset();
+
+     
+      document.querySelector('.input-field').style.display = 'block';
+      document.querySelector('.btn-secondary').style.display = 'block';
+
+
+      successMessage.style.display = 'none';
+    }, 5000);
+  }, 1000); 
 });
\ No newline at end of file
diff --git a/index.html b/index.html
index 75c2767..9711c71 100644
--- a/index.html
+++ b/index.html
@@ -763,10 +763,19 @@ <h4 class="contact-title">Contact Us</h4>
             Subscribe our newsletter for more update & news !!
           </p>
 
-          <form action="" class="form-wrapper">
-            <input type="email" name="email" class="input-field" placeholder="Enter Your Email" required>
-
+          <form action="" class="form-wrapper" id="newsletterForm">
+            <input 
+              type="email" 
+              name="email" 
+              class="input-field" 
+              placeholder="Enter Your Email" 
+              required
+            >
             <button type="submit" class="btn btn-secondary">Subscribe</button>
+            <!-- Success Message -->
+            <div id="successMessage" class="success-message" style="display: none;">
+              <button class="btn btn-success" disabled>Subscribed Successfully!</button>
+            </div>
           </form>
 
         </div>