carousel and header

2025-08-05 14:47:41 +03:30
parent 76500fb337
commit 19b3812ae6
6 changed files with 83 additions and 30 deletions
@@ -0,0 +1,25 @@
+'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'>
+            <Swiper pagination={true} modules={[Pagination]} className="mySwiper pb-5">
+                <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