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

 

export default function VideoHomeFour() {
    const videoSectionRef = useJarallax(0.3);
  
  return (
    <div className="mtvideo__area mtvideo__2 pt-40 pb-80 ">
      <div className="container">
        <div className="mtvideo__wrapper mtvideo__space-2 mtvideo__bg jarallax" ref={videoSectionRef}
          data-background="" style={{ backgroundImage: `url(/assets/img/video/video-bg-2.jpg)` }}>
          <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>
    </div>
  )
}
