diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index f5ec04b5a1..db4bad9231 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -174,7 +174,7 @@
                           <a class="single-product"
                             href="{{ index $.Site.Params $p.website.domainKey}}{{ $p.website.path }}">
                             <div class="product-logo">
-                              <img src="{{ $p.icon.src }}" alt="{{ $p.icon.alt }}">
+                              <img src="{{ $p.icon.src }}" alt="{{ $p.icon.alt }}" loading="lazy">
                             </div>
                             <div class="product-info">
                               <h6>{{ $p.name }}</h6>
@@ -195,7 +195,7 @@ <h6>{{ $p.name }}</h6>
                           <a class="single-product"
                             href="{{ index $.Site.Params $p.website.domainKey}}{{ $p.website.path }}">
                             <div class="product-logo">
-                              <img src="{{ $p.icon.src }}" alt="{{ $p.icon.alt }}">
+                              <img src="{{ $p.icon.src }}" alt="{{ $p.icon.alt }}" loading="lazy">
                             </div>
                             <div class="product-info">
                               <h6>{{ $p.name }}</h6>
@@ -216,7 +216,7 @@ <h6>{{ $p.name }}</h6>
                           <a class="single-product"
                             href="{{ index $.Site.Params $p.website.domainKey}}{{ $p.website.path }}">
                             <div class="product-logo">
-                              <img src="{{ $p.icon.src }}" alt="{{ $p.icon.alt }}">
+                              <img src="{{ $p.icon.src }}" alt="{{ $p.icon.alt }}" loading="lazy">
                             </div>
                             <div class="product-info">
                               <h6>{{ $p.name }}</h6>
@@ -239,7 +239,7 @@ <h6>{{ $p.name }}</h6>
                         <!-- single product description start  -->
                         <div class="product-description">
                           <div class="brand">
-                            <img src="{{ $p.logo.src }}" alt="{{ $p.logo.alt }}">
+                            <img src="{{ $p.logo.src }}" alt="{{ $p.logo.alt }}" loading="lazy">
                           </div>
 
                           <p>{{ $p.summary | safeHTML }}</p>
@@ -264,7 +264,7 @@ <h6>{{ $p.name }}</h6>
                         <!-- single product description start  -->
                         <div class="product-description">
                           <div class="brand">
-                            <img src="{{ $p.logo.src }}" alt="{{ $p.logo.alt }}">
+                            <img src="{{ $p.logo.src }}" alt="{{ $p.logo.alt }}" loading="lazy">
                           </div>
 
 
@@ -287,7 +287,7 @@ <h6>{{ $p.name }}</h6>
                         <!-- single product description start  -->
                         <div class="product-description">
                           <div class="brand">
-                            <img src="{{ $p.logo.src }}" alt="{{ $p.logo.alt }}">
+                            <img src="{{ $p.logo.src }}" alt="{{ $p.logo.alt }}" loading="lazy">
                           </div>
 
 
@@ -395,6 +395,9 @@ <h6>RESOURCES</h6>
               <!-- navbar items start -->
             <div class="navbar-right-group">
               <ul>
+                <li class="nav-item">
+                  <a href="https://appscode.com/partner/" class="link">Partner</a>
+                </li>
                 <li class="nav-item">
                   <a href="https://appscode.freshdesk.com" class="link">Support</a>
                 </li>
@@ -510,7 +513,7 @@ <h6>RESOURCES</h6>
                       <a href="{{ .PageRef }}" class="single-product">
                         {{ if .Pre }}
                         <div class="product-logo">
-                          <img src="{{ .Pre }}" alt="Menu Icon">
+                          <img src="{{ .Pre }}" alt="Menu Icon" loading="lazy">
                         </div>
                         {{ end }}
                         <div class="product-info">
@@ -548,7 +551,7 @@ <h6>{{ .Name }}</h6>
                                 d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                             </svg>
                           </a>
-                          <img src="{{ $.Site.Params.intro_video.thumbnail }}" alt="">
+                          <img src="{{ $.Site.Params.intro_video.thumbnail }}" alt="thumbnail" loading="lazy">
                         </div>
                       </div>
                     </div>
@@ -729,7 +732,7 @@ <h2 class="is-gradient" data-aos="fade-up" data-aos-duration="500">What They Are
               <!-- user info wrapper start  -->
               <div class="user-info-wrapper">
                 <figure class="image is-64x64">
-                  <img class="is-rounded" src="{{ $user.profile }}" alt="{{ $user.name }}">
+                  <img class="is-rounded" src="{{ $user.profile }}" alt="{{ $user.name }}" loading="lazy">
                 </figure>
                 <div class="user-info">
                   <h5>{{ $user.name }}</h5>
