Components
Loading preview...
This HomeSection component is a responsive, GSAP-animated carousel section that showcases a series of cards with smooth scaling and directional transitions.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/home-sectionimport HomeSection from "@/components/ui/home-section";
export default function DemoOne() {
// const exampleCards = [
// { src: "https://ruixen.com/ruixen-website.png", alt: "UI Kit" },
// { src: "https://ruixen.com/ruixen-website.png", alt: "Dashboard" },
// { src: "https://ruixen.com/ruixen-website.png", alt: "Forms" },
// { src: "https://ruixen.com/ruixen-website.png", alt: "Charts" },
// { src: "https://ruixen.com/ruixen-website.png", alt: "Components" },
// ];
return (
<main>
<HomeSection
// category="Innovation Meets Simplicity"
// title="Build Exceptional Interfaces"
// subtitle="Use our component library powered by Shadcn UI & Tailwind CSS to craft beautiful, fast, and accessible UIs."
// cards={exampleCards}
/>
</main>
);
}