diff --git a/packages/Webkul/Velocity/publishable/assets/css/velocity.css b/packages/Webkul/Velocity/publishable/assets/css/velocity.css
index 610c8dffb..881340915 100644
--- a/packages/Webkul/Velocity/publishable/assets/css/velocity.css
+++ b/packages/Webkul/Velocity/publishable/assets/css/velocity.css
@@ -2422,6 +2422,10 @@
   padding-top: 0;
 }
 
+.slides-container .VueCarousel .VueCarousel-slide:not(:nth-of-type(1)) img {
+  display: none;
+}
+
 .filter-attributes-item {
   margin-bottom: 10px;
   border-bottom: 1px solid #CCCCCC;
@@ -2528,11 +2532,6 @@ body .container-margin {
   background-image: url("../images/Icon-Arrow-Right.svg");
 }
 
-.banner-icon {
-  height: unset;
-  display: inline-block;
-}
-
 .card-product-image-container {
   height: 300px;
   min-height: 100px;
@@ -3307,6 +3306,14 @@ body::after {
   padding: 0px 20px;
 }
 
+.footer .footer-copy-right a {
+  color: unset;
+}
+
+.footer .footer-copy-right a:hover {
+  color: #4D7EA8;
+}
+
 .padding-15 {
   padding: 15px;
 }
diff --git a/packages/Webkul/Velocity/publishable/assets/images/banner.png b/packages/Webkul/Velocity/publishable/assets/images/banner.png
old mode 100755
new mode 100644
index c920c92d3..92b4c19cf
Binary files a/packages/Webkul/Velocity/publishable/assets/images/banner.png and b/packages/Webkul/Velocity/publishable/assets/images/banner.png differ
diff --git a/packages/Webkul/Velocity/publishable/assets/js/velocity.js b/packages/Webkul/Velocity/publishable/assets/js/velocity.js
index 77d2ce5fb..f3e879663 100644
--- a/packages/Webkul/Velocity/publishable/assets/js/velocity.js
+++ b/packages/Webkul/Velocity/publishable/assets/js/velocity.js
@@ -35818,12 +35818,22 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 //
 //
 //
+//
+//
+//
+//
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-    props: ['id', 'addClass', 'slidesCount', 'slidesPerPage', 'navigationEnabled', 'paginationEnabled'],
+    props: ['id', 'loop', 'timeout', 'autoplay', 'addClass', 'slidesCount', 'slidesPerPage', 'navigationEnabled', 'paginationEnabled'],
 
     data: function data() {
         return {};
+    },
+
+    methods: {
+        slideClicked: function slideClicked() {
+            debugger;
+        }
     }
 });
 
