Files
shop-front/src/app/home/components/Carousel.tsx
T
hamid zarghami b224b0c521 product card
2025-08-07 14:52:45 +03:30

25 lines
787 B
TypeScript

'use client'
import { FC } from 'react'
import { Swiper, SwiperSlide } from 'swiper/react';
import { Pagination } from 'swiper/modules';
const Carousel: FC = () => {
return (
<div className='mt-5 relative' style={{ zIndex: 0 }}>
<Swiper pagination={true} modules={[Pagination]} className="mySwiper pb-5" style={{ zIndex: 0, position: 'relative' }}>
<SwiperSlide>
<div className='h-[400px] bg-red-50'>
1
</div>
</SwiperSlide>
<SwiperSlide>
<div className='h-[400px] bg-red-50'>
1
</div>
</SwiperSlide>
</Swiper>
</div>
)
}
export default Carousel