import HomeMarquee from "@/components/HomeMarquee";
import { Play } from "lucide-react";

export function Video() {
  return (
    <>
      <div
        className="bg-[#1e1d1c] bg-fixed max-sm:bg-center"
        style={{ backgroundImage: "url(/images/home/videoBack.jpg)" }}
      >
        <div className="flex items-center justify-center bg-linear-to-t from-[#1e1d1c] to-[#1e1d1c02] h-80 w-full relative">
          <button className="bg-white text-[#dc2626] p-4 rounded-[50%]">
            <Play />
          </button>
        </div>
      </div>
      <div>
        <HomeMarquee />
      </div>
    </>
  );
}