@@ -35844,9 +35854,13 @@ var render = function() {
         _vm.addClass
       ],
       attrs: {
-        perPage: parseInt(_vm.slidesPerPage),
         navigationEnabled: true,
-        paginationEnabled: true
+        paginationEnabled: true,
+        perPage: parseInt(_vm.slidesPerPage),
+        loop: _vm.loop == "true" ? true : false,
+        autoplay: _vm.autoplay == "true" ? true : false,
+        autoplayTimeout: _vm.timeout ? parseInt(_vm.timeout) : 2000,
+        "slide-click": "slideClicked"
       }
     },
     [
diff --git a/packages/Webkul/Velocity/src/Database/Seeders/VelocityMetaDataSeeder.php b/packages/Webkul/Velocity/src/Database/Seeders/VelocityMetaDataSeeder.php
index 8ff3f4771..6835df29e 100644
--- a/packages/Webkul/Velocity/src/Database/Seeders/VelocityMetaDataSeeder.php
+++ b/packages/Webkul/Velocity/src/Database/Seeders/VelocityMetaDataSeeder.php
@@ -14,7 +14,7 @@ class VelocityMetaDataSeeder extends Seeder
         DB::table('velocity_meta_data')->insert([
             'id' => 1,
 
-            'home_page_content' => "<p>@include('shop::home.advertisements.advertisement-four')@include('shop::home.featured-products') @include('shop::home.advertisements.advertisement-three') @include('shop::home.new-products') @include('shop::home.advertisements.advertisement-two')</p>",
+            'home_page_content' => "<p>@include('shop::home.advertisements.advertisement-four')@include('shop::home.featured-products') @include('shop::home.product-policy') @include('shop::home.advertisements.advertisement-three') @include('shop::home.new-products') @include('shop::home.advertisements.advertisement-two')</p>",
 
             'footer_left_content' => trans('velocity::app.admin.meta-data.footer-left-raw-content'),
 
@@ -22,7 +22,7 @@ class VelocityMetaDataSeeder extends Seeder
 
             'slider' => 1,
 
-            'subscription_bar_content' => '<div class="social-icons col-lg-6"><i class="fs24 within-circle rango-facebook" title="facebook"></i> <i class="fs24 within-circle rango-twitter" title="twitter"></i> <i class="fs24 within-circle rango-linked-in" title="linkedin"></i> <i class="fs24 within-circle rango-pintrest" title="Pinterest"></i> <i class="fs24 within-circle rango-youtube" title="Youtube"></i> <i class="fs24 within-circle rango-instagram" title="instagram"></i></div>',
+            'subscription_bar_content' => '<div class="social-icons col-lg-6 text-center"><a href="https://webkul.com" target="_blank" class="unset" rel="noopener noreferrer"><i class="fs24 within-circle rango-facebook" title="facebook"></i> </a> <a href="https://webkul.com" target="_blank" class="unset" rel="noopener noreferrer"><i class="fs24 within-circle rango-twitter" title="twitter"></i> </a> <a href="https://webkul.com" target="_blank" class="unset" rel="noopener noreferrer"><i class="fs24 within-circle rango-linked-in" title="linkedin"></i> </a> <a href="https://webkul.com" target="_blank" class="unset" rel="noopener noreferrer"><i class="fs24 within-circle rango-pintrest" title="Pinterest"></i> </a> <a href="https://webkul.com" target="_blank" class="unset" rel="noopener noreferrer"><i class="fs24 within-circle rango-youtube" title="Youtube"></i> </a> <a href="https://webkul.com" target="_blank" class="unset" rel="noopener noreferrer"><i class="fs24 within-circle rango-instagram" title="instagram"></i></a></div>',
 
             'product_policy' => '<div class="col-sm-4 col-xs-12 product-policy-wrapper"><div class="card"><div class="policy"><div class="left"><i class="rango-van-ship fs40"></i></div> <div class="right"><span class="font-setting fs20">Free Shippingon Order $20 or More</span></div></div></div></div> <div class="col-sm-4 col-xs-12 product-policy-wrapper"><div class="card"><div class="policy"><div class="left"><i class="rango-exchnage fs40"></i></div> <div class="right"><span class="font-setting fs20">ProductReplace &amp; Return Available </span></div></div></div></div> <div class="col-sm-4 col-xs-12 product-policy-wrapper"><div class="card"><div class="policy"><div class="left"><i class="rango-exchnage fs40"></i></div> <div class="right"><span class="font-setting fs20">ProductExchange and EMI Available </span></div></div></div></div>',
         ]);
diff --git a/packages/Webkul/Velocity/src/Resources/assets/js/UI/components/carousel.vue b/packages/Webkul/Velocity/src/Resources/assets/js/UI/components/carousel.vue
index 99d551e72..142b5d2b9 100644
--- a/packages/Webkul/Velocity/src/Resources/assets/js/UI/components/carousel.vue
+++ b/packages/Webkul/Velocity/src/Resources/assets/js/UI/components/carousel.vue
@@ -1,13 +1,17 @@
 <template>
     <carousel
-        :perPage="parseInt(slidesPerPage)"
         :navigationEnabled="true"
         :paginationEnabled="true"
-        :class="
-            [(navigationEnabled == 'hide') ? 'navigation-hide' : '',
+        :perPage="parseInt(slidesPerPage)"
+        :loop="loop == 'true' ? true : false"
+        :autoplay="autoplay == 'true' ? true : false"
+        :autoplayTimeout="timeout ? parseInt(timeout) : 2000"
+        :class="[
+            (navigationEnabled == 'hide') ? 'navigation-hide' : '',
             (paginationEnabled == 'hide') ? 'pagination-hide' : '',
-            addClass]
-        ">
+            addClass
+        ]"
+        slide-click="slideClicked">
 
         <slot
             v-for="index in slidesCount"
@@ -20,6 +24,9 @@
     export default {
         props: [
             'id',
+            'loop',
+            'timeout',
+            'autoplay',
             'addClass',
             'slidesCount',
             'slidesPerPage',
@@ -29,6 +36,12 @@
 
         data: function () {
             return {}
+        },
+
+        methods: {
+            slideClicked: function () {
+                debugger
+            }
         }
     }
 </script>
\ No newline at end of file
diff --git a/packages/Webkul/Velocity/src/Resources/assets/sass/components/app.scss b/packages/Webkul/Velocity/src/Resources/assets/sass/components/app.scss
index 2aad02478..aa07515e2 100644
--- a/packages/Webkul/Velocity/src/Resources/assets/sass/components/app.scss
+++ b/packages/Webkul/Velocity/src/Resources/assets/sass/components/app.scss
@@ -1718,10 +1718,17 @@
     .VueCarousel-dot--active {
         background-color: $theme-color !important;
     }
+
     .VueCarousel {
         .VueCarousel-inner {
             padding-top: 0;
         }
+
+        .VueCarousel-slide:not(:nth-of-type(1)) {
+            img {
+                display: none;
+            }
+        }
     }
 }
 
