import Link from "next/link";
import Image from "next/image";
import { EmblaCarousel } from "./carousel";

export default function Home() {
  return (
    <main>
      <div className="flex flex-col relative justify-center items-center">
        <div className="flex relative w-full h-[100svh]">
          <Image
            src="/img01.webp"
            alt="nav image"
            priority
            fill
            style={{ objectFit: "cover", objectPosition: "center" }}
            quality={100}
            className="brightness-[20%] "
          />
        </div>
        <div className="flex w-full items-center justify-center">
          <EmblaCarousel />
        </div>
      </div>
    </main>
  );
}