import ImageSlider from "@/components/custom/ImageSlider";

const SliderPage = () => {
  const images = [
    "/assets/1.png",
    "/assets/2.png",
    "/assets/3.png",
    "/assets/4.png",
    "/assets/5.png",
    "/assets/6.png",
    "/assets/7.png",
    "/assets/8.png",
    "/assets/9.png",
    "/assets/10.png",
    "/assets/11.png",
    "/assets/12.png",
    "/assets/13.png",
    "/assets/14.png",
    "/assets/15.png",
    "/assets/16.png",
    "/assets/17.png",
    "/assets/18.png",
    "/assets/19.png",
    "/assets/20.png",
    "/assets/21.png",
    "/assets/22.png",
    "/assets/23.png",
    "/assets/24.png",
    "/assets/25.png",
    "/assets/26.png",
    "/assets/27.png",
    "/assets/28.png",
    "/assets/29.png",
    "/assets/30.png",
    "/assets/31.png",
    "/assets/32.png",
    "/assets/33.png",
    "/assets/34.png",
    "/assets/35.png",
    "/assets/36.png",
    "/assets/37.png",
    "/assets/38.png",
    "/assets/39.png",
    "/assets/40.png",
    "/assets/41.png",
    "/assets/42.png",
    "/assets/43.png",
    "/assets/44.png",
    "/assets/45.png",
    "/assets/46.png",
    "/assets/47.png",
    "/assets/48.png",
    "/assets/49.png",
  ];

  return (
    <div className="container mx-auto px-4 py-8">
      <h1 className="text-3xl font-bold text-center mb-8">Mockups</h1>
      <ImageSlider images={images} />
    </div>
  );
};

export default SliderPage;