"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>
  );
}