homepage revamp

assets/js/script.js

@@ -4,6 +4,26 @@
   // Preloader js
   $(window).on('load', function () {
     $('.preloader').fadeOut(100);
+    if ($('header').offset().top > 10) {
+      $('.top-header').addClass('hide');
+      $('.navigation').addClass('nav-bg');
+      $('.navigation').css('margin-top','-'+height+'px');
+    } else {
+      $('.top-header').removeClass('hide');
+      if (!$('#top-banner').length) {
+        $('.navigation').removeClass('nav-bg');
+      }
+      $('.navigation').css('margin-top','-'+0+'px');
+    }
+    if ($('#top-banner').length) {
+      $('.navigation').addClass('nav-bg');
+      $('.hero-section').addClass('hs-banner');
+      $('.page-title-section').addClass('pts-banner');
+    } else {
+      $('.navigation').removeClass('nav-bg');
+      $('.hero-section').removeClass('hs-banner');
+      $('.page-title-section').removeClass('pts-banner');
+    }
   });
 
   // Sticky Menu
@@ -15,7 +35,9 @@
       $('.navigation').css('margin-top','-'+height+'px');
     } else {
       $('.top-header').removeClass('hide');
-      $('.navigation').removeClass('nav-bg');
+      if ( !$('#top-banner').length) {
+        $('.navigation').removeClass('nav-bg');
+      }
       $('.navigation').css('margin-top','-'+0+'px');
     }
   });
@@ -32,7 +54,7 @@
   //Hero Slider
   $('.hero-slider').slick({
     autoplay: true,
-    autoplaySpeed: 7500,
+    autoplaySpeed: 5000,
     pauseOnFocus: false,
     pauseOnHover: false,
     infinite: true,

assets/scss/_common.scss

@@ -440,4 +440,12 @@ details[open] summary {
 #wc-canvas {
   width: 100%;
   height: 600px;
+}
+
+.top-banner {
+ padding-top: 160px !important; 
+}
+
+.pts-banner {
+  padding: 80px 0 80px;
 }

assets/scss/templates/_homepage.scss

@@ -10,7 +10,7 @@
   margin-right: 40px;
   padding-left: 70px;
   padding-top: 80px;
-  padding-right: 30%;
+  padding-right: 70px;
 
   @include desktop-xl {
     padding-right: 10%;
@@ -19,7 +19,7 @@
   @include desktop-lg {
     padding-right: 50px;
     padding-left: 50px;
-    padding-top: 30px;
+    padding-top: 40px;
 
     h3 {
       font-size: 20px;

assets/scss/templates/_slider.scss

@@ -2,6 +2,10 @@
   padding: 250px 0 200px;
 }
 
+.hs-banner {
+  padding: 50px 0 200px;
+}
+
 .hero-slider {
 
   .prevArrow,