60 lines
2.9 KiB
JavaScript
60 lines
2.9 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],
|
|
spaceBetween: 0,
|
|
effect: "fade",
|
|
loop: true,
|
|
autoplay: {
|
|
delay: 6000,
|
|
},
|
|
};
|
|
export default function HeroSlider() {
|
|
return (
|
|
<>
|
|
<Swiper {...swiperOptions}>
|
|
<SwiperSlide className="swiper-slide slider__single slider_home-2">
|
|
<div className="slider__bg" data-background="/assets/img/slider/slider_bg01.jpg" />
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col-lg-6">
|
|
<div className="slider__content">
|
|
<span className="sub-title">We Are Expert In This Field</span>
|
|
<h2 className="title">Transforming Dreams into Financial Reality</h2>
|
|
<p>Agilos helps you to convert your data into a strategic asset and get business insights Agilos helps you to convert.</p>
|
|
<Link href="/contact" className="btn">Free Consulting</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="slider__shape">
|
|
<img src="/assets/img/slider/slider_shape01.png" alt="" />
|
|
<img src="/assets/img/slider/slider_shape02.png" alt="" />
|
|
</div>
|
|
</SwiperSlide>
|
|
<SwiperSlide className="swiper-slide slider__single">
|
|
<div className="slider__bg" data-background="/assets/img/slider/slider_bg02.jpg" />
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col-lg-6">
|
|
<div className="slider__content">
|
|
<span className="sub-title">We Are Expert In This Field</span>
|
|
<h2 className="title">Transforming Dreams into Financial Reality</h2>
|
|
<p>Agilos helps you to convert your data into a strategic asset and get business insights Agilos helps you to convert.</p>
|
|
<Link href="/contact" className="btn">Free Consulting</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="slider__shape">
|
|
<img src="/assets/img/slider/slider_shape01.png" alt="" />
|
|
<img src="/assets/img/slider/slider_shape02.png" alt="" />
|
|
</div>
|
|
</SwiperSlide>
|
|
</Swiper>
|
|
</>
|
|
)
|
|
}
|