76 lines
3.4 KiB
JavaScript
76 lines
3.4 KiB
JavaScript
'use client'
|
|
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
|
import { Swiper, SwiperSlide } from "swiper/react"
|
|
|
|
const swiperOptions = {
|
|
modules: [Autoplay, Pagination, Navigation],
|
|
spaceBetween: 0,
|
|
loop: true,
|
|
slidesPerView: 1,
|
|
spaceBetween: 0,
|
|
autoplay: {
|
|
delay: 6000,
|
|
},
|
|
// Navigation arrows
|
|
navigation: {
|
|
nextEl: '.testimonial-button-next',
|
|
prevEl: '.testimonial-button-prev',
|
|
},
|
|
|
|
};
|
|
|
|
export default function TestimonialActiveTwoSlider() {
|
|
return (
|
|
<>
|
|
<Swiper {...swiperOptions}>
|
|
<SwiperSlide>
|
|
<div className="testimonial__item-three">
|
|
<div className="testimonial__rating testimonial__rating-two">
|
|
<i className="fas fa-star" />
|
|
<i className="fas fa-star" />
|
|
<i className="fas fa-star" />
|
|
<i className="fas fa-star" />
|
|
<i className="fas fa-star" />
|
|
</div>
|
|
<p>“ Morem ipsum dolor sit amet, consectetur adipiscing elita florai sum dolor sit amet, consecteture.Borem ipsum dolor sit amet, consectetur adipiscing elita Moremsit amet.</p>
|
|
<div className="testimonial__bottom">
|
|
<div className="testimonial__info-three">
|
|
<h4 className="title">Mr.Robey Alexa</h4>
|
|
<span>CEO, Moie Agency</span>
|
|
</div>
|
|
<div className="testimonial__icon">
|
|
<img src="/assets/img/icon/quote02.svg" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</SwiperSlide>
|
|
<SwiperSlide>
|
|
<div className="testimonial__item-three">
|
|
<div className="testimonial__rating testimonial__rating-two">
|
|
<i className="fas fa-star" />
|
|
<i className="fas fa-star" />
|
|
<i className="fas fa-star" />
|
|
<i className="fas fa-star" />
|
|
<i className="fas fa-star" />
|
|
</div>
|
|
<p>“ Morem ipsum dolor sit amet, consectetur adipiscing elita florai sum dolor sit amet, consecteture.Borem ipsum dolor sit amet, consectetur adipiscing elita Moremsit amet.</p>
|
|
<div className="testimonial__bottom">
|
|
<div className="testimonial__info-three">
|
|
<h4 className="title">Kristin Watson</h4>
|
|
<span>CEO,JAKS Shans</span>
|
|
</div>
|
|
<div className="testimonial__icon">
|
|
<img src="/assets/img/icon/quote02.svg" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</SwiperSlide>
|
|
</Swiper>
|
|
<div className="testimonial__nav-two">
|
|
<div className="testimonial-button-prev"><i className="flaticon-right-arrow" /></div>
|
|
<div className="testimonial-button-next"><i className="flaticon-right-arrow" /></div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|