fix: fix swiper

Author: anyulled

src/views/Home/components/SpeakersCarousel/SpeakerSwiper.tsx

@@ -1,5 +1,5 @@
 import React, {FC} from "react";
-import {Parallax} from "swiper";
+import {Autoplay, Parallax} from "swiper";
 import {Swiper, SwiperSlide} from "swiper/react";
 import styled from "styled-components";
 import {Color} from "../../../../styles/colors";
@@ -53,15 +53,15 @@ const SpeakerSwiper: FC<React.PropsWithChildren<unknown>> = () => {
             {isLoading && <p>Loading</p>}
             {conferenceData.carrousel.enabled && cachedSpeakers && (
                 <Swiper
-                    /*autoplay={{
-                      delay: 5000,
-                      disableOnInteraction: true,
-                    }}*/
+                    autoplay={{
+                        delay: 500,
+                        disableOnInteraction: true,
+                    }}
                     slidesPerView={1}
                     spaceBetween={7}
                     speed={5000}
                     parallax={true}
-                    //loop={true}
+                    loop={true}
                     grabCursor={true}
                     breakpoints={{
                         340: {
@@ -76,14 +76,14 @@ const SpeakerSwiper: FC<React.PropsWithChildren<unknown>> = () => {
                         },
                         1024: {
                             width: 1024,
-                            slidesPerView: 5,
+                            slidesPerView: 4,
                             centeredSlides: true,
                             spaceBetween: 30,
                             autoHeight: true,
                         },
                     }}
                     centeredSlides={true}
-                    modules={[/*Autoplay,*/ Parallax]}
+                    modules={[Autoplay, Parallax]}
                     className="mySwiper"
                 >
                     {cachedSpeakers.map((speaker:ISpeaker) => (