You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
572 B
20 lines
572 B
import Video from "../elements/video" |
|
|
|
const LargeVideo = ({ data }) => { |
|
return ( |
|
<section className="container flex flex-col align-middle text-center pt-12 pb-16"> |
|
<h2 className="title mb-6">{data.title}</h2> |
|
<p className="text-lg mb-10">{data.description}</p> |
|
{/* Video wrapper */} |
|
<div className="w-full lg:w-9/12 mx-auto overflow-hidden shadow-2xl"> |
|
<Video |
|
media={data.video} |
|
poster={data.poster} |
|
className="w-full max-h-full" |
|
/> |
|
</div> |
|
</section> |
|
) |
|
} |
|
|
|
export default LargeVideo
|
|
|