Fixing

1 files changed, 13 insertions, 7 deletions

diff --git a/src/pages/index.js b/src/pages/index.js
index dd81e817..65999ff6 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -18,6 +18,15 @@ import Footer from "@/components/layouts/Footer";
 import Image from "@/components/elements/Image";
 import ProductCategories from "@/components/products/ProductCategories";
 
+const swiperBanner = {
+  pagination: { dynamicBullets: true },
+  autoplay: {
+    delay: 6000,
+    disableOnInteraction: false
+  },
+  modules: [Pagination, Autoplay]
+}
+
 export async function getServerSideProps() {
   const heroBanners = await apiOdoo('GET', `/api/v1/banner?type=index-a-1`);
 
@@ -48,12 +57,9 @@ export default function Home({ heroBanners }) {
       <Layout>
         <Swiper 
           slidesPerView={1} 
-          pagination={{dynamicBullets: true}} 
-          modules={[Pagination, Autoplay]}
-          autoplay={{
-            delay: 6000,
-            disableOnInteraction: false
-          }}
+          pagination={swiperBanner.pagination} 
+          modules={swiperBanner.modules}
+          autoplay={swiperBanner.autoplay}
         >
           {
             heroBanners?.map((banner, index) => (
@@ -79,7 +85,7 @@ export default function Home({ heroBanners }) {
             }
           </Swiper>
         </div>
-        <div className="my-6 p-4 pt-0">
+        <div className="my-6 p-4 py-0">
           <h2 className="mb-4">Produk Populer</h2>
           <ProductSlider products={popularProducts} simpleProductTitleLine />
         </div>