Image Carousel

import ImagePile from "@/components/ui/image-carousel";


export default function DemoOne() {
  const sampleImages = [
    "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1200&h=800&fit=crop&crop=center",
    "https://images.unsplash.com/photo-1439066615861-d1af74d74000?w=1200&h=800&fit=crop&crop=center",
    "https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=1200&h=800&fit=crop&crop=center",
    "https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=1200&h=800&fit=crop&crop=center",
    "https://images.unsplash.com/photo-1473580044384-7ba9967e16a0?w=1200&h=800&fit=crop&crop=center",
  ]

  return (
    <main className="w-full min-h-screen bg-background dark:bg-black flex items-center justify-center p-8">
      <div className="text-center">
        <h1 className="font-bold text-foreground mb-20 text-5xl overline">Image Carousel</h1>
        <ImagePile images={sampleImages} speed={3} />
      </div>
    </main>
  )
}