import DotAnimatsiya from "@/components/dot/DotAnimatsiya";
import HomeMarquee from "@/components/HomeMarquee";
import { Play } from "lucide-react";
import { useTranslations } from "next-intl";

export function Video() {
  const t = useTranslations();
  return (
    <>
      <div
        className="bg-[#1e1d1c] bg-fixed max-sm:bg-center"
        style={{ backgroundImage: "url(/images/img7.jpg)" }}
      >
        <div className="flex flex-col items-center justify-center bg-linear-to-t from-[#1e1d1c] to-[#1e1d1c02] h-80 w-full relative">
          <div className="flex items-center gap-2 w-fit text-white ">
            <DotAnimatsiya />
            <span className="text-sm font-semibold tracking-wide font-almarai">
              {t("rasmlar")}
            </span>
          </div>
          <h1 className="font-unbounded uppercase text-4xl bg-linear-to-br from-white via-white to-black
  text-transparent bg-clip-text sm:text-5xl lg:text-6xl font-bold leading-tight text-pretty">
            {t("fotogalereya")}
          </h1>
        </div>
      </div>
      <div>
        <HomeMarquee />
      </div>
    </>
  );
}