diff --git a/index.html b/index.html
index 4b481858..d54186bc 100644
--- a/index.html
+++ b/index.html
@@ -16,10 +16,12 @@
 </head>
 
 <body>
+  <div class="lazy" data-src="index.html"></div>
   <!-- Navbar Section Started -->
   <nav class="navBar1">
     <div class="fullNav">
       <div id="logo">
+        <img src="./img/logo/navLogo.png" alt="AISKCON-Construction" loading="lazy"/>
         <a href="index.html"><img src="./img/logo/navLogo.png" alt="AISKCON-Construction" /></a>
       </div>
       <ul class="list1">
@@ -168,7 +170,7 @@ <h1 data-aos="fade-up" data-aos-duration="1000">
           onclick="window.location.href='./slotBooking/form.html'"><span>Book Us</span></button>
       </div>
       <div class="hero-img">
-        <img src="./img/vectors/hero.gif" alt="" srcset="" />
+        <img src="./img/vectors/hero.gif" alt="" srcset="" loading="lazy"/>
       </div>
     </div>
   </section>
@@ -197,6 +199,7 @@ <h3>Construction Management</h3>
         </p>
       </div>
       <div class="servicesection-image">
+        <img src="./img/bg/design-and-build.jpg" alt="design-and-build" loading="lazy"/>
         <img src="./img/bg/design-and-build.webp" alt="design-and-build" />
         <h3>Design and Build</h3>
         <p>
@@ -205,6 +208,7 @@ <h3>Design and Build</h3>
         </p>
       </div>
       <div class="servicesection-image">
+        <img src="./img/bg/preconstruction.jpg" alt="preconstruction" loading="lazy"/>
         <img src="./img/bg/preconstruction.webp" alt="preconstruction" />
         <h3>Preconstruction Consulting</h3>
         <p>
@@ -213,6 +217,7 @@ <h3>Preconstruction Consulting</h3>
         </p>
       </div>
       <div class="servicesection-image">
+        <img src="./img/bg/special-projects.jpg" alt="special-projects" loading="lazy"/>
         <img src="./img/bg/special-projects.webp" alt="special-projects" />
         <h3>Special Projects</h3>
         <p>
@@ -221,6 +226,7 @@ <h3>Special Projects</h3>
         </p>
       </div>
       <div class="servicesection-image">
+        <img src="./img/bg/renovation.jpg" alt="renovation" loading="lazy"/>
         <img src="./img/bg/renovation.webp" alt="renovation" />
         <h3>Renovations</h3>
         <p>
@@ -235,6 +241,8 @@ <h3>Renovations</h3>
   <!-- BUILD WITH QYALITY SECTION -->
   <div class="container-buildquality">
     <div class="content-quality">
+      <img class="image-quality" src="./img/vectors/build-with-quality.jpg" alt="Image- build-with-quality"
+        data-aos="fade-right" data-aos-easing="ease" data-aos-duration="1000" loading="lazy"/>
       <img class="image-quality" src="./img/vectors/build-with-quality.webp" alt="Image- build-with-quality"
         data-aos="fade-right" data-aos-easing="ease" data-aos-duration="1000" />
       <div class="text-qualitymaterial" data-aos="fade-down" data-aos-easing="ease" data-aos-duration="1000">
@@ -401,6 +409,8 @@ <h1>Green</h1>
   <section class="container-expert">
     <div class="content-1">
       <img data-aos="fade-right" data-aos-easing="ease" data-aos-duration="1000" class="image-1"
+        src="./img/vectors/customer-support.png" alt="Image-Talk with expert person" loading="lazy"/>
+
         src="./img/vectors/customer1.png" alt="Image-Talk with expert person" />
       <div class="text-contact" data-aos="fade-up" data-aos-easing="ease" data-aos-duration="1000">
         <h1>Contact With Our Experts</h1>
@@ -443,6 +453,7 @@ <h1>Our Clients Say!</h1>
       <div class="testinomial-card" id="testinomial-card-1" data-aos="fade-up" data-aos-easing="ease"
         data-aos-duration="1000">
         <div class="testinomial-card-head">
+          <img src="./img/vectors/user.jpg" alt="img" loading="lazy"/>
           <img src="./img/vectors/user.webp" alt="img" />
           <div style="line-height: 1.4; font-size: 0.9rem">
             <h3>Utkarsh Saxena</h3>
