Solar Carousel

import { SolarCarousel } from "@/components/community/demos/SolarCarousel";

  export default function Demo() {
    // Add your own custom card content here to render in the 3D orbit
    const myCustomCards = [
      { id: 1, title: "FIRST", tag: "Design", color: "#ff5c71", description: "My custom component description." },
      { id: 2, title: "SECOND", tag: "Code", color: "#7fff5e", description: "Copy and customize this easily." },
      { id: 3, title: "THIRD", tag: "Deploy", color: "#00f0ff", description: "Run it on your project root." }
    ];

    return (
      <div className="w-full">
        <SolarCarousel 
          radius={200}
          tilt={65}
          items={myCustomCards}
        />
      </div>
    );
  }