jaecoo-cihampelas/components/landing-page/video.tsx

31 lines
854 B
TypeScript

"use client";
import Image from "next/image";
export default function Video() {
return (
<section className="pt-10 bg-white">
<div className="relative mb-10 w-full h-[250px] sm:h-[400px] md:h-[600px]">
<Image
src={"/maintenance.png"}
alt="maintenance"
fill
className="object-cover"
priority
/>
</div>
<div className="relative w-full h-[500px] overflow-hidden">
<iframe
className="w-full h-full"
src="https://www.youtube.com/embed/qEfjAK4gVhU?autoplay=1&mute=1&loop=1&playlist=qEfjAK4gVhU"
title="YouTube video player"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
/>
</div>
</section>
);
}