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,6 +73,13 @@ export const Slider = ({ lang }: { lang: string }) => {
                 target="_blank"
                 className="size-full"
               >
+                {item.image.includes(".mp4") ? (
+                  <video
+                    src={item.image}
+                    className="size-full object-cover"
+                    autoPlay
+                  />
+                ) : (
                   <Image
                     ref={imgRef}
                     height={600}
@@ -81,6 +88,7 @@ export const Slider = ({ lang }: { lang: string }) => {
                     alt={item?.title}
                     className="object-contain size-full"
                   />
+                )}
               </Link>
             </SwiperSlide>
           ))}