1import { AngledSlider } from "@/components/lightswind/angled-slider";
2
3export function AngledSliderDemo() {
4 const images = [
5 {
6 id: 1,
7 url: "https://images.unsplash.com/photo-1554080353-a576cf803bda?auto=format&fit=crop&w=1000&q=80",
8 title: "Mountain View",
9 },
10 {
11 id: 2,
12 url: "https://images.unsplash.com/photo-1505144808419-1957a94ca61e?auto=format&fit=crop&w=1000&q=80",
13 title: "Ocean Breeze",
14 },
15 {
16 id: 3,
17 url: "https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?auto=format&fit=crop&w=1000&q=80",
18 title: "Forest Mist",
19 },
20 {
21 id: 4,
22 url: "https://images.unsplash.com/photo-1472214103451-9374bd1c798e?auto=format&fit=crop&w=1000&q=80",
23 title: "Canyon Echo",
24 },
25 {
26 id: 5,
27 url: "https://images.unsplash.com/photo-1472214103451-9374bd1c798e?auto=format&fit=crop&w=1000&q=80",
28 title: "Canyon Echo",
29 },
30 {
31 id: 6,
32 url: "https://images.unsplash.com/photo-1472214103451-9374bd1c798e?auto=format&fit=crop&w=1000&q=80",
33 title: "Canyon Echo",
34 },
35 ];
36
37 return <AngledSlider items={images} speed={30} />;
38}
