import { useJarallax } from "../../../hooks/useJarallax";
import VideoPopup from "../../../modal/VideoPopup";

 

export default function VideoHomeFive() {
  const videoSectionRef = useJarallax(0.3);
  return (
    <div className="mtvideo__area mtvideo__space mtvideo__2 mtvideo__bg jarallax"
      ref={videoSectionRef} style={{ backgroundImage: `url(/assets/img/video/video-bg-1.jpg)` }}>
      <div className="container">
        <div className="row">
          <div className="col-xl-12">
            <div className="mtvideo__play text-center">
              <VideoPopup>
              <a className="popup-video" href="#"><span><i
                className="fa-solid fa-play"></i></span></a>
              </VideoPopup>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}
