Components
Components/Image Card

Image Card

A linked card with an image, title, subtitle, and description.

Hero image

Ruturaj Chaubey | January 20, 2026

Professional services

Get tailored guidance from Stripe on implementation, complex integrations, or major migrations.

Installation

pnpm dlx shadcn@latest add https://orbit.ruturaj.xyz/r/image-card.json

Usage

import { ImageCard } from "@/components/image-card"

export default function Page() {
  return (
    <ImageCard
      title="Professional services"
      description="Get tailored guidance on implementation."
      imageSrc="/hero.jpg"
      imageAltText="Hero image"
      cardLink="#"
      subTitle="Author | January 20, 2026"
    />
  )
}

Examples

Default

A clean image card with title, subtitle, and description.

Background

An image card with a filled background and subtle shadow.