ChiefSoftLab/MARTEX-Docker
1
0
Fork 0
Code Issues Pull Requests Releases Activity

first commit

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2024-12-23 05:09:28 -05:00
commit d848bcd61c
971 changed files with 172537 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/slider/BrandSlider2.js
+100
View File
@@ -0,0 +1,100 @@
import Link from "next/link"
import { Autoplay } from "swiper/modules"
import { Swiper, SwiperSlide } from "swiper/react"
const swiperOptions = {
modules: [Autoplay],
slidesPerView: 6,
// spaceBetween: 30,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
loop: true,
breakpoints: {
320: {
slidesPerView: 2,
// 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 BrandSlider2() {
return (
<>
{/* <Swiper {...swiperOptions}>
<SwiperSlide>
</SwiperSlide>
</Swiper> */}
<Swiper {...swiperOptions} className="brands-carousel-6">
{/* BRAND LOGO IMAGE */}
<SwiperSlide className="brand-logo">
<Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-1.png" alt="brand-logo" /></Link>
<Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-1-white.png" alt="brand-logo" /></Link>
</SwiperSlide>
{/* BRAND LOGO IMAGE */}
<SwiperSlide className="brand-logo">
<Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-2.png" alt="brand-logo" /></Link>
<Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-3-white.png" alt="brand-logo" /></Link>
</SwiperSlide>
{/* BRAND LOGO IMAGE */}
<SwiperSlide className="brand-logo">
<Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-4.png" alt="brand-logo" /></Link>
<Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-4-white.png" alt="brand-logo" /></Link>
</SwiperSlide>
{/* BRAND LOGO IMAGE */}
<SwiperSlide className="brand-logo">
<Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-5.png" alt="brand-logo" /></Link>
<Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-5-white.png" alt="brand-logo" /></Link>
</SwiperSlide>
{/* BRAND LOGO IMAGE */}
<SwiperSlide className="brand-logo">
<Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-6.png" alt="brand-logo" /></Link>
<Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-6-white.png" alt="brand-logo" /></Link>
</SwiperSlide>
{/* BRAND LOGO IMAGE */}
<SwiperSlide className="brand-logo">
<Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-7.png" alt="brand-logo" /></Link>
<Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-7-white.png" alt="brand-logo" /></Link>
</SwiperSlide>
{/* BRAND LOGO IMAGE */}
<SwiperSlide className="brand-logo">
<Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-8.png" alt="brand-logo" /></Link>
<Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-8-white.png" alt="brand-logo" /></Link>
</SwiperSlide>
{/* BRAND LOGO IMAGE */}
<SwiperSlide className="brand-logo">
<Link href="#"><img className="img-fluid light-theme-img" src="/images/brand-9.png" alt="brand-logo" /></Link>
<Link href="#"><img className="img-fluid dark-theme-img" src="/images/brand-9-white.png" alt="brand-logo" /></Link>
</SwiperSlide>
</Swiper>
</>
)
}