93 lines
3.0 KiB
JavaScript
93 lines
3.0 KiB
JavaScript
'use client'
|
||
import Link from "next/link"
|
||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
||
import { Swiper, SwiperSlide } from "swiper/react"
|
||
|
||
const swiperOptions = {
|
||
modules: [Autoplay, Pagination, Navigation],
|
||
slidesPerView: 1,
|
||
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: 1,
|
||
// spaceBetween: 30,
|
||
},
|
||
767: {
|
||
slidesPerView: 1,
|
||
// spaceBetween: 30,
|
||
},
|
||
991: {
|
||
slidesPerView: 1,
|
||
// spaceBetween: 30,
|
||
},
|
||
1199: {
|
||
slidesPerView: 1,
|
||
// spaceBetween: 30,
|
||
},
|
||
1350: {
|
||
slidesPerView: 1,
|
||
// spaceBetween: 30,
|
||
},
|
||
}
|
||
}
|
||
export default function TestimonialSlider1() {
|
||
return (
|
||
<>
|
||
<Swiper {...swiperOptions} className="single-item-carousel owl-carousel owl-theme owl-dots-none owl-nav-none">
|
||
<SwiperSlide className="slide-item">
|
||
<div className="testimonial-block-one">
|
||
<div className="inner-box">
|
||
<div className="icon-box"><i className="icon-23"></i></div>
|
||
<p>"I am more than fully satisfied with the excellent service provided so carefully and so sincerely by each and every care giver."</p>
|
||
<h3>Barbara S</h3>
|
||
<span className="designation">Kelowna, BC</span>
|
||
</div>
|
||
</div>
|
||
</SwiperSlide>
|
||
<SwiperSlide className="slide-item">
|
||
<div className="testimonial-block-one">
|
||
<div className="inner-box">
|
||
<div className="icon-box"><i className="icon-23"></i></div>
|
||
<p>"We are confident leaving mother in NanoCare’s quality care! They deliver wonderful service with a personal touch!"</p>
|
||
<h3>Habib M</h3>
|
||
<span className="designation">Calgary</span>
|
||
</div>
|
||
</div>
|
||
</SwiperSlide>
|
||
<SwiperSlide className="slide-item">
|
||
<div className="testimonial-block-one">
|
||
<div className="inner-box">
|
||
<div className="icon-box"><i className="icon-23"></i></div>
|
||
<p>"My mom’s primary caregiver is wonderful, the nurse is wonderful, and the overall experience was awesome."</p>
|
||
<h3>Jennifer R</h3>
|
||
<span className="designation">Caregiving Daughter</span>
|
||
</div>
|
||
</div>
|
||
</SwiperSlide>
|
||
</Swiper>
|
||
</>
|
||
)
|
||
}
|