An animated carousel component for showcasing features with smooth transitions and interactive elements
import { FeatureCarousel } from "@/components/ui/animated-feature-carousel";
export default function App() {
const images: ImageSet = {
alt: "Feature screenshot",
step1img1: "https://cdn.21st.dev/assets/mirror/d8/d8e1dfde5a202b0b2de53c5b68afc54aa2afdc0e17b0ae023d0546ea0ad89e93.jpg",
step1img2: "https://cdn.21st.dev/assets/mirror/46/4656f856681ccd9482b66292cd1f69cbe5d12d9ead63f10a35bac6507a82b2a8.jpg",
step2img1: "https://cdn.21st.dev/assets/mirror/0b/0b4703238ef6793aa0c4e75cf993a2033dce18eba7a6287fb52da29bc60b0a8b.jpg",
step2img2: "https://cdn.21st.dev/assets/mirror/bd/bdbf06e9373925e3eae9736b4e6f601529347e301f0ae682bdade3c130634ef1.jpg",
step3img: "https://cdn.21st.dev/assets/mirror/1a/1a6654bf679a5d9afe7c0b94c3455d3e08600d54e89f4d7ea2779a5bd3b3982c.jpg",
step4img: "https://cdn.21st.dev/assets/mirror/3e/3ebc1ea83b471e33491733985a9bc5e2cc7792910bad2d89cd7be307f0d9f6a2.jpg",
};
return (
<div className="w-full font-sans">
<FeatureCarousel
image={images}
/>
</div>
);
}