diff --git a/packages/Webkul/Velocity/src/Resources/assets/sass/components/footer.scss b/packages/Webkul/Velocity/src/Resources/assets/sass/components/footer.scss
index 38f149223..903ab6d70 100644
--- a/packages/Webkul/Velocity/src/Resources/assets/sass/components/footer.scss
+++ b/packages/Webkul/Velocity/src/Resources/assets/sass/components/footer.scss
@@ -186,6 +186,14 @@
         p {
             padding: 0px 20px;
         }
+
+        a {
+            color: unset;
+        }
+
+        a:hover {
+            color: $link-color;
+        }
     }
 
 }
\ No newline at end of file
diff --git a/packages/Webkul/Velocity/src/Resources/assets/sass/components/home.scss b/packages/Webkul/Velocity/src/Resources/assets/sass/components/home.scss
index 27b34e2b5..482a4f73a 100644
--- a/packages/Webkul/Velocity/src/Resources/assets/sass/components/home.scss
+++ b/packages/Webkul/Velocity/src/Resources/assets/sass/components/home.scss
@@ -21,11 +21,6 @@ body {
     background-image: url("../images/Icon-Arrow-Right.svg");
 }
 
-.banner-icon {
-    height: unset;
-    display: inline-block;
-}
-
 .card-product-image-container {
     height: 300px;
     min-height: 100px;
diff --git a/packages/Webkul/Velocity/src/Resources/views/home/slider.blade.php b/packages/Webkul/Velocity/src/Resources/views/home/slider.blade.php
index c993e5613..d4074f874 100644
--- a/packages/Webkul/Velocity/src/Resources/views/home/slider.blade.php
+++ b/packages/Webkul/Velocity/src/Resources/views/home/slider.blade.php
@@ -1,28 +1,53 @@
-<div class="slides-container">
-    <carousel-component
-        :slides-count="{{ ! empty($sliderData) ? sizeof($sliderData) : 1 }}"
-        slides-per-page="1"
-        navigation-enabled="hide">
+<slider-component></slider-component>
 
-        @if (! empty($sliderData))
-            @foreach ($sliderData as $index => $slider)
+@push('scripts')
+    <script type="text/x-template" id="slider-template">
+        <div class="slides-container">
+            <carousel-component
+                loop="true"
+                timeout="5000"
+                autoplay="true"
+                slides-per-page="1"
+                navigation-enabled="hide"
+                :slides-count="{{ ! empty($sliderData) ? sizeof($sliderData) : 1 }}">
 
-                <slide slot="slide-{{ $index }}">
-                    <a @if($slider['slider_path']) href="{{ $slider['slider_path'] }}" @endif>
+                @if (! empty($sliderData))
+                    @foreach ($sliderData as $index => $slider)
+
+                        <slide slot="slide-{{ $index }}">
+                            <a @if($slider['slider_path']) href="{{ $slider['slider_path'] }}" @endif>
+                                <img
+                                    class="col-12 no-padding banner-icon"
+                                    src="{{ url()->to('/') . '/storage/' . $slider['path'] }}" />
+                            </a>
+                        </slide>
+
+                    @endforeach
+                @else
+                    <slide slot="slide-0">
                         <img
+                            loading="lazy"
                             class="col-12 no-padding banner-icon"
-                            src="{{ url()->to('/') . '/storage/' . $slider['path'] }}" />
-                    </a>
-                </slide>
+                            src="{{ asset('/themes/velocity/assets/images/banner.png') }}" />
+                    </slide>
+                @endif
 
-            @endforeach
-        @else
-            <slide slot="slide-0">
-                <img
-                    class="col-12 no-padding banner-icon"
-                    src="{{ asset('themes/velocity/assets/images/banner.png') }}" />
-            </slide>
-        @endif
+            </carousel-component>
+        </div>
+    </script>
 
-    </carousel-component>
-</div>
\ No newline at end of file
+    <script type='text/javascript'>
+        (() => {
+            Vue.component('slider-component', {
+                template: '#slider-template',
+
+                mounted: function () {
+                    let banners = this.$el.querySelectorAll('img');
+                    banners.forEach(banner => {
+                        banner.style.display = 'block';
+                    });
+                }
+            })
+        })()
+    </script>
+@endpush
\ No newline at end of file