video added into hero banner

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));

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>
           ))}