// import { Button } from "@/components/ui/button";
// import Link from "next/link";
import EmblaCarousel from "../shared/EmblaCarousel";
import { EmblaOptionsType } from "embla-carousel";

const OPTIONS: EmblaOptionsType = { loop: true, duration: 30 };
// const SLIDE_COUNT = 5;
const SLIDES = [
  "IMG_0517_11zon.jpg",
  "IMG_0525_11zon.jpg",
  "IMG_0526_11zon.jpg",
  "IMG_0392_11zon.jpg",
  "IMG_0487_11zon.jpg",

]

const Hero = () => {
  return (
    <>
      <div className="overflow-x-hidden relative">
        <EmblaCarousel slides={SLIDES} options={OPTIONS} />
      </div>
    </>
  );
};

export default Hero;
