Components
Loading preview...
Here is Card component
@ShadcnStudio
npx shadcn@latest add https://21st.dev/r/ShadcnStudio/card-studioimport { Card, CardContent, CardHeader, CardDescription, CardTitle } from '@/components/ui/card'
const CardBottomImageDemo = () => {
return (
<Card className='max-w-md pb-0'>
<CardHeader>
<CardTitle>Fluid Gradient Flow</CardTitle>
<CardDescription>A vibrant and abstract background with smooth gradient curves.</CardDescription>
</CardHeader>
<CardContent className='px-0'>
<img
src='https://cdn.shadcnstudio.com/ss-assets/components/card/image-1.png?height=280&format=auto'
alt='Banner'
className='aspect-video h-70 rounded-b-xl object-cover'
/>
</CardContent>
</Card>
)
}
export default CardBottomImageDemo