87 lines
2.5 KiB
JavaScript
87 lines
2.5 KiB
JavaScript
|
||
import { Autoplay, Navigation, Pagination } from "swiper"
|
||
import ClientSlider from "../slider/ClientSlider"
|
||
|
||
const swiperOptions = {
|
||
modules: [Autoplay, Pagination, Navigation],
|
||
slidesPerView: 6,
|
||
spaceBetween: 30,
|
||
autoplay: {
|
||
delay: 2500,
|
||
disableOnInteraction: false,
|
||
},
|
||
loop: true,
|
||
|
||
// Navigation
|
||
navigation: {
|
||
nextEl: '.h1n',
|
||
prevEl: '.h1p',
|
||
},
|
||
|
||
// Pagination
|
||
pagination: {
|
||
el: '.swiper-pagination',
|
||
clickable: true,
|
||
},
|
||
|
||
breakpoints: {
|
||
320: {
|
||
slidesPerView: 1,
|
||
spaceBetween: 30,
|
||
},
|
||
575: {
|
||
slidesPerView: 3,
|
||
spaceBetween: 30,
|
||
},
|
||
767: {
|
||
slidesPerView: 4,
|
||
spaceBetween: 30,
|
||
},
|
||
991: {
|
||
slidesPerView: 5,
|
||
spaceBetween: 30,
|
||
},
|
||
1199: {
|
||
slidesPerView: 6,
|
||
spaceBetween: 30,
|
||
},
|
||
1350: {
|
||
slidesPerView: 6,
|
||
spaceBetween: 30,
|
||
},
|
||
}
|
||
}
|
||
export default function Client2() {
|
||
return (
|
||
<>
|
||
<section className="client-section">
|
||
{/*-============spacing==========-*/}
|
||
<div className="pd_top_90" />
|
||
{/*-============spacing==========-*/}
|
||
<div className="container-fluid">
|
||
<div className="row">
|
||
<div className="col-lg-12">
|
||
<div className="section_title text-center type_four">
|
||
<h4 className="sm_title"> Popular Global Clients</h4>
|
||
<div className="title_whole">
|
||
<h2 className="title"> We’ve 1520+Global Premium Clients</h2>
|
||
</div>
|
||
{/*-============spacing==========-*/}
|
||
<div className="pd_bottom_40" />
|
||
{/*-============spacing==========-*/}
|
||
</div>
|
||
<div className="nav_false dot_false">
|
||
<ClientSlider />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{/*-============spacing==========-*/}
|
||
<div className="pd_bottom_70" />
|
||
{/*-============spacing==========-*/}
|
||
</section>
|
||
|
||
</>
|
||
)
|
||
}
|