@@ -462,6 +473,7 @@ <h3>Utkarsh Saxena</h3>
       <div class="testinomial-card" id="testinomial-card-2" data-aos="fade-down" data-aos-easing="ease"
         data-aos-duration="1000">
         <div class="testinomial-card-head">
+          <img src="./img/vectors/user.jpg" alt="img" loading="lazy"/>
           <img src="./img/vectors/user.webp" alt="img" />
           <div style="line-height: 1.4; font-size: 0.9rem">
             <h3>Abhi Patel</h3>
@@ -479,6 +491,7 @@ <h3>Abhi Patel</h3>
       </div>
       <div class="testinomial-card" data-aos="fade-right" data-aos-easing="ease" data-aos-duration="1000">
         <div class="testinomial-card-head">
+          <img src="./img/vectors/user.jpg" alt="img" loading="lazy"/>
           <img src="./img/vectors/user.webp" alt="img" />
           <div style="line-height: 1.4; font-size: 0.9rem">
             <h3>Rolika Agarwal</h3>
@@ -492,6 +505,7 @@ <h3>Rolika Agarwal</h3>
       </div>
       <div class="testinomial-card" data-aos="fade-up" data-aos-easing="ease" data-aos-duration="1000">
         <div class="testinomial-card-head">
+          <img src="./img/vectors/user.jpg" alt="img" loading="lazy"/>
           <img src="./img/vectors/user.webp" alt="img" />
           <div style="line-height: 1.4; font-size: 0.9rem">
             <h3>Kartikay Asija</h3>
@@ -507,6 +521,7 @@ <h3>Kartikay Asija</h3>
       <div class="testinomial-card" id="testinomial-card-5" data-aos="fade-down" data-aos-easing="ease"
         data-aos-duration="1000">
         <div class="testinomial-card-head">
+          <img src="./img/vectors/user.jpg" alt="img" loading="lazy"/>
           <img src="./img/vectors/user.webp" alt="img" />
           <div style="line-height: 1.4; font-size: 0.9rem">
             <h3>Swastik</h3>
@@ -666,7 +681,7 @@ <h2>Chat with us</h2>
       <div class="row">
         <div class="footer-col footer-brand">
           <div class="footer-logo">
-            <img src="./img/logo/aiskcon logo.png" alt="logo" srcset="" />
+            <img src="./img/logo/aiskcon logo.png" alt="logo" srcset="" loading="lazy"/>
           </div>
           <div class="social-links">
             <a href="#"><i class="fab fa-facebook-f"></i></a>
diff --git a/js/main.js b/js/main.js
index bfbeda06..9fc2bcb7 100644
--- a/js/main.js
+++ b/js/main.js
@@ -301,4 +301,48 @@ update = function () {
   requestAnimationFrame(update);
 };
 requestAnimationFrame(update);
-// Particle Js End
\ No newline at end of file
+// Particle Js End
+
+(function() {
+  'use strict';
+
+  var lazyElements = [].slice.call(document.querySelectorAll('.lazy'));
+
+  var loadLazyContent = function(lazyElement) {
+    var url = lazyElement.getAttribute('data-src');
+
+    // Make an AJAX request to fetch the lazy content
+    var xhr = new XMLHttpRequest();
+    xhr.onreadystatechange = function() {
+      if (xhr.readyState === XMLHttpRequest.DONE) {
+        if (xhr.status === 200) {
+          // Set the fetched content as the innerHTML of the lazy element
+          lazyElement.innerHTML = xhr.responseText;
+          lazyElement.classList.add('loaded');
+        }
+      }
+    };
+    xhr.open('GET', url, true);
+    xhr.send();
+  };
+
+  var lazyLoadHandler = function() {
+    lazyElements.forEach(function(lazyElement) {
+      var rect = lazyElement.getBoundingClientRect();
+
+      // Check if the lazy element is within the viewport
+      if (rect.top >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)) {
+        loadLazyContent(lazyElement);
+      }
+    });
+
+    // Remove the event listener once all lazy elements are loaded
+    if (lazyElements.length === 0) {
+      window.removeEventListener('scroll', lazyLoadHandler);
+    }
+  };
+
+  // Add the lazyLoadHandler to the scroll event
+  window.addEventListener('scroll', lazyLoadHandler);
+  lazyLoadHandler(); // Call it once to load any initially visible elements
+})();
