swiper loop slide

1 files changed, 10 insertions, 9 deletions

diff --git a/src/lib/home/components/HeroBanner.jsx b/src/lib/home/components/HeroBanner.jsx
index 50cfc0ff..889bb2ce 100644
--- a/src/lib/home/components/HeroBanner.jsx
+++ b/src/lib/home/components/HeroBanner.jsx
@@ -15,22 +15,23 @@ import Link from '@/core/components/elements/Link/Link'
 const HeroBanner = () => {
   const { heroBanners } = useHeroBanner()
 
-  const swiperBannerMobile = {
-    pagination: { dynamicBullets: true, clickable: true },
+  const swiperBanner = {
     autoplay: {
       delay: 6000,
       disableOnInteraction: false
     },
-    modules: [Pagination, Autoplay]
+    modules: [Pagination, Autoplay],
+    loop: true
+  }
+
+  const swiperBannerMobile = {
+    ...swiperBanner,
+    pagination: { dynamicBullets: true, clickable: true }
   }
 
   const swiperBannerDesktop = {
-    pagination: { dynamicBullets: false, clickable: true },
-    autoplay: {
-      delay: 6000,
-      disableOnInteraction: false
-    },
-    modules: [Pagination, Autoplay]
+    ...swiperBanner,
+    pagination: { dynamicBullets: false, clickable: true }
   }
 
   return (