47 lines
1.8 KiB
JavaScript
47 lines
1.8 KiB
JavaScript
'use client'
|
|
import React, { useState } from 'react';
|
|
import Link from "next/link";
|
|
import Image from "next/image";
|
|
|
|
|
|
import ModalVideo from 'react-modal-video'
|
|
export default function Video() {
|
|
const [isOpen, setOpen] = useState(false)
|
|
return (
|
|
<>
|
|
<section className="video-section p_relative">
|
|
<div className="bg-layer parallax-bg" data-parallax='{"y": 100}'>
|
|
<Image
|
|
// loader={exportableLoader}
|
|
src="/assets/images/home/make-an-appointment/make-an-appopintment-bg.webp"
|
|
alt="Physiotherapy at Rapharehab"
|
|
fill
|
|
style={{ objectFit: "cover" }}
|
|
/>
|
|
</div>
|
|
|
|
|
|
<figure className="image-layer"><img src="/assets/images/home/make-an-appointment/make-an-appopintment-right.webp" alt="Schedule Your Consultation" /></figure>
|
|
<div className="auto-container">
|
|
<div className="inner-box">
|
|
{/* <div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-17.png)' }}></div> */}
|
|
{/* <div className="video-btn">
|
|
<a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
|
|
<span className="border-animation border-1"></span>
|
|
<span className="border-animation border-2"></span>
|
|
<span className="border-animation border-3"></span>
|
|
</a>
|
|
</div> */}
|
|
<h2>Talk to Our Physiotherapy <br /> Experts - Anytime, Anywhere.</h2>
|
|
<div className="btn-box">
|
|
<Link href="/contact" className="theme-btn btn-one" aria-label="Schedule your consultation"><span>Schedule Your Consultation</span></Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<ModalVideo channel='youtube' autoplay isOpen={isOpen} videoId="nfP5N9Yc72A" onClose={() => setOpen(false)} />
|
|
</>
|
|
);
|
|
};
|
|
|