@@ -810,7 +813,7 @@ <h3 data-aos="fade-up" data-aos-duration="500">Backup & Restore your Databases o
               <!-- logo start -->
               <div class="footer-logo">
                 <a href="{{.Site.Params.domain_appscode}}"><img src="{{$.Site.Data.products.appscode.logo.src}}"
-                    alt="{{$.Site.Data.products.appscode.logo.alt}}" class="img" /></a>
+                    alt="{{$.Site.Data.products.appscode.logo.alt}}" class="img" loading="lazy" /></a>
               </div>
               <!-- logo end -->
 
diff --git a/layouts/index.html b/layouts/index.html
index ff860eb606..68881e1e5d 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -2,22 +2,6 @@
 
 {{ $p := (index .Site.Data.products .Site.Params.product_key) }}
 
-<!-- banner adds start  -->
-<div class="banner-area-start modal-1">
-  <div class="modal">
-    <div class="modal-background" onclick="closeModal()"></div>
-    <div class="modal-content">
-      <div class="box p-0 is-flex">
-        <a href="https://appscode.com/webinar/" target="_blank">
-          <img src="/assets/images/webinar/10Feb22.png" alt="">
-        </a>
-      </div>
-    </div>
-    <button class="modal-close is-large" onclick="closeModal()"></button>
-  </div>
-</div>
-<!-- banner adds end -->
-
 <!-- new hero area start   -->
 <!-- style="background-image: url(/assets/images/products/kubedb/hero-product-bg-dark.png);" -->
 <section class="hero-area is-product is-gradient is-dark has-image-bg" style="background-image:
@@ -152,7 +136,7 @@ <h2 class="is-gradient" data-aos="fade-up" data-aos-duration="500">Special Featu
         <div class="single-features-item" data-aos="fade-up"
           data-aos-duration="500">
           <div class="feature-icon">
-            <img src="{{ $f.icon.src }}" alt="{{ $f.icon.alt }}" />
+            <img src="{{ $f.icon.src }}" alt="{{ $f.icon.alt }}" loading="lazy"/>
           </div>
           <div class="feature-information">
 
diff --git a/static/assets/sass/components/_navbar.scss b/static/assets/sass/components/_navbar.scss
index 4ce9ca411e..85801ed6d9 100644
--- a/static/assets/sass/components/_navbar.scss
+++ b/static/assets/sass/components/_navbar.scss
@@ -63,10 +63,7 @@
       justify-content: space-between;
 
       .ac-searchbar {
-        width: 35%;
-        @media (min-width: 1408px) and (max-width: 1600px) {
-          width: 30%;
-        }
+        width: 49%;
       }
     }
 
@@ -197,7 +194,7 @@
         background-color: transparent;
         cursor: pointer;
         margin: 0;
-        padding: 0.5rem;
+        padding: 0.5rem 0;
         transition: 0.3s ease-in-out;
         position: relative;
         z-index: 1;
diff --git a/static/assets/sass/components/_product-hero-area.scss b/static/assets/sass/components/_product-hero-area.scss
index b84d3b61bc..167630bcaf 100644
--- a/static/assets/sass/components/_product-hero-area.scss
+++ b/static/assets/sass/components/_product-hero-area.scss
@@ -399,7 +399,7 @@
 
 .social-prove-brand-area {
   .brand-image-wrapper {
-    padding: 30px 0;
+    padding: 16px 0;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
@@ -407,6 +407,11 @@
     width: 100%;
 
     .single-brand {
+        border: 1px solid $ac-white-light;
+        border-radius: 4px;
+        display: flex;
+        align-items: center;
+        padding: 12px 24px;
       img {
         max-height: 2rem;
         filter: grayscale(1);
@@ -480,7 +485,7 @@ Responsive Classes
 
   .social-prove-brand-area {
     .brand-image-wrapper {
-      padding: 30px 0;
+      padding: 16px 0;
       padding-bottom: 0px;
       justify-content: center;
 
@@ -547,10 +552,6 @@ Responsive Classes
   .social-prove-brand-area {
     .brand-image-wrapper {
       justify-content: center;
-
-      .single-brand {
-        padding: 0 10px;
-      }
     }
   }
 }
@@ -569,7 +570,7 @@ Responsive Classes
   }
   .social-prove-brand-area {
     .brand-image-wrapper {
-      padding: 30px 0;
+      padding: 16px 0;
     }
   }
   .hero-area-code-editor {