From 0f4cd2b3740e4d8a6b594643cd63f7ab85542ac6 Mon Sep 17 00:00:00 2001
From: Batyr <awbatyr@gmail.com>
Date: Fri, 21 Nov 2025 15:28:26 +0500
Subject: [PATCH] video added into hero banner

---
 components/shared/Header.tsx |  2 --
 components/shared/Slider.tsx | 26 +++++++++++++++++---------
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/components/shared/Header.tsx b/components/shared/Header.tsx
index b4fed45..a124617 100644
--- a/components/shared/Header.tsx
+++ b/components/shared/Header.tsx
@@ -18,7 +18,6 @@ import { useAppDispatch, useAppSelector } from "@/redux/hooks";
 import { selectHeader, setShowInput } from "@/redux/slices/headerSlice";
 import { selectBurger, setBurgerOpen } from "@/redux/slices/burgerSlice";
 import { useStorage } from "@/hooks/useStorage";
-import { usePathname, useRouter } from "next/navigation";
 
 export const Header = () => {
   const dispatch = useAppDispatch();
@@ -26,7 +25,6 @@ export const Header = () => {
   const { burgerOpen } = useAppSelector(selectBurger);
   const { activeLang } = useAppSelector(selectHeader);
   const [activeLink, setActiveLink] = useState("");
-  const pathname = usePathname();
 
   const toggleMenu = () => {
     dispatch(setBurgerOpen(!burgerOpen));
diff --git a/components/shared/Slider.tsx b/components/shared/Slider.tsx
index f3a573f..7e4add3 100644
--- a/components/shared/Slider.tsx
+++ b/components/shared/Slider.tsx
@@ -59,7 +59,7 @@ export const Slider = ({ lang }: { lang: string }) => {
       <Swiper
         modules={[Autoplay, Pagination]}
         loop
-        autoplay={{ delay: 3000 }}
+        autoplay={{ delay: 5000 }}
         speed={5000}
         slidesPerView={1}
         slidesPerGroup={1}
@@ -73,14 +73,22 @@ export const Slider = ({ lang }: { lang: string }) => {
                 target="_blank"
                 className="size-full"
               >
-                <Image
-                  ref={imgRef}
-                  height={600}
-                  width={1920}
-                  src={item?.image}
-                  alt={item?.title}
-                  className="object-contain size-full"
-                />
+                {item.image.includes(".mp4") ? (
+                  <video
+                    src={item.image}
+                    className="size-full object-cover"
+                    autoPlay
+                  />
+                ) : (
+                  <Image
+                    ref={imgRef}
+                    height={600}
+                    width={1920}
+                    src={item?.image}
+                    alt={item?.title}
+                    className="object-contain size-full"
+                  />
+                )}
               </Link>
             </SwiperSlide>
           ))}