Components
Loading preview...
Flight Card A visually polished card component to display flight details, complete with animations and theme support.
@ravikatiyar
npx shadcn@latest add https://21st.dev/r/ravikatiyar162/flight-card-1import { FlightCard } from "@/components/ui/flight-card-1"; // Adjust the import path
export default function FlightCardDemo() {
const flightData = {
imageUrl: "https://images.unsplash.com/photo-1529074963764-98f45c47344b?q=80&w=2070&auto=format&fit=crop",
airline: "Lion Air",
flightCode: "JT 880",
flightClass: "Economy",
departureCode: "SUB",
departureCity: "Surabaya",
departureTime: "08:45 PM",
arrivalCode: "SIN",
arrivalCity: "Singapore",
arrivalTime: "12:10 AM",
duration: "3 Hours 25 Minutes",
};
return (
<div className="flex min-h-[500px] w-full items-center justify-center bg-background p-4">
<FlightCard {...flightData} />
</div>
);
}